@charset "UTF-8";
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #fff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated-slow {
  animation-duration: 3s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
@keyframes smallflash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0.8;
  }
}
.smallflash {
  animation-name: smallflash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
  animation-duration: 0.75s;
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
  animation-duration: 0.75s;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  animation-duration: 0.75s;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
  animation-duration: 0.75s;
}
@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1;
  }
  100% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  0% {
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    transform: translateY(0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    transform: translateX(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  0% {
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    transform: translateY(0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  0% {
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    transform: translateY(100%);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    transform: translateX(-100%);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    transform: translateX(100%);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    transform: translateY(-100%);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}

.clearfix:after, .report-incident__settings:after, .page-followup .followup-presets:after, .page-followup .filters-container.box-col:after, .modal.edit-modal .modal-body .modal-split:after, .worktime-activity .row:after, .worktime-activity .editor:after, .filtration-presets:after, .notification-subscription .user-list-add:after, .notification-subscription:after, .google-map-link:after, .editor-toolbar:after, .editor .main-area .field-edit-mode:after, .editor .main-area .field-head:after, .editor .tools-area .check-holder:after,
.editor .tools-area .check-holder-control-point:after,
.editor .tools-area .check-holder-deviation:after,
.editor .tools-area .check-holder-component:after,
.editor .tools-area .templates-holder:after,
.editor .tools-area .components-holder:after, .panel:after, .form-actions-wrapper:after, form.form-split:after, form.form .form-create:after, .box.box-stats .stats-row:after, .box .box-content .box-content-actions:after, .box .box-tabs:after, .row:after, .editor:after {
  content: "";
  display: table;
  clear: both;
}

a.nostyle:link, ul.selector li a:link, .box .box-tabs a:link {
  text-decoration: inherit;
  color: inherit;
  cursor: auto;
}

a.nostyle:visited, ul.selector li a:visited, .box .box-tabs a:visited {
  text-decoration: inherit;
  color: inherit;
  cursor: auto;
}

a.nostylewithcursor:link, h1.page-title a.crumb:link {
  text-decoration: inherit;
  color: inherit;
  cursor: pointer;
}

a.nostylewithcursor:visited, h1.page-title a.crumb:visited {
  text-decoration: inherit;
  color: inherit;
  cursor: pointer;
}

.ul-reset, .page-payment-settings .custom-fields .metafield .metafield-alternatives ul, .card-list, .todo-list ul, .company-flags, .pagination ul, .item-list .sub-item-list, .item-list .subcategory, .item-list, .notifications-selector-container .notifications-selector ul, ul.selector, .nav ul, .site-header ul.shortcuts {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.text-reset, .sortable-dropdown, ul.selector, body {
  font: 400 12px/2em "Open Sans", sans-serif;
  color: #424242;
  text-transform: none;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.thin {
  font-weight: normal;
}

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

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

.shadow, .object-picker__items, .tags-picker__items, .category-picker__items, .tutorial .tutorial-step .step-video, .panel, .table-full, .table-full-performed-checks, .table-alt, h1.page-title, .site-header {
  box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.2);
}

.shadow-lg, .box--collapsed .box-toggler .btn-add {
  box-shadow: 0px 4px 3px 0px rgba(50, 50, 50, 0.2);
}

.clearfix, .report-incident__settings, .page-followup .followup-presets, .page-followup .filters-container.box-col, .modal.edit-modal .modal-body .modal-split, .worktime-activity .row, .worktime-activity .editor, .filtration-presets, .notification-subscription .user-list-add, .notification-subscription, .google-map-link, .editor-toolbar, .editor .main-area .field-edit-mode, .editor .main-area .field-head, .editor .tools-area .check-holder,
.editor .tools-area .check-holder-control-point,
.editor .tools-area .check-holder-deviation,
.editor .tools-area .check-holder-component,
.editor .tools-area .templates-holder,
.editor .tools-area .components-holder, .panel, .form-actions-wrapper, form.form-split, form.form .form-create, .box.box-stats .stats-row, .box .box-content .box-content-actions, .box .box-tabs, .row, .editor {
  overflow: auto;
  zoom: 1;
  clear: both;
}
.clearfix:before, .report-incident__settings:before, .page-followup .followup-presets:before, .page-followup .filters-container.box-col:before, .modal.edit-modal .modal-body .modal-split:before, .worktime-activity .row:before, .worktime-activity .editor:before, .filtration-presets:before, .notification-subscription .user-list-add:before, .notification-subscription:before, .google-map-link:before, .editor-toolbar:before, .editor .main-area .field-edit-mode:before, .editor .main-area .field-head:before, .editor .tools-area .check-holder:before,
.editor .tools-area .check-holder-control-point:before,
.editor .tools-area .check-holder-deviation:before,
.editor .tools-area .check-holder-component:before,
.editor .tools-area .templates-holder:before,
.editor .tools-area .components-holder:before, .panel:before, .form-actions-wrapper:before, form.form-split:before, form.form .form-create:before, .box.box-stats .stats-row:before, .box .box-content .box-content-actions:before, .box .box-tabs:before, .row:before, .editor:before {
  content: "";
  display: table;
}
.clearfix:after, .report-incident__settings:after, .page-followup .followup-presets:after, .page-followup .filters-container.box-col:after, .modal.edit-modal .modal-body .modal-split:after, .worktime-activity .row:after, .worktime-activity .editor:after, .filtration-presets:after, .notification-subscription .user-list-add:after, .notification-subscription:after, .google-map-link:after, .editor-toolbar:after, .editor .main-area .field-edit-mode:after, .editor .main-area .field-head:after, .editor .tools-area .check-holder:after,
.editor .tools-area .check-holder-control-point:after,
.editor .tools-area .check-holder-deviation:after,
.editor .tools-area .check-holder-component:after,
.editor .tools-area .templates-holder:after,
.editor .tools-area .components-holder:after, .panel:after, .form-actions-wrapper:after, form.form-split:after, form.form .form-create:after, .box.box-stats .stats-row:after, .box .box-content .box-content-actions:after, .box .box-tabs:after, .row:after, .editor:after {
  content: "";
  display: table;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.mr-15 {
  margin-right: 15px;
}

.required-star:after {
  content: " *";
  color: #fb392d;
}

.table-limit-text {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  line-height: inherit;
  vertical-align: bottom;
}

.limit-text, .limit-text-inside b {
  max-width: 50ch;
  overflow: hidden;
  vertical-align: bottom;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.limit-text.full-max-width, .limit-text-inside b.full-max-width {
  max-width: 100%;
}

input::-ms-clear {
  display: none;
}

input.input-search {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid #e0e0e0;
  box-shadow: none;
}

.label-top {
  white-space: nowrap;
  padding-top: 20px;
  vertical-align: top !important;
}

.date-overdue {
  font-weight: bold;
  color: #fb392d;
}

.s-badge {
  border: 1px solid #9e9e9e;
  border-radius: 3px;
  color: #9e9e9e;
  display: inline-block;
  height: 17px;
  line-height: 12px;
  padding: 2px 4px;
  margin: 5px 4px;
  cursor: pointer;
}

.table .s-badge {
  height: 20px;
  line-height: 15px;
  margin: 0px 4px;
}

body {
  background-color: #f5f5f5;
}

.col-1, .col-2, .col-3, .col-4, .editor .tools-area, .col-5, .col-6, .col-7, .col-8, .editor .main-area, .col-9, .col-10, .col-11, .col-12 {
  float: left;
}

.col-1 {
  width: 8.333%;
}

.col-2 {
  width: 16.666%;
}

.col-3 {
  width: 25%;
}

.col-4, .editor .tools-area {
  width: 33.333%;
}

.col-5 {
  width: 41.666%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.333%;
}

.col-8, .editor .main-area {
  width: 66.666%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.333%;
}

.col-11 {
  width: 91.666%;
}

.col-12 {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .col-xs-12 {
    width: 100%;
  }
}

.margin-bottom {
  margin-bottom: 10px;
}

.margin-top {
  margin-top: 10px;
}

.margin-top-md {
  margin-top: 20px;
}

.margin-top-lg {
  margin-top: 50px;
}

.margin-left {
  margin-left: 10px;
}

.margin-right {
  margin-right: 10px;
}

.margin-right-md {
  margin-right: 20px;
}

.margin-left-md {
  margin-left: 20px;
}

.flex-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
}
.flex-row .flex-col-1, .flex-row .flex-col-2, .flex-row .flex-col-6, .flex-row .flex-col-10, .flex-row .flex-col-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 20px;
}
.flex-row .flex-col-6 {
  width: 50%;
}
.flex-row .flex-col-10 {
  width: 80%;
}
.flex-row .flex-col-12 {
  width: 100%;
}

.site-header {
  position: fixed;
  top: 50px;
  margin-top: -50px;
  width: 100%;
  height: 50px;
  background-color: #ffd800;
  z-index: 1001;
  backface-visibility: hidden;
}
.site-header .logo {
  height: 50px;
  display: inline-block;
  padding-left: 22px;
  padding-top: 14px;
}
.site-header .logo img {
  max-width: 205px;
  height: auto;
}
.site-header .env {
  position: absolute;
  top: 0;
  left: 315px;
  line-height: 50px;
  font-size: 13px;
  font-weight: bold;
  padding: 0;
  text-transform: uppercase;
  color: #ffffff;
}
.site-header .env span {
  padding: 4px 7px;
}
.site-header .env span.dev {
  background-color: #33961b;
}
.site-header .env span.lab {
  background-color: #cc00f3;
}
.site-header .env span.stage {
  background-color: #ff001d;
}
.site-header .shortcuts-container {
  float: left;
}
.site-header .shortcuts-container .btn-shortcut {
  text-align: center;
  line-height: 50px;
}
.site-header .session-selector-container {
  position: relative;
  float: right;
}
.site-header .notification-center {
  float: right;
}
.site-header.has-logo .logo {
  padding-top: 10px;
  width: 250px;
  padding-left: 0px;
  padding-top: 5px;
}
.site-header.has-logo .logo img {
  max-height: 40px;
  max-width: 230px;
  height: auto;
  width: auto;
  display: block;
  margin-left: 26px;
  max-width: 205px;
}
.site-header .btn-shortcut {
  position: fixed;
  top: 0;
  left: 250px;
  width: 50px;
  height: 50px;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  padding: 0;
}
.site-header ul.shortcuts {
  z-index: 1003;
  position: fixed;
  left: 250px;
  top: 50px;
}
.site-header ul.shortcuts.active {
  display: block;
}
.site-header ul.shortcuts li {
  border-bottom: 1px solid #ffffff;
  background-color: #ff7200;
}
.site-header ul.shortcuts li:last-child {
  border-bottom: none;
}
.site-header ul.shortcuts li a {
  transition: all ease 0.1s;
  display: block;
  padding: 10px 20px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}
.site-header ul.shortcuts li a:hover, .site-header ul.shortcuts li a:focus {
  background-color: #e66700;
}
.site-header.has-branding .shortcuts-container, .site-header.has-branding .shortcuts-container .btn-shortcut {
  background-color: transparent;
  border: none;
}
.site-header.has-branding .dropdown-wrapper *:not(i) {
  background-color: inherit;
}
.site-header.has-branding.light-text .session-selector-container *,
.site-header.has-branding.light-text .notifications-selector-container .notifications-selector-toggler,
.site-header.has-branding.light-text .shortcuts-container,
.site-header.has-branding.light-text .shortcuts-container *,
.site-header.has-branding.light-text .tooltips-toggle {
  color: #ffffff !important;
}
.site-header.has-branding.dark-text .shortcuts-container i,
.site-header.has-branding.dark-text .shortcuts-container a {
  color: #212121 !important;
}

.nav {
  position: fixed;
  left: 250px;
  width: 250px;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background-color: #212121;
  padding-top: 60px;
  backface-visibility: hidden;
  z-index: 1;
}
.nav ul {
  width: 100%;
  padding-bottom: 60px;
}
.nav ul li {
  font-size: 14px;
  white-space: nowrap;
}
.nav ul li label, .nav ul li a {
  display: block;
  padding: 7px;
}
.nav ul li.has-collapse label {
  cursor: pointer;
}
.nav ul li.has-collapse label .fa {
  font-size: 125%;
  margin-left: 4px;
}
.nav ul li label {
  margin-top: 10px;
  padding-left: 14px;
  color: #ffffff;
  text-transform: uppercase;
}
.nav ul li label.disabled {
  opacity: 0.5;
}
.nav ul li a {
  border-left: 4px solid transparent;
  padding-left: 20px;
  text-decoration: none;
  color: #e0e0e0;
  font-weight: 600;
}
.nav ul li a i {
  width: 30px;
  text-align: center;
  display: inline-block;
  color: #ffd800;
  font-size: 140%;
  vertical-align: middle;
}
.nav ul li a i.shrink {
  font-size: 95%;
}
.nav ul li a i.icon-user2 {
  font-size: 120%;
}
.nav ul li a i.icon-users {
  font-size: 100%;
}
.nav ul li a i.enlarge {
  font-size: 160%;
}
.nav ul li a.active {
  border-color: #ffd800;
  background-color: #000000;
}
.nav ul li a:hover {
  background-color: #000000;
}
.nav ul li a.disabled {
  cursor: default;
  opacity: 0.5;
}
.nav ul li a.disabled:hover {
  background-color: inherit;
}
.nav ul li span.row-disabled {
  border-left: 4px solid transparent;
  display: block;
  padding: 7px 7px 7px 20px;
  color: #bdbdbd;
  opacity: 0.5;
}
.nav ul li span.row-disabled i {
  width: 30px;
  text-align: center;
  display: inline-block;
  color: #ffd800;
  font-size: 140%;
  vertical-align: middle;
}
.nav ul li span.row-disabled i.tooltip-icon {
  cursor: help;
  font-size: 80%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.nav ul li .is-new-feature {
  background-color: #ffd800;
  color: #212121;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
  margin-left: 5px;
  padding: 1px 4px;
}

.content {
  padding-left: 250px;
  padding-top: 50px;
  padding-bottom: 20px;
}
.content .container {
  padding: 20px;
  padding-bottom: 80px;
}
.content .container .boxes-split .boxes-left:after, .content .container .boxes-split .boxes-right:after {
  margin-bottom: 80px;
  content: "";
  display: block;
}
.content.is-incident-reporter {
  margin: 0 auto;
  width: 70%;
  padding-left: 0 !important;
  font-size: 16px;
  line-height: 30px;
}
.content.is-incident-reporter .container {
  padding: 10px;
}
.content.is-incident-reporter .page-title {
  display: none;
}
.content.is-incident-reporter .risk-analysis__select-holder {
  width: 100%;
}
.content.is-incident-reporter .datetimepicker .datepicker {
  min-width: 127px !important;
}
.content.is-incident-reporter .datetimepicker .datepicker input {
  width: 100% !important;
}
@media (max-width: 767px) {
  .content.is-incident-reporter {
    width: 100%;
  }
  .content.is-incident-reporter .incident__field {
    width: calc(100% - 40px) !important;
  }
}

h1 {
  font-size: 24px;
}

h1, h2, h3, h4, h5, h6, label {
  line-height: 1.1em;
}
h1 .meta, h2 .meta, h3 .meta, h4 .meta, h5 .meta, h6 .meta, label .meta {
  margin-left: 4px;
  font-weight: normal;
  text-transform: lowercase;
}
h1 .meta:before, h2 .meta:before, h3 .meta:before, h4 .meta:before, h5 .meta:before, h6 .meta:before, label .meta:before {
  content: "–";
}

h5, h6, label {
  font-weight: 600;
}

h4 {
  margin-top: 0.7em;
  margin-bottom: 0.5em;
}

.text-primary, .pagination ul li a, .item-list .sub-item-list li.sub-item .link, .panel--stats .panel__entry--holder .fleet-optimization-statistics .far, .panel--stats .panel__entry--holder .fa, .panel--stats .panel__entry__value .fa, .table .link {
  color: #ff7200;
}

.text-danger, .editor .main-area .delete-button, .box.box-stats .stats-row .stats-nr .fail {
  color: #fb392d;
}

.text-success, .box.box-stats .stats-row .stats-nr .success {
  color: #32b405;
}

.text-light, .no-content {
  color: #bdbdbd;
}

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

.help-text, .incident__field__helptext, .variant-meta, h1 .meta:before, h2 .meta:before, h3 .meta:before, h4 .meta:before, h5 .meta:before, h6 .meta:before, label .meta:before, h1 .meta, h2 .meta, h3 .meta, h4 .meta, h5 .meta, h6 .meta, label .meta {
  color: #bdbdbd;
  line-height: 1.5em;
  padding-top: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.ucfirst {
  display: inline-block;
  text-transform: lowercase;
}
.ucfirst:first-letter {
  text-transform: uppercase;
}

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

.bold {
  font-weight: bold;
}

.pointer {
  cursor: pointer !important;
}

.icon-NA-icon {
  position: relative;
  width: 1.6em;
  height: 2em;
  display: inline-block;
  vertical-align: middle;
}

.icon-NA-icon:before {
  color: #9e9e9e;
  background: #ffffff;
  font-size: 1.5em;
  position: absolute;
  margin-top: 1px;
}

* {
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table td[class*=col-], table th[class*=col-] {
  display: table-cell;
  float: none;
}

td,
th {
  padding: 0;
}

img {
  max-width: 100%;
}

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

.content {
  height: calc(100% - 50px);
  position: relative;
  z-index: 0;
}
.content > .container {
  min-height: 100%;
}

.switch-modal-showing {
  opacity: 0;
}

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

.comma-list {
  display: inline;
  list-style: none;
  padding: 0px;
}
.comma-list li {
  display: inline;
}
.comma-list li::after {
  content: ", ";
}
.comma-list li:last-child::after {
  content: "";
}

.error {
  background: #fff7cc;
  border: 1px solid #ffd800;
  padding: 10px;
  color: #424242;
  font-weight: 600;
}

.validation-error {
  background: #fff7cc;
  font-size: 12px;
  border: 1px solid #ffd800;
  padding: 3px 9px;
  margin-bottom: 10px;
}
.validation-error .btn-link, .validation-error .btn-redo, .validation-error .btn-changelog, .validation-error .btn-share, .validation-error .btn-export, .validation-error .btn-link-neutral, .validation-error .btn-link-danger, .validation-error .btn-delete, .validation-error .btn-create {
  font-weight: 600;
}

.form .validation-error {
  display: inline-block;
  position: relative;
  left: 25.6%;
  width: 70%;
}
.form .validation-error--block {
  display: block;
  left: auto;
  width: 100%;
}

.spinner--application {
  opacity: 1;
  position: fixed;
  width: 100%;
  top: 0px;
  height: 100%;
  left: 0px;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.25);
  transition: opacity 0.15s;
}
.spinner--application.hidden {
  opacity: 0;
  z-index: -1;
}
.spinner--application .spinner {
  width: 150px;
  height: 150px;
  top: calc(50% - 125px);
  left: calc(50% - 75px);
  background-color: #ffffff;
}

.spinner--application-opaque {
  position: fixed;
  width: 100%;
  top: 0px;
  height: 100%;
  left: 0px;
  z-index: 10000;
  background: #bdbdbd;
}
.spinner--application-opaque .spinner {
  width: 150px;
  height: 150px;
  top: calc(50% - 125px);
  left: calc(50% - 75px);
  background-color: #ffffff;
}

.spinner--modal.modal-body .spinner {
  position: absolute;
}
.spinner--modal .spinner {
  width: 75px;
  height: 75px;
  top: calc(50% - 37.5px);
  left: calc(50% - 37.5px);
}

.spinner--btn .spinner {
  background-color: #ffffff;
  width: 25px;
  height: 25px;
  top: -3px;
  left: calc(50% - 12.5px);
}

.spinner--sm .spinner {
  width: 25px;
  height: 25px;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
}

.spinner--xs .spinner {
  width: 15px;
  height: 15px;
  top: calc(50% - 7.5px);
  left: calc(50% - 7.5px);
}

.spinner {
  background-color: #212121;
  position: relative;
  border-radius: 100%;
  animation: sk-scaleout 1s infinite ease-in-out;
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
button {
  background-color: transparent;
  border: none;
}

.btn, .modal-body .documents .droppable input {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: 2px solid #bdbdbd;
  text-transform: uppercase;
  font-size: 12px;
  padding: 10px 20px;
  font-weight: 600;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: all ease 0.2s;
  position: relative;
}
.btn.btn-sm, .modal-body .documents .droppable input.btn-sm, h1.page-title .page-title-actions .btn, h1.page-title .page-title-actions .modal-body .documents .droppable input, .modal-body .documents .droppable h1.page-title .page-title-actions input {
  padding: 5px 10px;
}
.btn.btn-full, .modal-body .documents .droppable input.btn-full {
  width: 100%;
}
.btn.disabled, .modal-body .documents .droppable input.disabled, .btn[disabled], .modal-body .documents .droppable input[disabled] {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.btn.btn-disabled, .modal-body .documents .droppable input.btn-disabled {
  opacity: 0.5;
  cursor: default;
}

.sso-login-button .button-inner {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  color: #03416A;
  text-decoration: underline;
}
.sso-login-button .button-inner:before {
  content: "";
  background-image: url("/images/sso.png");
  width: 21px;
  height: 21px;
  margin-right: 10px;
}

.btn-loader {
  overflow: hidden;
  position: relative;
}
.btn-loader .ladda-feedback {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
}
.btn-loader.btn-default, .modal-body .documents .droppable input.btn-loader, .btn-loader.btn-primary {
  padding: 10px 20px;
}
.btn-loader.btn-default.btn-sm, .modal-body .documents .droppable input.btn-loader.btn-sm, h1.page-title .page-title-actions .btn-loader.btn-default.btn, h1.page-title .page-title-actions .modal-body .documents .droppable input.btn-loader, .modal-body .documents .droppable h1.page-title .page-title-actions input.btn-loader, .btn-loader.btn-primary.btn-sm, h1.page-title .page-title-actions .btn-loader.btn-primary.btn {
  padding: 5px 10px;
}
.btn-loader.btn-default i, .modal-body .documents .droppable input.btn-loader i, .btn-loader.btn-primary i {
  font-size: 18px;
}
.btn-loader.btn-green i {
  top: 12px;
  font-size: 20px;
}

.btn-primary {
  background-color: #ff7200;
  color: #ffffff;
  border-color: #e66700;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #e66700;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus {
  background-color: #ff7200;
}

.btn-neutral, .btn-clear-filters, .btn-search {
  background-color: #ffffff;
  text-transform: none;
  border-bottom: 2px solid #e0e0e0;
}
.btn-neutral.btn-loader .spinner, .btn-loader.btn-clear-filters .spinner, .btn-loader.btn-search .spinner {
  background-color: #212121;
}
.btn-neutral:hover, .btn-clear-filters:hover, .btn-search:hover, .btn-neutral:focus, .btn-clear-filters:focus, .btn-search:focus {
  background-color: #e6e6e6;
}

.btn-danger {
  background-color: #fb392d;
  color: #ffffff;
}
.btn-danger:hover, .btn-danger:focus {
  background-color: #f01205;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus {
  background-color: #fb392d;
}

.btn-green {
  background-color: #32b405;
  color: #ffffff;
  border-color: #32b405;
  border-bottom: 2px solid #616161;
}
.btn-green:hover, .btn-green:focus {
  background-color: #2b9b04;
}
.btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green[disabled]:hover, .btn-green[disabled]:focus {
  background-color: #32b405;
}

.btn-default, .modal-body .documents .droppable input {
  background-color: #f5f5f5;
  color: #212121;
  border-bottom: 2px solid #e0e0e0;
}
.btn-default.btn-loader .spinner, .modal-body .documents .droppable input.btn-loader .spinner {
  background-color: #212121;
}
.btn-default.active, .modal-body .documents .droppable input.active, .btn-default:hover, .modal-body .documents .droppable input:hover, .btn-default:focus, .modal-body .documents .droppable input:focus {
  background-color: #e8e8e8;
}
.btn-default.disabled:hover, .modal-body .documents .droppable input.disabled:hover, .btn-default.disabled:focus, .modal-body .documents .droppable input.disabled:focus, .btn-default[disabled]:hover, .modal-body .documents .droppable input[disabled]:hover, .btn-default[disabled]:focus, .modal-body .documents .droppable input[disabled]:focus {
  background-color: #f5f5f5;
}

.btn-link, .btn-redo, .btn-changelog, .btn-share, .btn-export, .btn-link-neutral, .btn-link-danger, .btn-delete, .btn-create {
  color: #ff7200;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
  text-decoration: none;
  padding-bottom: 10px;
  text-transform: inherit;
  padding: 0;
  border-bottom: none;
}
.btn-link:hover, .btn-redo:hover, .btn-changelog:hover, .btn-share:hover, .btn-export:hover, .btn-link-neutral:hover, .btn-link-danger:hover, .btn-delete:hover, .btn-create:hover, .btn-link:focus, .btn-redo:focus, .btn-changelog:focus, .btn-share:focus, .btn-export:focus, .btn-link-neutral:focus, .btn-link-danger:focus, .btn-delete:focus, .btn-create:focus {
  text-decoration: underline;
}

.btn-create {
  font-weight: 600;
}

.btn-add {
  border-radius: 50%;
  font-size: 15px;
  padding: 2px 8px;
  border: 0;
}
.btn-add.btn-neutral, .btn-add.btn-clear-filters, .btn-add.btn-search {
  color: #bdbdbd;
  border: 1px solid #bdbdbd;
}
.btn-add.btn-lg {
  font-size: 23px;
  padding: 8px 12px;
}

.btn-link-danger, .btn-delete {
  color: #fb392d;
}

.btn-link-neutral {
  color: #212121;
}

.btn-export:before {
  content: "\f019";
  font-family: "Font Awesome 5 Pro";
  font-size: 90%;
  margin-right: 2px;
  font-weight: 900;
}

.btn-share:before {
  content: "\f064";
  font-family: "Font Awesome 5 Pro";
  font-size: 90%;
  margin-right: 2px;
  font-weight: 900;
}

.btn-changelog:before {
  content: "\f1da";
  font-family: "Font Awesome 5 Pro";
  font-size: 90%;
  margin-right: 2px;
  font-weight: 900;
}

.btn-delete:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-size: 90%;
  margin-right: 2px;
  font-weight: 900;
}

.btn-redo:before {
  content: "\f01e";
  font-family: "Font Awesome 5 Pro";
  font-size: 90%;
  margin-right: 2px;
  font-weight: 900;
}

.btn-search {
  padding-top: 3px;
  padding-bottom: 3px;
}

.btn-clear-filters {
  margin-left: 10px;
}

.btn-left {
  float: left;
  clear: left;
  line-height: 14px;
}

.box {
  margin-bottom: 20px;
}
.box .box-title, .box .box-tabs {
  border-radius: 6px 6px 0 0;
}
.box .box-map .g-map-canvas {
  height: 200px;
}
.box .box-title {
  padding: 10px 20px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #212121;
  font-size: 14px;
  margin: 0;
  line-height: 24px;
}
.box .box-title.box-title-danger {
  background-color: #fb392d;
}
.box .box-title.has-shortcut {
  padding-right: 0;
}
.box .box-title.has-shortcut .btn-shortcut {
  float: right;
  border-top-right-radius: 6px;
  margin-top: -10px;
  border: none;
  font-size: 18px;
  padding-left: 15px;
  padding-right: 15px;
}
.box .box-tabs {
  width: 100%;
  background-color: #e0e0e0;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 1320px) {
  .box .box-tabs.box-tabs-responsive a {
    font-size: 12px;
    padding: 10px 12px;
  }
}
.box .box-tabs a.box-tabs__action {
  float: right;
  cursor: pointer;
  padding: 10px;
}
.box .box-tabs a {
  display: block;
  float: left;
  color: #212121;
  padding: 10px 20px;
  cursor: pointer !important;
  text-transform: uppercase;
}
.box .box-tabs a:hover {
  background-color: #cccccc;
  transition: all ease 0.2s;
}
.box .box-tabs a.active {
  background-color: #212121;
  color: #ffffff;
}
.box .box-tabs a.active .badge {
  background-color: #ffffff;
  color: #212121;
}
.box .box-tabs a:first-child {
  border-top-left-radius: 6px;
}
.box .box-tabs a.tab-badged {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.box .box-tabs a .badge {
  margin-left: 5px;
  background-color: #212121;
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 8px;
  display: inline-block;
  line-height: 1;
  font-size: 10px;
  font-weight: normal;
}
.box .box-content {
  border-radius: 0 0 6px 6px;
  border: 1px solid #e0e0e0;
  border-bottom: 3px solid #e0e0e0;
  padding: 20px;
  background-color: #ffffff;
  word-wrap: break-word;
}
.box .box-content.no-padding {
  padding: 20px 0;
}
.box .box-content.no-padding .btn, .box .box-content.no-padding .modal-body .documents .droppable input, .modal-body .documents .droppable .box .box-content.no-padding input {
  margin: 0 15px;
}
.box .box-content.graybg {
  background-color: #f5f5f5;
}
.box .box-content hr {
  border-top: 1px solid #eeeeee;
  margin: 20px -20px;
  border-left-width: 0;
}
.box .box-content h1:first-child, .box .box-content h2:first-child, .box .box-content h3:first-child, .box .box-content h4:first-child, .box .box-content h5:first-child, .box .box-content h6:first-child {
  margin-top: 0;
}
.box .box-content h3 {
  font-size: 14px;
}
.box .box-content .box-content-actions .btn, .box .box-content .box-content-actions .modal-body .documents .droppable input, .modal-body .documents .droppable .box .box-content .box-content-actions input {
  margin-top: 10px;
}
.box .box-content .box-content-actions .btn-link-danger, .box .box-content .box-content-actions .btn-delete {
  float: right;
}
.box.box-stats .stats-row {
  overflow-y: hidden;
}
.box.box-stats .stats-row .stats-nr {
  font-size: 24px;
  font-weight: bold;
  float: left;
  margin-right: 6px;
}
.box.box-stats .stats-row .stats-nr .fa {
  margin-right: 5px;
}
.box .box-section {
  padding: 20px;
}
.box.box-grid {
  display: table;
  width: 100%;
}
.box.box-grid .box-row {
  border-bottom: 1px solid #e0e0e0;
}
.box.box-grid .box-row:last-child {
  border-bottom: none;
}
.box.box-grid .box-col {
  display: table-cell;
  padding: 20px;
  vertical-align: top;
}
.box.box-grid .box-col.vertical-align-bottom {
  vertical-align: bottom;
}
.box.box-grid .box-col + .box-col {
  border-left: 1px solid #e0e0e0;
}

.box--collapsed .box-content {
  max-height: 150px;
  overflow: hidden;
  position: relative;
}
.box--collapsed .box-content::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.box--collapsed .box-toggler {
  position: relative;
  z-index: 1000;
  text-align: center;
  margin-top: -23px;
}
.boxes-split > .boxes-left {
  width: calc(70% - 20px);
  float: left;
}
.boxes-split > .boxes-right {
  width: 30%;
  float: right;
}
.boxes-split--50-50 .boxes-left {
  width: calc(50% - 20px);
}
.boxes-split--50-50 .boxes-right {
  width: 50%;
}

.gray-box {
  width: 100%;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  text-align: left;
  padding: 15px;
}

h1.page-title {
  z-index: 1000;
  padding: 20px 30px;
  margin: 0;
  position: relative;
  background-color: #ffffff;
  text-transform: uppercase;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
h1.page-title .crumb {
  font-size: 75%;
}
h1.page-title .login-status {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}
h1.page-title .btn, h1.page-title .modal-body .documents .droppable input, .modal-body .documents .droppable h1.page-title input {
  margin-top: -10px;
}
h1.page-title .btn-link, h1.page-title .btn-create, h1.page-title .btn-link-danger, h1.page-title .btn-link-neutral, h1.page-title .btn-export, h1.page-title .btn-share, h1.page-title .btn-changelog, h1.page-title .btn-delete, h1.page-title .btn-redo {
  text-transform: none;
  margin-right: 20px;
  margin-top: 2px;
}
h1.page-title .page-title-text-with-actions {
  max-width: calc(100% - 450px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  height: 26px;
  position: relative;
  padding-right: 15px;
}
h1.page-title .page-title-actions {
  float: right;
}
h1.page-title .page-title-actions .btn.btn-export, h1.page-title .page-title-actions .modal-body .documents .droppable input.btn-export, .modal-body .documents .droppable h1.page-title .page-title-actions input.btn-export {
  margin: 0;
}

.alternative {
  padding: 5px 10px;
  background-color: #f5f5f5;
  margin-bottom: 10px;
  border: 1px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
  cursor: default;
  overflow: hidden;
}
.alternative__text {
  display: inline-block;
  width: calc(100% - 55px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
}
.alternative--category-parent .alternative__text {
  width: calc(100% - 70px);
}
.alternative--category-child {
  width: 90%;
  float: right;
}
.alternative--category-child .alternative__text {
  width: calc(100% - 70px);
}
.alternative--category-child-child {
  width: 80%;
  float: right;
}
.alternative--category-child-child .alternative__text {
  width: calc(100% - 70px);
}
.alternative--category-child-sub {
  width: 80%;
  float: right;
}
.alternative--category-child-sub .alternative__text {
  width: calc(100% - 70px);
}
.alternative.alternative-error {
  border-color: #fb392d;
}
.alternative i {
  float: right;
  margin-right: 2px;
  margin-left: 6px;
  cursor: pointer;
  margin-top: 4px;
  font-size: 16px;
}
.alternative input {
  height: 25px;
  margin-bottom: 0;
  padding-left: 5px;
  max-width: 100%;
}

.alternative-edit-block {
  border: 1px solid #e0e0e0;
  border-top: none;
  padding: 5px 10px;
  margin-top: -10px;
  margin-bottom: 10px;
}

.add-alternative input[type=text] {
  width: 100% !important;
}
.add-alternative--child {
  width: 90%;
  float: right;
}
.add-alternative--child .btn, .add-alternative--child .modal-body .documents .droppable input, .modal-body .documents .droppable .add-alternative--child input {
  margin-bottom: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.add-alternative--child-sub {
  width: 80%;
  float: right;
}
.add-alternative--child-sub .btn, .add-alternative--child-sub .modal-body .documents .droppable input, .modal-body .documents .droppable .add-alternative--child-sub input {
  margin-bottom: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.container.categories .alternative {
  padding: 5px 10px;
  background-color: #ffffff;
  margin-bottom: 10px;
  border: 1px solid #e0e0e0;
  cursor: default;
  border-radius: 2px;
  height: 44px;
  overflow: hidden;
}
.container.categories .alternative--category-child {
  width: 100%;
  float: none;
}
.container.categories .alternative--category-child .alternative__text {
  width: calc(100% - 70px);
  line-height: 34px;
  margin-bottom: 0;
  overflow: hidden;
}
.container.categories .alternative .actions {
  display: none;
}
.container.categories .alternative:hover .actions {
  float: right;
  display: block;
}

.table {
  width: 100%;
  background: #ffffff;
  border-collapse: separate;
}
.table thead {
  text-align: left;
}
.table thead th {
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
}
.table tbody tr {
  font-size: 12px;
  cursor: pointer;
}
.table tbody tr.is-disabled {
  color: #bdbdbd;
}
.table tbody tr.is-disabled .text-primary, .table tbody tr.is-disabled .pagination ul li a, .pagination ul li .table tbody tr.is-disabled a, .table tbody tr.is-disabled .item-list .sub-item-list li.sub-item .link, .item-list .sub-item-list li.sub-item .table tbody tr.is-disabled .link, .table tbody tr.is-disabled .panel--stats .panel__entry--holder .fleet-optimization-statistics .far, .panel--stats .panel__entry--holder .fleet-optimization-statistics .table tbody tr.is-disabled .far, .table tbody tr.is-disabled .panel--stats .panel__entry--holder .fa, .panel--stats .panel__entry--holder .table tbody tr.is-disabled .fa, .table tbody tr.is-disabled .panel--stats .panel__entry__value .fa, .panel--stats .panel__entry__value .table tbody tr.is-disabled .fa, .table tbody tr.is-disabled .link {
  color: #bdbdbd;
}
.table tbody tr td.is-disabled  {
  color: #bdbdbd;
}
.table tbody tr td.long-name {
  word-break: break-word;
}
.table .fa-times, .table .fa-chevron-down, .table .fa-chevron-up {
  color: #212121;
}
.table .link {
  cursor: pointer;
  text-decoration: none;
}
.table .link:hover, .table .link:focus {
  text-decoration: underline;
}
.table .mat-sort-header-stem {
  display: none;
}

.table-full, .table-full-performed-checks, .table-alt {
  border-radius: 6px;
  /* top-left border-radius */
  /* top-right border-radius */
  /* bottom-left border-radius */
  /* bottom-right border-radius */
}
.table-full thead tr:first-child th:first-child, .table-full-performed-checks thead tr:first-child th:first-child, .table-alt thead tr:first-child th:first-child {
  border-top-left-radius: 6px;
}
.table-full thead tr:first-child th:last-child, .table-full-performed-checks thead tr:first-child th:last-child, .table-alt thead tr:first-child th:last-child {
  border-top-right-radius: 6px;
}
.table-full tbody tr:last-child td:first-child, .table-full-performed-checks tbody tr:last-child td:first-child, .table-alt tbody tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}
.table-full tbody tr:last-child td:last-child, .table-full-performed-checks tbody tr:last-child td:last-child, .table-alt tbody tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}
.table-full.table-danger thead th, .table-danger.table-full-performed-checks thead th, .table-danger.table-alt thead th {
  background-color: #fb392d;
}
.table-full thead th, .table-full-performed-checks thead th, .table-alt thead th {
  background-color: #212121;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}
.table-full thead th button, .table-full-performed-checks thead th button, .table-alt thead th button, .table-full thead th input, .table-full-performed-checks thead th input, .table-alt thead th input {
  text-transform: uppercase;
}
.table-full tr th, .table-full-performed-checks tr th, .table-alt tr th, .table-full tr td, .table-full-performed-checks tr td, .table-alt tr td {
  padding: 10px 20px;
}
.table-full tbody tr td, .table-full-performed-checks tbody tr td, .table-alt tbody tr td {
  border-bottom: 1px solid #bdbdbd;
  position: relative;
}
.table-full tbody tr td .no-content, .table-full-performed-checks tbody tr td .no-content, .table-alt tbody tr td .no-content {
  margin-top: 45px;
}
.table-full tbody tr td .in-use__indicator, .table-full-performed-checks tbody tr td .in-use__indicator, .table-alt tbody tr td .in-use__indicator {
  position: absolute;
  left: 5px;
  top: calc(50% - 4px);
  font-size: 8px;
  margin-top: 0;
}
.table-full tbody tr td .fa-sync, .table-full-performed-checks tbody tr td .fa-sync, .table-alt tbody tr td .fa-sync, .table-full tbody tr td .fa-share-alt, .table-full-performed-checks tbody tr td .fa-share-alt, .table-alt tbody tr td .fa-share-alt {
  position: absolute;
  left: 10px;
  top: calc(50% - 4px);
  font-size: 12px;
  margin-top: 0;
}
.table-full tbody tr td .fa-share-alt, .table-full-performed-checks tbody tr td .fa-share-alt, .table-alt tbody tr td .fa-share-alt {
  color: #757575;
  left: 4px;
  top: calc(50% - 6px);
  font-size: 12px;
}
.table-full tbody tr:last-child td, .table-full-performed-checks tbody tr:last-child td, .table-alt tbody tr:last-child td {
  border-bottom: none;
}
.table-full tbody tr.spinner, .table-full-performed-checks tbody tr.spinner, .table-alt tbody tr.spinner {
  text-align: center;
  font-size: 20px;
  height: 200px;
}
.table-full tbody tr.load-more, .table-full-performed-checks tbody tr.load-more, .table-alt tbody tr.load-more {
  cursor: default;
  text-align: center;
}
.table-full tbody tr.load-more .btn, .table-full tbody tr.load-more .modal-body .documents .droppable input, .modal-body .documents .droppable .table-full tbody tr.load-more input, .table-full-performed-checks tbody tr.load-more .btn, .table-full-performed-checks tbody tr.load-more .modal-body .documents .droppable input, .modal-body .documents .droppable .table-full-performed-checks tbody tr.load-more input, .table-alt tbody tr.load-more .btn, .table-alt tbody tr.load-more .modal-body .documents .droppable input, .modal-body .documents .droppable .table-alt tbody tr.load-more input {
  width: 250px;
}

.table-collapse {
  border-collapse: collapse;
}

.table-simple thead {
  border-bottom: 1px solid #bdbdbd;
}
.table-simple thead th {
  padding-bottom: 8px;
}
.table-simple td {
  padding-top: 6px;
}

.table-hover > tbody > tr:hover, .table-tab > tbody > tr:hover, .table-full > tbody > tr:hover, .table-full-performed-checks > tbody > tr:hover, .table-alt > tbody > tr:hover {
  background-color: #eeeeee;
}

.table-fetch {
  margin-top: 20px;
  text-align: center;
}
.table-fetch td {
  cursor: default;
}
.table-fetch .btn, .table-fetch .modal-body .documents .droppable input, .modal-body .documents .droppable .table-fetch input {
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
}

.box-content table.table-full, .box-content table.table-full-performed-checks, .box-content table.table-alt {
  box-shadow: none;
  border-bottom: 1px solid #bdbdbd;
}
.box-content table.table-full thead, .box-content table.table-full-performed-checks thead, .box-content table.table-alt thead {
  background: #ffffff;
  color: #424242;
  border-bottom: 1px solid #bdbdbd;
}

.table-striped tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.table-articles thead th {
  cursor: default;
}
.table-articles thead th.has-sortable {
  cursor: pointer;
}

.table-alt {
  border-radius: 4px;
  /* top-left border-radius */
  /* top-right border-radius */
  /* bottom-left border-radius */
  /* bottom-right border-radius */
}
.table-alt thead tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
.table-alt thead tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
.table-alt tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.table-alt tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
.table-alt thead {
  background-color: #616161;
}
.table-alt thead th {
  font-weight: normal;
  font-size: 14px;
  font-weight: 600;
}
.table-alt tbody tr, .table-alt thead th {
  cursor: default;
}
.table-alt tbody tr {
  border-bottom-color: #e0e0e0;
}
.table-alt tr th, .table-alt tr td {
  padding: 5px 15px;
}
.table-alt-selection {
  margin-bottom: 30px;
}
.table-alt.documents-table tr {
  word-break: break-all;
}

.table-meta {
  float: left;
  margin-left: 20px;
}
.table-meta__item {
  display: inline-block;
  margin-right: 10px;
}
.table-meta__key {
  font-weight: bold;
}

.filterable-table-toolbar__left, .filterable-table-toolbar__right {
  display: flex;
  align-items: center;
}
.filterable-table-toolbar__right {
  float: right;
}
.filterable-table-toolbar__item {
  display: flex;
  align-items: center;
  margin-left: 15px;
  margin-bottom: 10px;
}
.filterable-table-toolbar__item input + label {
  margin-left: 5px;
}
.filterable-table-toolbar__item input {
  margin-bottom: 0;
}
.filterable-table-toolbar__item > label {
  margin-right: 15px;
}
.filterable-table-toolbar .select-item {
  margin-bottom: 0;
}
.filterable-table-toolbar .sub-tabs-container {
  margin-bottom: 10px;
}

.table.table-full .on-hover .btn, .table.table-full .on-hover .modal-body .documents .droppable input, .modal-body .documents .droppable .table.table-full .on-hover input, .table.table-full-performed-checks .on-hover .btn, .table.table-full-performed-checks .on-hover .modal-body .documents .droppable input, .modal-body .documents .droppable .table.table-full-performed-checks .on-hover input, .table.table-alt .on-hover .btn, .table.table-alt .on-hover .modal-body .documents .droppable input, .modal-body .documents .droppable .table.table-alt .on-hover input {
  border: none;
}

@media (max-width: 1320px) {
  .table-tab.table-responsive thead th {
    font-size: 10px;
    padding: 10px 20px;
  }
}
.table-tab tr th, .table-tab tr td {
  padding: 10px 20px;
}
.table-tab thead th {
  background-color: #fafafa;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: 1px solid #e0e0e0;
}
.table-tab tbody tr td {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.table-tab tbody tr td .in-use__indicator {
  position: absolute;
  left: 5px;
  top: calc(50% - 4px);
  font-size: 8px;
  margin-top: 0;
}
.table-tab tbody tr td:last-child {
  border-right: none;
}

.sticky-table-container {
  /* important styles */
  /* Attach fixed-th-table to this container,
     in order to layout fixed-th-table
     in the same way as scolled-td-table" */
  position: relative;
  /* Truncate fixed-th-table */
  overflow: hidden;
  /* Simulating border-collapse: collapse,
    because fixed-th-table borders
    are below ".scrolling-td-wrapper table" borders
  */
}
.sticky-table-container .stiky {
  position: sticky !important;
  z-index: 1;
  background-color: #e0e0e0;
}
.sticky-table-container .fixed-th-table-wrapper td,
.sticky-table-container .fixed-th-table-wrapper th,
.sticky-table-container .scrolled-td-table-wrapper td,
.sticky-table-container .scrolled-td-table-wrapper th {
  /* Set background to non-transparent color
     because two tables are one above another.
   */
  background: #ffffff;
}
.sticky-table-container .fixed-th-table-wrapper {
  /* Make table out of flow */
  position: absolute;
}
.sticky-table-container .fixed-th-table-wrapper th {
  /* Place fixed-th-table th-cells above
     scrolled-td-table td-cells.
   */
  position: relative;
  z-index: 1;
}
.sticky-table-container .scrolled-td-table-wrapper td {
  /* Place scrolled-td-table td-cells
     above fixed-th-table.
   */
  position: relative;
}
.sticky-table-container .scrolled-td-table-wrapper {
  /* Make horizonal scrollbar if needed */
  overflow-x: auto;
}
.sticky-table-container table {
  border-spacing: 0;
}
.sticky-table-container td, .sticky-table-container th {
  border-style: solid;
  border-color: #212121;
  border-width: 1px 1px 0 0;
}
.sticky-table-container th:first-child {
  border-left-width: 1px;
}
.sticky-table-container tr:last-child td,
.sticky-table-container tr:last-child th {
  border-bottom-width: 1px;
}

.clickable-row tr a, .clickable-row tr a:hover {
  display: contents;
}

form.form {
  padding: 20px;
}
form.form.no-padding {
  padding: 0px;
}
form.form label.align-top {
  vertical-align: top !important;
  margin-top: 5px;
}
form.form .form-field {
  margin-bottom: 10px;
  position: relative;
}
form.form .form-field .externals-selector {
  width: 70%;
  display: inline-block;
}
form.form .form-field .externals-selector .ember-power-select-trigger {
  width: 100%;
}
form.form .form-field input[type=text].input-postcode, form.form .form-field .select-item.input-postcode, form.form .form-field textarea.input-postcode {
  width: 20%;
}
form.form .form-field input[type=text].input-postarea, form.form .form-field .select-item.input-postarea, form.form .form-field textarea.input-postarea {
  width: calc(50% - 3px);
}
form.form .form-field h3 {
  font-size: 14px;
}
form.form .form-field.form-field-text {
  margin-bottom: 20px;
}
form.form .alert {
  display: inline-block;
  width: 70%;
  margin-left: 25.6%;
}
form.form .field-group label {
  font-weight: normal !important;
  margin-right: 10px;
  white-space: nowrap;
}
form.form .field-group label.row-break {
  white-space: normal;
}
form.form .form-divider {
  padding: 20px;
  margin-bottom: 10px;
}
form.form .form-divider-double {
  padding: 50px;
  margin-bottom: 5px;
}
form.form .required > label:not(.not-required):after {
  content: "*";
  color: #fb392d;
  position: absolute;
  right: -10px;
}
form.form .required small {
  font-size: 10px;
}
form.form .intl-tel-input {
  text-align: left;
  margin-bottom: 10px;
}
form.form .intl-tel-input input {
  width: 100% !important;
}
form.form .form-create {
  margin: -15px 24px 10px 20px;
}
form.form .form-create .form-create-content {
  float: right;
}
form.form .mce-edit-area {
  padding-right: 1px;
}
form.form .mce-panel, form.form .mce-btn {
  background-image: none;
}
form.form .placeholder-holder {
  position: absolute;
  top: -4px;
  left: 27%;
  z-index: 0;
}
form.form .placeholder-holder img {
  width: 99px;
  float: left;
  margin-top: 7px;
  margin-right: 5px;
}
form.form .droppable-wrapper {
  width: 70%;
  display: inline-block;
  min-height: 80px;
}
form.form .droppable-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  height: 70px;
  width: 70%;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0px;
  z-index: 0;
}
form.form .existing-images {
  margin-left: 25.6%;
  display: inline-block;
  top: 0px;
  width: 60%;
  margin-top: -30px;
}
form.form .file {
  width: 99px;
  position: relative;
  float: left;
  margin-top: 7px;
  min-height: 70px;
  background: #ffffff;
  z-index: 100;
  margin-right: 5px;
}
form.form .file:nth-child(3) {
  margin-right: 0px;
}
form.form .file .remove {
  position: absolute;
  font-size: 20px;
  cursor: pointer;
  right: 5px;
  top: 5px;
  color: #ffffff;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}
form.form .file img {
  max-width: 100%;
  max-height: 100%;
}

form.form-split h1 {
  font-size: 18px;
}
form.form-split > .form-left {
  width: 50%;
  float: left;
}
form.form-split > .form-right {
  width: 50%;
  float: right;
}

[type=radio] {
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 1px solid #e0e0e0;
  position: relative;
  outline: none;
  vertical-align: middle;
  cursor: pointer;
}
[type=radio]:disabled {
  cursor: default;
}
[type=radio]:checked:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 100%;
  background: #ff7200;
  top: 2px;
  left: 2px;
}

[type=checkbox] {
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px !important;
  height: 16px !important;
  border: 1px solid #e0e0e0;
  position: relative;
  outline: none;
  vertical-align: middle;
  cursor: pointer;
  background: #ffffff;
}
[type=checkbox]:disabled {
  cursor: default;
}
[type=checkbox]:checked:before {
  content: "\f00c";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top: 2px;
  left: 3px;
  font-size: 9px;
  line-height: 11px;
  opacity: 0.9;
  font-weight: 900;
}

.select-item {
  display: inline-block;
}
.select-item.invalid select {
  border: 1px solid #ffd800;
}

[type=text],
[type=email],
[type=password],
[type=search],
[type=tel],
[type=number],
select,
textarea {
  box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-weight: normal;
  border-radius: 1px;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #e0e0e0;
  font-weight: normal;
  outline: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
[type=text].invalid,
[type=email].invalid,
[type=password].invalid,
[type=search].invalid,
[type=tel].invalid,
[type=number].invalid,
select.invalid,
textarea.invalid {
  border: 1px solid #ffd800;
}
[type=text].valid,
[type=email].valid,
[type=password].valid,
[type=search].valid,
[type=tel].valid,
[type=number].valid,
select.valid,
textarea.valid {
  border: 1px solid #bdbdbd;
}
[type=text].input-full,
[type=email].input-full,
[type=password].input-full,
[type=search].input-full,
[type=tel].input-full,
[type=number].input-full,
select.input-full,
textarea.input-full {
  width: 100%;
}

input[disabled], input[readonly], textarea[disabled], textarea[readonly], select[disabled], select[readonly] {
  background-color: #f5f5f5;
}

[type=file] {
  width: 100%;
}
[type=file].input-file-inline {
  width: auto;
}

textarea {
  height: 100px;
  width: 100%;
  line-height: 1.5em;
  padding: 8px;
}
textarea.textarea-danger {
  background: #fff7cc;
}

select {
  height: 32px;
  background: #ffffff;
}

select::-ms-expand {
  margin-right: -10px;
}

.select-item {
  height: 32px;
  margin-bottom: 10px;
}
.select-item select {
  width: 100%;
}

.modal .form .estimate-form-field .select-item {
  width: 29%;
}
.modal .form .estimate-form-field input[type=number] {
  width: 40%;
}

input.medium, div.medium-input {
  width: 250px !important;
}

input.short {
  width: 100px !important;
}

input.extra-short, .extra-short input {
  width: 65px !important;
}

.has-extra-short {
  display: inline-block;
  width: calc(70% - 150px) !important;
}

select option {
  width: 100% !important;
  display: block !important;
}

.form-container .form-field input, .form-container .form-field select, .form-container .form-field .select-item {
  margin-bottom: 0;
}
.form-container .form-field label {
  display: block;
  margin-bottom: 10px;
}
.form-container .form-field--inline {
  float: left;
}

.input--top-offset {
  margin-top: 15px;
}
.input--right-offset {
  margin-right: 10px;
}

.multi-checkboxes-container {
  border: 1px solid #e0e0e0;
  padding: 10px 10px 0;
  background-color: #f5f5f5;
}
.multi-checkboxes-container .checkboxes-list {
  max-height: 275px;
  overflow: auto;
  padding-bottom: 5px;
}

.checkbox-links.disabled a {
  cursor: default;
  text-decoration: none;
}
.checkbox-links.disabled a.active {
  color: #bdbdbd;
}
.checkbox-links a {
  color: #bdbdbd;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
  margin-right: 10px;
}
.checkbox-links a.active {
  color: #ff7200;
}

.form-actions-wrapper .form-actions {
  float: right;
}
.form-actions-wrapper .form-actions .btn, .form-actions-wrapper .form-actions .modal-body .documents .droppable input, .modal-body .documents .droppable .form-actions-wrapper .form-actions input {
  margin-left: 8px;
}
.form-actions-wrapper .form-actions .btn.btn-link, .form-actions-wrapper .form-actions .modal-body .documents .droppable input.btn-link, .modal-body .documents .droppable .form-actions-wrapper .form-actions input.btn-link, .form-actions-wrapper .form-actions .btn.btn-create, .form-actions-wrapper .form-actions .modal-body .documents .droppable input.btn-create, .modal-body .documents .droppable .form-actions-wrapper .form-actions input.btn-create, .form-actions-wrapper .form-actions .btn.btn-link-danger, .form-actions-wrapper .form-actions .modal-body .documents .droppable input.btn-link-danger, .modal-body .documents .droppable .form-actions-wrapper .form-actions input.btn-link-danger, .form-actions-wrapper .form-actions .btn.btn-link-neutral, .form-actions-wrapper .form-actions .modal-body .documents .droppable input.btn-link-neutral, .modal-body .documents .droppable .form-actions-wrapper .form-actions input.btn-link-neutral, .form-actions-wrapper .form-actions .btn.btn-export, .form-actions-wrapper .form-actions .modal-body .documents .droppable input.btn-export, .modal-body .documents .droppable .form-actions-wrapper .form-actions input.btn-export, .form-actions-wrapper .form-actions .btn.btn-share, .form-actions-wrapper .form-actions .modal-body .documents .droppable input.btn-share, .modal-body .documents .droppable .form-actions-wrapper .form-actions input.btn-share, .form-actions-wrapper .form-actions .btn.btn-changelog, .form-actions-wrapper .form-actions .modal-body .documents .droppable input.btn-changelog, .modal-body .documents .droppable .form-actions-wrapper .form-actions input.btn-changelog, .form-actions-wrapper .form-actions .btn.btn-delete, .form-actions-wrapper .form-actions .modal-body .documents .droppable input.btn-delete, .modal-body .documents .droppable .form-actions-wrapper .form-actions input.btn-delete, .form-actions-wrapper .form-actions .btn.btn-redo, .form-actions-wrapper .form-actions .modal-body .documents .droppable input.btn-redo, .modal-body .documents .droppable .form-actions-wrapper .form-actions input.btn-redo {
  padding: 10px 0;
}
.form-actions-wrapper .form-actions--secondary {
  float: left;
}
.form-actions-wrapper .form-actions--secondary .btn:first-child, .form-actions-wrapper .form-actions--secondary .modal-body .documents .droppable input:first-child, .modal-body .documents .droppable .form-actions-wrapper .form-actions--secondary input:first-child {
  margin-left: 0;
}
.form-actions-wrapper.with-divider {
  border-top: 1px solid #BDBDBD;
  padding-top: 10px;
  margin-top: 20px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
}

.form-actions-wrapper--centered {
  text-align: center;
}
.form-actions-wrapper--centered .form-actions {
  float: none;
}

.modal .form-actions {
  margin-right: 40px;
}
.modal .form-actions--tight {
  margin-right: 20px;
}
.modal .form-actions--secondary {
  margin-left: 40px;
}
.modal .form-actions button.btn-primary, .modal .form-actions button.btn-default {
  padding: 10px 20px;
}
.modal .form-actions-wrapper--centered .form-actions {
  margin-right: 0;
}

.edit-modal .form-actions-wrapper {
  padding-bottom: 20px;
}

.panel {
  background-color: #ffffff;
  margin: -20px -20px 20px -20px;
}
.panel__entry {
  position: relative;
  width: 25%;
  float: left;
}
.panel__entry--loading {
  padding: 30px;
  width: 100%;
}
.panel__entry:nth-child(5) {
  border: none;
}
.panel__entry__title {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}
.panel__entry small {
  position: absolute;
  font-size: 10px;
  margin-top: -8px;
}

.panel--stats {
  background-color: #fff7cc;
  text-transform: uppercase;
  display: flex;
  min-width: 100%;
}
.panel--stats .panel__entry__value {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px;
}
.panel--stats .panel__entry__value .fa {
  font-size: 60%;
  top: -3px;
  cursor: pointer;
}
.panel--stats .panel__entry--holder {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: content-box;
}
.panel--stats .panel__entry--holder .fa {
  font-size: 16px;
  position: absolute;
  top: 15px;
  left: 5px;
  cursor: pointer;
  z-index: 100;
}
.panel--stats .panel__entry--holder .fa-rss {
  top: unset;
  left: unset;
  margin-left: 8px;
}
.panel--stats .panel__entry--holder .panel__entry {
  border: 1px solid #eeeeee;
  flex: 1 1 auto;
  padding: 20px 20px 20px 20px;
  width: 33%;
  text-align: left !important;
}
.panel--stats .panel__entry--holder .panel__entry__value {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0px;
}
.panel--stats .panel__entry--holder .panel__entry__title {
  font-size: 12px;
  overflow-wrap: anywhere;
}
.panel--stats .panel__entry--holder .fuel-suffixes-statistics {
  display: contents;
}
.panel--stats .panel__entry--holder .fleet-optimization-statistics {
  display: contents;
}
.panel--stats .panel__entry--holder .fleet-optimization-statistics .far {
  cursor: pointer;
}
.panel--stats .panel__entry--holder .fleet-optimization-statistics .time-setup {
  font-weight: bold;
}

.panel--charts {
  border-bottom: 1px solid #eeeeee;
}
.panel--charts .panel__entry {
  width: 33%;
}
.panel--charts .panel__entry:nth-child(3) {
  border-right: none;
}
.panel--charts .panel__entry__title {
  font-weight: bold;
}
.panel--charts .panel__entry__info {
  padding-left: 36%;
  padding-top: 8px;
}
.panel--charts .panel__entry__value {
  margin-top: 15px;
}
.panel--charts .panel__entry__value .chart-deviations {
  margin-left: -36%;
}
.panel--charts .panel__entry--explainer {
  color: #757575;
}
.panel--charts .panel__entry--explainer .panel__entry__value {
  margin-top: 0;
  margin-bottom: 5px;
}
.panel--charts .panel__entry--explainer .panel__entry__info {
  padding-left: 0;
  line-height: 1.4em;
  font-weight: normal;
}
.panel--charts-explainer {
  padding: 15px 30px;
}
.panel--charts-explainer .panel__entry__title {
  font-weight: bold;
}

.page-index .panel--charts .panel__entry {
  padding-top: 20px;
  margin-top: -20px;
}
.page-index .panel--charts .fa-spinner {
  text-align: center;
  font-size: 30px;
  width: 100%;
  margin: 40px 0 80px;
}
.page-index .panel--charts-explainer {
  margin-top: -40px;
}

.panel--stats {
  flex-direction: column;
  padding: 24px;
}
.panel--stats .panel__entry--holder {
  width: 100%;
}
.panel--stats .panel__entry--holder .panel__entry {
  width: 200px;
  flex: unset;
  border-radius: 8px;
  margin: 0 8px 8px 0;
}
.panel--stats .panel__entry--holder .panel__entry__title {
  font-size: 12px;
  color: #666;
}
.panel--stats .panel__entry--holder .panel__entry__date {
  font-size: 10px;
  text-transform: none;
  color: #666;
}
.panel--stats .panel__entry--holder .panel__entry--odometer {
  border: 1px solid #FFD800;
  background-color: #fff;
}
.panel--stats .panel__entry--holder .panel__entry--fuel {
  border: 1px solid #49AB51;
  background-color: #F2FFF3;
}
.panel--stats .panel__entry--holder .panel__entry--kpi {
  border: 1px solid #4563FF;
  background-color: #F3F5FF;
}

.tutorial {
  z-index: 999;
  position: absolute;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.3);
  padding: 30px;
  margin-bottom: 30px;
  background-color: #f5f5f5;
  width: calc(100% - 250px);
}
.tutorial .tutorial-header {
  text-align: center;
  text-transform: capitalize;
  font-size: 18px;
}
.tutorial .tutorial-intro {
  text-align: center;
  font-size: 14px;
  margin-bottom: 30px;
}
.tutorial .tutorial-intro .support-link {
  margin-top: 10px;
}
.tutorial .tutorial-intro .support-link a {
  color: #ff7200;
  text-decoration: none;
}
.tutorial .tutorial-step {
  margin-top: 30px;
  width: 25%;
  padding-left: 1%;
  padding-right: 1%;
  float: left;
  text-align: center;
  font-size: 14px;
}
.tutorial .tutorial-step .step-icon {
  height: 50px;
}
.tutorial .tutorial-step .step-icon i {
  font-size: 36px;
  color: #bdbdbd;
}
.tutorial .tutorial-step .step-icon i.icon-users {
  font-size: 32px;
}
.tutorial .tutorial-step .step-icon i.icon-checklists, .tutorial .tutorial-step .step-icon i.icon-search-object {
  font-size: 44px;
}
.tutorial .tutorial-step .step-header {
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 10px;
}
.tutorial .tutorial-step img {
  width: 92%;
  margin-top: 10px;
  margin-bottom: 5px;
}
.tutorial .tutorial-step .step-desc {
  margin-bottom: 10px;
  line-height: 1.6em;
  min-height: 100px;
}
.tutorial .tutorial-step .step-action {
  margin-top: 30px;
  margin-bottom: 30px;
}
.tutorial .tutorial-step .step-action .btn-link, .tutorial .tutorial-step .step-action .btn-create, .tutorial .tutorial-step .step-action .btn-link-danger, .tutorial .tutorial-step .step-action .btn-link-neutral, .tutorial .tutorial-step .step-action .btn-export, .tutorial .tutorial-step .step-action .btn-share, .tutorial .tutorial-step .step-action .btn-changelog, .tutorial .tutorial-step .step-action .btn-delete, .tutorial .tutorial-step .step-action .btn-redo {
  text-transform: uppercase;
  font-weight: bold;
}
.tutorial .tutorial-step .step-video {
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
}
.tutorial .tutorial-step .step-video a {
  text-decoration: none;
}
.tutorial .tutorial-step .step-video .step-video-title {
  margin-top: -10px;
  padding: 10px;
  text-transform: uppercase;
  font-size: 12px;
}

.tutorial-glimpse {
  height: 10px;
  margin-bottom: 15px;
  background: #f5f5f5;
}
.tutorial-glimpse ~ .container {
  min-height: calc(100% - 25px);
}

.tutorial-button {
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: absolute;
  border-radius: 50%;
  background-color: #f5f5f5;
  box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.3);
}
.tutorial-button i {
  color: #bdbdbd;
  font-size: 20px;
  position: absolute;
  top: 38%;
  left: 30%;
}
.tutorial-button.tutorial-button-close {
  bottom: -25px;
  right: 25px;
}
.tutorial-button.tutorial-button-open {
  right: 25px;
  margin-top: -40px;
  z-index: 998;
}

.editor {
  overflow: visible;
  position: relative;
}
.editor.object-template-editor .tools-area {
  top: 178px;
}
.editor.object-template-editor .main-area .editor-tabs, .editor.checklist-editor .main-area .editor-tabs {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #e0e0e0;
}
.editor.object-template-editor .main-area .editor-tabs div:first-child, .editor.checklist-editor .main-area .editor-tabs div:first-child {
  border-top-left-radius: 5px;
}
.editor.object-template-editor .main-area .editor-tabs div:last-child, .editor.checklist-editor .main-area .editor-tabs div:last-child {
  border-top-right-radius: 5px;
}
.editor.object-template-editor .main-area .editor-tabs div, .editor.checklist-editor .main-area .editor-tabs div {
  display: inline-block;
  width: calc(50% - 2px);
  text-align: center;
  height: 4em;
  background-color: #e0e0e0;
  font-weight: bold;
  padding-top: 1em;
  cursor: pointer;
}
.editor.object-template-editor .main-area .editor-tabs div.active, .editor.checklist-editor .main-area .editor-tabs div.active {
  background-color: #212121;
  color: #ffffff;
}
.editor.object-template-editor .main-area .editor-tabs div a, .editor.checklist-editor .main-area .editor-tabs div a {
  vertical-align: middle;
}
.editor.object-template-editor .is-disabled, .editor.checklist-editor .is-disabled {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-color: #e0e0e0;
  pointer-events: none;
}
.editor .tools-area {
  -webkit-transform: rotate(0deg);
  margin-bottom: 40px;
  position: fixed;
  width: calc((100% - 250px - 40px) / 3);
}
.editor .tools-area .editor-check-level {
  background-color: #ffffff;
  padding: 20px;
  border: 1px solid #bdbdbd;
  margin-bottom: 20px;
}
.editor .tools-area .editor-check-level h3 {
  font-size: 14px;
}
.editor .tools-area .editor-check-level .check-level-header {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
}
.editor .tools-area .editor-check-level .check-level-header:not(:first-child) {
  margin-top: 15px;
}
.editor .tools-area .editor-check-level .check-level-header i {
  cursor: pointer;
  float: right;
  font-size: 130%;
}
.editor .tools-area .editor-check-level .fields {
  margin-bottom: 6px;
}
.editor .tools-area .editor-check-level .fields:last-child {
  margin-bottom: 2px;
}
.editor .tools-area .editor-check-level .fields.field-disabled .editor-btn {
  cursor: default;
  box-shadow: none;
  color: #bdbdbd;
}
.editor .tools-area .editor-check-level .fields.field-disabled .editor-btn i {
  color: #bdbdbd;
}
.editor .tools-area .fields {
  float: left;
  width: calc(50% - 6px);
  margin-right: 4px;
}
.editor .tools-area .check-holder-control-point .editor-btn {
  background-color: #eeeeee;
}
.editor .tools-area .check-holder-deviation .editor-btn {
  background-color: #fafafa;
}
.editor .tools-area .check-holder-component .editor-btn {
  background-color: #ffffff;
}
.editor .main-area {
  float: right;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 40px;
}
.editor .main-area i.fa.collapse-button, .editor .main-area i.fa.restore-button {
  font-size: 160%;
  margin-top: -2px;
}
.editor .main-area .locked .edit-button {
  margin-right: 3px;
}
.editor .main-area .edit-button,
.editor .main-area .delete-button,
.editor .main-area .collapse-button,
.editor .main-area .restore-button,
.editor .main-area .split-button,
.editor .main-area .incident-section-lock {
  float: right;
  cursor: pointer;
  margin-left: 4px;
  font-size: 130%;
  padding-top: 4px;
}
.editor .main-area .incident-section-lock {
  cursor: default;
}
.editor .main-area .incident-section-disable {
  float: right;
  margin: 4px 15px 0 0;
}
.editor .main-area .add-variant-holder {
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
}
.editor .main-area .checklist-variant,
.editor .main-area .template-section {
  background-color: #ffffff;
  padding: 20px;
  border: 1px solid #bdbdbd;
  margin-bottom: 20px;
}
.editor .main-area .checklist-variant .checklist-variant-header,
.editor .main-area .checklist-variant .template-section-header,
.editor .main-area .template-section .checklist-variant-header,
.editor .main-area .template-section .template-section-header {
  text-transform: uppercase;
  margin-top: 0;
  font-size: 14px;
}
.editor .main-area .checklist-variant .no-content,
.editor .main-area .template-section .no-content {
  margin-top: 10px;
  margin-bottom: 15px;
}
.editor .main-area .fields-wrapper {
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  padding: 20px;
  padding-bottom: 10px;
}
.editor .main-area .checklist-control-point-container,
.editor .main-area .checklist-deviation-container,
.editor .main-area .checklist-component-container,
.editor .main-area .object-template,
.editor .main-area .template-field-container {
  min-height: 10px;
}
.editor .main-area .checklist-deviation-container,
.editor .main-area .checklist-component-container,
.editor .main-area .template-field-container {
  margin-left: -10px;
  margin-right: -10px;
}
.editor .main-area .checklist-control-point-container .checklist-field,
.editor .main-area .dropzone-control-point {
  background-color: #eeeeee;
}
.editor .main-area .checklist-deviation-container .checklist-field,
.editor .main-area .dropzone-deviation {
  background-color: #fafafa;
  margin-left: calc(10% - 10px);
  width: calc(90% - 10px);
}
.editor .main-area .checklist-component-container .checklist-field,
.editor .main-area .dropzone-component {
  background-color: #ffffff;
  margin-left: calc(20% - 15px);
  width: calc(80% - 15px);
}
.editor .main-area .checklist-control-point-divider {
  position: relative;
  text-align: center;
  margin: 0 10px 20px 10px;
  height: 50px;
}
.editor .main-area .checklist-control-point-divider .divider-label {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 0 20px;
}
.editor .main-area .checklist-control-point-divider .divider-label input {
  margin-bottom: 0;
}
.editor .main-area .checklist-control-point-divider .divider-label .fields-group-count {
  border: 1px solid #424242;
  border-radius: 7px;
  padding: 1px 6px;
  line-height: 1;
  display: inline-block;
  margin-left: 5px;
}
.editor .main-area .checklist-control-point-divider:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid #bdbdbd;
}
.editor .main-area .checklist-control-point-divider .checklist-control-point-divider-actions {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: #ffffff;
  padding-left: 15px;
}
.editor .main-area .checklist-control-point-divider .checklist-control-point-divider-actions i {
  cursor: pointer;
  margin-left: 5px;
}
.editor .main-area .field-head {
  padding: 20px;
  padding-bottom: 12px;
  min-height: 59px;
  position: relative;
  overflow: visible;
}
.editor .main-area .field-head .leftWrapper {
  float: left;
}
.editor .main-area .field-head .fa-lock-locked {
  position: absolute;
  top: 0px;
  right: -5px;
  background-color: #d8d6f0;
  padding: 5px;
  color: #757575;
  font-size: 100%;
}
.editor .main-area .field-head .field-head-icon {
  margin-right: 20px;
  float: left;
}
.editor .main-area .field-head .field-warning-icon {
  float: left;
  margin-right: 5px;
  color: #ff7200;
  position: relative;
  top: -5px;
}
.editor .main-area .field-head .field-head-label {
  float: left;
  width: 25%;
  text-align: left;
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 3px;
  position: relative;
}
.editor .main-area .field-head .alias {
  margin-right: -20px;
  position: absolute;
  right: 0;
}
.editor .main-area .field-head .dynamic-field {
  color: #757575;
  text-transform: lowercase;
}
.editor .main-area .field-head .categories .field-head-category,
.editor .main-area .field-head .categories .field-head-subcategory {
  float: right;
  margin-top: -8px;
  margin-right: 15px;
}
.editor .main-area .field-head .categories .field-head-category div,
.editor .main-area .field-head .categories .field-head-subcategory div {
  width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.editor .main-area .field-head .categories .field-head-category .ember-power-select-trigger,
.editor .main-area .field-head .categories .field-head-subcategory .ember-power-select-trigger {
  padding: 4px 5px;
  background-color: #fafafa;
  border-radius: 3px;
  border: 1px solid #bdbdbd;
  border-bottom: 2px solid #bdbdbd;
}
.editor .main-area .field-head .categories .field-head-category .ember-power-select-trigger .ember-power-select-selected-item,
.editor .main-area .field-head .categories .field-head-subcategory .ember-power-select-trigger .ember-power-select-selected-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100px;
  display: inline-block;
}
.editor .main-area .field-edit-mode.checklist-template-settings {
  background-color: #fafafa;
}
.editor .main-area .field-edit-mode {
  background-color: #ffffff;
  padding: 20px;
  border: 1px solid #eeeeee;
  border-top: 1px solid #bdbdbd;
  position: relative;
}
.editor .main-area .field-edit-mode .field-options {
  width: 37%;
  float: left;
  padding-right: 25px;
}
.editor .main-area .field-edit-mode .field-options img {
  max-width: 100%;
  max-height: 150px;
}
.editor .main-area .field-edit-mode .field-options .field-option-required {
  margin-top: 5px;
}
.editor .main-area .field-edit-mode .field-options .field-option-alternatives {
  margin-bottom: 20px;
}
.editor .main-area .field-edit-mode .field-options .field-option-alternatives.options-sortable .alternative {
  cursor: move;
}
.editor .main-area .field-edit-mode .field-options .field-option-alternatives .input-checkbox-settings {
  white-space: normal;
}
.editor .main-area .field-edit-mode .field-options .field-option-alternatives .input-checkbox-settings input {
  width: 100px;
}
.editor .main-area .field-edit-mode .field-options .field-option-alternatives .input-checkbox-settings label {
  white-space: nowrap;
  display: inline;
}
.editor .main-area .field-edit-mode .field-options label {
  display: block;
  margin-bottom: 15px;
  font-weight: normal;
}
.editor .main-area .field-edit-mode .field-options label.bold {
  font-weight: bold;
}
.editor .main-area .field-edit-mode .field-options .btn, .editor .main-area .field-edit-mode .field-options .modal-body .documents .droppable input, .modal-body .documents .droppable .editor .main-area .field-edit-mode .field-options input {
  margin-bottom: 10px;
}
.editor .main-area .field-edit-mode .field-options input[type=radio], .editor .main-area .field-edit-mode .field-options input[type=checkbox] {
  margin-right: 4px;
}
.editor .main-area .field-edit-mode .field-options .sub-options,
.editor .main-area .field-edit-mode .field-options .sub-option {
  margin-left: 16px;
}
.editor .main-area .field-edit-mode .field-props {
  width: 63%;
  float: right;
}
.editor .main-area .field-edit-mode .field-props input {
  width: 100%;
}
.editor .main-area .field-edit-mode .field-props .information-images {
  overflow: hidden;
}
.editor .main-area .field-edit-mode .field-props .information-images .image-container {
  float: left;
  margin-right: 10px;
}
.editor .main-area .field-edit-mode .field-props .information-images .image-container img {
  max-height: 100px;
}
.editor .main-area .field-edit-mode .field-props .information-image-check-report {
  margin-bottom: 10px;
  display: block;
}
.editor .main-area .field-edit-mode .field-warning-text {
  background: #FFE3CC;
  padding: 3px 10px;
  margin-top: -20px;
  left: -20px;
  margin-bottom: 10px;
  width: calc(100% + 20px);
  line-height: normal;
}
.editor .main-area .field-edit-mode div label:not(.mat-mdc-floating-label) {
  display: block;
  margin-bottom: 10px;
}
.editor .main-area .dropzone-field {
  background-color: #eeeeee;
}
.editor .main-area .dropzone {
  margin-bottom: 20px;
  border: 2px dashed #bdbdbd;
}
.editor .main-area .dropzone.dropzone-split {
  display: inline-block;
  width: calc(50% - 2px);
}
.editor .main-area .object-template-field, .editor .main-area .checklist-field {
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  background-color: #eeeeee;
  border: 1px solid #bdbdbd;
  margin-bottom: 20px;
}
.editor .main-area .object-template-field.locked, .editor .main-area .checklist-field.locked {
  border: 4px solid #d8d6f0;
  border-radius: 5px;
  cursor: default;
}
.editor .main-area .object-template-field.locked .field-head, .editor .main-area .checklist-field.locked .field-head {
  padding: 15px;
  min-height: 46px;
}
.editor .main-area .object-template-field.locked .field-options, .editor .main-area .checklist-field.locked .field-options {
  width: 100%;
  padding-right: 0;
}
.editor .main-area .object-template-field .field-text-container textarea, .editor .main-area .checklist-field .field-text-container textarea {
  width: 100%;
}
.editor .main-area .object-template-field i, .editor .main-area .checklist-field i {
  margin-right: 5px;
}
.editor .main-area .object-template-field .delete, .editor .main-area .checklist-field .delete {
  cursor: pointer;
  font-size: 18px;
}
.editor .main-area .object-template-field.is-split, .editor .main-area .checklist-field.is-split {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 22px);
}
.editor .main-area .object-template-field.is-split .field-head-label, .editor .main-area .checklist-field.is-split .field-head-label {
  width: 53.5%;
}
.editor .main-area .object-template-field.is-split .field-props,
.editor .main-area .object-template-field.is-split .field-options, .editor .main-area .checklist-field.is-split .field-props,
.editor .main-area .checklist-field.is-split .field-options {
  width: 100%;
  float: none;
}
.editor.readonly .tools-area {
  display: none;
}
.editor.readonly .main-area {
  width: 100%;
  padding: 0;
}
.editor.readonly .field-head .fa-cog {
  display: none;
}
.editor.readonly .checklist-field {
  cursor: default;
}
.editor.readonly .category-selector-toggler {
  pointer-events: none;
}
.editor.readonly .add-variant-holder {
  display: none;
}

.editor-btn {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  cursor: move;
  border: 1px solid #eeeeee;
  font-size: 12px;
  background: #fafafa;
  position: relative;
  padding-left: 30px;
}
.editor-btn > i {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #eeeeee;
  line-height: 24px;
  color: #212121;
  background-color: #ffffff;
  text-align: center;
  padding: 0px 5px;
  margin-right: 5px;
  display: inline-block;
  width: 30px;
}
.editor-btn .editor-btn-text {
  padding-left: 5px;
  display: inline-block;
}

.fields[data-type="8"] .editor-btn > i {
  padding-left: 7px;
  font-size: 8px !important;
}

.editor-actions {
  background: #ffffff;
  width: calc(100% - 250px);
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #bdbdbd;
  position: fixed;
  bottom: 0;
  left: 250px;
}
.editor-actions.readonly {
  display: none;
}
.editor-actions .btn, .editor-actions .modal-body .documents .droppable input, .modal-body .documents .droppable .editor-actions input {
  float: right;
  min-width: 150px;
  text-align: center;
}
.editor-actions .btn.pull-left, .editor-actions .modal-body .documents .droppable input.pull-left, .modal-body .documents .droppable .editor-actions input.pull-left {
  float: left;
  margin-left: 15px;
}
.editor-actions .btn:first-child, .editor-actions .modal-body .documents .droppable input:first-child, .modal-body .documents .droppable .editor-actions input:first-child {
  margin-right: 100px;
}
.editor-actions .btn:not(:last-child), .editor-actions .modal-body .documents .droppable input:not(:last-child), .modal-body .documents .droppable .editor-actions input:not(:last-child) {
  margin-left: 6px;
}
.editor-actions .editor-actions-info {
  float: right;
  font-weight: bold;
  margin-top: 12px;
  margin-right: 20px;
}

@media (max-width: 460px) {
  .editor-actions {
    position: relative;
  }
  .editor-actions .btn, .editor-actions .modal-body .documents .droppable input, .modal-body .documents .droppable .editor-actions input {
    float: none;
    width: 100%;
  }
  .editor-actions .btn.pull-left, .editor-actions .modal-body .documents .droppable input.pull-left, .modal-body .documents .droppable .editor-actions input.pull-left {
    float: none;
  }
  .editor-actions .btn:not(:last-child), .editor-actions .modal-body .documents .droppable input:not(:last-child), .modal-body .documents .droppable .editor-actions input:not(:last-child) {
    margin-left: 0px;
  }
}
.incident ~ .editor-actions {
  min-height: 68px;
}

.is-incident-reporter .editor-actions {
  width: 100%;
  left: 0;
}

.object-types-editor {
  margin: 20px 10px 0 10px;
}
.object-types-editor .form-container {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
}
.object-types-editor .card {
  margin-bottom: 20px;
}
.object-types-editor .card .card__actions {
  top: 20px;
}
.object-types-editor .card .type-categories-list {
  overflow: hidden;
}
.object-types-editor .card .type-categories-list span {
  color: #424242;
  display: inline-block;
  float: left;
  padding: 0 10px;
  margin-top: 10px;
  margin-right: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}
.object-types-editor .card .input-field-description {
  line-height: normal;
}
.object-types-editor .object-type-add input {
  width: 300px;
  margin: 0 10px 0 0;
  height: 37px;
}
.object-types-editor.modal-body .form-actions {
  margin-right: 0;
}

.editor-toolbar {
  margin-right: 20px;
}
.editor-toolbar .edit-types {
  float: right;
}
.editor-toolbar .edit-types .select-item {
  min-width: 300px;
  margin-left: 10px;
  margin-right: 10px;
}
.editor-toolbar .edit-types i.fa {
  cursor: pointer;
  font-size: 130%;
  padding-top: 8px;
  float: right;
}

.ordered-column {
  width: 300px;
  position: relative;
  height: 22px;
  margin: 3px;
  padding-left: 5px;
}
.ordered-column:hover {
  background-color: #e0e0e0;
  box-shadow: 0px 0px 1px 0px #212121;
  border-radius: 3px;
}
.ordered-column:hover .pin, .ordered-column:hover .ordered-column-handle {
  color: #bdbdbd;
}
.ordered-column label {
  float: left;
  line-height: 19px;
  font-weight: bold;
  width: 200px;
}
.ordered-column .pin {
  position: absolute;
  right: 25px;
  top: 7px;
  cursor: pointer;
  color: #ffffff;
}
.ordered-column .pin.selected {
  color: #212121 !important;
}
.ordered-column .ordered-column-handle {
  width: 10px;
  position: absolute;
  right: 5px;
  top: 0px;
  color: #ffffff;
}

.deviation-template-container .field-head-label {
  margin-bottom: 10px;
}

@media screen and (max-width: 1650px) {
  .checklist-control-point-container > .checklist-parent > .checklist-field .leftWrapper {
    height: 100%;
    vertical-align: top;
    float: left;
    clear: both;
    padding-bottom: 10px;
  }
  .checklist-control-point-container > .checklist-parent > .checklist-field .leftWrapper .field-head-icon {
    margin-right: 20px;
    float: none !important;
    position: relative;
  }
  .checklist-control-point-container > .checklist-parent > .checklist-field .leftWrapper .field-warning-icon {
    top: 0;
  }
  .checklist-control-point-container > .checklist-parent > .checklist-field .field-head-label {
    float: none !important;
  }
  .checklist-control-point-container > .checklist-parent > .checklist-field .field-head-label .alias {
    position: relative;
    right: -15px;
  }
  .checklist-control-point-container > .checklist-parent > .checklist-field .field-head-label:after {
    content: "";
    display: table;
  }
  .checklist-control-point-container > .checklist-parent > .checklist-field .categories {
    margin-top: 15px;
    float: left;
    clear: right;
  }
  .checklist-control-point-container > .checklist-parent > .checklist-field .categories div:first-child {
    margin-right: 0 !important;
  }
}
.modals-container {
  z-index: 1002;
  position: fixed;
}
.modals-container .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.4);
}
.modals-container .modal-backdrop.first-modal {
  background-color: rgba(0, 0, 0, 0.8);
}
.modals-container .modal-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  overflow-x: auto;
  overflow-y: scroll;
  padding-top: 100px;
}
.modals-container .modal-container.first-modal {
  padding-top: 30px;
}

.modal {
  overflow-y: auto;
}
.modal .modal-dialog {
  background-color: #ffffff;
  width: 500px;
  padding: 1em;
  padding-bottom: 30px;
}
.modal .modal-dialog.modal-angular-material {
  padding: 1em 0 0 0 !important;
}
.modal .modal-dialog.modal-angular-material .modal-title {
  margin-left: 0px !important;
}
.modal .modal-dialog.modal-video {
  padding: 0;
  width: 600px;
}
.modal .modal-dialog.modal-large {
  width: 920px;
}
.modal .modal-dialog.modal-large-angular {
  width: 920px;
  padding: unset;
}
.modal .modal-dialog.modal-top-offset {
  margin-top: 70px;
}
.modal .modal-dialog.modal-no-padding {
  padding: 0;
}
.modal .modal-dialog.modal-rounded {
  border-radius: 5px;
}
.modal .unstyled-fieldset {
  border: none;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.modal .modal-tabs {
  width: calc(100% + 24px);
  margin-left: -12px;
  border-bottom: 2px solid #212121;
}
.modal .modal-tabs .modal-tabs-action {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
}
.modal .modal-tabs ul {
  padding-left: 0px;
  margin: 0px;
}
.modal .modal-tabs ul li {
  display: table-cell;
  list-style: none;
  padding: 6px 12px;
  margin: 0px;
  cursor: pointer;
}
.modal .modal-tabs ul li:hover {
  background-color: #e0e0e0;
  transition: all ease 0.2s;
}
.modal .modal-tabs ul li.active {
  color: #ffffff;
  background: #212121;
}
.modal .modal-tabs--flex ul {
  display: flex;
}
.modal .modal-tabs--flex ul li {
  display: block;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  flex-grow: 1;
}
.modal .padded-message {
  padding: 20px;
}
.modal .modal-tab-content {
  padding: 20px 8px;
}
.modal .modal-tab-content--list h3 {
  margin-top: 0;
  font-size: 14px;
}
.modal .modal-tab-content--list .no-content {
  text-align: left;
}
.modal .modal-tab-content--list p {
  line-height: 1.5em;
  margin-top: 0;
}
.modal .modal-tab-content--list .filter {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
  width: 300px;
}
.modal .modal-tab-content--list .filter label {
  display: block;
  position: relative;
}
.modal .modal-tab-content--list .filter .iconWrapper {
  position: absolute;
  top: 10px;
  left: 0;
}
.modal .modal-tab-content--list .filter .fa-search {
  color: #e0e0e0;
}
.modal .modal-tab-content--list .filter input {
  width: 100%;
  height: 31px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: 20px;
  box-shadow: none;
  background: transparent;
}
.modal iframe {
  border: 0;
  width: 100%;
}
.modal .table {
  margin-top: 20px;
}
.modal .modal-top-holder .modal-top-left {
  display: inline-block;
  width: 75%;
  vertical-align: top;
}
.modal .modal-top-holder .modal-top-right {
  display: inline-block;
  width: 24%;
  vertical-align: top;
}
.modal .modal-top-holder .modal-top-right h2 .small {
  font-size: 10px;
  font-weight: 400;
}
.modal .modal-top-holder .modal-top-right .map-holder .g-map-canvas {
  height: 120px;
}
.modal .form.form-vertical .form-field {
  margin-bottom: 10px;
}
.modal .form.form-vertical .form-field.required > label:after {
  position: relative;
  right: initial;
}
.modal .form.form-vertical .form-field > label {
  display: block;
  width: 100%;
  margin: 0;
  padding-bottom: 10px;
  text-align: left;
  font-weight: bold;
}
.modal .form .form-field > label {
  width: 20%;
  text-align: right;
  display: inline-block;
  margin-right: 5%;
  position: relative;
  vertical-align: middle;
  word-wrap: break-word;
}
.modal .form .form-field > label.left {
  text-align: left;
}
.modal .form .form-field > label.ember-radio-button {
  width: auto;
}
.modal .form .form-field > label.inline {
  white-space: nowrap;
}
.modal .form .form-field .form-field-group {
  border: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.modal .form .form-field .form-field-group legend {
  width: 20%;
  text-align: right;
  margin-right: 5%;
  position: relative;
  vertical-align: middle;
  word-wrap: break-word;
  font-weight: 600;
  float: left;
  padding: 0;
  border: none;
  line-height: initial;
}
.modal .form .form-field.object-selector .ember-power-select-trigger {
  border-radius: 5px;
  width: 85%;
}
.modal .form .form-field.small-input > label {
  width: 25%;
}
.modal .form .form-field-after {
  display: inline-block;
  width: 50px;
  margin-left: 5px;
}
.modal .form .form-field-action {
  margin-left: 5px;
}
.modal .form .form-field .temp-img {
  max-width: 200px;
  width: auto;
  height: auto;
  max-height: 200px;
}
.modal .form .form-field .temp-img:first-child {
  margin-top: 7px;
}
.modal .form .form-field .temp-img.video-thumbnail {
  background-color: #212121;
  height: 100px;
  position: relative;
  margin-bottom: 7px;
}
.modal .form .form-field .temp-img.video-thumbnail i {
  color: #ffffff;
  font-size: 50px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 50%;
  margin-left: -25px;
}
.modal .form .form-field .interval-selector {
  position: relative;
}
.modal .form .form-field .interval-selector .interval-selector__remove {
  position: absolute;
  right: -20px;
  top: 10px;
  color: #fb392d;
  cursor: pointer;
}
.modal .form .form-field .interval-selector .select-item {
  width: 48%;
}
.modal .form .form-field .interval-selector .select-item:first-child {
  margin-right: calc(4% - 4px);
}
.modal .form .form-field .input-select input {
  width: 50%;
}
.modal .form .form-field .input-select .select-item {
  width: 30%;
}
.modal .form .form-field-meta {
  color: #212121;
  margin-top: -18px;
}
.modal .form .form-field-textarea label {
  vertical-align: top;
  margin-top: 8px;
}
.modal .form .form-field {
  width: 100%;
}
.modal .form .form-field > .datepicker {
  width: 70%;
  display: inline-block;
}
.modal .form .form-field > .datepicker input {
  width: 100%;
}
.modal .form .form-field--full {
  width: 91%;
  margin-left: auto;
  margin-right: auto;
}
.modal .form .form-field--full__option {
  float: right;
  font-weight: 600;
  margin-top: -3px;
}
.modal .form .form-field--full__option [type=checkbox] {
  margin-left: 4px;
}
.modal .form .form-field-without-label {
  margin-left: 25.6%;
  width: 74.4%;
}
.modal .form .form-field-without-label label.ember-radio-button {
  margin-right: 20px;
}
.modal .form .ext-bottom {
  margin-bottom: 15px;
}
.modal .form .date-holder {
  width: 70%;
  display: inline-block;
}
.modal .form .date-holder .time, .modal .form .date-holder .date {
  width: 45%;
  display: inline-block;
}
.modal .form .date-holder .date {
  margin-right: 9%;
}
.modal .form .date-holder .date input {
  width: 100% !important;
}
.modal .form .date-holder .time select {
  width: 45% !important;
}
.modal .form .date-holder .time select:first-child {
  margin-right: 5%;
}
.modal .form .currency {
  position: absolute;
  right: -5px;
  top: 4px;
  text-transform: uppercase;
}
.modal .form .help-text, .modal .form .incident__field__helptext, .modal .form .variant-meta, .modal .form h1 .meta:before, h1 .modal .form .meta:before, .modal .form h2 .meta:before, h2 .modal .form .meta:before, .modal .form h3 .meta:before, h3 .modal .form .meta:before, .modal .form h4 .meta:before, h4 .modal .form .meta:before, .modal .form h5 .meta:before, h5 .modal .form .meta:before, .modal .form h6 .meta:before, h6 .modal .form .meta:before, .modal .form label .meta:before, label .modal .form .meta:before, .modal .form h1 .meta, h1 .modal .form .meta, .modal .form h2 .meta, h2 .modal .form .meta, .modal .form h3 .meta, h3 .modal .form .meta, .modal .form h4 .meta, h4 .modal .form .meta, .modal .form h5 .meta, h5 .modal .form .meta, .modal .form h6 .meta, h6 .modal .form .meta, .modal .form label .meta, label .modal .form .meta {
  margin-left: 25.6%;
  margin-top: -10px;
  display: block;
  max-width: 50%;
}
.modal .form .checkbox-field-group + .help-text, .modal .form .checkbox-field-group + .incident__field__helptext, .modal .form .checkbox-field-group + .variant-meta, .modal .form h1 .checkbox-field-group + .meta:before, h1 .modal .form .checkbox-field-group + .meta:before, .modal .form h2 .checkbox-field-group + .meta:before, h2 .modal .form .checkbox-field-group + .meta:before, .modal .form h3 .checkbox-field-group + .meta:before, h3 .modal .form .checkbox-field-group + .meta:before, .modal .form h4 .checkbox-field-group + .meta:before, h4 .modal .form .checkbox-field-group + .meta:before, .modal .form h5 .checkbox-field-group + .meta:before, h5 .modal .form .checkbox-field-group + .meta:before, .modal .form h6 .checkbox-field-group + .meta:before, h6 .modal .form .checkbox-field-group + .meta:before, .modal .form label .checkbox-field-group + .meta:before, label .modal .form .checkbox-field-group + .meta:before, .modal .form h1 .checkbox-field-group + .meta, h1 .modal .form .checkbox-field-group + .meta, .modal .form h2 .checkbox-field-group + .meta, h2 .modal .form .checkbox-field-group + .meta, .modal .form h3 .checkbox-field-group + .meta, h3 .modal .form .checkbox-field-group + .meta, .modal .form h4 .checkbox-field-group + .meta, h4 .modal .form .checkbox-field-group + .meta, .modal .form h5 .checkbox-field-group + .meta, h5 .modal .form .checkbox-field-group + .meta, .modal .form h6 .checkbox-field-group + .meta, h6 .modal .form .checkbox-field-group + .meta, .modal .form label .checkbox-field-group + .meta, label .modal .form .checkbox-field-group + .meta {
  margin-top: 0;
}
.modal .form .help-text-right {
  position: absolute;
  right: -5px;
  top: 4px;
}
.modal .form input[type=text],
.modal .form input[type=email],
.modal .form input[type=password],
.modal .form input[type=search],
.modal .form input[type=tel],
.modal .form input[type=number],
.modal .form select,
.modal .form textarea,
.modal .form .textarea-wrapper,
.modal .form .field-group,
.modal .form .input,
.modal .form .text-editor,
.modal .form .select-item,
.modal .form .ember-power-select-trigger {
  width: 70%;
  display: inline-block;
}
.modal .form input[type=text].input-full,
.modal .form input[type=email].input-full,
.modal .form input[type=password].input-full,
.modal .form input[type=search].input-full,
.modal .form input[type=tel].input-full,
.modal .form input[type=number].input-full,
.modal .form select.input-full,
.modal .form textarea.input-full,
.modal .form .textarea-wrapper.input-full,
.modal .form .field-group.input-full,
.modal .form .input.input-full,
.modal .form .text-editor.input-full,
.modal .form .select-item.input-full,
.modal .form .ember-power-select-trigger.input-full {
  width: 100%;
}
.modal .form .select-item > select {
  width: 100%;
}
.modal .form .btn-aligned {
  margin-left: 25.6%;
}
.modal .form textarea {
  max-width: 70%;
}
.modal .form .text-editor iframe {
  height: 200px;
}
.modal .form .field-group textarea {
  max-width: 100%;
  width: 100%;
}
.modal .form .field-group .ember-radio-button {
  margin-right: 10px;
}
.modal .form .intl-tel-input {
  width: 70%;
}
.modal .form .ember-power-select-trigger {
  margin-bottom: 10px;
}
.modal .warn-delete {
  margin: 30px;
  text-align: center;
}
.modal .warn-delete .alert {
  margin-top: 20px;
}
.modal .modal-title {
  text-transform: uppercase;
  margin-top: 0;
  padding-bottom: 8px;
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 12px;
  padding-right: 12px;
  border-bottom: 2px solid #212121;
  margin-bottom: 0px;
  position: relative;
  font-size: 14px;
}
.modal .modal-title .btn, .modal .modal-title .modal-body .documents .droppable input, .modal-body .documents .droppable .modal .modal-title input {
  text-transform: none;
  margin-right: 10px;
  position: relative;
  top: -1px;
}
.modal .modal-title .browse-buttons {
  float: right;
  margin-right: 10px;
}
.modal .modal-title .browse-buttons i {
  font-size: 130%;
  cursor: pointer;
}
.modal .modal-title .browse-buttons i.fa-spinner {
  font-size: 85%;
}
.modal .modal-title .browse-buttons i.disabled {
  cursor: default;
  color: #bdbdbd;
}
.modal .modal-title .browse-buttons i:first-child {
  margin-right: 6px;
}
.modal .modal-title .crumb {
  color: #bdbdbd;
}
.modal .modal-title .angular-drop-down-menu {
  margin-top: -5px;
  margin-right: 10px;
}
.modal .modal-title .close {
  text-decoration: none;
  color: #212121;
  float: right;
  font-family: "Open Sans";
  font-size: 20px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 100px;
  text-align: center;
  margin-top: -5px;
}
.modal .modal-title .close:hover {
  background-color: #e0e0e0;
}
.modal .modal-title a.close:active {
  background-color: #bdbdbd;
}
.modal .modal-footer {
  margin: 30px -12px -30px -12px;
  padding: 20px 15px;
  background: #eeeeee;
  color: #9e9e9e;
}
.modal .modal-footer.message-meta {
  position: relative;
}
.modal .modal-footer.message-meta span.date {
  position: absolute;
  right: 15px;
}
.modal .modal-footer.message-meta ul {
  list-style: none;
  margin: 0;
  margin-top: 5px;
  padding: 0;
  line-height: 1.5em;
}
.modal .modal-footer.message-meta ul li.title {
  font-weight: 600;
}
.modal .modal-footer.message-meta ul li span.typeinfo {
  font-style: italic;
}
.modal div.documents-table.documents-table-modal table.table {
  margin-top: 0;
}

.overlay {
  z-index: 1004;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.overlay.overlay-dialog {
  z-index: 1005;
}

.modal-dialog-view:focus {
  outline: 0;
}

body.modal-open {
  overflow: hidden;
}

.spinner--modal {
  text-align: center;
  height: 400px;
  position: relative;
}
.spinner--modal i {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  font-size: 40px;
}

.icon-TEXT:before {
  content: "\e61c";
}

.icon-TEXT_FIELD:before {
  content: "\e61c";
}

.icon-MULTIPLE_CHOICE_SELECT:before {
  content: "\e618";
}

.icon-MULTIPLE_CHOICE_RADIOBUTTON:before {
  content: "\e618";
}

.icon-MULTIPLE_CHOICE_CHECKBOX:before {
  content: "\e618";
}

.icon-DATE:before {
  content: "\e619";
}

.icon-SIGNING:before {
  content: "\f044";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.icon-RELATION_USER:before {
  content: "\e61b";
}

.icon-NUMBER:before {
  content: "\e61e";
}

.icon-LINK:before {
  content: "\e614";
}

.icon-IMAGE:before {
  content: "\e61a";
}

.icon-MONEY:before {
  content: "\e612";
}

.icon-PERCENTAGE:before {
  content: "\e61d";
}

.icon-ODOMETER:before {
  content: "\e613";
}

.icon-TAKE_PHOTO:before {
  content: "\e616";
}

.icon-COMMENT:before {
  content: "\e615";
}

.icon-REFILLED:before {
  content: "\e617";
}

.icon-RELATION_WORKPLACE:before {
  content: "\e608";
}

.icon-DEVIATION:before {
  content: "\f12a";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.icon-TIME:before {
  content: "\e619";
}

.icon-RELATION:before {
  content: "\e90b";
}

.icon-INFORMATION_TEXT:before {
  content: "\e90a";
}

.icon-WORKTIME:before {
  content: "\e901";
}

.icon-ABSENCE:before {
  content: "\e908";
}

.icon-COST:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0d6";
}

.icon-RISK:before, .icon-RISK_ASSESSMENT:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f012";
  font-weight: 900;
}

.icon-FILE:before {
  content: "\e909";
}

.icon-DOWNTIME:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f017";
}

.icon-GPS:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f041";
  font-weight: 900;
}

.icon-DIVIDER:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f068";
}

.icon-ATTENDEES:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f500";
  font-weight: 900;
}

.icon-FORMULA:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f64c";
}

.icon-MATRIX:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0ce";
}

.icon-EMAIL_PDF_TITLES_MAIL_HEADER:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f1dc";
}

.like-fa-caret, .icon-arrow-outline-down,
.icon-arrow-outline-up {
  font-size: 50% !important;
  position: relative;
  top: 6px;
}

.icon-arrow-outline-up {
  transform: rotate(180deg);
}

.icon-arrow-outline-down:before {
  content: "\e904";
}

.icon-arrow-outline-up:before {
  content: "\e904";
}

.checklist-deviation > div > div.field-head > i.icon-TEXT:before, .checklist-deviation > div > div.field-head > i.icon-DEVIATION:before {
  content: "\f12a";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 900;
}

.rl-dropdown {
  z-index: 999;
}

thead .selector-toggler {
  padding-left: 0;
}

.selector-toggler {
  cursor: pointer;
}
.selector-toggler:focus {
  outline: none;
}

.selector-container {
  display: inline;
}

ul.selector {
  background-color: #ffffff;
  color: #212121;
}
ul.selector li a {
  cursor: pointer !important;
  width: 100%;
  display: block;
}

.category-selector-container .category-selector-toggler {
  padding: 4px 5px 4px 10px;
  background-color: #fafafa;
  border-radius: 3px;
  border: 1px solid #bdbdbd;
  border-bottom: 2px solid #bdbdbd;
}
.category-selector-container .category-selector-toggler i {
  color: #bdbdbd;
}
.category-selector-container .category-selector {
  border-radius: 3px;
  min-width: 140px;
  border: 1px solid #bdbdbd;
  background-color: #fafafa;
  padding-bottom: 10px;
  padding-top: 10px;
}
.category-selector-container .category-selector li {
  padding-left: 20px;
  padding-right: 20px;
}
.category-selector-container .category-selector li.separator {
  width: 100%;
  text-transform: uppercase;
  border-bottom: 1px solid #bdbdbd;
  font-weight: 600;
  color: #bdbdbd;
  margin-top: 5px;
  margin-bottom: 10px;
}
.category-selector-container .category-selector li.separator:first-child {
  margin-top: 0;
}
.category-selector-container .category-selector li a:hover, .category-selector-container .category-selector li a:focus {
  text-decoration: underline;
}

.notifications-selector-container .notifications-selector-toggler {
  background-color: inherit;
  font-weight: bold;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
  padding: 0;
}
.notifications-selector-container .notifications-selector-toggler:hover, .notifications-selector-container .notifications-selector-toggler:active {
  opacity: 0.8;
}
.notifications-selector-container .notifications-selector-toggler .fa, .notifications-selector-container .notifications-selector-toggler .far {
  display: block;
  height: 36px;
  width: 36px;
  font-size: 18px;
  margin-top: 7px;
  padding-top: 10px;
  margin-right: 6px;
  border-radius: 6px;
}
.notifications-selector-container .notifications-selector-toggler .fa.danger {
  color: #ffffff;
  background: #fb392d;
}
.notifications-selector-container .notifications-selector-toggler .fa.active {
  background: rgba(255, 255, 255, 0.5);
}
.notifications-selector-container .ember-basic-dropdown-content {
  top: 55px;
  right: 10px;
}
.notifications-selector-container .notifications-selector {
  width: 400px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
}
.notifications-selector-container .notifications-selector__header, .notifications-selector-container .notifications-selector__content {
  background: #fafafa;
}
.notifications-selector-container .notifications-selector .no-content {
  display: block;
}
.notifications-selector-container .notifications-selector__header {
  text-align: center;
  padding: 12px 0;
}
.notifications-selector-container .notifications-selector__header h3 {
  color: #9e9e9e;
  margin: 0;
  font-size: 14px;
}
.notifications-selector-container .notifications-selector__header a {
  position: absolute;
  right: 10px;
  color: #212121;
  font-size: 16px;
  text-decoration: none;
}
.notifications-selector-container .notifications-selector__content {
  overflow: auto;
  max-height: calc(100vh - 119px);
}
.notifications-selector-container .notifications-selector li {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
}
.notifications-selector-container .notifications-selector li:first-child {
  border-top: 1px solid #e0e0e0;
}
.notifications-selector-container .notifications-selector li a {
  display: block;
  line-height: 16px;
  min-height: 63px;
  padding: 15px 15px 15px 52px;
  text-decoration: none;
  color: #212121;
}
.notifications-selector-container .notifications-selector li a i {
  position: absolute;
  left: 10px;
  top: 15px;
  font-size: 18px;
  background-color: #bdbdbd;
  color: #ffffff;
  padding: 7px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-align: center;
}
.notifications-selector-container .notifications-selector li a i.icon-messages {
  font-size: 12px;
  line-height: 16px;
}
.notifications-selector-container .notifications-selector li a:hover {
  opacity: 0.8;
}
.notifications-selector-container .notifications-selector li a .expiration,
.notifications-selector-container .notifications-selector li a .group,
.notifications-selector-container .notifications-selector li a .user {
  font-weight: bold;
}
.notifications-selector-container .notifications-selector li a .resource {
  color: #ff7200;
}
.notifications-selector-container .notifications-selector li a .meta {
  color: #bdbdbd;
  font-size: 12px;
  margin-top: 2px;
}
.notifications-selector-container .notifications-selector li.unread {
  background-color: #FFE3CC;
}
.notifications-selector-container .notifications-selector li.unread i {
  background-color: #ff7200;
}
.notifications-selector-container .notifications-selector .fetch-more {
  text-align: center;
}
.notifications-selector-container .notifications-selector .fetch-more .btn, .notifications-selector-container .notifications-selector .fetch-more .modal-body .documents .droppable input, .modal-body .documents .droppable .notifications-selector-container .notifications-selector .fetch-more input {
  margin: 10px 0;
}

.session-selector-container {
  line-height: 50px;
}
.session-selector-container .session-selector-toggler {
  padding-right: 10px;
  padding-left: 10px;
  height: 49px;
  background-color: inherit;
  font-weight: bold;
  vertical-align: middle;
}
.session-selector-container .session-selector-toggler:hover, .session-selector-container .session-selector-toggler:active {
  opacity: 0.5;
}
.session-selector-container .session-selector-toggler .fa {
  margin-left: 4px;
}
.session-selector-container .ember-basic-dropdown-content {
  width: 100%;
}
.session-selector-container .session-selector {
  width: 100%;
  text-align: center;
}
.session-selector-container .session-selector li {
  text-align: left;
  font-weight: bold;
  height: 50px;
  background-color: #ffd800;
  border: 1px solid #bdbdbd;
}
.session-selector-container .session-selector li:not(:last-child) {
  border-bottom: 0;
}
.session-selector-container .session-selector li a, .session-selector-container .session-selector li button {
  padding-left: 10px;
  padding-top: 15px;
  display: inline-block;
  width: 100%;
}
.session-selector-container .session-selector li a:hover, .session-selector-container .session-selector li button:hover {
  opacity: 0.5;
}

.positions-wrapper .label-dummy {
  display: inline-block;
  width: 20%;
  margin-right: 5%;
}
.positions-wrapper .position,
.positions-wrapper .sub-position {
  display: inline-block;
  position: relative;
  width: 70%;
}
.positions-wrapper .position .ember-power-select-trigger,
.positions-wrapper .sub-position .ember-power-select-trigger {
  width: 70%;
  border-radius: 5px;
}
.positions-wrapper .position-select-sub .sub-position {
  margin-top: 10px;
}
.positions-wrapper .position-select-sub .sub-position .ember-power-select-trigger {
  margin-left: 30px;
}
.positions-wrapper .position-select-sub .sub-position .indent {
  position: absolute;
  width: 18px;
  height: 22px;
  top: -2px;
  left: 8px;
  background: transparent url("/images/indent-category.svg");
  background-size: 18px 22px;
}
.positions-wrapper .position-select-sub .position-select-sub .sub-position .ember-power-select-trigger {
  margin-left: 60px;
}
.positions-wrapper .position-select-sub .position-select-sub .sub-position .indent {
  left: 38px;
}
.positions-wrapper .position-select-sub .position-select-sub .position-select-sub .sub-position .ember-power-select-trigger {
  margin-left: 90px;
}
.positions-wrapper .position-select-sub .position-select-sub .position-select-sub .sub-position .indent {
  left: 68px;
}

.category-selector-standard .category-selector .form-field {
  position: relative;
}
.category-selector-standard .category-selector .form-field .select-wrapper {
  display: inline-block;
  width: 70%;
  position: relative;
}
.category-selector-standard .category-selector .form-field .select-wrapper .ember-power-select-trigger {
  width: 85%;
  border-radius: 5px;
}
.category-selector-standard .category-selector .form-field .select-wrapper .indent-category {
  position: absolute;
  left: 0;
  top: -2px;
  display: block;
  width: 18px;
  height: 22px;
  background: url("/images/indent-category.svg");
  background-size: 18px 22px;
}
.category-selector-standard .category-selector .form-field:nth-child(2) .ember-power-select-trigger {
  margin-left: 30px;
}
.category-selector-standard .category-selector .form-field:nth-child(2) .indent-category {
  position: absolute;
  left: 8px;
}
.category-selector-standard .category-selector .form-field:nth-child(3) .ember-power-select-trigger {
  margin-left: 60px;
}
.category-selector-standard .category-selector .form-field:nth-child(3) .indent-category {
  left: 38px;
}

.category-selector-inline .form-field {
  display: inline-block;
  width: 25%;
  margin-right: 10px;
}
.category-selector-inline .form-field .select-wrapper .ember-power-select-trigger {
  border-radius: 5px;
}

.has-sortable {
  position: relative;
}
.has-sortable:hover .sortable-dropdown, .has-sortable.dropdown-open .sortable-dropdown {
  visibility: visible;
  transition: visibility 0s linear 0.4s;
  left: auto;
  top: 100%;
}
.has-sortable .sort-arrow {
  position: absolute;
  margin-top: 4px;
  margin-left: 6px;
}

.tasks-followup .sort-underline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background-color: #ff7200;
}
.tasks-followup .table-full th, .tasks-followup .table-full-performed-checks th, .tasks-followup .table-alt th {
  border: 1px solid #ffffff;
}

th.has-sortable .sortable-dropdown.dropdown-pull-right {
  left: auto;
  right: 0;
}

.sortable-filter-active, .sortable-filter-loading {
  position: absolute;
  left: 7px;
  top: 10px;
}

.sortable-filter-loading {
  top: 14px;
  left: 4px;
}
.sortable-filter-loading .spinner {
  background-color: #ffffff;
}

.tab-controls .sortable-filter-active {
  position: static;
}

.sortable-dropdown {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  position: absolute;
  left: -9999px;
  top: -9999px;
  background: #ffffff;
  color: #424242;
  cursor: default;
  width: 300px;
  padding: 10px 0px;
  z-index: 999;
}
.sortable-dropdown .ember-text-field {
  width: calc(100% - 20px);
  margin: 10px;
  text-transform: capitalize;
}
.sortable-dropdown .sortable {
  padding: 10px 15px;
}
.sortable-dropdown .sortable .fa-sort-alpha-down, .sortable-dropdown .sortable .fa-sort-alpha-down-alt {
  padding-right: 5px;
}
.sortable-dropdown .sortable ul {
  margin: 0px;
  padding: 0px;
}
.sortable-dropdown .sortable li {
  list-style: none;
  width: 100%;
  cursor: pointer;
  margin-top: 5px;
}
.sortable-dropdown .sortable li.active {
  font-weight: bold;
}
.sortable-dropdown .sortable li i.fa {
  margin-right: 10px;
  font-size: 140%;
}
.sortable-dropdown .sortable li:hover {
  text-decoration: underline;
}
.sortable-dropdown .filterable {
  padding: 10px 15px;
}
.sortable-dropdown .filterable:not(:first-child) {
  border-top: 1px solid #eeeeee;
}
.sortable-dropdown .filterable .ember-basic-dropdown-content--in-place {
  position: relative;
}
.sortable-dropdown .filterable [type=search] {
  text-transform: none;
}
.sortable-dropdown .filterable .filter-header {
  margin-bottom: 4px;
}
.sortable-dropdown .filterable .filter-header:not(:first-of-type) {
  margin-top: 4px;
}
.sortable-dropdown .filterable .filter-checkbox {
  padding-bottom: 10px;
  display: block;
}
.sortable-dropdown .filterable .filter-item {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sortable-dropdown .filterable .filter-item label {
  font-weight: normal;
  cursor: pointer;
}
.sortable-dropdown .filterable .filter-item input {
  margin-right: 10px;
}
.sortable-dropdown .filterable .filter-item:hover {
  text-decoration: underline;
}
.sortable-dropdown .filterable .ember-radio-button {
  font-weight: normal;
}
.sortable-dropdown .filterable .clear-filter {
  margin-top: 10px;
  overflow: hidden;
}
.sortable-dropdown .filterable .clear-filter a {
  float: right;
}

.column-order {
  width: 100px !important;
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 50px;
  background-color: transparent !important;
  border: 0 !important;
}
.column-order .fa-ellipsis-v {
  font-size: 29px;
  margin-top: 6px;
  margin-bottom: 9px;
  margin-left: 20px;
}
.column-order .sortable-dropdown {
  padding: 5px;
  width: 315px;
}

.ui-sortable-handle,
.sortable-handle {
  cursor: move;
}

.item-list {
  margin-left: -20px;
  margin-right: -20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.item-list:last-child {
  margin-bottom: -20px;
}
.item-list li.item {
  padding: 5px 20px;
  background-color: #fafafa;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  text-transform: uppercase;
}
.item-list .subcategory {
  margin-left: 20px;
  border-left: 1px solid #e0e0e0;
}
.item-list .right {
  float: right;
}
.item-list .sub-item-list {
  font-weight: normal;
}
.item-list .sub-item-list li.sub-item {
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #e0e0e0;
}
.item-list .sub-item-list li.sub-item .time {
  display: inline-block;
  width: 55px;
}
.item-list .sub-item-list li.sub-item .link {
  cursor: pointer;
  text-decoration: none;
}
.item-list .sub-item-list li.sub-item .link:hover, .item-list .sub-item-list li.sub-item .link:focus {
  text-decoration: underline;
}
.item-list .sub-item-list li.sub-item .display-text {
  color: #9e9e9e;
  margin: 0 0 5px 58px;
}
.item-list .sub-item-list li.sub-item .display-text hr {
  height: 1px;
  background: #e0e0e0;
  border-style: none;
  margin-bottom: 15px;
}
.item-list .sub-item-list li.sub-item .check-inputs {
  margin-left: 58px;
  word-break: break-word;
}
.item-list .sub-item-list li.sub-item:last-child {
  border-bottom: none;
}
.item-list .sub-item-list li.sub-item-divider {
  position: relative;
  text-align: center;
  height: 50px;
  margin-top: -1px;
  background: #ffffff;
}
.item-list .sub-item-list li.sub-item-divider .divider-label {
  font-weight: bold;
  position: absolute;
  left: 60px;
  top: 50%;
  transform: translate(0, -50%);
  background: #ffffff;
  padding: 0 20px;
}
.item-list .sub-item-list li.sub-item-divider:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid #424242;
}
.item-list.activity-list + .activity-fetch {
  margin-top: -20px;
}

.box-content .item-list {
  margin-top: -10px;
}

.modal .item-list {
  margin-bottom: 0;
  margin-left: -10px;
  margin-right: -10px;
}
.modal .item-list:last-child {
  margin-bottom: -20px;
}

.unit-articles .item-list:last-child {
  margin-bottom: 0 !important;
}

.item-list-table {
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
}

.fa-stack {
  font-size: 10px;
}

.dev-deviation .fa-exclamation {
  color: #212121;
}
.dev-deviation .fa-circle {
  color: #ffd800;
}

.dev-rectified .fa-check {
  color: #ffffff;
}
.dev-rectified .fa-circle {
  color: #32b405;
}

.dev-banned .fa-ban {
  color: #ffffff;
}
.dev-banned .fa-circle {
  color: #fb392d;
}

.variant-meta {
  text-transform: lowercase;
}

.check-attendees {
  overflow: hidden;
}
.check-attendees > div {
  float: left;
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  padding: 0 5px;
  margin-right: 10px;
  line-height: normal;
}
.check-attendees > div .subcaption {
  color: #bdbdbd;
  font-size: 10px;
}

.table-full-performed-checks tr.read-false:hover {
  background-color: #eeeeee !important;
}
.table-full-performed-checks tr.read-true {
  background-color: #eeeeee !important;
}
.table-full-performed-checks tr.read-true:hover {
  background-color: #e0e0e0 !important;
}

input.apple-switch {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  width: 60px !important;
  height: 30px !important;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 50px;
  box-shadow: inset -30px 0 0 0 #e0e0e0;
  transition-duration: 200ms;
}

input.apple-switch:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 26px !important;
  height: 26px !important;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
}

input.apple-switch:before, input.apple-switch:checked:before {
  content: "";
}

input.apple-switch:checked {
  content: "";
  border-color: #32b405;
  box-shadow: inset 30px 0 0 0 #32b405;
}

input.apple-switch:checked:after {
  left: 20px;
  box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}

.deviations-slide-panel {
  position: absolute;
  right: 20px;
  background-color: #ffffff;
  z-index: 11;
  box-shadow: -3px 0px 9px -8px #212121;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.deviations-slide-panel table {
  z-index: 12;
}

.deviations-slide-button {
  position: absolute;
  left: -21px;
  top: 40%;
  cursor: pointer;
  width: 21px;
  height: 45px;
  z-index: 10;
}

.deviation-edit-table {
  border-collapse: collapse;
}

.deviations-slide-panel {
  border-left: 1px solid #e0e0e0 !important;
}
.deviations-slide-panel .deviation-edit-row td {
  padding: 10px !important;
}
.deviations-slide-panel .deviation-edit-row {
  border-bottom: 1px solid #bdbdbd;
}
.deviations-slide-panel input[type=search] {
  height: auto;
}
.deviations-slide-panel .not-edited input {
  color: rgba(0, 0, 0, 0.5) !important;
}
.deviations-slide-panel .responsible-column {
  max-width: 240px;
}
.deviations-slide-panel .tags-column {
  max-width: 150px;
}
.deviations-slide-panel .save-button-column {
  vertical-align: middle;
}
.deviations-slide-panel .status-column span.ember-power-select-selected-item {
  margin: 0 10px 0 0;
}
.deviations-slide-panel .comments-column textarea {
  resize: none;
  height: 32px;
}
.deviations-slide-panel sup {
  color: #fb392d;
}

.tab-content {
  display: none;
}
.tab-content--paginated .pagination {
  margin: 20px -20px 0 -20px;
  border-top: 1px solid #e0e0e0;
}
.tab-content--paginated .pagination ul {
  vertical-align: top;
}
.tab-content.active {
  display: block;
}
.tab-content.tab-content-full {
  margin: -20px -21px -20px -20px;
}
.tab-content .tab-spinner {
  font-size: 20px;
  height: 120px;
  margin-top: 100px;
  width: 100%;
  text-align: center;
}
.tab-content .tab-controls {
  height: 60px;
  margin-top: -10px;
  margin-right: -20px;
}
.tab-content .tab-controls .filter {
  float: left;
  font-size: 20px;
}
.tab-content .tab-controls .filter-right {
  margin-right: 5px;
  float: right;
}
.tab-content .tab-controls .date-selector {
  margin-top: -4px;
  margin-right: -4px;
  float: right;
}
.tab-content .tab-controls .charts-opener {
  float: left;
  font-size: 18px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
}
.tab-content .tab-controls .sub-tabs-container {
  margin-left: 30px;
  margin-top: 5px;
}
.tab-content .tab-controls.tab-controls-no-filter .sub-tabs-container {
  margin-left: 0;
}

.tab-subcontent {
  margin: 20px -21px 20px -21px;
  background-color: #f5f5f5;
  border-top: 1px solid #e0e0e0;
}
.tab-subcontent .tab-subcontent-header {
  margin: 20px 0 0;
  background: #212121;
  color: #ffffff;
  padding: 10px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.daterangepicker {
  display: none;
  border: 1px solid #bdbdbd;
}
.daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons .modal-body .documents .droppable input, .modal-body .documents .droppable .daterangepicker .drp-buttons input {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  padding: 5px 10px;
  line-height: 2em;
}

.tab {
  font-size: 18px;
  padding: 19px;
  text-decoration: none;
  color: #000;
}
.tab.highlight {
  border-bottom: 2px solid #ff7200;
  color: #ff7200;
}
.tab:hover {
  border-bottom: 2px solid #ffa500;
  color: #ffa500;
}

.tabs {
  padding-left: 0;
}

.sub-tabs-container {
  margin-bottom: 20px;
}
.sub-tabs-container.no-margin {
  margin-bottom: 0;
}
.sub-tabs-container a,
.sub-tabs-container .sub-tab {
  cursor: pointer;
  color: #212121;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px 10px;
  background-color: #ffffff;
  border-radius: 20px;
  margin-right: 4px;
}
.sub-tabs-container a:hover, .sub-tabs-container a:focus,
.sub-tabs-container .sub-tab:hover,
.sub-tabs-container .sub-tab:focus {
  background-color: #eeeeee;
}
.sub-tabs-container a.active,
.sub-tabs-container .sub-tab.active {
  background-color: #212121;
  color: #ffffff;
}
.sub-tabs-container a.sub-tab-success.active,
.sub-tabs-container .sub-tab.sub-tab-success.active {
  background-color: #32b405;
}
.sub-tabs-container a.sub-tab-danger.active,
.sub-tabs-container .sub-tab.sub-tab-danger.active {
  background-color: #fb392d;
}
.sub-tabs-container a.pull-left, .sub-tabs-container a.pull-right,
.sub-tabs-container .sub-tab.pull-left,
.sub-tabs-container .sub-tab.pull-right {
  padding: 2px 10px;
}
.sub-tabs-container a.pull-right-with-margin,
.sub-tabs-container .sub-tab.pull-right-with-margin {
  margin-right: 20px;
}
.sub-tabs-container a .in-use__indicator,
.sub-tabs-container .sub-tab .in-use__indicator {
  position: relative;
  top: -1px;
  margin-left: 0;
  margin-right: 3px;
}
.sub-tabs-container span.sub-tab {
  cursor: auto;
}

.alert {
  padding: 10px;
  background: #fff7cc;
  border: 1px solid #ffd800;
  margin-bottom: 20px;
  position: relative;
}
.alert.alert-full {
  width: 100% !important;
  margin-left: 0 !important;
}
.alert.alert-neutral {
  background: #eeeeee;
  border-color: #bdbdbd;
}
.alert .alert-icon {
  font-size: 125%;
  margin-right: 2px;
  color: #ff7200;
}
.alert.incident-alert {
  margin-top: 15px;
  padding: 10px 20px;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 80px;
}
.alert p {
  max-width: 80%;
  line-height: 17px;
}
.alert button {
  position: absolute;
  right: 20px;
  top: 15px;
}

.top-alert {
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.45);
  text-align: center;
  position: absolute;
  top: 0;
  line-height: 150%;
  height: 25px;
  padding: 2px;
  width: 100%;
  color: #ffffff;
  background: #ff7200;
  z-index: 1002;
}
.top-alert .btn-link, .top-alert .btn-create, .top-alert .btn-link-danger, .top-alert .btn-link-neutral, .top-alert .btn-export, .top-alert .btn-share, .top-alert .btn-changelog, .top-alert .btn-delete, .top-alert .btn-redo {
  color: #ffffff;
  font-weight: bold;
}

.no-content {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 50px;
}

.no-content-page {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  text-align: center;
  border-radius: 4px;
  border-bottom: 3px solid #e0e0e0;
}
.no-content-page h2 {
  margin-top: 80px;
}
.no-content-page i {
  font-size: 300%;
  color: #e0e0e0;
}
.no-content-page .shade-holder {
  box-shadow: 0px 30px 13px 1px rgba(0, 0, 0, 0.3);
  width: 60px;
  height: 1px;
  margin: 0 auto;
}
.no-content-page .btn, .no-content-page .modal-body .documents .droppable input, .modal-body .documents .droppable .no-content-page input {
  margin-top: 25px;
}

.pagination {
  text-align: center;
}
.pagination ul {
  display: inline-block;
  margin-top: 20px;
}
.pagination ul li {
  float: left;
}
.pagination ul li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination ul li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #bdbdbd;
}
.pagination ul li.dots {
  font-size: 18px;
  margin: 0 8px;
}
.pagination ul li a {
  padding: 5px 10px;
  background: #eeeeee;
  display: block;
  text-decoration: none;
  border: 1px solid #bdbdbd;
  margin-left: -1px;
}
.pagination ul li a:hover {
  background: #ffffff;
}
.pagination ul li a.active {
  background: #ffffff;
  color: #212121;
  cursor: default;
  font-weight: 600;
}

.permissions-list {
  position: relative;
}

.permissions-list__all {
  position: absolute;
  left: 50%;
  top: 15px;
}
.permissions-list__all__item {
  margin-left: 15px;
  max-width: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  white-space: nowrap;
}

.permissions-list__item {
  margin-bottom: 10px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  padding: 10px 15px;
  overflow: hidden;
}
.permissions-list__item:hover {
  border-color: #ff7200;
  box-shadow: 0 0 3px 0 #ff7200;
  border-radius: 3px;
}

.permissions-list__item__child__name,
.permissions-list__item__parent__name {
  display: inline-block;
  width: 54%;
  font-weight: bold;
}
.permissions-list__item__child__action,
.permissions-list__item__parent__action {
  margin-right: 20px;
}

.permissions-list__item__parent__collapser {
  float: right;
  cursor: pointer;
  font-size: 130%;
}

.permissions-list__item__child {
  margin-top: 10px;
  padding: 10px 15px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
}
.permissions-list__item__child:hover {
  border-color: #ff7200;
  box-shadow: 0 0 3px 0 #ff7200;
  border-radius: 3px;
}

.item-info {
  margin-bottom: 0 !important;
}
.item-info td:first-child {
  font-weight: 600;
  padding-right: 20px;
}
.item-info td {
  border-bottom: 0 !important;
  padding-left: 0 !important;
}

.well {
  background: #ffffff;
  padding: 20px;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
}

.activity-feed {
  overflow-y: auto;
  border-top: 1px solid #e0e0e0;
}
.activity-feed__item {
  margin: 5px 0px 5px;
}
.activity-feed__item:first-child {
  margin-top: 0px;
}
.activity-feed__item:first-child .activity-feed__item__header {
  border-top: none;
  margin-top: 0px;
}
.activity-feed__item img {
  margin-top: 7px;
  max-width: 100%;
}
.activity-feed__item a.video {
  position: relative;
}
.activity-feed__item a.video img {
  display: block;
}
.activity-feed__item a.video i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 100px;
  color: #ffffff;
}
.activity-feed__item .image-map {
  position: relative;
  top: -18px;
  right: 10px;
  z-index: 1;
  float: right;
}
.activity-feed__item .image-map .google-map {
  margin-top: 7px;
}
.activity-feed__item .image-map .image-map__toggler {
  background: transparent;
}
.activity-feed__item .image-map .google-map-link {
  float: left;
  padding-bottom: 2px;
}
.activity-feed__item .image-map .g-map-canvas {
  width: 255px;
}
.activity-feed__item__header {
  padding: 5px 10px;
  background-color: #fafafa;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  font-size: 12px;
  font-weight: 400;
  margin: 5px 0px;
}
.activity-feed__item__header__status {
  float: right;
  margin-top: -1px;
}
.activity-feed__item .service-status-finished {
  border-right: 10px solid #32b405;
}
.activity-feed__item .service-status-active {
  border-right: 10px solid #ff7200;
}
.activity-feed__item__content {
  position: relative;
  padding: 0px 10px;
  max-width: 100%;
  overflow-x: auto;
  line-height: 1.5em;
}
.activity-feed__item__content b {
  display: block;
  margin-bottom: 0px;
  margin-top: 5px;
}
.activity-feed__item__content .content-link {
  max-width: 275px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
.activity-feed__item__content__label {
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 5px;
}
.activity-feed__item__content__delete {
  float: right;
  padding: 6px 8px;
}
.activity-feed__item__content__delete a.fa.fa-trash:hover {
  cursor: pointer;
  color: #e66700 !important;
}
.activity-feed__item__content__shared {
  background-color: #fff7cc;
  padding: 5px;
  margin-top: 5px;
  border: 1px solid #e0e0e0;
}
.activity-feed__item__value__description {
  white-space: pre-line;
}

.activity-feed-container__header {
  padding: 5px 20px;
  background-color: #fafafa;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}

.modal-split-right .new-activity {
  padding: 0 10px;
}

.refill-activity-feed .activity-log {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #bdbdbd;
  line-height: 1.5;
}
.refill-activity-feed .activity-log:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.activity-fetch {
  border-top: 1px solid #e0e0e0;
  text-align: center;
  padding-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
}

.worktime-editor {
  position: relative;
}
.worktime-editor__icon {
  margin-right: 5px;
}
.worktime-editor__icon, .worktime-editor__delete {
  margin-left: 10px;
  font-size: 20px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .worktime-editor__icon, .worktime-editor__delete {
    margin-left: 3px;
    margin-top: -3px;
  }
}
.worktime-editor__delete {
  cursor: pointer;
}
.worktime-editor .worktime-user {
  margin-bottom: 15px;
}
.worktime-editor .worktime-user .date label {
  display: inline-block;
  width: 128px;
  text-align: right;
}
.worktime-editor .worktime-user .date .picker {
  display: inline-block;
  width: 160px !important;
}
@media (max-width: 767px) {
  .worktime-editor span {
    display: inline-block;
    width: 40px;
  }
}
.worktime-editor__time {
  width: 75px !important;
  margin-right: 4px;
}
@media (max-width: 767px) {
  .worktime-editor__time {
    width: 60px !important;
  }
}
.worktime-editor select-dropdown.ember-view .ember-power-select-trigger {
  width: 200px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .worktime-editor select-dropdown.ember-view .ember-power-select-trigger {
    width: 140px !important;
  }
}
.worktime-editor select-dropdown.ember-view .ember-power-select-trigger .ember-power-select-status-icon {
  right: 10px;
}

.worktime-edit {
  position: relative;
}
.worktime-edit input {
  max-width: 240px;
}
.worktime-edit form.form {
  padding: 10px 0 0 0;
}
.worktime-edit__icon {
  margin-right: 5px;
}
.worktime-edit__icon, .worktime-edit__delete {
  margin-left: 15px;
  margin-top: -10px;
  font-size: 20px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .worktime-edit__icon, .worktime-edit__delete {
    margin-left: 3px;
    margin-top: -3px;
  }
}
.worktime-edit__delete {
  cursor: pointer;
}
.worktime-edit__delete.without-left-margin {
  margin-left: 0;
}
.worktime-edit .worktime-user {
  margin-bottom: 15px;
}
.worktime-edit .worktime-user .date label {
  display: inline-block;
  width: 128px;
  text-align: right;
}
.worktime-edit .worktime-user .date .picker {
  display: inline-block;
  width: 160px !important;
}
@media (max-width: 767px) {
  .worktime-edit span {
    display: inline-block;
    width: 40px;
  }
}
.worktime-edit__time {
  width: 105px !important;
  margin-right: 4px;
}
@media (max-width: 767px) {
  .worktime-edit__time {
    width: 60px !important;
  }
}
.worktime-edit select-dropdown.ember-view .ember-power-select-trigger {
  width: 240px;
}
@media (max-width: 767px) {
  .worktime-edit select-dropdown.ember-view .ember-power-select-trigger {
    width: 140px !important;
  }
}
.worktime-edit select-dropdown.ember-view .ember-power-select-trigger .ember-power-select-status-icon {
  right: 10px;
}
.worktime-edit textarea {
  max-width: 240px !important;
  height: 40px;
  min-height: 40px;
}
.worktime-edit hr {
  margin-bottom: 2em;
}
.worktime-edit hr:last-child {
  display: none;
}

@keyframes append-animate {
  0% {
    background-color: #FFE3CC;
    height: 0;
  }
  40% {
    height: var(--el-height);
  }
  80% {
    background-color: #FFE3CC;
  }
  100% {
    background-color: #ffffff;
    height: auto;
  }
}
.worktime-record {
  --el-height: 100px;
}
.worktime-record form.form .form-field label {
  white-space: normal;
}

.worktime-record-new {
  animation: append-animate 700ms;
  animation-timing-function: cubic-bezier(0.17, 0.67, 0.76, 1.21);
}

.date-selector {
  display: inline-block;
}
.date-selector input:not([type=checkbox]) {
  height: 32px;
  width: 180px;
  text-align: center;
  cursor: pointer;
  padding-right: 20px;
}
.date-selector i.fa {
  position: relative;
  right: 20px;
}
.date-selector .date-selector-show-all {
  float: right;
  margin-right: 10px;
  margin-top: 7px;
}

.datepicker,
.datepicker input {
  width: 100px !important;
  display: inline-block;
}
@media (max-width: 991px) {
  .datepicker,
.datepicker input {
    width: 127px;
  }
}

.datetimepicker {
  display: inline-block !important;
}
.datetimepicker .datepicker-error-message {
  width: 100px;
  word-wrap: break-word;
}
.datetimepicker .select-item {
  width: unset !important;
}

.timepicker {
  display: inline-block;
}
.timepicker input {
  width: 100px !important;
}

.ui-timepicker-container {
  z-index: 1055 !important;
}

.task-calendar .pika-lendar .pika-button {
  border: 2px solid #fafafa;
  background-color: #fafafa;
  color: #bdbdbd;
}
.task-calendar .pika-lendar .is-selected .pika-button {
  border: 2px solid #212121 !important;
  background: #ff7200 !important;
  box-shadow: none;
  border-radius: 0px;
  color: #ffffff;
}
.task-calendar .pika-lendar .has-task .pika-button {
  border: 2px solid #ff7200;
  background: #ff7200;
  color: #ffffff;
}
.task-calendar .pika-lendar .overdue-task .pika-button {
  border: 2px solid #fb392d;
  background: #fb392d;
  color: #ffffff;
}
.task-calendar .pika-lendar .skipped-task .pika-button {
  border: 2px solid #FFE3CC;
  background: #FFE3CC;
  color: #212121;
}
.task-calendar .pika-lendar .future-day .pika-button {
  border: 2px solid #f5f5f5;
  background: #f5f5f5;
  color: #212121;
}

.meta-row__key {
  font-weight: 600;
  width: 22%;
  float: left;
  clear: left;
}
.meta-row__value {
  width: 78%;
  float: left;
}

.g-map-canvas {
  width: 100%;
  height: 200px;
}

.google-map-link a {
  float: right;
}
.google-map-link a i {
  margin-right: 4px;
}

.view-check .modal-top-right .google-map-link {
  margin-top: 28px;
}

.view-check .check-inputs .image-map {
  top: 35px;
}

.box-content .google-map-link {
  margin-top: -10px;
  margin-bottom: -25px;
}

.image-map {
  position: absolute;
  top: 5px;
  right: 20px;
}
.image-map__toggler {
  margin-bottom: 0px;
  text-align: right;
  cursor: pointer;
  color: #ff7200;
  background: #ffffff;
}
.image-map .g-map-canvas {
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3);
  width: 200px;
  height: 200px;
}
.image-map .google-map-link {
  position: relative;
  top: 0;
}

.interval-list {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 15px;
}
.interval-list .input__interval-type {
  width: 133px;
}
.interval-list .input__interval-occurrence {
  width: 75px;
}
.interval-list .input__interval-value {
  width: 80px;
}
.interval-list .input__interval-name {
  width: 280px;
}
.interval-list .input__interval-inital-value {
  width: 150px;
}
.interval-list .input__reminder-odometer {
  width: 70px;
}
.interval-list .input__reminder-time-value {
  width: 71px;
}
.interval-list .input__reminder-time-interval {
  width: 80px;
}
.interval-list .input__inspection-type {
  width: 90px;
}
.interval-list .input__inspection-name {
  width: 170px;
}
.interval-list .input__inspection-comment {
  width: 490px;
}
.interval-list .form-field-reminder {
  width: 200px;
  display: inline-block;
}
.interval-list .category-selector {
  overflow: hidden;
  padding-bottom: 2px;
}
.interval-list .category-selector .btn-create, .interval-list .category-selector .btn-link-neutral {
  display: block;
  margin-top: 5px;
}
.interval-list .category-selector .form-field-without-label {
  margin-top: 55px;
  margin-bottom: 0;
}
.interval-list .category-selector select, .interval-list .category-selector input {
  width: 150px;
}
.interval-list + .btn-create {
  margin-left: 15px;
}

.incident-action {
  background: #eeeeee;
  padding: 20px 60px;
  margin-bottom: 20px;
}
.incident-action input[type=radio] {
  background: #ffffff;
}

.incident-investigation {
  background: #eeeeee;
  padding: 20px 60px;
  margin-bottom: 20px;
}
.incident-investigation input[type=radio] {
  background: #ffffff;
}

.incident-stats__top {
  display: flex;
  text-align: center;
  width: calc(100% + 40px);
}
.incident-stats__top h3 {
  margin-top: 0;
}
.incident-stats__top h3:first-child {
  width: 100%;
  font-size: 14px;
}
.incident-stats__top h3:nth-child(2) {
  flex-basis: 35%;
  font-size: 14px;
}
.incident-stats__graphs {
  display: flex;
  width: calc(100% + 40px);
  height: 200px;
  margin-top: 0px;
  margin-left: -20px;
  margin-right: -20px;
}
.incident-stats__graphs__absence {
  flex-basis: 35%;
}
.incident-stats__category-filter {
  display: inline-block;
  margin: 10px 15px 10px 10px;
}

.file-receiver-button input {
  display: none;
}
.file-receiver-button.disabled {
  opacity: 0.5;
}

.user-list table {
  margin-bottom: 20px;
}
.user-list table .btn-link, .user-list table .btn-create, .user-list table .btn-link-danger, .user-list table .btn-link-neutral, .user-list table .btn-export, .user-list table .btn-share, .user-list table .btn-changelog, .user-list table .btn-delete, .user-list table .btn-redo {
  display: none;
}
.user-list table tr:hover .btn-link, .user-list table tr:hover .btn-create, .user-list table tr:hover .btn-link-danger, .user-list table tr:hover .btn-link-neutral, .user-list table tr:hover .btn-export, .user-list table tr:hover .btn-share, .user-list table tr:hover .btn-changelog, .user-list table tr:hover .btn-delete, .user-list table tr:hover .btn-redo {
  display: inline;
}
.user-list .user-list-add {
  margin-top: 10px;
}
.user-list .user-list-add h4 {
  margin-bottom: 8px;
}
.user-list .user-list-add .col-6 {
  padding-right: 20px;
}
.user-list .user-list-add input:not([type=checkbox]),
.user-list .user-list-add .ember-power-select-trigger {
  width: 75%;
}
.user-list .user-list-add .btn, .user-list .user-list-add .modal-body .documents .droppable input, .modal-body .documents .droppable .user-list .user-list-add input {
  margin-left: 4px;
}

.modal-large .user-list-add input {
  width: 80%;
}

svg.chart-deviations {
  width: 100% !important;
}
svg.chart-deviations .ct-series-a path {
  stroke: #95ca79;
}
svg.chart-deviations .ct-series-b path {
  stroke: #f7df57;
}
svg.chart-deviations .ct-series-c path {
  stroke: #f06057;
}

.chart-deviations-legend {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: bold;
}
.chart-deviations-legend__value {
  font-weight: normal;
}
.chart-deviations-legend li::before {
  content: "•";
  font-size: 30px;
  float: left;
  padding-right: 5px;
  color: #fb392d;
}
.chart-deviations-legend .label-rectified::before {
  color: #95ca79;
}
.chart-deviations-legend .label-deviation::before {
  color: #f7df57;
}
.chart-deviations-legend .label-banned::before {
  color: #f06057;
}

.ct-chart::after {
  display: inline;
}

.ct-square::before {
  padding-bottom: 0;
}

.charts-period {
  margin: -20px -20px 20px -20px;
  padding-left: 20px;
  padding-right: 20px;
  background: #eeeeee;
  border: 1px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
}
.charts-period .date-selector {
  margin: 10px 0 10px 10px;
  margin-right: 15px;
}
.charts-period .date-selector select {
  margin-bottom: 0;
}
.charts-period .date-selector .workplace-selector__workplace, .charts-period .date-selector .workplace-selector__section {
  display: inline-block;
}
.charts-period .date-selector .workplace-selector__workplace > div, .charts-period .date-selector .workplace-selector__section > div {
  width: 180px;
}

.modal .charts-period {
  margin: 0 -12px 10px;
}

.chartist-tooltip {
  position: absolute;
  display: block;
  min-width: 5em;
  padding: 0.5em;
  background: #ffd800;
  color: #424242;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.2s linear;
}

.charts-display {
  padding-top: 20px;
  padding-bottom: 40px;
}
.charts-display__item__legend {
  margin-top: 115px;
  margin-bottom: 20px;
}
.charts-display__item__legend ul {
  width: 195px;
  margin: 0 auto;
}
.charts-display__item__title {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.charts-display__item canvas {
  position: absolute;
}

.compare-action {
  text-align: center;
  margin: 20px 0;
}

.container.is-exporting .btn, .container.is-exporting .modal-body .documents .droppable input, .modal-body .documents .droppable .container.is-exporting input {
  display: none;
}
.container.is-exporting input {
  border: 0;
}
.container.is-exporting .date-selector .fa {
  display: none;
}
.container.is-exporting select {
  padding-left: 5px;
}

.risk-analysis {
  display: block;
  margin-bottom: 25px;
}
.risk-analysis__select-holder {
  display: inline-block;
  width: 400px;
  vertical-align: top;
  margin-right: 100px;
}
.risk-analysis__matrix {
  width: 240px;
  height: 290px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
}
.risk-analysis__matrix.no-value {
  opacity: 0.4;
}
.risk-analysis__matrix__box {
  width: 40px;
  height: 40px;
  opacity: 0.9;
  background: red;
  margin-bottom: 2px;
  position: relative;
  vertical-align: top;
  float: left;
  margin-right: 2px;
}
.risk-analysis__matrix__box span {
  visibility: hidden;
}
.risk-analysis__matrix__box.selected {
  opacity: 1;
}
.risk-analysis__matrix__box.selected span {
  visibility: visible;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  font-size: 20px;
  margin-top: 7px;
  display: block;
}
.risk-analysis__matrix__box.value-0 {
  background: green;
}
.risk-analysis__matrix__box.value-1, .risk-analysis__matrix__box.value-2, .risk-analysis__matrix__box.value-4, .risk-analysis__matrix__box.value-6, .risk-analysis__matrix__box.value-7, .risk-analysis__matrix__box.value-8, .risk-analysis__matrix__box.value-10 {
  background: orange;
}

.incident__step--3 .incident-default-risk-analysis .risk-analysis__select-holder {
  margin-left: -20px;
}

.field--file__image, .field--file__document {
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}
.field--file__image .left-holder, .field--file__image .right-holder, .field--file__document .left-holder, .field--file__document .right-holder {
  display: inline-block;
  vertical-align: top;
}
.field--file__image .left-holder, .field--file__document .left-holder {
  width: 120px;
  height: 80px;
  margin-right: 10px;
  text-align: center;
}
.field--file__image .left-holder i, .field--file__document .left-holder i {
  font-size: 50px;
  margin-top: 10px;
}
.field--file__image .right-holder, .field--file__document .right-holder {
  width: 400px;
}
.field--file__image .right-holder p, .field--file__document .right-holder p {
  margin: 0px;
}
.field--file__image .right-holder a, .field--file__document .right-holder a {
  display: block;
  margin: 0px;
}
.field--file__image img {
  max-width: 120px;
  max-height: 80px;
  width: auto;
  height: auto;
}
.connect {
  padding: 15px 40px 15px 0;
  border-bottom: 1px solid #e0e0e0;
}
.connect img, .connect label {
  display: inline-block;
  vertical-align: middle;
}
.connect img {
  height: auto;
  width: auto;
}
.connect .right-col label {
  float: right;
  margin-top: 35px;
}
.connect .right-col label input {
  margin-left: 10px;
  float: right;
}
.connect .select-item {
  float: left;
}
.connect label, .connect .select-item {
  float: left;
  margin-left: 10px;
}
.connect .select-item {
  width: 250px;
  margin-top: 15px;
  min-width: 170px;
}

.sensors-unit-connect .select-connection-row mat-form-field, .sensors-unit-connect .search-watcher-row mat-form-field, .sensors-unit-connect .add-watcher-row mat-form-field {
  width: 100% !important;
}

.cdk-overlay-container .mat-nested-tree-node mat-tree-node.mat-tree-node {
  margin-left: 44px;
}
.cdk-overlay-container .mdc-menu-surface.mat-mdc-select-panel {
  max-height: 400px;
}

.category-picker {
  position: relative;
}
.category-picker__button {
  cursor: pointer;
}
.category-picker__button::after {
  margin-left: 4px;
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.category-picker__items {
  position: absolute;
  background: #ffffff;
  z-index: 1;
  top: 22px;
  right: 0;
  padding: 15px;
}
.category-picker__header {
  margin: 8px 0 4px 0;
}

.tags-picker {
  position: relative;
}
.tags-picker__button {
  cursor: pointer;
}
.tags-picker__button::after {
  margin-left: 4px;
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.tags-picker__items {
  position: absolute;
  background: #ffffff;
  z-index: 1;
  top: 22px;
  right: 0;
  padding: 15px;
  width: 320px;
}
.tags-picker__header {
  margin: 0 0 0.5em;
}
.tags-picker__description {
  margin: 0.5em 0 0.5em 0.5em;
  color: #757575;
}
.tags-picker__container {
  margin-bottom: 1em;
}
.tags-picker__container:last-child {
  margin-bottom: 0;
}

.category-filter__button {
  cursor: pointer;
}
.category-filter__header {
  margin: 8px 0 4px 0;
  font-weight: normal;
}
.category-filter .sortable-dropdown {
  visibility: visible;
  left: auto;
  top: 100%;
}
.category-filter .sortable-dropdown .ember-text-field {
  width: 100%;
  margin: 0 0 4px 0;
  text-transform: none;
}

.company-flags__item {
  margin-bottom: 15px;
}
.company-flags__item [type=checkbox] {
  margin-right: 4px;
}

.company-flags .company-flags {
  margin-top: 10px;
  margin-left: 40px;
}

.atwho-view ul li i {
  display: inline-block;
  margin-right: 4px;
  width: 15px;
  text-align: center;
}
.atwho-view ul li i.icon-type-0::before {
  content: "\e61b";
  font-size: 12px;
}
.atwho-view ul li i.icon-type-1::before {
  content: "\e609";
  font-size: 10px;
}
.atwho-view ul li span {
  font-size: 12px;
  margin-left: 4px;
  color: #9e9e9e;
}
.atwho-view .cur {
  background-color: #ff7200;
}
.atwho-view .cur span {
  color: #ffffff;
}

.object-assignments {
  margin-bottom: 20px;
}
.object-assignments .ember-power-select-trigger {
  display: inline-block;
  vertical-align: top;
}
.object-assignments__header {
  display: inline-block;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.object-assignments .validation-error {
  margin-top: 10px;
  margin-right: 38px;
}
.object-assignments .assignment-item {
  position: relative;
  margin: 10px 0;
}
.object-assignments .assignment-item .btn-link-danger, .object-assignments .assignment-item .btn-delete {
  position: absolute;
  right: 38px;
  top: calc(50% - 14px);
  display: none;
}
.object-assignments .assignment-item [type=checkbox] {
  margin-right: 4px;
}
.object-assignments .assignment-item:hover .btn-link-danger, .object-assignments .assignment-item:hover .btn-delete {
  display: inline-block;
}
.object-assignments .assignment-item .ember-view {
  display: inline-block;
  vertical-align: middle;
}
.object-assignments .assignment-item .ember-power-select-trigger {
  width: 300px;
  margin-right: 20px;
}
.object-assignments .object-deviation-assignments {
  margin-bottom: 40px;
}
.object-assignments .assignment-deviation-item, .object-assignments .assignment-service-item {
  margin-bottom: 10px;
}
.object-assignments .assignment-deviation-item .options-row, .object-assignments .assignment-service-item .options-row {
  position: relative;
}
.object-assignments .assignment-deviation-item .options-row .all-resources-container, .object-assignments .assignment-service-item .options-row .all-resources-container {
  padding-top: 10px;
}
.object-assignments .assignment-deviation-item .options-row:hover .delete-action, .object-assignments .assignment-service-item .options-row:hover .delete-action {
  display: block;
}
.object-assignments .assignment-deviation-item .options-row .delete-action, .object-assignments .assignment-service-item .options-row .delete-action {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.object-assignments .assignment-deviation-item .assignment-option, .object-assignments .assignment-service-item .assignment-option {
  width: 350px;
}
.object-assignments .add-deviation-assignment .ember-power-select-trigger {
  width: 350px;
  margin-right: 10px;
}

.todo-list .box-content {
  position: relative;
  min-height: 100px;
}
.todo-list .fa-spinner {
  position: absolute;
  left: calc(50% - 10px);
  top: calc(75% - 10px);
  font-size: 20px;
}
.todo-list .followup-variant {
  display: inline;
}
.todo-list .btn-loader {
  margin-top: 0.5em;
}
.todo-list__section:not(:last-child) {
  margin-bottom: 20px;
}

.on-hover-trigger .on-hover, .help-tooltip .on-hover, .help-icon .on-hover {
  display: none;
}
.on-hover-trigger:hover .on-hover, .help-tooltip:hover .on-hover, .help-icon:hover .on-hover {
  z-index: 1;
  display: block;
}
.on-hover-trigger .on-hover-visibility, .help-tooltip .on-hover-visibility, .help-icon .on-hover-visibility {
  visibility: hidden;
}
.on-hover-trigger:hover .on-hover-visibility, .help-tooltip:hover .on-hover-visibility, .help-icon:hover .on-hover-visibility {
  z-index: 1;
  visibility: visible;
}

.ember-attacher .ember-attacher-fade.hover-tooltip {
  padding: 10px;
  line-height: normal;
  background-color: #ffffff;
  color: #424242;
  border: 1px solid #9e9e9e;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  min-width: 200px;
  text-align: left;
  overflow: hidden;
  word-break: break-word;
}
.ember-attacher .ember-attacher-fade.hover-tooltip > div[x-arrow] {
  background: none;
  border: none;
  width: 30px;
  height: 10px;
  position: absolute;
  left: 50%;
  transform: none;
  overflow: hidden;
}
.ember-attacher .ember-attacher-fade.hover-tooltip > div[x-arrow]::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #ffffff;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 0;
  left: 50%;
  border-bottom: 1px solid #9e9e9e;
  border-right: 1px solid #9e9e9e;
}
.ember-attacher[x-placement^=top] .ember-attacher-fade.hover-tooltip > div[x-arrow] {
  bottom: -10px;
}
.ember-attacher[x-placement^=top] .ember-attacher-fade.hover-tooltip > div[x-arrow]::after {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.ember-attacher[x-placement^=bottom] .ember-attacher-fade.hover-tooltip > div[x-arrow] {
  top: -10px;
}
.ember-attacher[x-placement^=bottom] .ember-attacher-fade.hover-tooltip > div[x-arrow]::after {
  top: 4px;
  transform: translateX(-50%) translateY(0) rotate(-135deg);
}

.help-tooltip, .help-icon {
  display: inline-block;
  cursor: help;
}

.help-icon {
  margin-left: 5px;
}
.help-icon .fa-info-square {
  font-size: 12px !important;
  vertical-align: middle;
  transform: translateY(-1px);
}

.ember-attacher {
  pointer-events: none;
}

.tooltips-toggle {
  float: right;
  display: flex;
  height: 100%;
  align-items: center;
  margin-right: 20px;
  font-weight: bold;
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
.tooltips-toggle .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 28px;
  margin-right: 10px;
}
.tooltips-toggle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.tooltips-toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #bdbdbd;
  transition: 0.4s;
}
.tooltips-toggle .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: #ffffff;
  transition: 0.4s;
}
.tooltips-toggle input:checked + .slider {
  background-color: #32b405;
}
.tooltips-toggle input:focus + .slider {
  box-shadow: 0 0 1px #32b405;
}
.tooltips-toggle input:checked + .slider:before {
  transform: translateX(22px);
}
.tooltips-toggle .slider.round {
  border-radius: 34px;
}
.tooltips-toggle .slider.round:before {
  border-radius: 50%;
}

.company-settings .help-tooltip {
  position: absolute;
  margin-top: -5px;
  margin-left: 5px;
}

.mat-tooltip {
  padding: 10px;
  background-color: #ffffff;
  color: #424242 !important;
  border: 1px solid #9e9e9e;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.mat-tooltip::after {
  background: #ffffff;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  border-bottom: 1px solid #9e9e9e;
  border-right: 1px solid #9e9e9e;
}

.user-clone-list {
  margin: 0 -15px 30px;
}
.user-clone-list .list-item {
  padding: 5px 20px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #424242;
}
.user-clone-list .list-item i {
  position: absolute;
  right: 20px;
  top: calc(50% - 9px);
  font-size: 18px;
}
.user-clone-list .list-item.active {
  opacity: 0.3;
}
.user-clone-list .list-item i {
  float: right;
}

.select-user-holder--notification {
  margin-left: 25px;
}
.select-user-holder label, .select-user-holder .select-holder {
  display: inline-block;
  vertical-align: middle;
}
.select-user-holder .select-holder .select-item {
  width: 100%;
}
.select-user-holder label {
  margin-top: -10px;
  margin-right: 5px;
}

.notification-subscription.notification-subscription-resourceables .user-list-add .user-add {
  width: 100%;
}
.notification-subscription .user-list-add {
  width: 100%;
}
.notification-subscription .user-list-add .user-add {
  width: 50%;
  padding-right: 20px;
  float: left;
}
.notification-subscription .notification-resource {
  width: 50%;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
}

.notifications-deviation {
  margin-top: 20px;
}
.notifications-deviation .options-row {
  position: relative;
}
.notifications-deviation .options-row:hover .delete-action {
  display: block;
}
.notifications-deviation .options-row .delete-action {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.notifications-deviation .subscriber-option {
  width: 350px;
}
.notifications-deviation .notification-intervals label {
  margin-right: 10px;
}

.dateperiod-picker {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.dateperiod-picker .available-periods {
  display: inline-block;
  margin-right: 10px;
}
.dateperiod-picker .available-periods label {
  margin-right: 5px;
}
.dateperiod-picker i.fa {
  cursor: pointer;
}
.dateperiod-picker input[type=text] {
  width: 100px;
}
.dateperiod-picker .date-selector {
  margin-top: 0 !important;
}
.dateperiod-picker span.text {
  margin-top: 4px;
  display: inline-block;
}
.dateperiod-picker .btn-toggle-picker {
  margin-top: 4px;
  margin-left: 10px;
}

.card {
  position: relative;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 20px;
  line-height: 1;
}
.card.card-collapsable {
  transition: border-color 0.2s, box-shadow 0.2s;
}
.card__actions {
  position: absolute;
  top: 25px;
  right: 20px;
  z-index: 1;
}
.card__actions a {
  cursor: pointer;
  margin-left: 5px;
}
.card__actions a i {
  font-size: 1.3em;
}
.card__header {
  line-height: 1.5em;
}
.card__header__title {
  font-weight: bold;
  font-size: 14px;
  line-height: normal;
  padding-right: 35px;
}
.card__header__title--edit {
  font-weight: normal;
  font-size: 12px;
}
.card__header__label {
  font-size: 12px;
  margin-left: 10px;
}
.card__header__subtitle {
  color: #9e9e9e;
  font-size: 12px;
}
.card__content {
  position: relative;
  line-height: 1.5;
}
.card__content__separator {
  border-top: 1px solid #e0e0e0;
  padding: 15px 0 0 0;
  margin-top: 15px;
}
.card__content__actions {
  position: absolute;
  right: 0;
  bottom: 0;
}
.card__content__actions__action {
  margin-left: 10px;
}
.card .alert {
  margin-top: 15px;
  margin-bottom: 0;
}

.card-list__item {
  margin-bottom: 20px;
}
.card-list__item--inactive {
  background-color: #f5f5f5;
}
.card-list__item--inactive .card__header__title {
  color: #616161;
}

.card:hover {
  border-color: #ff7200;
  box-shadow: 0 0 3px 0 #ff7200;
  border-radius: 3px;
}
.card:hover .card__actions.hover {
  border: none;
  display: block;
}

.container.categories .position-group-card.disabled > .card,
.container.categories .subCard.disabled,
.card-list.positions .position-group-card.disabled > .card,
.card-list.positions .subCard.disabled {
  border: 4px solid #d8d6f0;
  border-radius: 5px;
  cursor: default;
}
.container.categories .position-group-card.disabled > .card:after,
.container.categories .subCard.disabled:after,
.card-list.positions .position-group-card.disabled > .card:after,
.card-list.positions .subCard.disabled:after {
  content: "\f023";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  top: 0;
  right: -5px;
  background-color: #d8d6f0;
  padding: 5px;
  color: #757575;
  font-size: 100%;
}
.container.categories .card,
.card-list.positions .card {
  margin-bottom: 10px;
  padding: 15px;
  overflow: hidden;
}
.container.categories .card .position-attributes,
.card-list.positions .card .position-attributes {
  margin-top: 15px;
}
.container.categories .card .position-attributes > .row:first-child, .container.categories .card .position-attributes > .editor:first-child,
.container.categories .card .position-attributes > .row + .row,
.container.categories .card .position-attributes > .editor + .row,
.container.categories .card .position-attributes > .row + .editor,
.container.categories .card .position-attributes > .editor + .editor,
.card-list.positions .card .position-attributes > .row:first-child,
.card-list.positions .card .position-attributes > .editor:first-child,
.card-list.positions .card .position-attributes > .row + .row,
.card-list.positions .card .position-attributes > .editor + .row,
.card-list.positions .card .position-attributes > .row + .editor,
.card-list.positions .card .position-attributes > .editor + .editor {
  border-top: 1px solid #bdbdbd;
}
.container.categories .card .position-attributes > .row:last-child, .container.categories .card .position-attributes > .editor:last-child,
.card-list.positions .card .position-attributes > .row:last-child,
.card-list.positions .card .position-attributes > .editor:last-child {
  border-bottom: 1px solid #bdbdbd;
}
.container.categories .card .position-attributes > .row > *, .container.categories .card .position-attributes > .editor > *,
.card-list.positions .card .position-attributes > .row > *,
.card-list.positions .card .position-attributes > .editor > * {
  padding: 15px;
}
.container.categories .card .position-attributes .item-list li,
.card-list.positions .card .position-attributes .item-list li {
  padding: 5px 0;
}
.container.categories .card .position-attributes .item-list:last-child,
.card-list.positions .card .position-attributes .item-list:last-child {
  margin-bottom: 0;
}
.container.categories .card .position-attributes .file-receiver-button .btn.btn-link, .container.categories .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-link, .modal-body .documents .droppable .container.categories .card .position-attributes .file-receiver-button input.btn-link, .container.categories .card .position-attributes .file-receiver-button .btn.btn-create, .container.categories .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-create, .modal-body .documents .droppable .container.categories .card .position-attributes .file-receiver-button input.btn-create, .container.categories .card .position-attributes .file-receiver-button .btn.btn-link-danger, .container.categories .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-link-danger, .modal-body .documents .droppable .container.categories .card .position-attributes .file-receiver-button input.btn-link-danger, .container.categories .card .position-attributes .file-receiver-button .btn.btn-link-neutral, .container.categories .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-link-neutral, .modal-body .documents .droppable .container.categories .card .position-attributes .file-receiver-button input.btn-link-neutral, .container.categories .card .position-attributes .file-receiver-button .btn.btn-export, .container.categories .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-export, .modal-body .documents .droppable .container.categories .card .position-attributes .file-receiver-button input.btn-export, .container.categories .card .position-attributes .file-receiver-button .btn.btn-share, .container.categories .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-share, .modal-body .documents .droppable .container.categories .card .position-attributes .file-receiver-button input.btn-share, .container.categories .card .position-attributes .file-receiver-button .btn.btn-changelog, .container.categories .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-changelog, .modal-body .documents .droppable .container.categories .card .position-attributes .file-receiver-button input.btn-changelog, .container.categories .card .position-attributes .file-receiver-button .btn.btn-delete, .container.categories .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-delete, .modal-body .documents .droppable .container.categories .card .position-attributes .file-receiver-button input.btn-delete, .container.categories .card .position-attributes .file-receiver-button .btn.btn-redo, .container.categories .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-redo, .modal-body .documents .droppable .container.categories .card .position-attributes .file-receiver-button input.btn-redo,
.card-list.positions .card .position-attributes .file-receiver-button .btn.btn-link,
.card-list.positions .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-link,
.modal-body .documents .droppable .card-list.positions .card .position-attributes .file-receiver-button input.btn-link,
.card-list.positions .card .position-attributes .file-receiver-button .btn.btn-create,
.card-list.positions .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-create,
.modal-body .documents .droppable .card-list.positions .card .position-attributes .file-receiver-button input.btn-create,
.card-list.positions .card .position-attributes .file-receiver-button .btn.btn-link-danger,
.card-list.positions .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-link-danger,
.modal-body .documents .droppable .card-list.positions .card .position-attributes .file-receiver-button input.btn-link-danger,
.card-list.positions .card .position-attributes .file-receiver-button .btn.btn-link-neutral,
.card-list.positions .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-link-neutral,
.modal-body .documents .droppable .card-list.positions .card .position-attributes .file-receiver-button input.btn-link-neutral,
.card-list.positions .card .position-attributes .file-receiver-button .btn.btn-export,
.card-list.positions .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-export,
.modal-body .documents .droppable .card-list.positions .card .position-attributes .file-receiver-button input.btn-export,
.card-list.positions .card .position-attributes .file-receiver-button .btn.btn-share,
.card-list.positions .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-share,
.modal-body .documents .droppable .card-list.positions .card .position-attributes .file-receiver-button input.btn-share,
.card-list.positions .card .position-attributes .file-receiver-button .btn.btn-changelog,
.card-list.positions .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-changelog,
.modal-body .documents .droppable .card-list.positions .card .position-attributes .file-receiver-button input.btn-changelog,
.card-list.positions .card .position-attributes .file-receiver-button .btn.btn-delete,
.card-list.positions .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-delete,
.modal-body .documents .droppable .card-list.positions .card .position-attributes .file-receiver-button input.btn-delete,
.card-list.positions .card .position-attributes .file-receiver-button .btn.btn-redo,
.card-list.positions .card .position-attributes .file-receiver-button .modal-body .documents .droppable input.btn-redo,
.modal-body .documents .droppable .card-list.positions .card .position-attributes .file-receiver-button input.btn-redo {
  font-weight: 600;
}
.container.categories .card__actions,
.card-list.positions .card__actions {
  top: 15px;
}
.container.categories .card__content .row, .container.categories .card__content .editor,
.card-list.positions .card__content .row,
.card-list.positions .card__content .editor {
  line-height: 1.2em;
  overflow: hidden;
}
.container.categories .card__header__title,
.card-list.positions .card__header__title {
  font-weight: normal;
  line-height: 1.2em;
}
.container.categories .card.card--expanded .wrapper,
.card-list.positions .card.card--expanded .wrapper {
  padding-top: 15px;
}
.container.categories .card .subCard,
.card-list.positions .card .subCard {
  background-color: #f5f5f5;
}
.container.categories .card .subCard .subCard,
.card-list.positions .card .subCard .subCard {
  background-color: #ffffff;
}
.container.categories .card .subCard .subCard .subCard,
.card-list.positions .card .subCard .subCard .subCard {
  background-color: #f5f5f5;
}
.container.categories .card .subCard .subCard .subCard .subCard,
.card-list.positions .card .subCard .subCard .subCard .subCard {
  background-color: #ffffff;
}
.container.categories .card .freeText,
.card-list.positions .card .freeText {
  color: red;
}
.container.categories .subCard,
.card-list.positions .subCard {
  margin-left: 0;
}
.container.categories .add-alternative,
.container.categories .add-alternative--child-sub,
.container.categories .add-alternative--child,
.card-list.positions .add-alternative,
.card-list.positions .add-alternative--child-sub,
.card-list.positions .add-alternative--child {
  margin-top: 8px;
  float: none;
  width: 30%;
  overflow: hidden;
  line-height: 1.2em;
}

.card-list.positions .card {
  background-color: #ffffff;
}
.card-list.positions .row.wrapper, .card-list.positions .wrapper.editor,
.card-list.positions .card.card--expanded .row.wrapper {
  padding-top: 10px;
}
.card-list.positions .positions-header {
  overflow: hidden;
}
.card-list.positions .positions-header input {
  float: left;
  margin-right: 5px;
}
.card-list.positions .positions-header .select-item {
  float: left;
}
.card-list.positions .position-category-selector {
  width: 190px;
  float: left;
}
.card-list.positions .show-in-deviation {
  overflow: hidden;
}
.card-list.positions .show-in-deviation .label-wrapper {
  display: block;
}
.card-list.positions .show-in-deviation label {
  height: 32px;
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}
.card-list.positions .show-in-deviation .select-item {
  display: table-cell;
  width: 50px;
}
.card-list.positions .show-in-deviation .select-item select {
  margin-bottom: 0;
}
.card-list.positions .secondary-edit-block {
  overflow: hidden;
}
.card-list.positions .secondary-edit-block .positions-label {
  margin: 20px 0 0 0;
  display: inline-block;
}
.card-list.positions .secondary-edit-block .filter {
  float: right;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 0;
}
.card-list.positions .secondary-edit-block .filter .fa-search {
  color: #e0e0e0;
  position: absolute;
  top: 10px;
}
.card-list.positions .secondary-edit-block .filter input {
  height: 31px;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.changelog-widget-header {
  position: absolute;
  top: 0;
  left: 315px;
  line-height: 50px;
  font-weight: bold;
  display: block;
}
@media (max-height: 600px) {
  .changelog-widget-header {
    display: none !important;
  }
}
.changelog-widget-header.loaded {
  display: inline;
}
.dev .changelog-widget-header, .stage .changelog-widget-header, .lab .changelog-widget-header {
  left: 370px;
}
.light-text .changelog-widget-header {
  color: #ffffff;
}
.changelog-widget-header span {
  cursor: pointer;
}
.changelog-widget-header span:hover {
  opacity: 0.5;
}
.changelog-widget-header #HW_badge_cont {
  display: inline-block;
  margin-bottom: -12px;
}

#HW_frame_cont {
  z-index: 9999 !important;
}

.nested-checklist {
  border: 1px solid #e0e0e0;
  background: #ffffff;
  padding-top: 4px;
  min-width: 270px;
}
.nested-checklist .icon {
  position: absolute;
  display: inline-block;
  border-style: solid;
  border-width: 0 4px 7px 4px;
  border-color: transparent transparent #9e9e9e transparent;
}
.nested-checklist .icon.collapsed {
  border-width: 7px 4px 0 4px;
  border-color: #9e9e9e transparent transparent transparent;
}
.nested-checklist .icon:hover {
  cursor: pointer;
}
.nested-checklist .topWrapper {
  position: relative;
  margin: 0 8px;
}
.nested-checklist .topWrapper .icon {
  right: 0;
  top: 50%;
  margin-top: -4px;
}
.nested-checklist ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.nested-checklist .selected-items {
  margin: 0;
  padding: 0 8px;
}
.nested-checklist .selected-items li {
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}
.nested-checklist .remove {
  cursor: pointer;
  color: #424242;
}
.nested-checklist .remove:not(:hover) {
  opacity: 0.5;
}
.nested-checklist .inputWrapper {
  margin: 0 8px;
}
.nested-checklist [type=text] {
  background: #ffffff;
  border: none;
  box-shadow: none;
  width: 100%;
  margin-bottom: 4px;
  text-align: left;
}
.nested-checklist [type=text]::-ms-clear {
  display: none;
}
.nested-checklist .root {
  height: 147px;
  overflow-y: auto;
  border-top: 1px solid #e0e0e0;
  padding-bottom: 4px;
}
.nested-checklist .rowWrapper, .nested-checklist .allCheckWrapper {
  padding: 7px 8px;
}
.nested-checklist .rowWrapper:hover, .nested-checklist .allCheckWrapper:hover {
  background-color: #eeeeee;
}
.nested-checklist .rowWrapper.indent0, .nested-checklist .allCheckWrapper.indent0 {
  padding-left: 40px;
}
.nested-checklist .rowWrapper.indent1, .nested-checklist .allCheckWrapper.indent1 {
  padding-left: 56px;
}
.nested-checklist .rowWrapper.indent2, .nested-checklist .allCheckWrapper.indent2 {
  padding-left: 72px;
}
.nested-checklist .rowWrapper.indent3, .nested-checklist .allCheckWrapper.indent3 {
  padding-left: 88px;
}
.nested-checklist .rowWrapper.indent4, .nested-checklist .allCheckWrapper.indent4 {
  padding-left: 104px;
}
.nested-checklist .allCheckWrapper .options-text {
  margin-left: -16px;
}
.nested-checklist .iconWrapper {
  position: relative;
  display: block;
  float: left;
  width: 16px;
  height: 16px;
}
.nested-checklist .iconWrapper .icon {
  top: 4px;
  left: 2px;
}
.nested-checklist input[type=checkbox].indeterminate { /** @see checkbox indeterminate property **/
  background: #e0e0e0;
}
.nested-checklist label {
  display: block;
  font-weight: 400;
  position: relative;
  padding-left: 4px;
}
.nested-checklist label .options {
  position: absolute;
  left: -32px;
}

.filter-item-container {
  position: relative;
}
.filter-item-container .filter-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.object-picker {
  position: relative;
}
.object-picker__button {
  cursor: pointer;
}
.object-picker__button::after {
  margin-left: 4px;
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.object-picker__items {
  position: absolute;
  background: #ffffff;
  z-index: 1;
  top: 22px;
  right: 0;
  padding: 15px;
}
.object-picker__header {
  margin: 8px 0 4px 0;
}

.calendar {
  overflow: hidden;
  margin: auto;
  text-align: center;
}

.calendar-title {
  margin: 10px 0;
  position: relative;
  text-align: center;
  font-weight: 800;
}
.calendar-title .calendar-prev,
.calendar-title .calendar-next {
  cursor: pointer;
}
.calendar-title .calendar-prev:hover,
.calendar-title .calendar-next:hover {
  opacity: 0.8;
}
.calendar-title .calendar-prev.is-disabled,
.calendar-title .calendar-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}
.calendar-title span {
  margin: 10px;
}
.calendar-title span.pre-selected, .calendar-title span.is-selected {
  padding: 0 10px;
  border-radius: 10px;
  background-color: #ff7200;
  color: #ffffff;
  border-color: #ff7200;
}

.pika-select {
  display: inline-block;
}

.calendar-month {
  float: left;
  width: 25%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  padding: 10px;
}
.calendar-month:nth-child(4n+1) {
  clear: both;
}
.calendar-month th,
.calendar-month td {
  width: 14.2857142857%;
  padding: 0;
}
.calendar-month th {
  color: #9e9e9e;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.calendar-month abbr {
  border-bottom: none;
  cursor: help;
}
.calendar-month label {
  font-weight: 800;
}

.calendar-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #616161;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.calendar-button.is-today {
  color: #33aaff;
  font-weight: bold;
}
.calendar-button.pre-selected, .calendar-button.is-selected {
  color: #ffffff;
  font-weight: bold;
  background: #ff7200;
  box-shadow: inset 0 1px 3px #e66700;
  border-radius: 3px;
}
.calendar-button.is-disabled {
  color: #9e9e9e;
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.calendar-button:hover {
  color: #ffffff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}
.calendar-button .is-selection-disabled {
  pointer-events: none;
  cursor: default;
}

.calendar-week {
  font-size: 11px;
  color: #9e9e9e;
}

.is-inrange .pika-calendar {
  background: #D5E9F7;
}

.is-startrange .pika-calendar {
  color: #ffffff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-calendar {
  color: #ffffff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

.import-calendar .btn, .import-calendar .modal-body .documents .droppable input, .modal-body .documents .droppable .import-calendar input {
  padding: 4px 8px;
}

.table-full tr.deviation-with-tags td, .table-alt tr.deviation-with-tags td, .table-full-performed-checks tr.deviation-with-tags td,
.table-full tr.checklist-with-tags td,
.table-alt tr.checklist-with-tags td,
.table-full-performed-checks tr.checklist-with-tags td {
  padding-top: 45px;
}

.tags-list {
  position: absolute;
  top: 15px;
  left: 20px;
  width: 900px;
  height: 20px;
  overflow: hidden;
}
.tags-list .tag-item {
  float: left;
  width: auto;
  height: auto;
  border-radius: 4px;
  margin-right: 10px;
  white-space: nowrap;
  line-height: 1;
  padding: 3px 6px;
}

.page-title .tags-list {
  position: relative;
  left: 0;
  top: 10px;
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
  overflow: unset;
}
.page-title .tags-list .tag-item {
  padding: 5px 6px;
}

.form .form-field .textarea-item {
  width: 70%;
  display: inline-block;
}

.textarea-item {
  background-color: #f5f5f5;
  border-color: #e0e0e0;
  line-height: 1.5em;
  color: #bdbdbd;
}
.textarea-item .textarea-content {
  margin: 0 15px;
}
.textarea-item .textarea-content .textarea-paragraph {
  margin: 10px 0;
}
.textarea-item .textarea-content .textarea-paragraph p {
  margin: 0;
}

.form .form-field .delivery-date {
  width: 70%;
  display: inline-block;
}
.form .form-field .delivery-date input[type=text] {
  width: 100%;
}

.delivery-date .datepicker {
  width: 50%;
  display: inline-block;
}
@media (max-width: 991px) {
  .delivery-date .datepicker {
    width: 100%;
  }
}
.delivery-date label {
  width: 45%;
}
.delivery-date .datepicker-error-message {
  width: 50%;
  word-wrap: break-word;
}

.statistics-component-slide {
  z-index: 999;
  position: absolute;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 30px;
  background-color: #f5f5f5;
  width: calc(100% - 250px);
}
.statistics-component-slide .statistics-component {
  box-shadow: none;
}
.statistics-component-slide .statistics-button {
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -35px;
  left: calc(50% - 25px);
  border-radius: 50%;
  background-color: #f5f5f5;
  box-shadow: 0 15px 25px -10px rgba(0, 0, 0, 0.3);
}
.statistics-component-slide .statistics-button.statistics-button-close {
  bottom: -20px;
  top: inherit;
}
.statistics-component-slide .statistics-button i {
  color: #bdbdbd;
}
.statistics-component-slide .statistics-button i:first-child {
  font-size: 20px;
  position: absolute;
  top: 35%;
  left: 30%;
}
.statistics-component-slide .statistics-button i:last-child {
  font-size: 10px;
  position: absolute;
  top: 74%;
  left: 40%;
}

.statistics.statistics-dashboard {
  margin: -20px -20px 20px -20px;
}

.statistics-component {
  box-shadow: 0 3px 0 0 rgba(50, 50, 50, 0.2);
  margin-bottom: 10px;
  padding: 10px;
}
.statistics-component .statistics {
  display: grid;
  grid-template-columns: minmax(150px, 25%) minmax(150px, 25%) minmax(150px, 25%) minmax(150px, 25%);
  grid-gap: 20px;
  background-color: #f5f5f5;
  padding: 20px;
}
.statistics-component .statistics .statistics-block {
  background-color: #ffffff;
  border-radius: 2px;
  padding: 10px;
}
.statistics-component .statistics .statistics-block .statistics-header {
  position: relative;
}
.statistics-component .statistics .statistics-block .statistics-header i {
  margin: 7px;
  cursor: pointer;
}
.statistics-component .statistics .statistics-block .statistics-header i.fa-cog {
  position: absolute;
  right: -8px;
  z-index: 1;
}
.statistics-component .statistics .statistics-block .spinner-statistic-block {
  height: 150px;
}
.statistics-component .statistics .statistics-block .statistics-chart {
  min-height: 180px;
}
.statistics-component .statistics .statistics-block .statistics-chart.ct-chart-bar .ct-series-b {
  stroke: #ffe866 !important;
}
.statistics-component .statistics .statistics-block .statistics-chart.ct-chart-bar .ct-series-b .ct-slice-pie {
  fill: #ffe866 !important;
}
.statistics-component .statistics .statistics-block .statistics-chart.ct-chart-bar .ct-series-c {
  stroke: #fb392d !important;
}
.statistics-component .statistics .statistics-block .statistics-chart.ct-chart-bar .ct-series-c .ct-slice-pie {
  fill: #fb392d !important;
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-percent .ct-chart.ct-square.ember-view, .statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie .ct-chart.ct-square.ember-view {
  min-height: 170px;
  max-height: 180px;
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-percent .ember-view, .statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie .ember-view {
  position: relative;
  min-height: 170px;
  max-height: 180px;
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-percent .statistic-percent-period, .statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie .statistic-percent-period {
  position: absolute;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1;
  bottom: -20px;
  left: 5px;
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie {
  margin: 10px 15px 0 15px;
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie .statistic-no-data {
  text-align: center;
  padding-top: 60px;
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie .ct-chart svg {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 30px;
  left: calc(50% - 60px);
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie .ct-chart svg .ct-label {
  stroke: #ffffff;
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie .ct-series-a {
  stroke: #77cf59 !important;
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie .ct-series-a .ct-slice-pie {
  fill: #77cf59 !important;
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie .ct-series-b {
  stroke: #fb392d !important;
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie .ct-series-b .ct-slice-pie {
  fill: #fb392d !important;
}
.statistics-component .statistics .statistics-block .statistics-chart.statistics-chart-pie .chart-pie-period {
  position: absolute;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1;
  bottom: -10px;
  left: -5px;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart-line .ct-labels .ct-label.ct-horizontal.ct-end:last-child {
  margin-left: -20px;
  width: 45px !important;
  word-wrap: normal;
}
.statistics-component .statistics .statistics-block .statistics-chart svg.ct-chart-bar {
  overflow: visible;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart svg {
  margin-top: 10px;
  margin-left: -10px;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-a {
  stroke: #77cf59;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-a .ct-slice-pie {
  fill: #77cf59;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-a .ct-area {
  fill: #77cf59;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-a .ct-line {
  stroke: #77cf59;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-a .ct-bar {
  stroke: #77cf59;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-b {
  stroke: #ffe866;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-b .ct-slice-pie {
  fill: #ffe866;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-b .ct-area {
  fill: #ffe866;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-b .ct-line {
  stroke: #ffe866;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-b .ct-bar {
  stroke: #ffe866;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-c {
  stroke: #fb392d;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-c .ct-slice-pie {
  fill: #fb392d;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-c .ct-area {
  fill: #fb392d;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-c .ct-line {
  stroke: #fb392d;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-c .ct-bar {
  stroke: #fb392d;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-d {
  stroke: #bdbdbd;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-d .ct-slice-pie {
  fill: #bdbdbd;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-d .ct-area {
  fill: #bdbdbd;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-d .ct-line {
  stroke: #bdbdbd;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .ct-series-d .ct-bar {
  stroke: #bdbdbd;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .chart-pie-header {
  text-align: center;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .chart-pie-header .chart-pie-col p {
  font-size: 9px;
  margin: 2px;
  line-height: 12px;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .chart-pie-header .chart-pie-col.completed {
  color: #77cf59;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-chart .chart-pie-header .chart-pie-col.failed {
  color: #fb392d;
}
.statistics-component .statistics .statistics-block .statistics-chart .ct-line {
  stroke-width: 1px;
}
.statistics-component .statistics .statistics-block .statistics-chart .statistic-percent {
  padding: 45px;
  text-align: center;
}
.statistics-component .statistics .statistics-block .statistics-chart .statistic-percent p {
  font-size: 12px;
  line-height: 14px;
  margin: 0;
}
.statistics-component .statistics .statistics-block .statistics-chart .statistic-percent .statistic-percent-value {
  margin: 0;
  font-size: 50px;
  line-height: 55px;
  color: #77cf59;
}
.statistics-component .statistics .statistics-block .statistics-chart .statistic-table ul {
  padding: 0;
  margin: 20px 0;
  font-size: 12px;
  line-height: 14px;
  counter-reset: section;
}
.statistics-component .statistics .statistics-block .statistics-chart .statistic-table ul li {
  background: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  list-style: none;
}
.statistics-component .statistics .statistics-block .statistics-chart .statistic-table ul li:nth-last-child(1) {
  border-bottom: none;
}
.statistics-component .statistics .statistics-block .statistics-chart .statistic-table ul li::before {
  background: linear-gradient(#77cf59, #c2daaf);
  counter-increment: section;
  content: counter(section);
  border-radius: 0 45% 45% 0;
  width: 20px;
  display: inline-block;
  color: #ffffff;
  padding-right: 5px;
  text-align: right;
  margin-right: 11px;
}
.statistics-component .statistics-add {
  margin: -20px -20px 20px -20px;
}
.statistics-component .statistics-add .block {
  min-width: 150px;
  width: 25%;
  float: right;
  padding-left: 5px;
}
.statistics-component .statistics-add .block .btn, .statistics-component .statistics-add .block .modal-body .documents .droppable input, .modal-body .documents .droppable .statistics-component .statistics-add .block input {
  margin-left: 5px;
  min-width: 45px;
  width: 20%;
}
.statistics-component .statistics-add .block .ember-power-select-trigger {
  width: 70%;
  min-width: 100px;
}

.statistics-slide .statistics-component .statistics-add {
  margin-top: 0;
}

.statistics-settings-modal-body .date-range-field {
  margin-left: 9em;
}
.statistics-settings-modal-body .date-range-field input {
  width: 150px;
}
.statistics-settings-modal-body .date-range-custom {
  margin-left: 9em;
}
.statistics-settings-modal-body .date-range-custom .select-item:first-child {
  margin-right: 1em;
}
.statistics-settings-modal-body .form-field .filter-item-container {
  width: 70%;
  display: inline-block;
}
.statistics-settings-modal-body .form-field .filter-item-container .ember-power-select-multiple-trigger {
  width: 100%;
}

.ember-power-select-option {
  white-space: normal !important;
}

.ember-basic-dropdown-content {
  z-index: 1060;
}

.waste-management-field dl {
  margin: 0;
}
.waste-management-field dt {
  margin-top: 10px;
  margin-bottom: 4px;
  line-height: 1.1em;
  font-weight: 600;
}
.waste-management-field dd {
  margin: 0;
}
.waste-management-field dd span {
  display: block;
  margin-bottom: 10px;
}
.waste-management-field label {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.waste-management-field label.main {
  font-size: 18px;
  line-height: 1.1em;
  margin-bottom: 15px;
  margin-top: 20px;
  font-weight: 700;
}
.waste-management-field .ember-power-select-trigger {
  width: 400px;
}
.waste-management-field input[type=text] {
  width: 400px;
  margin-bottom: 0;
}
.waste-management-field .select-item {
  display: block;
  width: 400px;
}
.waste-management-field .add-waste {
  margin-top: 24px;
}

.inspection-service-info form.form .form-field.odometer input {
  width: 60%;
  margin-right: 10px;
}
.inspection-service-info form.form .form-field.description .field-group {
  white-space: pre-line;
}

.answers-matrix {
  margin-top: 20px;
}
.answers-matrix table thead tr:first-child th:first-child {
  border-top-width: 0;
  border-left-width: 0;
}
.answers-matrix table th, .answers-matrix table td {
  min-width: 100px;
  text-align: left;
  border: 1px solid #eeeeee;
  padding: 5px 10px;
  vertical-align: top;
}
.answers-matrix table tbody tr:nth-child(2n+1) td, .answers-matrix table tbody tr:nth-child(2n+1) th {
  background-color: #eeeeee;
  border-color: #ffffff;
}

.worktime-activity .row .cell, .worktime-activity .editor .cell {
  float: left;
}
.worktime-activity .row .cell.description, .worktime-activity .editor .cell.description {
  white-space: pre-line;
  max-width: 250px;
}
.worktime-activity .row .label, .worktime-activity .editor .label {
  width: 150px;
  color: #757575;
}
.worktime-activity.worktime-deleted .cell {
  text-decoration: line-through;
}

.worktimes-check-control-point {
  padding-right: 100px;
}

.worktimes-list .worktime-activity + .worktime-activity {
  border-top: 1px solid #e0e0e0;
  margin-top: 10px;
  padding-top: 10px;
}

.unit-fluids label span {
  font-size: 14px;
  padding-right: 15px;
}
.unit-fluids label select {
  width: 240px;
}
.unit-fluids .connect-fluids {
  margin: 20px 0 20px 0;
  overflow: hidden;
}
.unit-fluids .connect-fluids h2 {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 15px 0;
}
.unit-fluids .connect-fluids ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
}
.unit-fluids .connect-fluids .left {
  width: 49.5%;
  float: left;
}
.unit-fluids .connect-fluids .left .items {
  padding-bottom: 1px;
  border: 1px solid #e0e0e0;
  border-top: none;
  max-height: 600px;
  overflow-y: auto;
}
.unit-fluids .connect-fluids .left .item {
  display: block;
  border: 1px solid transparent;
  margin: -1px 0 -1px -18px;
  padding: 2px 0 2px 18px;
}
.unit-fluids .connect-fluids .left .item.selectable {
  cursor: pointer;
}
.unit-fluids .connect-fluids .left .item .num {
  display: inline-block;
  border-radius: 100%;
  width: 25px;
  background-color: #e0e0e0;
  text-align: center;
  margin-left: 5px;
  color: #757575;
  font-weight: 600;
}
.unit-fluids .connect-fluids .left .item.selectable:hover {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.unit-fluids .connect-fluids .left .item.selectable:hover::after {
  float: right;
  margin-right: 10px;
  font-family: "Font Awesome 5 Pro";
  content: "\f101";
  color: #757575;
  font-weight: 400;
}
.unit-fluids .connect-fluids .left .item.selectable.selected {
  position: relative;
  border: 1px solid #ff7200;
  background: rgba(238, 121, 48, 0.2);
  border-radius: 2px;
  font-weight: bold;
}
.unit-fluids .connect-fluids .left .item.selectable.selected::after {
  float: right;
  margin-right: 10px;
  font-family: "Font Awesome 5 Pro";
  content: "\f101";
  color: #ff7200;
  font-weight: 400;
}
.unit-fluids .connect-fluids .left > ul > li {
  border-top: 1px solid #e0e0e0;
  padding-left: 18px;
  font-weight: bold;
}
.unit-fluids .connect-fluids .left > ul > li li {
  border-left: 2px solid #e0e0e0;
  margin-left: 16px;
  padding-left: 18px;
  font-weight: normal;
}
.unit-fluids .connect-fluids .left > ul > li li .item {
  margin: -1px 0 -1px -54px;
  padding-left: 46px;
}
.unit-fluids .connect-fluids .left > ul > li .sub .item {
  margin-left: -90px;
  padding-left: 82px;
}
.unit-fluids .connect-fluids .left > ul > li .sub .sub .item {
  margin-left: -126px;
  padding-left: 118px;
}
.unit-fluids .connect-fluids .left > ul > li .sub .sub .sub .item {
  margin-left: -162px;
  padding-left: 154px;
}
.unit-fluids .connect-fluids .left > ul > li .sub .sub .sub .sub .item {
  margin-left: -198px;
  padding-left: 190px;
}
.unit-fluids .connect-fluids .left > ul > li .sub .sub .sub .sub .sub .item {
  margin-left: -234px;
  padding-left: 226px;
}
.unit-fluids .connect-fluids .left > ul > li.sub {
  border-top: none;
}
.unit-fluids .connect-fluids .right {
  width: 49.5%;
  float: right;
}
.unit-fluids .connect-fluids .right .filter {
  border: 1px solid #ff7200;
  border-bottom: none;
}
.unit-fluids .connect-fluids .right .items {
  padding-bottom: 1px;
  border: 1px solid #ff7200;
  border-top: none;
  max-height: 600px;
  overflow-y: auto;
}
.unit-fluids .connect-fluids .right > ul > li {
  border-top: 1px solid #e0e0e0;
}
.unit-fluids .connect-fluids .right > ul > li label {
  display: block;
  border: 1px solid transparent;
  padding: 2px 0 2px 24px;
  font-weight: 400;
  line-height: 24px;
  margin: -1px 0 -1px 0;
  cursor: pointer;
}
.unit-fluids .connect-fluids .right > ul > li label.selected {
  position: relative;
  border: 1px solid #ff7200;
  background: rgba(238, 121, 48, 0.2);
  border-radius: 2px;
  font-weight: bold;
}
.unit-fluids .connect-fluids .right > ul > li label i {
  display: inline-block;
  border-radius: 100%;
  width: 25px;
  text-align: center;
  margin-left: 5px;
  color: #212121;
  font-weight: 400;
  line-height: 25px;
  margin-left: 2px;
  cursor: pointer;
}
.unit-fluids .connect-fluids .right > ul > li label i.open {
  background-color: rgba(0, 0, 0, 0.3);
}
.unit-fluids .connect-fluids .right > ul > li a {
  padding: 5px 0 5px 50px;
  display: block;
}
.unit-fluids .connect-fluids .right > ul > li input {
  margin-right: 7px;
}
.unit-fluids .connect-fluids .right .filter label {
  padding-left: 25px;
}
.unit-fluids .connect-fluids .filter {
  border: 1px solid #e0e0e0;
  border-bottom: none;
  background-color: #f5f5f5;
}
.unit-fluids .connect-fluids .filter .sort {
  display: inline-block;
  padding: 8px 0 8px 18px;
  font-weight: bold;
  color: #757575;
  cursor: pointer;
}
.unit-fluids .connect-fluids .filter .sort i {
  margin-left: 6px;
}
.unit-fluids .connect-fluids .filter .search {
  float: right;
  margin: 4px 18px 4px 4px;
  box-shadow: none;
}
.unit-fluids .connect-fluids .filter label {
  display: inline-block;
  padding: 4px 4px 4px 15px;
  line-height: 32px;
  font-weight: normal;
  color: #757575;
}
.unit-fluids .connect-fluids .filter label input {
  margin-right: 7px;
}
.unit-fluids .connect-fluids .filter select {
  border: none;
  margin: 0;
  box-shadow: none;
}

.page-login .left {
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 0;
  background-color: #ffd800;
  box-shadow: 5px 0px 30px 5px rgba(150, 150, 150, 0.3);
  display: table;
  height: 100%;
  width: 50%;
}
.page-login .left .logo {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 134px;
}
.page-login .left .logo img {
  max-width: 410px;
  height: auto;
}
.page-login .left.cdeworkflow {
  background-color: #ffffff !important;
}
.page-login .left.cdeworkflow img {
  margin-top: 47px;
}
.page-login .right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  display: table;
  height: 100%;
  width: 50%;
}
.page-login .right > div {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 134px;
}
.page-login .right > div .location-chooser {
  text-align: left;
  margin-bottom: 5px;
}
.page-login .right > div .location-chooser label {
  font-weight: bold;
  color: #424242;
  margin-right: 10px;
}
.page-login .right > div .location-chooser .ember-radio-button {
  font-weight: normal;
}
.page-login .right > div .location-chooser .ember-radio-button input {
  margin-top: 0;
}
.page-login .right > div form {
  max-width: 370px;
  margin: 0 auto;
  padding: 0px;
}
.page-login .right > div .reset-successful-icon {
  font-size: 60px;
  color: #32b405;
  display: block;
}
.page-login .right > div h2 {
  font-size: 36px;
  text-transform: uppercase;
}
.page-login .right > div .input-holder {
  position: relative;
}
.page-login .right > div .input-holder i {
  color: #32b405;
  position: absolute;
  right: -30px;
  top: 20px;
  font-size: 20px;
}
.page-login .right > div input {
  outline: none;
  margin-top: 10px;
  color: #212121;
}
.page-login .right > div input:focus {
  border: 1px solid #bdbdbd;
}
.page-login .right > div .error {
  margin-top: 50px;
}
.page-login .right > div .forgot-password-link a {
  color: #bdbdbd;
}
.page-login .right > div a.active:not(.to-login) {
  font-weight: bold;
  text-decoration: none;
  pointer-events: none;
}
.page-login .right > div .btn, .page-login .right > div .modal-body .documents .droppable input, .modal-body .documents .droppable .page-login .right > div input {
  margin-top: 25px;
  font-size: 20px;
}
.page-login .turnstile-container {
  margin-top: 10px;
  display: block;
  width: 100%;
}

.route-login.content,
.route-login-index.content,
.route-login-recover.content,
.route-login-forgot.content {
  height: 100%;
}

.page-index .no-content {
  margin-top: 60px;
}
.page-index .item-list {
  margin-bottom: 0;
}

.company-settings .company-connect .image-wrap {
  float: left;
  width: 300px;
  padding: 5px 10px;
}
.company-settings .company-connect .image-wrap img {
  max-width: 230px;
  max-height: 40px;
  height: auto;
  width: auto;
  float: right;
}
.company-settings .company-connect .image-wrap label {
  width: 100%;
  float: right;
  text-align: right;
}
.company-settings .company-connect .settings-row {
  margin: 10px 0;
}
.company-settings .company-connect .settings-row .settings-container {
  max-width: 800px;
  margin-left: 300px;
}
.company-settings .company-connect .settings-row .settings-container .form .form-field {
  max-width: 500px;
  margin-bottom: 45px;
  position: relative;
}
.company-settings .company-connect .settings-row .settings-container .form .form-field img, .company-settings .company-connect .settings-row .settings-container .form .form-field input {
  display: inline-block;
  vertical-align: middle;
}
.company-settings .company-connect .settings-row .settings-container .form .form-field input {
  float: left;
  margin-top: 25px;
  width: 300px;
  margin-right: 20px;
}
.company-settings .company-connect .settings-row .settings-container .form .form-field i {
  float: left;
  font-size: 16px;
  margin-top: 32px;
  cursor: pointer;
  color: #616161;
  right: 0;
}
@media (max-width: 991px) {
  .company-settings .company-connect .settings-row .settings-container {
    margin-left: 0;
  }
  .company-settings .company-connect .settings-row .image-wrap {
    display: none;
  }
}

.company-settings form.form-aemp .aemp-label {
  margin: 10px 0;
  display: block;
  clear: both;
}
.company-settings form.form-aemp input[type=text], .company-settings form.form-aemp input[type=password], .company-settings form.form-aemp .select-item, .company-settings form.form-aemp textarea, .company-settings form.form-aemp .text-editor, .company-settings form.form-aemp .field-group {
  width: 40%;
  min-width: 350px;
  display: inline-block;
}
.company-settings form.form-aemp .validation-error {
  width: 40%;
  min-width: 350px;
}
.company-settings .connect-provider-error {
  margin-bottom: 10px;
}
.company-settings form.form .form-field > label {
  width: 25%;
  display: inline-block;
  position: relative;
  text-align: right;
  margin-right: 30px;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  hyphens: auto;
}
.company-settings form.form input[type=text], .company-settings form.form .select-item, .company-settings form.form textarea, .company-settings form.form .text-editor, .company-settings form.form .field-group {
  width: 55%;
  margin-left: 10px;
  display: inline-block;
}
.company-settings form.form input[type=text].input-postcode, .company-settings form.form .select-item.input-postcode, .company-settings form.form textarea.input-postcode, .company-settings form.form .text-editor.input-postcode, .company-settings form.form .field-group.input-postcode {
  width: 15%;
}
.company-settings form.form input[type=text].input-postarea, .company-settings form.form .select-item.input-postarea, .company-settings form.form textarea.input-postarea, .company-settings form.form .text-editor.input-postarea, .company-settings form.form .field-group.input-postarea {
  width: calc(40% - 12px);
}
.company-settings form.form .email-restrictions-holder {
  position: relative;
}
.company-settings form.form .email-restrictions-holder .field-input-half {
  width: 38%;
  display: inline-block;
  vertical-align: top;
}
.company-settings form.form .email-restrictions-holder .field-input-half:first-child {
  width: 55%;
  margin-right: 5%;
}
.company-settings form.form .email-restrictions-holder .field-input-half > input, .company-settings form.form .email-restrictions-holder .field-input-half > div {
  width: 100%;
}
.company-settings form.form .email-restrictions-holder i {
  position: absolute;
  right: -25px;
  top: 10px;
  cursor: pointer;
}
.company-settings form.form .field-group-checkboxes {
  margin-bottom: 25px;
}
.company-settings form.form .field-group-checkboxes label {
  display: block;
  margin-top: 5px;
}
.company-settings form.form .form-field.logo-holder .ember-view {
  margin-left: -5px;
}
.company-settings form.form .reset-btn {
  margin-left: 30px;
}
.company-settings form.form .logo-image-holder {
  width: 100%;
  position: relative;
  height: 300px;
  margin-top: 40px;
  background: #f5f5f5;
  padding-bottom: 15px;
}
.company-settings form.form img.custom-logo {
  max-width: 250px;
  max-height: 250px;
  height: auto;
  width: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.company-settings form.form img:not(.custom-logo) {
  margin-top: 20px;
  max-width: 250px;
  max-height: 250px;
  height: auto;
  width: auto;
}
.company-settings form.form .text-editor {
  display: inline-block;
  position: relative;
  top: -7px;
}

.company-settings .waste-management {
  max-width: 1000px;
  margin: 0;
}
.company-settings .waste-management .info-box {
  color: #212121;
  font-size: 13px;
}
.company-settings .waste-management .info-box h3 {
  font-weight: bold;
}
.company-settings .waste-management form {
  margin-top: 20px;
}
.company-settings .waste-management hr {
  border: none;
  height: 1px;
  background-color: #e0e0e0;
  margin: 20px 0;
}
.company-settings .waste-management fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.company-settings .waste-management fieldset.api-key input {
  margin-top: 4px;
  display: block;
  width: 400px;
}
.company-settings .waste-management fieldset.checklists legend {
  font-weight: 600;
}
.company-settings .waste-management fieldset.checklists input[type=text] {
  margin: 4px 0 15px 0;
  display: block;
  width: 200px;
}
.company-settings .waste-management fieldset.checklists label {
  margin: 4px 0 14px 0;
  display: block;
  font-weight: normal;
}
.company-settings .waste-management fieldset.checklists label.checkAll span {
  color: #ff7200;
}
.company-settings .waste-management fieldset.checklists .waste-codes.all input {
  display: none;
}
.company-settings .waste-management fieldset.checklists input {
  margin-right: 4px;
}
.company-settings .waste-management .form-actions-wrapper {
  background: #ffffff;
  width: calc(100% - 250px);
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #bdbdbd;
  position: fixed;
  bottom: 0;
  left: 250px;
}
.company-settings .waste-management .form-actions-wrapper .form-actions .btn, .company-settings .waste-management .form-actions-wrapper .form-actions .modal-body .documents .droppable input, .modal-body .documents .droppable .company-settings .waste-management .form-actions-wrapper .form-actions input {
  margin-right: 100px;
  min-width: 150px;
}
.company-settings .waste-management .success .fa-circle-check.solid {
  font-size: 18px;
  font-weight: bold;
  color: #32b405;
}
.company-settings .waste-management .success span {
  padding-left: 4px;
  vertical-align: top;
  line-height: 18px;
}

.disabled-settings img, .disabled-settings input[type=text], .disabled-settings .select-item, .disabled-settings textarea, .disabled-settings .text-editor, .disabled-settings .field-group {
  opacity: 0.5;
}

.edit-licenses .info-row {
  margin-bottom: 10px;
}
.edit-licenses .info-row label:not(:first-child) {
  margin-left: 20px;
}
.edit-licenses input {
  margin-left: 5px;
  width: 50px;
}

.licenses-diff {
  margin-bottom: 20px;
}

.categories {
  position: relative;
}
.categories .row .col-6, .categories .editor .col-6 {
  padding: 0px 0px 0px 40px;
}
.categories .row .col-6:first-child, .categories .editor .col-6:first-child {
  padding: 0px 40px 0px 0px;
}

.refilltypes .col-6 h3, .categories .col-6 h3 {
  margin-bottom: 0px;
}
.refilltypes .col-6 p, .categories .col-6 p {
  margin-top: 0px;
}
.refilltypes .field-option-alternatives, .categories .field-option-alternatives {
  clear: both;
}

.refilltypes .alternative__text {
  display: flex;
}
.refilltypes .document {
  display: flex;
  width: 100%;
}
.refilltypes .field {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.refilltypes .field input {
  margin-left: 16px;
}

.company-shortcuts {
  max-width: 1000px;
  margin: 0 auto;
}
.company-shortcuts .info-box {
  color: #212121;
  font-size: 12px;
}
.company-shortcuts .info-box h3 {
  font-weight: 700;
  font-size: 18px;
}
.company-shortcuts .card {
  height: 74px;
  margin-bottom: 20px;
  padding: 18px;
}
.company-shortcuts .card.card--expanded {
  height: 100px;
}
.company-shortcuts .card .card__header__title ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.company-shortcuts .card .card__header__title ul li.title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #212121;
  margin-bottom: 3px;
}
.company-shortcuts .card .card__header__title ul li.url {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #616161;
}
.company-shortcuts .card .edit_shortcut_wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 90%;
}
.company-shortcuts .card .edit_shortcut_wrapper li {
  display: block;
  float: left;
  width: 50%;
}
.company-shortcuts .card .edit_shortcut_wrapper li:first-child {
  width: calc(50% - 23px);
  margin-right: 23px;
}
.company-shortcuts .card .edit_shortcut_wrapper li span {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #212121;
  margin-bottom: 9px;
}
.company-shortcuts .card .edit_shortcut_wrapper li input {
  width: 100%;
  height: 34px;
  line-height: 34px;
  border: solid 1px #e0e0e0;
  background-color: #ffffff;
  font-size: 13px;
  letter-spacing: normal;
  color: #212121;
}
.company-shortcuts .actions-wrapper .btn-primary {
  float: right;
}
.company-shortcuts .actions-wrapper span {
  color: #bdbdbd;
}
.company-shortcuts .actions-wrapper .add_new {
  outline: 0;
  background-color: #f5f5f5;
  text-transform: uppercase;
  border-bottom: 3px solid #e0e0e0;
  font-size: 13px;
  font-weight: bold;
  color: #212121;
  padding: 10px 20px;
}

.company-deviation-tags {
  max-width: 1000px;
  margin: 0 auto;
}
.company-deviation-tags .form-container-block {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.company-deviation-tags .flex-row input[type=text] {
  width: 100%;
}
.company-deviation-tags .form-field .validation-error {
  margin-top: 3px;
  display: inline-block;
  margin-bottom: 0;
  line-height: 11px;
}
.company-deviation-tags .card {
  margin-bottom: 20px;
}
.company-deviation-tags .card:last-child {
  margin-bottom: 0;
}
.company-deviation-tags .deviation-tag-field input {
  width: 400px;
}
.company-deviation-tags .deviation-tag-field .btn-link, .company-deviation-tags .deviation-tag-field .btn-create, .company-deviation-tags .deviation-tag-field .btn-link-danger, .company-deviation-tags .deviation-tag-field .btn-link-neutral, .company-deviation-tags .deviation-tag-field .btn-export, .company-deviation-tags .deviation-tag-field .btn-share, .company-deviation-tags .deviation-tag-field .btn-changelog, .company-deviation-tags .deviation-tag-field .btn-delete, .company-deviation-tags .deviation-tag-field .btn-redo {
  margin-top: 0;
}
.company-deviation-tags .deviation-tag-field .checkbox-label {
  display: inline-block;
  margin-left: 20px;
}

.company-work-time {
  margin-bottom: 20px;
}
.company-work-time .checkbox-label.req {
  margin-bottom: 20px;
  display: inline-block;
}

.company-settings .company-webhooks {
  max-width: 1000px;
  margin: 0 auto;
}
.company-settings .company-webhooks .card {
  margin-bottom: 15px;
}
.company-settings .company-webhooks .card__header .tooltips-toggle {
  float: left;
}
.company-settings .company-webhooks form.form .form-field > label {
  width: 15%;
  margin-right: 0;
  text-align: left;
}
.company-settings .company-webhooks form.form .form-field > label:not(.not-required)::after {
  position: unset;
}
.company-settings .company-webhooks .form-field.webhook-triggers > label {
  vertical-align: top;
}
.company-settings .company-webhooks .validation-error {
  left: 15%;
  width: 55%;
  margin-left: 13px;
}
.company-settings .company-webhooks input[type=password] {
  width: 55%;
  margin-left: 10px;
}
.company-settings .company-webhooks .webhook-triggers-container {
  width: 70%;
  display: inline-block;
  margin-left: 15px;
}
.company-settings .company-webhooks .webhook-triggers {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.company-settings .company-webhooks .webhook-triggers label {
  width: 100%;
  margin-bottom: 10px;
}
.company-settings .company-webhooks .webhook-trigger {
  display: flex;
  flex-basis: 30%;
}
.company-settings .company-webhooks .webhook-trigger input {
  margin-right: 10px;
}
.company-settings .company-webhooks .webhook-trigger label {
  font-weight: normal;
}
.company-settings .company-webhooks .tooltips-toggle {
  float: none;
}
.company-settings .company-webhooks .tooltips-toggle .switch-label {
  width: 15%;
}
.company-settings .company-webhooks .tooltips-toggle .switch {
  margin-left: 15px;
}

.page-messages tr.read {
  background-color: #bdbdbd;
}
.page-messages form.form textarea {
  height: 200px;
}

.boxes-right img {
  margin: -21px -21px 0px;
  width: calc(100% + 42px);
  max-width: 10000px;
}
.boxes-right img.oem-provider-logo {
  margin: 0;
  max-height: 40px;
  max-width: 100%;
  width: auto;
  height: auto;
}
.boxes-right .g-map-canvas img {
  margin: 0;
}
.boxes-right .image-slider, .boxes-right .box-image {
  margin: -21px -20px 15px;
  position: relative;
}
.boxes-right .image-slider .slidesjs-control, .boxes-right .image-slider .slidesjs-container, .boxes-right .box-image .slidesjs-control, .boxes-right .box-image .slidesjs-container {
  height: 200px !important;
}
.boxes-right .image-slider span, .boxes-right .box-image span {
  padding: 5px 15px;
  text-align: right;
  display: block;
  width: 100%;
}
.boxes-right .image-slider span:after, .boxes-right .box-image span:after {
  content: "";
  display: table;
}
.boxes-right .image-slider div.image, .boxes-right .box-image div.image {
  bottom: 0;
  background-size: cover;
  background-position: center center;
}
.boxes-right .image-slider i, .boxes-right .box-image i {
  position: absolute;
  font-size: 30px;
  z-index: 100;
  color: #ffffff;
  top: calc(50% - 15px);
  cursor: pointer;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.boxes-right .image-slider i.slidesjs-next, .boxes-right .box-image i.slidesjs-next {
  right: 10px;
}
.boxes-right .image-slider i.slidesjs-previous, .boxes-right .box-image i.slidesjs-previous {
  left: 10px;
}

.in-use__indicator {
  font-size: 10px;
  margin-top: 2px;
  margin-left: 5px;
  position: absolute;
}

h1.page-title .in-use__indicator {
  position: absolute;
  margin-top: 0;
  right: 1px;
}

.positions .position-group {
  margin: 20px 40px 20px 15px;
}
.positions .position-group .position-group-container {
  margin-left: 50px;
}
.positions .position-group h3 i {
  cursor: pointer;
}
.positions .position-group:last-of-type {
  border-color: transparent;
}
.positions .position-group > .alternative > .alternative__text {
  width: calc(100% - 100px);
}
.positions .position-group .alternative {
  cursor: move;
}
.positions .btn-create {
  margin: 5px 0;
}

.box-object-activities {
  margin-top: 20px;
}

#provider-logo {
  width: 250px;
  margin-left: 10px;
}

.supported-functions {
  padding-top: 13px;
  padding-left: 10px;
}
.supported-functions > div {
  line-height: 1.1rem;
}
.supported-functions .far {
  font-size: 13px;
  margin-right: 5px;
}
.supported-functions .far.fa-check-circle {
  color: #32b405;
}
.supported-functions .far.fa-times-circle {
  color: #fb392d;
}

.connection-status i {
  font-size: 10px;
  margin-left: 3px;
  vertical-align: middle;
  color: #ffd800;
  cursor: help;
}
.connection-status i.connected {
  color: #32b405;
}

.aemp-help-text {
  font-size: 10px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 20px;
}

.page-stats .dot {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
}
.page-stats .dot.dot-a {
  background-color: #c72d24;
}
.page-stats .dot.dot-b {
  background-color: #fb392d;
}
.page-stats .chart {
  height: 250px;
  margin-bottom: 80px;
}
.page-stats .chart-tooltip {
  position: absolute;
  background-color: #ffd800;
  border-radius: 8px;
  padding: 10px 20px;
  text-align: center;
  color: #212121;
}

.modal.edit-modal .modal-body {
  display: table;
  width: 100%;
  margin-bottom: -30px;
}
.modal.edit-modal .modal-body.modal-body--block {
  display: block;
}
.modal.edit-modal .modal-body .unit-template-holder {
  min-height: 250px;
}
.modal.edit-modal .modal-body .modal-split {
  position: relative;
  margin-left: -1em;
  margin-right: -1em;
}
.modal.edit-modal .modal-body .modal-split-left {
  width: 626px;
  min-height: 500px;
  border-right: 2px solid #212121;
}
.modal.edit-modal .modal-body .modal-split-right {
  width: 294px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.modal.edit-modal .modal-body .modal-split-right h1, .modal.edit-modal .modal-body .modal-split-right h2, .modal.edit-modal .modal-body .modal-split-right h3, .modal.edit-modal .modal-body .modal-split-right h4 {
  font-weight: bold;
  text-transform: uppercase;
}
.modal.edit-modal .modal-body .modal-split-right h3 {
  font-size: 14px;
}
.modal.edit-modal .modal-body .modal-split-right p {
  font-weight: bold;
  font-size: 14px;
}
.modal.edit-modal .modal-body .modal-split-right a:not(.btn) {
  color: #ff7200;
  text-decoration: none;
  display: block;
  margin-top: -5px;
  font-size: 12px;
}
.modal.edit-modal .modal-body .modal-split-right .btn:not(.btn-link):not(.btn-create):not(.btn-link-danger):not(.btn-link-neutral):not(.btn-export):not(.btn-share):not(.btn-changelog):not(.btn-delete):not(.btn-redo), .modal.edit-modal .modal-body .modal-split-right .documents .droppable input:not(.btn-link):not(.btn-create):not(.btn-link-danger):not(.btn-link-neutral):not(.btn-export):not(.btn-share):not(.btn-changelog):not(.btn-delete):not(.btn-redo), .modal.edit-modal .modal-body .documents .droppable .modal-split-right input:not(.btn-link):not(.btn-create):not(.btn-link-danger):not(.btn-link-neutral):not(.btn-export):not(.btn-share):not(.btn-changelog):not(.btn-delete):not(.btn-redo) {
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
.modal.edit-modal .modal-body .modal-split-right input[type=text],
.modal.edit-modal .modal-body .modal-split-right select {
  width: 100%;
  outline: none;
}
.modal.edit-modal .modal-body .modal-split-right .temp-img {
  max-width: 200px;
  width: auto;
  height: auto;
  max-height: 200px;
}
.modal.edit-modal .modal-body hr {
  border-top: 1px solid #e0e0e0;
  margin-top: 20px;
}
.modal.edit-modal .modal-body .form-section {
  padding: 15px;
  padding-bottom: 0;
}
.modal.edit-modal .modal-body .form-section h3 {
  margin-bottom: 5px;
}
.modal.edit-modal .modal-body .checklist-selector .ember-power-select-trigger {
  width: 100%;
  margin-bottom: 0;
}
.modal.edit-modal .modal-body .in-use span {
  color: #bdbdbd;
  line-height: 17px;
  display: block;
  margin-bottom: 5px;
}
.modal.edit-modal .modal-body .fluids-left, .modal.edit-modal .modal-body .fluids-right {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}
.modal.edit-modal .modal-body .fluids-left ul, .modal.edit-modal .modal-body .fluids-right ul {
  padding-left: 0px;
}
.modal.edit-modal .modal-body .fluids-left li, .modal.edit-modal .modal-body .fluids-right li {
  cursor: pointer;
  list-style: none;
  margin-bottom: 3px;
}
.modal.edit-modal .modal-body .fluids-left li.select-category.inactive, .modal.edit-modal .modal-body .fluids-right li.select-category.inactive {
  color: #212121;
}
.modal.edit-modal .modal-body .fluids-left li.select-category.active, .modal.edit-modal .modal-body .fluids-right li.select-category.active {
  color: #ff7200;
}
.modal.edit-modal .modal-body .fluids-left li a, .modal.edit-modal .modal-body .fluids-right li a {
  color: #212121;
  text-decoration: none;
}
.modal.edit-modal .modal-body .fluids-left li a:active, .modal.edit-modal .modal-body .fluids-left li a:focus, .modal.edit-modal .modal-body .fluids-right li a:active, .modal.edit-modal .modal-body .fluids-right li a:focus {
  font-weight: bold;
}
.modal.edit-modal .modal-body .fluids-left li ul, .modal.edit-modal .modal-body .fluids-right li ul {
  padding-left: 20px;
}
.modal.edit-modal .modal-body .fluids-left li ul li, .modal.edit-modal .modal-body .fluids-right li ul li {
  margin-bottom: 0px;
}
.modal.edit-modal .modal-body .fluids-left #refilltype-holder, .modal.edit-modal .modal-body .fluids-right #refilltype-holder {
  margin-top: 15px;
  padding: 15px 30px;
  border: 1px solid #e0e0e0;
  max-height: 350px;
  overflow-y: auto;
  max-width: 325px;
  margin-bottom: 50px;
  background: #fafafa;
}
.modal.edit-modal .modal-body .fluids-left #refilltype-holder .refill-type, .modal.edit-modal .modal-body .fluids-right #refilltype-holder .refill-type {
  width: 100%;
  padding: 2px 10px;
  cursor: pointer;
  display: block;
  position: relative;
  color: #212121;
  cursor: pointer;
  text-decoration: none;
}
.modal.edit-modal .modal-body .fluids-left #refilltype-holder .refill-type.checked, .modal.edit-modal .modal-body .fluids-right #refilltype-holder .refill-type.checked {
  font-weight: bold;
}
.modal.edit-modal .modal-body .unit-articles {
  margin-top: 10px;
}
.modal.edit-modal .modal-body .unit-articles table {
  margin-bottom: 20px;
}
.modal.edit-modal .modal-body .unit-articles table th {
  font-size: 14px;
}
.modal.edit-modal .modal-body .unit-articles table tbody tr {
  cursor: pointer;
}
.modal.edit-modal .modal-body .unit-articles .select-holder {
  width: 35%;
  float: left;
  padding-top: 10px;
  margin-right: 5px;
}

.modal-body .documents.new-folder-document input[type=text] {
  width: 435px;
  margin: 20px 0 20px 20px;
  height: 50px;
}
.modal-body .documents.new-folder-document div.error {
  margin: 0 20px 20px 20px;
}
.modal-body .documents.new-company-document {
  padding-top: 10px;
}
.modal-body .documents .upload-area {
  position: relative;
  margin-bottom: 20px;
}
.modal-body .documents .upload-area .filedropper-input {
  display: none;
}
.modal-body .documents .upload-area #upload-text, .modal-body .documents .upload-area .upload-text {
  pointer-events: none;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}
.modal-body .documents .upload-area #upload-text .btn, .modal-body .documents .upload-area #upload-text .droppable input, .modal-body .documents .droppable .upload-area #upload-text input, .modal-body .documents .upload-area .upload-text .btn, .modal-body .documents .upload-area .upload-text .droppable input, .modal-body .documents .droppable .upload-area .upload-text input {
  margin: 25px 0px;
}
.modal-body .documents .droppable {
  width: 100%;
  height: 130px;
  background: #fafafa;
  border: 2px dashed #e0e0e0;
  text-align: center;
  padding: 15px;
}
.modal-body .documents .droppable input {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: auto;
  height: 40px;
  margin: 50px auto 0px;
  cursor: pointer;
}
.modal-body .documents .droppable input::-webkit-file-upload-button {
  display: none;
}
.modal-body .documents .droppable .filedropper-input,
.modal-body .documents .droppable .file {
  display: none;
}

.edit-group-container {
  padding: 20px 35px;
}
.edit-group-container input {
  width: 100%;
}

.page-payment-settings .edit-license-price {
  text-align: center;
}
.page-payment-settings .edit-license-price .btn, .page-payment-settings .edit-license-price .modal-body .documents .droppable input, .modal-body .documents .droppable .page-payment-settings .edit-license-price input {
  margin-bottom: 10px;
  margin-top: 5px;
}
.page-payment-settings .edit-license-price .view-mode input {
  opacity: 0.6;
}
.page-payment-settings .edit-license-price label {
  width: 50px;
  display: inline-block;
}
.page-payment-settings .edit-license-price input {
  width: 50px;
}
.page-payment-settings .custom-fields input {
  width: 200px;
}
.page-payment-settings .custom-fields .metafield {
  background-color: #eeeeee;
  border-radius: 4px;
  border: 1px solid #bdbdbd;
  padding: 10px;
  margin-bottom: 10px;
}
.page-payment-settings .custom-fields .metafield-alternative-remove, .page-payment-settings .custom-fields .metafield-remove {
  cursor: pointer;
}

.article-search input[type=text] {
  width: 280px;
}

.new-article-btn {
  margin-top: -5px;
  margin-left: 5px;
}

.modal-body.view-check .score {
  border: solid #212121 1px;
  border-radius: 20px;
  padding: 2px 10px;
  float: right;
}
.modal-body.view-check .score b {
  color: #32b405;
}
.modal-body.view-check h2.link {
  cursor: pointer;
}
.modal-body.view-check .modal-top-holder {
  margin-bottom: 20px;
}
.modal-body.view-check .item-list .sub-item {
  position: relative;
  font-weight: normal;
}
.modal-body.view-check .item-list .sub-item img {
  max-width: 200px;
  height: auto;
}
.modal-body.view-check .item-list .sub-item .deviation-entry {
  margin-left: 58px;
}
.modal-body.view-check .item-list .sub-item .deviation-entry.no-margin-left {
  margin-left: 0;
}
.modal-body.view-check .item-list .sub-item .user-entry {
  float: right;
}

.page-followup.tab-followups .followup-filters {
  border-bottom: 1px solid #e0e0e0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
.page-followup.tab-followups .no-followups {
  padding-top: 20px;
  padding-bottom: 10px;
}
.page-followup .btn-sm, .page-followup h1.page-title .page-title-actions .btn, h1.page-title .page-title-actions .page-followup .btn, .page-followup h1.page-title .page-title-actions .modal-body .documents .droppable input, h1.page-title .page-title-actions .modal-body .documents .droppable .page-followup input, .page-followup .modal-body .documents .droppable h1.page-title .page-title-actions input, .modal-body .documents .droppable h1.page-title .page-title-actions .page-followup input {
  padding: 5px 20px !important;
}
.page-followup .box {
  background: #ffffff;
  border-radius: 5px;
}
.page-followup .box .table th:first-child {
  border-top-left-radius: 0 !important;
}
.page-followup .box .table th:last-child {
  border-top-right-radius: 0 !important;
}
.page-followup .sub-tabs-container .sub-tab {
  padding: 5px 20px;
}
.page-followup .sub-tabs-container .sub-tab i.fa {
  margin-right: 5px;
}
.page-followup .filters-container.box-col {
  padding: 20px 20px 5px 20px;
}
.page-followup .filters-container.box-col .filter-item {
  margin-bottom: 15px;
}
@media (min-width: 1200px) and (max-width: 1419px) {
  .page-followup .filters-container.box-col .filter-item:nth-child(4) {
    clear: both;
  }
}
@media (max-width: 1199px) {
  .page-followup .filters-container.box-col .filter-item:nth-child(2n+1) {
    clear: both;
  }
}
.page-followup .filter-item {
  float: left;
  margin-right: 10px;
}
.page-followup .filter-item .ember-power-select-trigger {
  padding: 0 8px;
}
.page-followup .filter-item .input-text {
  width: 220px;
  height: 34px;
}
.page-followup .filter-item .filter-item-container {
  width: 220px;
}
.page-followup .filter-label {
  display: block;
  font-weight: bold;
  padding: 0 0 5px 5px;
}
.page-followup .filter-input {
  display: inline-block;
  margin-right: 10px;
}
.page-followup .filter-input label input[type=checkbox] {
  margin-right: 5px;
}
.page-followup .filter-checkbox {
  white-space: nowrap;
}
.page-followup .filter-checkbox input {
  margin: 0 5px 0 0;
}
.page-followup .filter-checkboxes .filter-checkbox {
  margin-right: 15px;
}
.page-followup .filter-checkboxes .filter-checkbox:last-child {
  margin-right: 0;
}
.page-followup .filter-upcoming-container {
  display: flex;
  align-items: flex-end;
}
.page-followup .filter-upcoming-container .filter-upcoming-within-wrap {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within:last-child {
  margin-bottom: 0;
}
.page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within b, .page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within label, .page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within .filter-within-input, .page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within label input {
  margin-right: 5px;
}
.page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within .filter-upcoming-radiobuttons {
  display: inline-block;
  margin-right: 10px;
}
.page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within .filter-upcoming-radiobuttons label {
  white-space: nowrap;
}
.page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within input[type=number] {
  text-align: right;
}
.page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within i.fa-times {
  cursor: pointer;
}
.page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within .filter-within-input {
  width: 100px;
}
.page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within input[type=number], .page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within select, .page-followup .filter-upcoming-container .filter-upcoming-within-wrap .filter-upcoming-within .select-item {
  margin-bottom: 0;
}
.page-followup .filter-buttons {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
.page-followup .filter-buttons button + button {
  margin-left: 15px;
}
.page-followup .columns-visibility-container .box-row {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.page-followup .columns-visibility-container .box-row .box-col {
  padding: 20px 15px;
  text-align: center;
  flex-grow: 1;
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  margin-top: -1px;
  margin-right: -1px;
}
.page-followup .columns-visibility-container .box-row .box-col:nth-last-child(-n+2) {
  border-right: none;
}
.page-followup .columns-visibility-container .box-row .box-col:last-child {
  padding: 0;
  flex-grow: 999;
  border-right: none;
}
.page-followup .followup-row .followup-due-within {
  font-weight: 600;
}
.page-followup .followup-row .followup-expires-after {
  color: #32b405;
  font-weight: 600;
}
.page-followup .followup-row.followup-overdue td:first-child {
  border-left: 3px solid #fb392d;
}
.page-followup .followup-row.followup-overdue .followup-due-within {
  color: #fb392d;
}
.page-followup .followup-row.followup-upcoming .followup-due-within {
  color: #32b405;
}
.page-followup .followup-row.followup-nocheck .followup-due-within, .page-followup .followup-row.followup-nointerval .followup-due-within {
  color: #757575;
}
.page-followup .followup-row.object-inactive td {
  color: #757575;
}
.page-followup .followup-row-underlined {
  border-bottom: 2px solid #212121;
}
.page-followup .table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.page-followup .table-wrapper table th {
  z-index: 10;
}
.page-followup .table-wrapper table th, .page-followup .table-wrapper table td {
  width: 14.2857142857%;
}
.page-followup .table-wrapper table td {
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.page-followup .table-wrapper table td:last-child {
  border-right: none;
}
.page-followup .no-followups {
  padding-top: 80px;
  text-align: center;
}
.page-followup .no-followups h2 {
  margin-bottom: 30px;
}
.page-followup .followup-presets {
  margin-bottom: 5px;
}
.page-followup .followup-presets .sub-tabs-container {
  margin-bottom: 0;
}
.page-followup .followup-presets .sub-tabs-container .sub-tab {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 3px 30px 3px 20px;
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page-followup .followup-presets .sub-tabs-container .sub-tab i.fa {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.incident {
  display: flex;
  flex: 0 1 auto;
  counter-reset: step-list-item;
  min-height: calc(100% - 68px) !important;
}
.incident__workspace {
  padding-bottom: 90px !important;
}
.incident__section {
  margin-left: -20px;
  margin-right: -20px;
}
.incident__section__header {
  margin-left: 20px;
  margin-right: 20px;
}
.incident__section__map {
  overflow: hidden;
}
.incident__section__map .incident__section__fields {
  width: 60%;
  float: left;
}
.incident__section__map .map-holder {
  width: 34%;
  float: right;
  margin-right: 20px;
}
.incident__field {
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
  line-height: 18px;
}
.incident__field--required .incident__field__label::after {
  content: "*";
  color: #fb392d;
  margin-left: 3px;
}
.incident__field--split {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 43px);
}
.incident__field__label {
  margin-bottom: 4px;
  margin-top: 10px;
}
.incident__field [type=number],
.incident__field [type=text],
.incident__field select,
.incident__field textarea {
  width: 100%;
}
.incident__field .workplace-selector__workplace,
.incident__field .workplace-selector__section {
  margin-bottom: 10px;
}
.incident__step-list {
  background-color: #eeeeee;
  width: 225px;
  margin: -20px;
  padding: 30px 0;
}
.incident__step-list__item {
  position: relative;
  color: #9e9e9e;
  cursor: default;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 20px;
}
.incident__step-list__item::before {
  counter-increment: step-list-item;
  content: counter(step-list-item);
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid;
  text-align: center;
  margin-right: 8px;
}
.incident__step-list__item__separator {
  position: absolute;
  width: 1px;
  height: 20px;
  left: 32.5px;
  background: #9e9e9e;
  z-index: 1000;
}
.incident__step-list__item:last-child .incident__step-list__item__separator {
  display: none;
}
.incident__step-list__item.completed {
  color: #32b405;
  cursor: pointer;
}
.incident__step-list__item.current {
  color: #ff7200;
  cursor: pointer;
}
.incident__step-list__item.active {
  background: #f5f5f5;
  cursor: default;
}
.incident__step-list__item.disabled {
  cursor: default;
}
.incident__workspace {
  width: calc(100% - 225px);
  margin-left: 40px;
}
.incident__workspace__inner {
  box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  padding: 20px;
}
.incident__separator {
  border-top: 1px solid #e0e0e0;
  margin: 30px 0;
}
.incident__separator--full {
  height: 45px;
  font-size: 20px;
  background: #f5f5f5;
  margin: 40px -20px 25px;
  padding: 11px 20px;
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
}
.incident__step h2 {
  font-size: 18px;
}
.incident__step--2.is-read .incident__separator {
  display: none;
}
.incident__step__row {
  margin-bottom: 20px;
}
.incident__step__row label > [type=checkbox],
.incident__step__row label > [type=radio] {
  margin-right: 3px;
  margin-top: -4px;
}
.incident__step__row .ember-radio-button:not(:first-of-type) {
  margin-left: 10px;
}
.incident__step__row select,
.incident__step__row input[type=text] {
  width: 100%;
  display: block;
}
.incident__step__row h3 {
  font-size: 14px;
}
.incident__step__row h3.inline {
  display: inline;
  margin-right: 10px;
}
.incident__step__row .required::after {
  content: "*";
  color: #fb392d;
}
.incident__step__row--details > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 4%;
}
.incident__step__row--details > div:nth-child(1) {
  width: 36%;
}
.incident__step__row--details > div:nth-child(2) {
  width: 36%;
}
.incident__step__row--details > div:nth-child(3) {
  width: 15%;
}

.incident__meta__setting {
  float: right;
}
.incident__meta__setting label {
  color: #bdbdbd;
}
.incident__meta__setting [type=checkbox] {
  margin-right: 4px;
}
.incident__meta__audit {
  color: #bdbdbd;
}
.incident__meta__audit:last-child {
  margin-bottom: 10px;
}
.incident__meta__col {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}
.incident__meta__col > label {
  display: block;
  margin-bottom: 2px;
}
.incident__meta__col .category-item {
  margin-right: 15px;
}
.incident__meta__col .category-separator:not(:last-of-type)::after {
  content: ",";
}
.incident__meta__col .category-selector-multiple__label {
  font-weight: 600;
}

.incident-success {
  text-align: center;
}
.incident-success__row {
  margin: 0 auto;
  max-width: 500px;
}
.incident-success .fa-thumbs-up {
  font-size: 350%;
}

.report-incident {
  padding-bottom: 73px !important;
  min-height: 0 !important;
}
.report-incident__settings label {
  display: block;
  margin-bottom: 10px;
}
.report-incident__settings__section:not(:last-child) {
  margin-bottom: 20px;
}
.report-incident__settings__section--required label::after,
.report-incident__settings__section--required .category-selector-multiple__label:first-child::after {
  content: "*";
  color: #fb392d;
}
.report-incident__settings__section .category-selector-multiple__label {
  font-weight: 600;
}
.report-incident__settings__section .workplace-selector__workplace,
.report-incident__settings__section .workplace-selector__section {
  width: 300px;
  margin-bottom: 10px;
}
.report-incident__settings__col {
  float: left;
  width: 50%;
}
@media (max-width: 767px) {
  .report-incident__settings label {
    margin-left: 0 !important;
    display: block;
    padding: 5px 0;
  }
  .report-incident__settings label:first-child {
    margin-top: 15px;
  }
  .report-incident__settings label select {
    margin-top: 15px;
    width: 100%;
  }
  .report-incident__settings__col {
    float: none;
    width: 100%;
  }
}

@media (max-width: 460px) {
  .report-incident {
    padding-bottom: 0 !important;
  }
}
.incident-template__step-list {
  display: flex;
}
.incident-template__step-list__item {
  display: flex;
  flex: 1;
  justify-content: center;
  text-align: center;
  align-items: center;
  background-color: #e0e0e0;
  padding: 10px 5px;
  line-height: 18px;
  cursor: pointer;
  font-weight: 600;
}
.incident-template__step-list__item:hover {
  background-color: #cccccc;
  transition: all ease 0.2s;
}
.incident-template__step-list__item:first-child {
  border-top-left-radius: 6px;
}
.incident-template__step-list__item:last-child {
  border-top-right-radius: 6px;
}
.incident-template__step-list__item.active {
  background: #212121;
  color: #ffffff;
  cursor: default;
}

.incident-responsibles {
  border-bottom: 1px solid #bdbdbd;
}
.incident-responsibles .incident-responsible {
  display: block;
  border-top: 1px solid #bdbdbd;
  padding: 12px 0px 12px 10px;
}
.incident-responsibles .incident-responsible:after {
  content: "";
  display: table;
  clear: both;
}
.incident-responsibles .incident-responsible__title {
  float: left;
  font-weight: bold;
  margin: 4px 0 0 0;
}
.incident-responsibles .incident-responsible__title.has-sub {
  cursor: pointer;
}
.incident-responsibles .incident-responsible__user-select {
  float: right;
  display: block;
  margin: 0;
  width: 400px;
}
.incident-responsibles .incident-responsible--sub {
  clear: both;
  padding: 12px 0px 0px 25px;
  border-top: none;
}
.incident-responsibles .incident-responsible--sub:last-child {
  padding-bottom: 0;
}

.incident-notifications__notification {
  margin: 15px 0px;
  border-bottom: 1px solid #bdbdbd;
}
.incident-notifications__notification i {
  margin-right: 15px;
}
.incident-notifications__notification a {
  display: block;
  width: 100%;
}
.incident-notifications__notification__name {
  padding-left: 15px;
}
.incident-notifications__notification__name.is-toggled {
  margin-top: -15px;
  padding: 15px 0px 10px 15px;
  background: #fdfdfd;
}
.incident-notifications__notification__settings {
  margin-top: -20px;
  padding: 0px 20px 15px 15px;
  background: #fdfdfd;
}
.incident-notifications__notification__settings:after {
  content: "";
  display: table;
  clear: both;
}
.incident-notifications__notification__settings label {
  clear: both;
  width: 100%;
  display: block;
  margin: 5px 0px;
}
.incident-notifications__notification__settings .ember-power-select-trigger-multiple-input {
  width: 100% !important;
  display: block;
  margin-top: 5px;
}
.incident-notifications__notification__settings .ember-power-select-status-icon {
  display: none !important;
}
.incident-notifications__notification__settings .btn-link, .incident-notifications__notification__settings .btn-create, .incident-notifications__notification__settings .btn-link-danger, .incident-notifications__notification__settings .btn-link-neutral, .incident-notifications__notification__settings .btn-export, .incident-notifications__notification__settings .btn-share, .incident-notifications__notification__settings .btn-changelog, .incident-notifications__notification__settings .btn-delete, .incident-notifications__notification__settings .btn-redo {
  margin-top: -15px;
  margin-left: 0px !important;
  margin-bottom: 5px;
}

.incident-categories input {
  width: 100%;
}

.route-categories .container .boxes-split > .clearfix > button, .route-categories .container .boxes-split > .row > button, .route-categories .container .box .boxes-split > .box-tabs > button, .box .route-categories .container .boxes-split > .box-tabs > button, .route-categories .container .box .box-content .boxes-split > .box-content-actions > button, .box .box-content .route-categories .container .boxes-split > .box-content-actions > button, .route-categories .container .box.box-stats .boxes-split > .stats-row > button, .box.box-stats .route-categories .container .boxes-split > .stats-row > button, .route-categories .container form.form .boxes-split > .form-create > button, form.form .route-categories .container .boxes-split > .form-create > button, .route-categories .container .boxes-split > form.form-split > button, .route-categories .container .boxes-split > .form-actions-wrapper > button, .route-categories .container .boxes-split > .panel > button, .route-categories .container .boxes-split > .editor > button, .route-categories .container .editor .tools-area .boxes-split > .check-holder > button, .editor .tools-area .route-categories .container .boxes-split > .check-holder > button,
.route-categories .container .editor .tools-area .boxes-split > .check-holder-control-point > button,
.editor .tools-area .route-categories .container .boxes-split > .check-holder-control-point > button,
.route-categories .container .editor .tools-area .boxes-split > .check-holder-deviation > button,
.editor .tools-area .route-categories .container .boxes-split > .check-holder-deviation > button,
.route-categories .container .editor .tools-area .boxes-split > .check-holder-component > button,
.editor .tools-area .route-categories .container .boxes-split > .check-holder-component > button,
.route-categories .container .editor .tools-area .boxes-split > .templates-holder > button,
.editor .tools-area .route-categories .container .boxes-split > .templates-holder > button,
.route-categories .container .editor .tools-area .boxes-split > .components-holder > button,
.editor .tools-area .route-categories .container .boxes-split > .components-holder > button, .route-categories .container .editor .main-area .boxes-split > .field-head > button, .editor .main-area .route-categories .container .boxes-split > .field-head > button, .route-categories .container .editor .main-area .boxes-split > .field-edit-mode > button, .editor .main-area .route-categories .container .boxes-split > .field-edit-mode > button, .route-categories .container .boxes-split > .editor-toolbar > button, .route-categories .container .boxes-split > .google-map-link > button, .route-categories .container .boxes-split > .notification-subscription > button, .route-categories .container .notification-subscription .boxes-split > .user-list-add > button, .notification-subscription .route-categories .container .boxes-split > .user-list-add > button, .route-categories .container .boxes-split > .filtration-presets > button, .route-categories .container .modal.edit-modal .modal-body .boxes-split > .modal-split > button, .modal.edit-modal .modal-body .route-categories .container .boxes-split > .modal-split > button, .route-categories .container .page-followup .boxes-split > .filters-container.box-col > button, .page-followup .route-categories .container .boxes-split > .filters-container.box-col > button, .route-categories .container .page-followup .boxes-split > .followup-presets > button, .page-followup .route-categories .container .boxes-split > .followup-presets > button, .route-categories .container .boxes-split > .report-incident__settings > button {
  margin-bottom: 20px;
}

.route-refill-types .container > .row > button, .route-refill-types .container > .editor > button {
  margin-bottom: 20px;
}

.import-modal.align-center {
  text-align: center;
}
.import-modal .modal .form .field-group input {
  width: 100%;
}
.import-modal .input-file {
  width: 210px;
  margin: 0 auto;
}
.import-modal .input-file.padding {
  margin: 20px auto;
}
.import-modal .import-options {
  text-align: left;
  margin-left: 100px;
}
.import-modal hr {
  margin: 30px 0 10px 0;
}
.import-modal .import-results {
  text-align: left;
  margin-top: 10px;
}
.import-modal .import-success {
  margin: 20px 0;
  text-align: center;
}
.import-modal .import-errors-list {
  max-height: 110px;
  overflow: auto;
  margin-bottom: 10px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.import-modal .import-errors-list table {
  width: 100%;
}
.import-modal .import-errors-list table td, .import-modal .import-errors-list table th {
  border: 1px solid #e0e0e0;
  padding: 0 5px;
}
.import-modal .import-errors-list table td:first-child, .import-modal .import-errors-list table th:first-child {
  width: 40px;
}
.import-modal .import-errors-list table tr th {
  border-top: none;
}
.import-modal .import-errors-list table tr:last-child td {
  border-bottom: none;
}
.import-modal .form-actions-wrapper {
  margin-top: 20px;
}
.import-modal .ember-power-select-trigger {
  padding: 0;
}

.modal-body.page-inspection-interval {
  margin: 10px 10px 0 10px;
}
.modal-body.page-inspection-interval div.short-object-info {
  margin-bottom: 20px;
}
.modal-body.page-inspection-interval div.form-actions {
  margin: 0;
}

.modal-body.page-service-interval {
  margin: 10px 10px 0 10px;
}
.modal-body.page-service-interval div.short-object-info {
  margin-bottom: 20px;
}
.modal-body.page-service-interval div.form-actions {
  margin: 0;
}

.ember-power-select-trigger {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0;
  border-color: #e0e0e0;
  outline: none;
  padding: 4px 8px;
  height: 32px;
  width: 100%;
}
.ember-power-select-trigger + .ember-view {
  display: inline;
}
.ember-power-select-trigger input {
  margin-bottom: 0;
}
.ember-power-select-trigger [type=search] {
  clear: both;
  width: 200px !important;
  margin-left: 2px;
}
.ember-power-select-trigger .ember-power-select-status-icon {
  right: 10px;
}
.ember-power-select-trigger .ember-power-select-multiple-option {
  background: #ffffff;
  border: 1px solid #9e9e9e;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.ember-power-select-trigger .ember-power-select-trigger-multiple-input {
  border: 0;
  padding: 0;
  box-shadow: none;
}
.ember-power-select-trigger.invalid {
  border-color: #ffd800;
}

.ember-power-select-multiple-trigger {
  height: auto;
}

.invalid .ember-power-select-multiple-trigger {
  border: 1px solid #ffd800;
}

.ember-power-select-selected-item .meta,
.ember-power-select-multiple-option .meta,
.ember-power-select-option .meta {
  color: #9e9e9e;
}

.ember-power-select-options .ember-power-select-option {
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ember-power-select-options .ember-power-select-option[aria-current=true] {
  background: #eeeeee;
  color: #212121;
}

body.modal-open .ember-power-select-dropdown {
  z-index: 10000;
}

.copy-positions-block {
  max-width: 820px;
}

.subCard .copy-positions-block {
  max-width: 810px;
}
.subCard .subCard .copy-positions-block {
  max-width: 780px;
}
.subCard .subCard .subCard .copy-positions-block {
  max-width: 760px;
}

.copy-positions-block {
  margin: 10px 0;
}
.copy-positions-block .field-site, .copy-positions-block .field-object {
  width: 50%;
  float: left;
  padding: 0 5px;
}
.copy-positions-block .nested-checklist {
  min-width: 100px;
  padding: 1px 5px;
}
.copy-positions-block .nested-checklist .inputWrapper {
  height: 30px;
}
.copy-positions-block .nested-checklist .root {
  margin-top: 2px;
}
.copy-positions-block .nested-checklist [type=text] {
  height: 30px;
}
.copy-positions-block .nested-checklist .topWrapper {
  margin: 0;
}
.copy-positions-block .nested-checklist .topWrapper .icon {
  cursor: pointer;
  z-index: 1000;
}
.copy-positions-block .nested-checklist .selected-items {
  padding: 0 10px 0 0;
  margin: 0;
}
.copy-positions-block .nested-checklist li.without-checkbox > div.rowWrapper.indent0 {
  padding-left: 30px;
}
.copy-positions-block .nested-checklist li.without-checkbox > div.rowWrapper.indent1 {
  padding-left: 46px;
}
.copy-positions-block .nested-checklist li.without-checkbox > div.rowWrapper.indent2 {
  padding-left: 62px;
}
.copy-positions-block .nested-checklist li.without-checkbox > div.rowWrapper.indent3 {
  padding-left: 78px;
}
.copy-positions-block .nested-checklist li.without-checkbox > div.rowWrapper.indent4 {
  padding-left: 94px;
}
.copy-positions-block .nested-checklist li.without-checkbox > div.rowWrapper > label > .options {
  left: -14px;
}
.copy-positions-block .btn-create {
  padding-left: 20px;
}
.copy-positions-block .ember-power-select-trigger {
  overflow: hidden;
  padding: 4px 30px 4px 8px;
}
.copy-positions-block .ember-power-select-selected-item, .copy-positions-block .ember-power-select-placeholder {
  margin-left: 0;
}
.copy-positions-block .ember-power-select-status-icon {
  right: 5px;
}
.copy-positions-block .ember-power-select-selected-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.copy-positions-block .ember-power-select-clear-btn {
  right: 20px;
  top: 4px;
}