/* BM colors from "grafisk manual" */
/* Adjusted BM colors */
/* Misc colors */
html {
  height: 100%;
  overflow: hidden;
}
body {
  font-size: 11px !important;
  font-family: Verdana, Helvetica, Sans-Serif;
  color: #111111;
  background-color: #eeeeee;
  margin: 0 !important;
  padding: 0;
  height: 100%;
}
header,
footer,
nav,
section {
  display: block;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 1px #ffffff;
  text-shadow: none;
}
a {
  cursor: pointer;
}
a:active {
  border: none;
  outline: none;
}
th {
  text-align: left;
}
/* Extra ../Content/fonts */
@font-face {
  font-family: 'dotsfont';
  src: url('../Content/dotsfont/dotsfont.eot');
  src: url('../Content/dotsfont/dotsfont.eot?#iefix') format('embedded-opentype'), url('../Content/dotsfont/dotsfont.woff') format('woff'), url('../Content/dotsfont/dotsfont.ttf') format('truetype'), url('../Content/dotsfont/dotsfont.svg#dotsfontregular') format('svg');
}
/* Generic styles */
.border-box {
  box-sizing: border-box;
}
.highlight {
  border-style: solid !important;
  border-color: #ed1c1c !important;
  border-radius: 4px !important;
  border-width: 5px !important;
  /* Offset border size */
  margin-left: -5px !important;
  margin-right: -5px !important;
  margin-bottom: -5px !important;
}
/* Scrollbar modifications */
/* The emerging W3C standard
       that is currently Firefox-only */
* {
  scrollbar-width: thin;
  scrollbar-color: #f2d357;
}
/* Below works on Chrome/Edge/Safari (IE users will have default look, doubt they'll care though) */
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(125, 125, 125, 0.3);
  border-radius: 2px;
}
*::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border-radius: 2px;
}
/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
  border: 1px solid #cccccc;
  padding: 0 1.4em 1.4em 1.4em;
  padding: 5px;
  margin: 0 0 1.5em 0;
  margin-right: 10px;
  float: left;
  width: 30%;
}
legend {
  font-size: 1.2em;
  font-weight: bold;
  font-weight: normal;
}
textarea {
  min-height: 75px;
}
.login-editor-label {
  margin: 1em 0 0 0;
}
.login-editor-field {
  margin: 0.5em 0 0 0;
}
.watermark {
  color: #999999;
}
.boldlabel {
  font-weight: bold;
}
.greenButton {
  background: #5E9533;
}
.greenButton:hover {
  background: #d3f5d3;
}
.redButton {
  background: #c62928;
}
.redButton:hover {
  background: #ffc7c7;
}
.blueButton {
  background: #ddedfc;
}
.blueButton:hover {
  background: #d3f5d3;
}
.colorRowRed {
  background-color: #CD5C5C;
}
.thinLine {
  width: 100%;
  border-bottom: 1px solid black;
  margin-bottom: 2px;
  margin-top: 2px;
}
.thinLine.lightGray {
  border-color: #cccccc;
}
textarea[readonly] {
  cursor: default;
  background-color: #ebebe4;
}
.green {
  color: #5E9533;
}
.orange {
  color: #FF923B;
}
.blue {
  color: #0D6EBE;
}
.black {
  color: #1d2c38;
}
.lightGreen-background-override {
  background: #97bf77 !important;
}
.lightRed-background-override {
  background: #ffeeee !important;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #c62928;
}
.field-validation-valid {
  display: none;
}
.input-validation-error {
  border: 1px solid #c62928;
  background-color: #ffeeee;
}
.validation-summary-errors {
  padding: 11px 5px 5px 36px;
  margin: 5px 0;
  color: #665252;
  font-size: 12px;
  border: 1px solid #df8f8f;
  background: #ffeeee url('../Content/cross_circle.png');
  background-position: 10px 11px !important;
  background-repeat: no-repeat !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.validation-summary-valid {
  display: none;
}
label.error {
  margin-left: 10px;
  color: #c62928;
}
/* Main layouts
-----------------------------------------------------------*/
.wrapper {
  height: 100%;
  z-index: 11000;
}
#id_MainMenu {
  position: relative;
  z-index: 10000;
  /* Hidden by kendo windows */
}
.menuBar {
  background: #1d2c38;
}
.sideBar {
  width: 200px;
  height: 100%;
  position: absolute;
  background: url('../Content/bg_gray_noise.png');
}
.applicationContainer {
  height: 10000px;
  /* Was 900px, which meant it sometimes restricted the viewable area, now it doesn't. */
  border-left: 0;
}
.viewArea {
  margin: 10px;
}
.view-foreground-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #000;
  opacity: 0.5;
  -webkit-backface-visibility: hidden;
}
.persistantViewArea {
  padding: 0 0 0 0;
}
.rightPane {
  width: 100%;
  height: 100%;
}
.splitter1 {
  overflow: hidden;
  background: #eeeeee;
}
.spacer {
  margin: 10px;
}
.smallSpacer {
  margin: 4px;
}
.extraSpacerLeft {
  margin-left: 25px;
}
.extraSmallSpacerLeft {
  margin-left: 3px;
}
.smallSpacerLeft {
  margin-left: 5px;
}
.spacerLeft {
  margin-left: 10px;
}
.doubleSpacerLeft {
  margin-left: 20px;
}
.extraSmallSpacerRight {
  margin-right: 3px;
}
.smallSpacerRight {
  margin-right: 5px;
}
.spacerRight {
  margin-right: 10px;
}
.doubleSpacerRight {
  margin-right: 20px;
}
.smallSpacerTop {
  margin-top: 5px;
}
.spacerTop {
  margin-top: 10px;
}
.doubleSpacerTop {
  display: block;
  margin-top: 20px;
}
.tripleSpacerTop {
  display: block;
  margin-top: 30px;
}
.quadSpacerTop {
  display: block;
  margin-top: 40px;
}
.smallSpacerBottom {
  margin-bottom: 5px;
}
.spacerBottom {
  margin-bottom: 10px;
}
.spacerLeftBottom {
  margin-left: 10px;
  margin-bottom: 10px;
}
.spacerTopBottom {
  margin: 10px 0;
}
.doubleSpacerBottom {
  display: block;
  margin-bottom: 20px;
}
.tripleSpacerBottom {
  display: block;
  margin-bottom: 30px;
}
.quadSpacerBottom {
  display: block;
  margin-bottom: 40px;
}
.buttonSizeSmall {
  width: 50px;
}
.buttonSizeMedium {
  min-width: 100px;
}
.buttonSizeLarge {
  width: 150px;
}
.titleLabel {
  text-shadow: 1px 1px 1px #ffffff;
  display: inline-block;
  margin-bottom: 3px;
}
.clearer {
  clear: both;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.yellow {
  color: #f2d357;
}
.yellowDesaturated {
  color: #ad973c;
}
.red {
  color: #c62928;
}
.green {
  color: green;
}
.orange {
  color: #FF923B;
}
.lightGray {
  color: #cccccc;
}
.verticalCenter {
  vertical-align: middle;
}
.verticalTop {
  vertical-align: top;
}
.dlgVerticalCenter {
  margin-top: 17px;
}
.spacerControlButtonTop {
  margin-top: 4px;
}
.smallLoader {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.loader-dialog-wrapper {
  width: 48px;
  height: 48px;
  position: relative;
  margin: auto;
}
.column {
  float: left;
}
.largeLoader {
  width: 48px;
  height: 48px;
  vertical-align: middle;
}
.float-right,
.floatRight {
  float: right;
}
.float-left,
.floatLeft {
  float: left;
}
.flex-right {
  margin-left: auto;
}
.flex-x-auto {
  margin-right: auto;
  margin-left: auto;
}
.flex-left {
  margin-right: auto;
}
.floatWrapper {
  overflow: hidden;
}
.alignContentRight {
  text-align: right;
}
.relPos {
  position: relative;
}
.bottom-15 {
  position: absolute;
  bottom: 15px;
}
.right-15 {
  position: absolute;
  right: 15px;
}
.font-size-large {
  font-size: large;
}
.font-size-xlarge {
  font-size: x-large;
}
.font-size-1p5x {
  font-size: 1.5em;
}
.panelBarArea {
  padding: 10px;
  border: 1px solid #ebebe4;
  border-bottom: 0;
  border-top: 0;
  background: #eeeeee;
  position: relative;
}
.panelBarAreaB {
  border-bottom: 1px solid #ebebe4;
}
.panelHeader {
  padding: 7px;
  display: block;
  border: 1px solid #ebebe4;
}
.panelHeaderInactive {
  background: #eeeeee;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #eeeeee 0%, #ebebe4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ebebe4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ebebe4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #ebebe4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #ebebe4 100%);
  /* IE10+ */
  background: linear-gradient(top, #eeeeee 0%, #ebebe4 100%);
  /* W3C */
  color: #000000;
}
.panelHeaderInactive:hover {
  background: #ddedfc;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZTRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ODllYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ddedfc 0%, #989eaa 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddedfc), color-stop(100%, #989eaa));
  background: -webkit-linear-gradient(top, #ddedfc 0%, #989eaa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ddedfc 0%, #989eaa 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ddedfc 0%, #989eaa 100%);
  /* IE10+ */
  background: linear-gradient(top, #ddedfc 0%, #989eaa 100%);
  /* W3C */
}
/* We have been relying on inline-block to solve spacing between fa-icons and text inside kendo buttons. However, Telerik changed the default to inline-flex,
   claiming to solve some layout issues they've been having (https://www.telerik.com/forums/k-button-inline-flex-with-2017-3-913).
   Keeping inline-flex and inserting margins for the fa class under the k-button class does not suffice, as buttons consisting of a sole icon will become asymmetric.
   Thus, we override the new setting with the old.
   */
.k-button {
  display: inline-block;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  border-color: rgba(0, 0, 0, 0);
}
.icon-button {
  outline: none;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.icon-button:hover {
  transform: scale(1.1);
}
.k-radio {
  border-radius: 50%;
  border-color: black;
}
/* Filter menus will not allow overflow and will add scroll bar instead where necessary. */
.k-filter-menu {
  overflow-y: auto;
  overflow-x: auto;
  max-height: 300px;
}
.k-state-selected {
  color: #000000 !important;
  background-repeat: repeat;
  background-position: 0 center;
}
.k-state-selected .searchIcon {
  background: url('../Content/Silver/old_kendo_sprite.png') -48px -240px;
}
.k-state-selected .resultsIcon {
  background: url('../Content/Silver/old_kendo_sprite.png') -93px -177px;
}
.k-button.toggleButtonRight.k-state-selected,
.k-button.toggleButtonCenter.k-state-selected,
.k-button.toggleButtonLeft.k-state-selected {
  background-color: #f2d357;
  border-color: #f2d357;
}
.drop-zone-area {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
.drop-zone-drag-text {
  color: darkgray;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0px;
}
.drop-zone-drag-header {
  margin: 0px;
}
.historySearchSettings {
  float: left;
  margin-right: 10px;
  position: relative;
}
.val-fd {
  position: absolute;
  top: -25px;
}
.val-ft {
  position: absolute;
  top: -25px;
  left: 204px;
}
.val-td {
  position: absolute;
}
.val-tt {
  position: absolute;
  left: 204px;
}
.actionPointSearchSettings {
  float: left;
  position: relative;
}
.placeholder-characters {
  font-family: 'dotsfont';
}
.grid-button,
.k-button.grid-button {
  width: 40px;
  pointer-events: all !important;
}
.grid-button span.fa-stack,
.k-button.grid-button span.fa-stack {
  height: initial;
  margin-bottom: 11px;
  line-height: 11px;
  padding-top: 0;
}
.grid-button.green,
.k-button.grid-button.green {
  background: #97bf77;
}
.grid-button.green:hover,
.k-button.grid-button.green:hover {
  background: #5E9533;
}
.k-grid .k-grid-toolbar button.grid-button {
  min-width: 0px;
}
.settingSmall {
  margin: 0 0 5px 30px;
}
.setting {
  margin: 0 0 5px 50px;
}
.settingMedium {
  margin: 0 0 5px 90px;
}
.settingWideWideFromSetting {
  margin: 0 0 5px 115px;
  min-height: 23px;
  position: relative;
}
.k-widget.k-tooltip-validation .k-i-warning {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.settingEditScenarioWide {
  margin: 0 0 5px 135px;
}
.settingEditScenarioWide .k-widget.k-tooltip-validation {
  position: absolute;
  top: 1px;
  right: 2px;
}
.settingWide {
  margin: 0 0 5px 125px;
}
.settingWide .k-widget.k-tooltip-validation {
  position: absolute;
  top: 1px;
  right: 2px;
}
.settingWideWide {
  margin: 0 0 5px 165px;
  min-height: 23px;
  position: relative;
}
.settingWideWide .k-widget.k-tooltip-validation {
  position: absolute;
  top: 1px;
  right: 2px;
}
.settingWideWideWide {
  margin: 0 0 5px 190px;
  min-height: 23px;
  position: relative;
}
.settingWideWideWide .k-widget.k-tooltip-validation {
  position: absolute;
  top: 1px;
  right: 2px;
}
.settingWideWideWideWide {
  margin: 0 0 5px 230px;
  min-height: 23px;
  position: relative;
}
.settingAdditionArticles {
  margin: 0 0 5px 355px;
  min-height: 23px;
  position: relative;
}
.settingWideAdditionArticles {
  margin: 0 0 5px calc(100% - 270px);
  min-height: 23px;
  position: relative;
}
.settingWideVehiclePrices {
  margin: 0 0 5px 180px;
  min-height: 23px;
  position: relative;
}
.settingWideProductionReportInfo {
  margin: 0 0 5px 140px;
  min-height: 13px;
  position: relative;
}
.settingWideVehicleAdvancedSettings {
  margin: 0 0 5px 150px;
}
.settingWideWideVehicleAdvancedSettings {
  margin: 0 0 5px 180px;
}
.settingWideReportsVehicleStatus {
  margin: 0 0 5px 60px;
}
.settingWideStatusGroups {
  margin: 0 0 5px 230px;
  min-height: 23px;
  position: relative;
}
.label {
  float: left;
  margin-top: 4px;
}
button.label {
  margin-top: 0px;
}
.labelVertical {
  display: block;
  margin-bottom: 5px;
}
.content-background {
  background-color: #ffffff;
}
.boxArea {
  padding: 10px;
  margin-bottom: 10px;
  background: #eeeeee;
}
.boxArea-flex {
  padding: 10px;
  margin-bottom: 10px;
  background: #eeeeee;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.boxArea-flex > .breadcrumb {
  width: auto;
  flex-grow: 1;
}
.boxArea-flex > * {
  margin: 5px;
}
.boxArea-flex .k-multiselect {
  min-width: 150px;
}
.boxArea-flex .radio-toolbar {
  margin: 5px !important;
}
.shadowBox {
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 4px;
}
.headerBox {
  background: #eeeeee;
  padding: 10px;
  border-bottom: 1px solid #666666;
  z-index: 99;
}
.alertBox {
  padding: 10px;
  background: #FF923B;
  margin: 10px 5px;
  color: white;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 4px;
  color: black;
  font-size: larger;
}
.bg-white {
  background-color: #fafafa;
}
#search-road-links-area .alertBox {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 0;
  background-color: #f2d357;
}
#search-road-links-area .not-available {
  margin-top: 0;
  margin-bottom: 5px;
}
.menuSpacer {
  width: 10px;
  display: block;
  height: 48px;
  float: left;
}
.labelRow {
  list-style-type: none;
  display: block;
  padding: 0;
  margin: 0;
}
.labelRow li {
  float: left;
  margin-left: 10px;
}
.labelRow li.nomargin {
  margin: 0;
}
.labelRow.marginBottom li {
  margin-bottom: 4px;
}
.hidden {
  display: none !important;
}
.disabledText {
  color: #ebebe4;
}
.red-text {
  color: #c62928;
}
.pageLoadImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  width: 300px;
  height: 300px;
  background-image: url('../Content/loaderlight.gif');
}
#id_fullPageLoader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #fafafa;
  z-index: 100000;
  /* Make sure it is on top of everything loading in the view. */
}
.dotsLoaderImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
.loaderImage {
  position: absolute;
  margin: auto;
  top: 50%;
  background: url('../Content/Silver/loading-image.gif');
  width: 48px;
  height: 48px;
  left: 50%;
}
.versionNumber {
  font-style: italic;
  font-size: 10px;
  display: block;
  float: right;
  margin-top: 10px;
}
.loginTypeLink {
  font-size: 0.75em;
  margin: 10px 0;
  display: block;
  color: white;
}
.normalText {
  color: inherit;
  text-decoration: none;
}
li.bottomBorder {
  border-bottom: 1px solid black !important;
}
li.bottomBorderWhite {
  border-bottom: 1px solid white !important;
}
li.bottomTop {
  border-top: 1px solid black !important;
}
.breadcrumb {
  margin: 0;
  margin-bottom: 13px;
  padding: 0;
  list-style: none;
  background: #eeeeee;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #eeeeee #ebebe4;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  width: 100%;
}
.breadcrumb .current,
.breadcrumb .current:hover {
  font-weight: bold;
  background: none;
}
.breadcrumb .current::after,
.breadcrumb .current::before {
  content: normal;
}
.breadcrumb li {
  float: left;
}
.breadcrumb a {
  padding: 0.7em 1em 0.7em 2em;
  float: left;
  text-decoration: none;
  color: #364551;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);
}
.breadcrumb li:first-child a {
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
}
.breadcrumb a:hover {
  background: #ffffff;
}
.breadcrumb a::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -0.8em;
  z-index: 2;
  border-left-color: #ddd;
}
.breadcrumb a::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -0.8em;
  right: -0.9em;
  border-left-color: #ebebe4;
  z-index: 1;
}
.breadcrumb a:hover::after {
  border-left-color: #ffffff;
}
.breadcrumbNavLinks {
  background-image: linear-gradient(#f7f8fa, #d6d6d6);
  border-color: #adb1b8 #a2a6ac #8d9096;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  padding: 2px 11px;
  margin: 0 1px;
}
.breadcrumbNavLinks:hover {
  background-image: linear-gradient(#d6d6d6, #f7f8fa);
}
.breadcrumbNavLinks:disabled {
  background-image: linear-gradient(#f7f8fa, #d6d6d6);
}
#work-orders-grid tbody a,
#production-reports-grid tbody a,
.linkedGrid tbody a {
  text-decoration: underline;
}
#work-orders-grid tbody .k-state-selected a,
#production-reports-grid tbody .k-state-selected a {
  text-decoration: underline;
}
.scenarioCard {
  background-color: #ffffff;
}
.stylizedFieldset {
  padding: 13px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  border-color: #cccccc;
  background-color: #ffffff;
}
.stylizedFieldset legend {
  padding: 5px;
  border-radius: 3px;
  margin-left: 0px;
  margin-top: 10px;
  width: auto;
}
.stylizedFatFieldset {
  padding: 13px;
  border-radius: 5px;
  border-style: solid;
  border-width: 4px;
  overflow: hidden;
  border-color: #cccccc;
  background-color: #ffffff;
}
.stylizedFieldset legend {
  padding: 5px;
  border-radius: 3px;
  margin-left: 0px;
  margin-top: 10px;
  width: auto;
}
.toast-bottom-right-up {
  right: 12px;
  bottom: 60px;
}
/* Kendo rich editor */
.k-tool-group .k-colorpicker {
  margin-bottom: 0px !important;
  border-width: 1px;
  border-style: solid;
  border-color: black;
}
.header-button {
  width: 40px;
}
.k-grid .k-grid-toolbar button.header-button {
  min-width: 0px;
}
.wrapped-children-spacing {
  margin-top: -5px;
}
.wrapped-children-spacing > * {
  margin-top: 5px;
}
.infoText {
  margin: 0 0 0 15px;
  font-size: 14px;
  color: #aaaaaa;
}
.orangeText {
  color: orange;
}
.mn-2auto {
  margin: auto auto;
}
.mh-100 {
  max-height: 100%;
}
.mh-75 {
  max-height: 75%;
}
.mh-70 {
  max-height: 70%;
}
.mh-50 {
  max-height: 50%;
}
.mh-30 {
  max-height: 30%;
}
.mh-25 {
  max-height: 25%;
}
.mh-200px {
  max-height: 200px;
}
.h-100 {
  height: 100%;
}
.h-95 {
  height: 95%;
}
.h-90 {
  height: 90%;
}
.h-98 {
  height: 98%;
}
.w-600px {
  width: 600px;
}
.w-450px {
  width: 450px;
}
.w-375px {
  width: 375px;
}
.w-350px {
  width: 350px;
}
.w-325px {
  width: 325px;
}
.w-300px {
  width: 300px;
}
.h-30px {
  height: 30px;
}
.h-600px {
  height: 600px;
}
.h-300px {
  height: 300px;
}
.w-250px {
  width: 250px;
}
.w-225px {
  width: 225px;
}
.w-200px {
  width: 200px;
}
.w-100px {
  width: 100px;
}
.w-50px {
  width: 50px;
}
.w-100 {
  width: 100%;
}
.w-49 {
  width: 49%;
}
.h-fit-content {
  height: fit-content;
}
.col-md-12 {
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-11 {
  width: 91.66666667%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-10 {
  width: 83.33333333%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-9 {
  width: 75%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-8 {
  width: 66.66666667%;
  min-width: 220px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-7 {
  width: 58.33333333%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-6 {
  width: 50%;
  min-width: 220px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-5 {
  width: 41.66666667%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-4 {
  width: 33.33333333%;
  min-width: 220px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-9-min {
  width: 70%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-3-long {
  width: 30%;
  min-width: 220px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-3 {
  width: 25%;
  min-width: 220px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-2_5 {
  width: 20.8333333%;
  min-width: 220px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-2 {
  width: 16.666667%;
  min-width: 220px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-1_5 {
  width: 4.33333333%;
  min-width: 180px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.col-md-1 {
  width: 8.33333333%;
  min-width: 50px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row2 {
  margin-right: -15px;
  margin-left: -15px;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container-fluid:before,
.row:before {
  display: table;
  content: " ";
}
.container:after,
.container-fluid:after,
.row:after {
  display: table;
  content: " ";
  clear: both;
}
clearfix:after {
  clear: both;
}
.overflow-auto {
  overflow: auto;
}
.no-min-width {
  min-width: 0 !important;
}
.flex-2center,
.image-gallery-item .delete-gallery-item-btn,
.session-deviation-gallery-item .show-deviation-in-map-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.overflow-ellipsis,
#fbd-main-area .fbd-route-tree-node-route-name,
#fbd-main-area .fbd-route-tree-category,
#fbd-main-area .fbd-route-tree-driver,
#fbd-main-area .fbd-maintenance-package-tree-node-vehicle,
.fbd-maintenance-package-tree-category,
.fbd-vehicle-group {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.roundedWhiteContainer {
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  border-color: #cccccc;
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.infoContainer {
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  border-color: #cccccc;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 10px;
  cursor: pointer;
}
.infoContainer .icon {
  float: left;
  margin-right: 10px;
  color: #0D6EBE;
}
.dialogWrapper {
  min-height: 25px;
  margin: 7px 7px 50px 7px;
}
.dialogButtonsWrapper {
  position: absolute;
  bottom: 7px;
  right: 7px;
}
.dialogButtonsWrapper button {
  min-width: 70px;
  height: 35px;
}
#save-filter-buttons {
  display: flex;
  justify-content: flex-end;
  margin-right: 8px;
  height: 35px;
  min-width: 70px;
}
.k-grid .k-header .search-button,
.search-button {
  height: 35px;
  min-width: 100px;
  background-color: #0D6EBE;
  color: white;
}
.mainButton,
.k-edit-form-container .k-primary {
  background-color: #0D6EBE;
  color: white;
}
.k-edit-form-container .k-button {
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
}
.k-edit-buttons .k-button {
  min-width: 70px;
  height: 35px;
  line-height: 25px;
}
.k-edit-buttons .k-button span {
  color: #ffffff !important;
}
.mainButton:hover {
  background-color: #1a84db;
  color: white;
}
.smallGridButton {
  width: 30px;
  min-width: 30px !important;
}
.mediumGridButton {
  width: 50px;
  min-width: 50px !important;
}
.noHeaderGrid > .k-grid-header,
.noHeaderGrid > table > .k-grid-header {
  display: none;
}
.noGroupCollapseButtonGrid .k-grouping-row .k-i-collapse {
  display: none;
}
.groupButton {
  text-align: center;
}
.groupButton .k-button.k-state-active {
  background-color: #0D6EBE;
  color: white;
}
.groupButton .k-button.k-state-active:hover {
  background-color: #1a84db;
  color: white;
}
.k-window-titlebar.k-header {
  border: none !important;
  background-color: #364551;
  color: #ffffff;
}
.k-dropdown {
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px !important;
}
.k-window {
  border-radius: 2px;
}
.k-grid {
  border-radius: 2px;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
}
.k-grid .k-hierarchy-col {
  width: 16px;
}
.k-grid .k-detail-row .k-detail-cell {
  padding: 0;
}
.k-grid .k-grid-toolbar .k-grid-add,
.k-grid tbody .k-grid-edit,
.k-grid tbody .k-grid-update,
.k-grid tbody .k-grid-cancel,
.k-grid tbody .k-grid-delete {
  min-width: 0;
}
.k-grid .k-grid-toolbar .k-grid-add .k-icon,
.k-grid tbody .k-grid-edit .k-icon,
.k-grid tbody .k-grid-update .k-icon,
.k-grid tbody .k-grid-cancel .k-icon,
.k-grid tbody .k-grid-delete .k-icon {
  margin: 0;
}
.k-grid .k-command-cell {
  padding: 0.4em 0.4em;
}
.k-grid tbody .kendoGridCustomIconButton {
  min-width: 30px;
  width: 34px;
  height: 27px;
}
.k-grid tbody .kendoGridCustomIconButtonSmall {
  min-width: 30px;
  height: 21px;
}
.k-grid tbody .kendoGridCustomIconButtonSmall .k-icon {
  font-size: 13px;
}
.k-grid td[role="gridcell"]:not([data-field]).select-box {
  text-align: center;
}
.k-grid th.k-header:not([data-field]).select-box {
  text-align: center;
}
.k-grid td.right-align-cell {
  text-align: right;
}
.k-grid.seperated-expand-column-grid .k-hierarchy-col,
.k-grid.seperated-expand-column-grid .k-hierarchy-cell {
  width: 25px;
  border-right-width: 1px;
}
.k-grid.no-hover-highlight-on-detail-row tbody .k-detail-row:hover {
  background-color: transparent;
}
.k-grid.no-hover-highlight-on-detail-row tbody .k-detail-row.k-alt:hover {
  background-color: #ededed;
}
.kendoGridCustomIconButtonSmall {
  min-width: 30px;
  height: 21px;
}
.kendoGridCustomIconButtonSmall .k-icon {
  font-size: 13px;
}
.hide-group-cells-grid .k-group-col {
  display: none;
}
.hide-group-cells-grid .k-group-cell {
  display: none;
}
.hide-group-cells-grid .k-grouping-row .k-i-collapse {
  display: none;
}
.hide-group-cells-grid .k-grouping-row > td {
  border-top: 1px solid #d2d2d2;
}
.bold-centered {
  text-align: center;
  font-weight: 800;
}
.k-week-number .k-alt {
  font-weight: 800;
  font-style: italic;
}
.k-week-number table td:first-child {
  border-right: 1px solid #000;
}
/* Login
-----------------------------------------------------------*/
.loginBodyWinter {
  background: url(Backgrounds/winter.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.loginBodySummer {
  background: url(Backgrounds/summer.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.loginBodySpring {
  background: url(Backgrounds/spring.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.loginBodyFall {
  background: url(Backgrounds/fall.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#login-video,
#debug-image {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -100;
}
#login-bmlogo-link {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 200px;
}
#id_attributionText {
  position: fixed;
  bottom: 5px;
  right: 5px;
}
#id_attributionText a {
  color: #eeeeee;
  font-size: 12px;
}
.loginWrapper {
  margin: auto;
  top: 15%;
  position: relative;
}
.loginHeaderImage {
  position: relative;
  width: 600px;
  margin: auto;
  margin-bottom: 10px;
}
.loginBox {
  padding: 30px;
  margin: auto;
  width: 281px;
  background: #1d2c38;
  border-radius: 10px 10px 10px 10px;
  border-style: solid;
  border-width: 1px;
  color: white;
  overflow: hidden;
  border-color: #1d2c38;
  font-size: 15px;
}
.loginCustomerAcceptanceWrapper {
  margin: auto;
  top: 5%;
  position: relative;
}
.txtUserName,
.txtPassWord {
  border: 1px solid #aaaaaa;
  font-size: 14px;
  padding: 5px;
  border-radius: 2px;
  width: 264px;
}
/* Menu
-----------------------------------------------------------*/
.innerMenu h2 {
  float: left;
  font-size: 16px;
  padding: 9px;
}
.innerMenu .qtip-default {
  border: 0;
}
.innerMenu .qtip-content {
  padding: 0;
}
.navigationMenu {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 12px;
  position: relative;
  z-index: 99;
}
.navigationMenu li {
  float: left;
  margin: 0;
  position: relative;
}
.navigationMenu li .active,
.navigationMenu li .active:hover {
  background: #111111;
}
.navigationMenu li a {
  font-size: 10px !important;
  width: 100px;
  line-height: 14px;
  display: block;
  padding: 38px 3px 3px 2px;
  color: #ffffff;
  text-decoration: none;
  float: left;
}
.navigationMenu li a:hover {
  background: #111111;
}
.navigationMenu li span.menuItemText {
  white-space: pre;
}
.navigationMenu li:last-child {
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.navigationMenu a#id_moreMenuDropDownButton {
  width: 30px;
  padding-top: 25px;
  padding-bottom: 16px;
}
.groupMenu {
  height: 30px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#78bbf5+0,5b8fbb+100 */
  background: #1a84db;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1a84db 0%, #0D6EBE 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1a84db 0%, #0D6EBE 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1a84db 0%, #0D6EBE 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@bmBlueHover', endColorstr='@bmBlue', GradientType=0);
  /* IE6-9 */
}
.groupMenu ul {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 12px;
  position: relative;
  z-index: 99;
}
.groupMenu li {
  float: left;
  margin: 0;
  position: relative;
}
.groupMenu a {
  color: #ffffff;
  padding: 7px 20px;
  display: block;
  line-height: 16px;
}
.groupMenu a:hover {
  color: #ffffff;
  background-color: rgba(254, 252, 234, 0.2);
}
.groupMenu:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 30px 30px 0px 0px;
  border-style: solid;
  border-color: transparent #eeeeee;
}
.groupMenuActiveTabIndicator {
  border-bottom: 4px solid #ffffff;
  height: 8px;
  position: absolute;
  bottom: 2px;
  width: 100%;
}
.viewMenu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #444444;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: none;
}
#id_viewMenu a {
  color: #eeeeee;
  line-height: 16px;
  height: 16px;
  display: block;
  text-align: center;
  font-size: 12px;
}
#id_viewMenu .subtitle {
  padding: 16px 6px 16px 54px;
}
#id_viewMenu .ddIcon {
  height: 13px;
  float: right;
}
.menuActiveTabIcon {
  border-bottom: 4px solid #f2d357;
  height: 8px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 9999;
  left: 0;
}
#id_moreMenuDropdown {
  width: inherit;
  background-color: #1d2c38;
  list-style-type: none;
  padding: 0;
  display: none;
  z-index: 999;
  clear: both;
}
#id_moreMenuDropdown li {
  float: none;
  width: 145px;
}
#id_moreMenuDropdown a {
  float: none;
  width: 98px;
  padding-top: 42px;
}
#id_moreMenuDropdown a .menuIcon {
  top: 14px;
}
#id_activeDropdownItem {
  width: 103px;
}
#id_activeDropdownItemHTML li {
  display: block !important;
}
.menuIcon {
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  top: 8px;
  left: 35px;
  color: white;
  font-size: 22px;
}
.favourite-menu-item {
  font-size: 8px;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #f9f992;
}
.maintenanceObjectsIcon {
  background: url('../Content/menu_orders.png');
}
.moreIcon {
  background: url('../Content/menu_more.png');
}
.viewSelector {
  display: block;
  height: 57px;
  float: left;
  position: relative;
}
.selIcon {
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  top: 0;
  left: 16px;
}
.bmLogo {
  display: block;
  width: 45px;
  height: 48px;
  margin-right: 12px;
  margin-top: 3px;
  background: url('../Content/primo-logo-small.png') 0px 5px no-repeat;
  background-size: 40px 40px;
  float: right;
}
#id_userMenu {
  position: relative;
  float: right;
  margin-right: 20px;
}
#id_userMenu a {
  display: block;
  padding: 14px 14px;
  color: #ffffff;
  text-decoration: none;
}
#id_currentUserProfile {
  font-size: 9px;
  color: #ebebe4;
}
#id_profileQuickMenu {
  position: relative;
  float: right;
}
#id_profileQuickDropDownArea {
  float: left;
  margin-top: 20px;
  margin-left: 5px;
  margin-right: 5px;
}
#id_vehicleGroupMenu {
  position: relative;
  float: right;
}
#id_vehicleGroupMenu .subtitle {
  display: block;
  padding: 20px 14px;
  color: #ffffff;
  text-decoration: none;
}
#id_vehicleGroupMenu ::-webkit-scrollbar {
  width: 12px;
}
#id_vehicleGroupMenu ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#id_vehicleGroupMenu ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(238, 238, 238, 0.4);
}
#id_vehicleGroupMenu .ddIcon {
  vertical-align: middle;
}
#id_CustomerWebRouteSystemsMenu {
  position: relative;
  float: right;
}
#id_routeGenerationRequestStatus {
  position: relative;
  float: right;
}
#id_favouriteViewMenu {
  position: relative;
  float: right;
}
#id_favouriteViewMenu .favouriteViewMenuIcon i {
  margin-top: 9px;
}
#id_systemMessagesMenu {
  position: relative;
  float: right;
  cursor: pointer;
}
#id_systemMessagesMenu .systemMessageMenuIcon i {
  margin-top: 9px;
}
#id_numberUnreadSystemMessages {
  font-size: 8pt;
  position: absolute;
  left: 28px;
  bottom: 6px;
  color: #ffffff !important;
}
#id_systemMessagesInboxMessageArea {
  float: right;
  width: 50%;
  height: 350px;
  padding: 7px;
  padding-bottom: 0px;
  border-left: 1px solid #eeeeee;
}
#id_systemMessagesInboxMessageList {
  float: left;
  width: 45%;
  height: 350px;
  padding: 3px;
}
.systemMessageInboxMessageHeader {
  display: block;
  width: 100%;
  height: 45px;
  cursor: pointer;
  padding: 3px;
}
.systemMessageInboxMessageHeader > div {
  width: calc(100% - 25px);
  padding-left: 5px;
  height: 100%;
  border-left: 2px solid gray;
}
.systemMessageInboxMessageHeader.highPriority > div {
  border-left: 2px solid red;
  padding-left: 5px;
}
.systemMessageInboxMessageHeader:hover,
.systemMessageInboxMessageHeader.selected {
  background-color: #666666;
}
.systemMessageInboxMessageHeader.unread {
  color: #79c0ff !important;
}
.comingEventIcon {
  display: inline-block !important;
  font-size: 12pt !important;
  color: #1a84db;
}
.comingEventHasPassedIcon {
  display: inline-block !important;
  font-size: 12pt !important;
  color: darkgray;
}
.systemMessagePopup {
  position: absolute;
  width: 250px;
  height: 220px;
  background-color: #505050;
  padding: 5px;
  color: #eeeeee;
  top: 70px;
  right: 40px;
  border-radius: 5px;
  z-index: 10000;
}
.wide-qtip {
  max-width: none !important;
}
.routeGenerationRequestStatusIcon {
  display: block;
  background: url('../Content/yellow_light.png');
  width: 14px;
  height: 14px;
  margin: 19px 10px;
}
.routeGenerationRequestStatusIcon.complete {
  background: url('../Content/green_light.png');
}
.routeGenerationRequestStatusIcon.error {
  background: url('../Content/red_light.png');
}
.favouriteViewMenuIcon {
  color: yellow;
  font-size: 14pt;
}
.systemMessageMenuIcon {
  color: #f1f1f1;
  font-size: 14pt;
}
.systemMessageMenuIcon.unreadMessages i {
  color: yellow !important;
}
.systemMessageMenuIcon.highPriority i {
  color: red !important;
}
#id_userMenu .ui-tooltip-nav .ui-tooltip-content,
#id_viewMenu .ui-tooltip-nav .ui-tooltip-content {
  padding: 0;
  border-width: 0;
  border-color: transparent;
  background-color: transparent;
}
.ui-tooltip,
.qtip {
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-box-shadow: 2px 2px 5px #888888;
  -webkit-box-shadow: 2px 2px 5px #888888;
  box-shadow: 2px 2px 5px #888888;
}
.qtip-close .ui-icon.ui-icon-close {
  margin-top: 1px;
}
.dropDownMenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  position: relative;
  z-index: 99;
  display: inline-block;
  float: left;
}
.dropDownMenu .subtitle {
  display: block;
  padding: 9px;
  padding-bottom: 19px;
  text-decoration: none;
}
.dropDownMenu .subtitle.active {
  background: #444444;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODY4NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #444444 0%, #686868 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #686868));
  background: -webkit-linear-gradient(top, #444444 0%, #686868 100%);
  background: -o-linear-gradient(top, #444444 0%, #686868 100%);
  background: -ms-linear-gradient(top, #444444 0%, #686868 100%);
  background: linear-gradient(top, #444444 0%, #686868 100%);
}
.submenu,
.userSubMenu {
  display: none;
  color: #ffffff;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #1d2c38;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.vehiclegroupSubMenu {
  display: none;
  color: #ffffff;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #1d2c38;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 500px;
}
.vehiclegroupSubMenu li {
  width: 250px;
}
.vehiclegroupSubMenu a {
  display: block;
  padding: 5px 14px;
  color: #ffffff;
  text-decoration: none;
}
.submenu li {
  width: 80px;
}
.userSubMenu li {
  width: 250px;
}
.submenu a:hover,
.vehiclegroupSubMenu a:hover {
  background: #666666;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.dropDownMenu:hover {
  background: #666666;
}
.currentVehicleGroup {
  vertical-align: middle;
}
.currentUserInfo {
  vertical-align: middle;
  display: inline-block;
}
.userInfoContainer {
  padding: 14px 14px 0px 14px;
}
.versionInfoContainer {
  padding: 14px 14px 0px 14px;
}
.settingsIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../Content/settings-icon.png');
}
.userIconWhite {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url('../Content/user_24_white.png');
}
.ddIcon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url('../Content/arrow-down.png');
}
.verticalMenuSplit {
  display: inline-block;
  border-right: 1px solid #555555;
  height: 55px;
  float: left;
}
/* Map
-----------------------------------------------------------*/
#id_Map {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#id_mapContainer,
#id_SplitterPaneMap {
  overflow: visible;
}
#id_MapCanvas.pic-in-pic {
  width: 30%;
  height: 30%;
  left: 3em;
  bottom: 3em;
  z-index: 2;
}
.map-canvas {
  width: 100%;
  height: 100%;
}
#id_MapCanvas,
#id_GoogleMapCanvas {
  position: absolute;
}
#id_startViewMapCanvas {
  width: 100%;
  height: 100%;
}
.mapObjectsButton {
  color: #ffffff;
  background-color: #313131;
  position: absolute;
  top: 0px;
  right: 0;
  width: 105px;
  height: 18px;
  z-index: 999;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  cursor: pointer;
  padding-top: 2px;
}
.mapObjectsButton:hover {
  background-color: #626262;
}
#id_OpenMapInNewWindowButton {
  padding: 1px 3px 5px 3px;
  height: 21px;
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #ffffff;
}
#id_OpenMapInNewWindowButton:hover {
  color: #ffffff;
}
#id_GoogleMapsButton {
  z-index: 999;
  border: 1px solid #999999;
}
#id_VSRDataWindowButtonImage {
  background: url('../Content/btn_vsrdata.png');
  width: 30px;
  height: 30px;
}
#id_RoadLinkdataButtonImage {
  background: url('../Content/road_question.png');
  background-size: 30px 30px;
  cursor: help;
  width: 30px;
  height: 30px;
}
#id_MeasureInMapButtonImage {
  background: url('../Content/measurement_tool.png');
  background-size: 30px 30px;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
#id_OpenMapInNewWindowButtonImage {
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 23pt;
}
#id_GoogleMapsButtonImage {
  background: url('../Content/gmapsicon.png');
  width: 30px;
  height: 30px;
}
#id_StreetViewButtonImage {
  background: url('../Content/googlestreetviewicon.png');
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
}
#id_GoogleMapsButtonButton:hover #id_GoogleMapsButtonButtonImage,
#id_GoogleMapsButtonButton.k-state-active #id_GoogleMapsButtonButtonImage {
  opacity: 1;
}
.googleMapsButton {
  -webkit-border-top-left-radius: 11px;
  -webkit-border-bottom-left-radius: 11px;
  -moz-border-radius-topleft: 11px;
  -moz-border-radius-bottomleft: 11px;
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
  border: 1px solid #666666;
  border-right-width: 0px;
  cursor: pointer;
  background: #eeeeee;
}
#id_PrintMapButtonImage {
  background: url('../Content/printer.png');
  width: 30px;
  height: 30px;
}
#id_ExportMapToPdfButtonImage,
#id_SearchForRoadNumberButtonImage,
#id_EditRoadLinkDataImage {
  width: 30px;
  height: 30px;
  font-size: 20pt;
}
#id_PrintMapButton,
#id_ExportMapToPdfButton,
#id_SearchForRoadNumberButton {
  z-index: 999;
  border: 1px solid #999999;
}
.mapObjText {
  display: inline-block;
  width: 80px;
  text-align: right;
  vertical-align: middle;
  padding-right: 4px;
}
.gmapObjText {
  line-height: 18px;
  display: inline-block;
  position: relative;
  width: 80px;
  text-align: right;
  vertical-align: middle;
  padding-right: 4px;
}
#OpenLayers_Control_MaximizeDiv {
  width: 102px;
  top: 0px;
}
#OpenLayers_Control_MaximizeDiv .layerText {
  background: #2c5f8c;
  font-size: 11px;
  font-family: Verdana;
  font-weight: normal;
  width: 80px;
  line-height: 18px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  text-align: right;
  padding-right: 4px;
}
.olControlLayerSwitcher {
  top: 7px !important;
  font-family: Verdana, Helvetica, Sans-Serif !important;
  font-weight: normal !important;
  font-size: 11px !important;
}
.olControlLayerSwitcher .layersDiv {
  background-color: #2c5f8c !important;
  border: 1px solid #333333 !important;
  opacity: 0.85 !important;
  padding-top: 1px !important;
  padding-left: 5px !important;
}
#OpenLayers_Control_MaximizeDiv_innerImage {
  vertical-align: middle;
}
#OpenLayers_Control_MinimizeDiv {
  right: 8px;
  top: 5px;
}
#id_MapLegendBox {
  position: absolute;
  bottom: 10px;
  right: 10px;
  min-width: 200px;
  min-height: 50px;
  z-index: 998;
}
#id_MapTextOverlayContainer {
  position: absolute;
  left: 40px;
  top: 8px;
  min-width: 300px;
  max-width: calc(100% - 150px);
}
.mapLegendColorCircle {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  padding-right: 1px;
  border: 2px solid #666666;
  text-align: center;
  font: 10px Arial, sans-serif;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.mapOverlay {
  z-index: 900;
  box-shadow: 0px 0px 5px #888888;
  /* Horizontal offset, Vertical offset, Blur radius, Shadow color */
  position: relative;
  pointer-events: none;
  -moz-border-top-right-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.mapOverlayHeader {
  min-width: 278px;
  color: #ffffff;
  background-color: #364551;
  font-size: 16px;
  padding: 10px;
  -moz-border-top-right-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 500;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.mapOverlayContent {
  border-top: 1px solid #333333;
  padding: 10px;
  background-color: #ffffff;
  -moz-border-bottom-right-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.selectable {
  pointer-events: auto;
}
.closeIcon {
  background: url('../Content/close_icon.png');
  width: 16px;
  height: 16px;
}
.closeIcon:hover {
  background-position: 16px 0px;
}
.closeMapOverLayIcon {
  position: absolute;
  right: 10px;
  top: 8px;
  pointer-events: auto;
}
#id_MapTextOverlaySettingsButton {
  position: absolute;
  right: 10px;
  bottom: 10px;
  pointer-events: auto;
}
#id_MapTextOverlaySettingsButton:hover {
  cursor: pointer;
}
.mapTextOverlayRoundedBottom {
  -moz-border-bottom-right-radius: 6px;
  -moz-border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.mapTextOverlayRoundedBottom2 {
  -moz-border-bottom-right-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.mapOverLayDataContainer table td {
  padding: 5px;
  color: black;
  vertical-align: top;
}
.mapTextOverlayInfoItem {
  font-weight: bold;
  display: block;
}
#id_MapVSRDataOverlay {
  margin-top: 10px;
}
#id_RoadLinkDataOverlay {
  margin-top: 10px;
}
#id_MapVSRDataOverlayInfoContainer {
  color: black;
}
#id_MapTooltipOverlay,
.map-tooltip-overlay {
  color: #000000;
  border: 1px solid #666666;
  padding: 5px;
  background-color: #f9f9f9;
  position: absolute;
  z-index: 910;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#id_btnRoutesSelectSingleRoadLink {
  width: 60px;
  height: 30px;
}
.addSingleRoadLinkImage {
  background: url('../Content/addSingleLink_sprite.png');
  width: 44px;
  height: 24px;
}
#id_btnRoutesAddSingleRoadLink:hover .addSingleRoadLinkImage,
#id_btnRoutesAddSingleRoadLink.k-state-active .addSingleRoadLinkImage {
  background-position: -44px -24px;
  opacity: 1;
}
#id_btnRoutesAddShortestPathImage {
  background: url('../Content/addShortestPath_sprite.png');
  width: 44px;
  height: 24px;
}
#id_btnRoutesAddShortestPath:hover #id_btnRoutesAddShortestPathImage,
#id_btnRoutesAddShortestPath.k-state-active #id_btnRoutesAddShortestPathImage {
  background-position: -44px -24px;
  opacity: 1;
}
.selectRoadLinksInPolygonImage {
  background: url('../Content/selection_sprite.png');
  width: 44px;
  height: 24px;
}
#id_btnRoutesSelectRoadLinksInPolygon:hover .selectRoadLinksInPolygonImage,
#id_btnRoutesSelectRoadLinksInPolygon.k-state-active .selectRoadLinksInPolygonImage {
  background-position: -44px -24px;
  opacity: 1;
}
.mapListContainer {
  color: #ffffff;
  z-index: 999;
  position: absolute;
  right: 0;
  display: none;
}
#id_mapObjectsListContainer {
  height: 300px;
  top: 32px;
}
#id_mapObjectsListContainer a {
  text-decoration: none;
  color: #f7ff26;
  vertical-align: middle;
}
#id_mapObjectsListContainer a:hover {
  text-decoration: underline;
}
#id_mapObjectsListContainer ::-webkit-scrollbar {
  width: 12px;
}
#id_mapObjectsListContainer ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#id_mapObjectsListContainer ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(238, 238, 238, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
#id_mapObjectsListContainer ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(238, 238, 238, 0.4);
}
#id_mapToolsListContainer {
  height: 80px;
  top: 59px;
}
#id_mapRoadDataContainer {
  height: 140px;
  top: 86px;
}
#id_mapRoadWeatherContainer {
  height: 80px;
  top: 86px;
}
#id_mapStatusLayerContainer {
  height: 235px;
}
#id_mapStatusLayerContainer .disabledText {
  color: #ccc;
}
#id_mapStatusLayerContainer .ui-slider .ui-slider-handle {
  border-radius: 50%;
}
.mapObjBackgroundBox {
  width: 300px;
  height: 300px;
  opacity: 0.75;
  opacity: 0.85;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #313131;
  border: 1px solid #333333;
}
.mapLayerBackgroundBox {
  width: 300px;
  height: 250px;
  opacity: 0.75;
  opacity: 0.85;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #313131;
  border: 1px solid #333333;
}
.group {
  padding-bottom: 15px;
}
.mapObjWrapper {
  position: absolute;
  padding: 10px;
  top: 0;
  left: 0;
  width: 280px;
}
.mapLayerWrapper {
  position: absolute;
  padding: 10px;
  top: 0;
  left: 0;
  width: 280px;
}
.mapBackgroundBox {
  opacity: 0.75;
  opacity: 0.85;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #313131;
  border: 1px solid #333333;
}
#id_mapToolsBackgroundBox {
  width: 450px;
  height: inherit;
}
#id_mapRoadDataBackgroundBox {
  width: 300px;
  height: inherit;
}
#id_mapRoadWeatherBackgroundBox {
  width: 300px;
  height: inherit;
}
#id_mapStatusLayerBackgroundBox {
  width: 300px;
  height: inherit;
}
.mapToolsWrapper {
  position: absolute;
  padding: 10px;
  top: 0;
  left: 0;
  width: 430px;
}
.mapRoadDataWrapper {
  position: absolute;
  padding: 10px;
  top: 0;
  left: 0;
  width: 280px;
}
.mapToolsListWrapper {
  overflow: auto;
  height: 40px;
  margin: 7px 0;
}
.mapRoadDataItemsWrapper {
  overflow: auto;
  height: 60px;
  height: auto;
  margin: 7px 0;
}
.mapStatusLayerItemsWrapper {
  overflow: visible;
  height: 60px;
  height: auto;
  margin: 7px 0;
}
#id_MapVSRDataOverlayFindInMapButton {
  font-weight: bold;
}
.map-tool-icon {
  width: 18px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
}
.gmapsIcon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../Content/gmaps.png') no-repeat 1px 1px;
  vertical-align: middle;
}
.mapObjMinimize {
  position: absolute;
  top: 6px;
  right: 6px;
}
.minusIcon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../Scripts/lib/Open_Layers/img/layer-switcher-minimize.png');
  vertical-align: middle;
}
.mapObjListWrapper {
  overflow: auto;
  height: 230px;
  margin: 7px 0;
}
.mapLayerListWrapper {
  overflow: auto;
  height: 220px;
}
.mapLayerListWrapper ul {
  padding: 0px;
}
.mapLayerListWrapper ul li {
  list-style-type: none;
}
.listMapObjects {
  list-style: none;
  margin: 3px 0;
  padding: 0;
}
.listMapObjects li {
  clear: both;
  border-bottom: 1px solid #ebebe4;
  padding: 5px 5px 5px 0;
}
.mapObjCheckbox {
  float: right;
}
.mapObjRemoveButton {
  float: right;
  margin-top: 1px;
}
.mapObjRemoveButton:hover {
  background-image: url(../Content/textures/highlight.png);
  color: #263248;
  background-color: #a6afbe;
  border-color: #a6afbe;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.nonlink {
  cursor: default;
  color: #ffffff !important;
}
.nonlink:hover {
  text-decoration: none !important;
}
#id_mapLayersListContainer ::-webkit-scrollbar {
  width: 12px;
}
#id_mapLayersListContainer ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#id_mapLayersListContainer ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(238, 238, 238, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
#id_mapLayersListContainer ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(238, 238, 238, 0.4);
}
/* ProductionFollowup
-----------------------------------------------------------*/
#production-followup-week-selection {
  display: flex;
}
#production-followup-week-selection .k-button-group {
  margin-right: 20px;
}
#production-followup-comment-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  flex-grow: 2;
  margin-left: auto;
}
#production-followup-comment-wrapper div {
  height: 50px;
  background-color: #ebebe4;
  border-radius: 3px;
  border: solid 0.3px rgba(0, 0, 0, 0.3);
  padding: 5px;
  font-family: Verdana;
  font-size: 12px;
  width: 100%;
  max-width: 400px;
}
#production-followup-comment-wrapper button {
  width: 81.1875px;
}
#edit-production-followup-comment textarea {
  padding: 0;
}
/*Fix for button padding in Firefox*/
@-moz-document url-prefix() {
  #production-followup-edit-comment {
    border: 0;
    padding: 4px 7px;
  }
}
/* VehicleHistory
-----------------------------------------------------------*/
.vehicleListContainer {
  width: 70%;
  float: left;
  margin-bottom: 10px;
}
.vehicleListContainer .vehicleListInner {
  margin-right: 5px;
}
.vehicleStatusListContainer {
  width: 70%;
  width: 30%;
  float: left;
  margin-bottom: 10px;
}
.routeListContainer,
.vehicleListSmallContainer {
  width: 30%;
  float: left;
  margin-bottom: 10px;
}
.zoneListSmallContainer,
.routeListSmallContainer {
  width: 40%;
  float: left;
  margin-bottom: 10px;
}
.routeVerificationJunctionContainer {
  width: 48%;
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}
.vehicleHistoryListContainer {
  margin-bottom: 10px;
}
.vehicleStatusListContainer .vehicleStatusListInner,
.vehicleListSmallInner {
  margin-left: 5px;
}
.statusColorBar {
  height: 14px;
  border: 1px solid #666666;
}
.searchButton {
  height: 55px;
  font-size: 16px;
}
.mapOptions {
  margin-bottom: 5px;
}
.fontAwesomeTabStripIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 7px;
  color: black !important;
}
.searchIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 7px;
  background: url('../Content/Silver/old_kendo_sprite.png') -32px -240px;
}
.resultsIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 7px;
  background: url('../Content/Silver/old_kendo_sprite.png') -67px -177px;
}
.buttonSettings {
  padding: 0px 5px;
  vertical-align: middle;
  margin-bottom: 2px;
}
.mapSettingsIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../Content/Silver/old_kendo_sprite.png') -115px -114px;
  vertical-align: middle;
}
.selectionButtonVH {
  padding: 2px 5px;
}
.selectIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../Content/Silver/checkbox_no.png');
  vertical-align: middle;
}
.hasSelections .selectIcon {
  background: url('../Content/Silver/checkbox_yes.png');
}
.field-values-wrapper {
  display: flex;
  align-items: center;
}
.field-values-wrapper #add-field-value {
  min-width: initial;
  width: 43px;
  height: 29px;
}
/* Activities
-----------------------------------------------------------*/
#id_ActivityZoomAreaButtons {
  position: absolute;
  top: 10px;
  right: 10px;
}
.activity-area-select {
  display: none;
  z-index: 9000;
  position: absolute !important;
  cursor: default !important;
}
.activity-area-select > span {
  background-color: rgba(66, 139, 202, 0.6);
  border: none;
  width: 100%;
  height: 100%;
  float: left;
}
.activity-area-select-active {
  display: block !important;
}
.activityTimelineDiv {
  height: 16px;
}
.timeSlider {
  position: absolute;
  top: 25px;
  left: 141px;
  text-align: center;
  z-index: 99;
  pointer-events: none;
}
.timeLabel {
  position: absolute;
  top: 155px;
  width: 80px;
  text-align: center;
  height: 22px;
  padding-top: 12px;
  z-index: 99;
  left: 170px;
}
.timeLabelFunnel {
  width: 12px;
  height: 8px;
  margin-top: -4px;
  background: url('../Content/time_slider_funnel.png') no-repeat;
  position: absolute;
  bottom: -1px;
  left: 34px;
}
.timeLine {
  position: absolute;
  top: 77px;
  left: 207px;
  border-left: 1px solid black;
  z-index: 98;
  margin: auto;
  width: 1px;
}
.timeSliderHandleBottom {
  position: absolute;
  left: 141px;
  left: 168px;
  width: 54px;
  height: 54px;
  background: url('../Content/circlemover.png');
  bottom: -52px;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
  background-size: contain;
}
.sliderTopSpace {
  height: 0px;
}
.sliderBottomSpace {
  height: 52px;
  background: #ffffff;
  border: 1px solid #ebebe4;
  border-top: 0;
  cursor: pointer;
}
/* Reports
-----------------------------------------------------------*/
.reportSettingsPane {
  overflow: auto;
  margin-right: 400px;
}
.reportSettingsWrapper {
  padding: 2px;
}
.reportSetting {
  display: none;
}
.noReportSelected {
  height: 300px;
}
.noReportTypeText {
  color: #aaaaaa;
  text-shadow: 0px 2px 3px #ffffff;
  text-align: center;
  font-size: 32px;
  position: relative;
  top: 40%;
}
.buttonSmallRound {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-sizing: content-box;
  cursor: pointer;
  display: inline-block;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 13.2px;
  height: 16px !important;
  min-height: 0px !important;
  line-height: normal;
  opacity: 0.7;
  outline-style: none;
  outline-width: 0px;
  padding-bottom: 2px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-top: 2px !important;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 16px !important;
  min-width: 0px !important;
}
.buttonSmallRound .k-icon {
  top: -2px;
}
.scheduledReportsPane {
  width: 400px;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 2px 0;
}
.scheduledReportsBox {
  position: relative;
  height: 100%;
  margin-left: 10px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
}
.scheduledReportContent {
  padding: 10px 10px 10px 15px;
  width: 375px;
}
.generatingReportsList {
  overflow-y: auto;
  z-index: 1;
  border: 1px solid #ebebe4;
  background: #ffffff;
}
#id_generateReportOptions {
  display: none;
}
#id_generateScheduleOptions {
  display: none;
  width: 350px;
}
#id_ScheduledReportsList {
  overflow-y: auto;
}
.reportItem {
  padding: 10px;
  border-bottom: 1px solid #ebebe4;
}
.reportIcon {
  background: url('../Content/excel-icon_dl_ia.png');
  display: block;
  float: left;
  width: 48px;
  height: 49px;
  margin-right: 20px;
}
.reportIconPdf {
  background: url('../Content/pdf-icon_dl_ia.png');
  display: block;
  float: left;
  width: 48px;
  height: 49px;
  margin-right: 20px;
}
.reportIconDelete {
  background: url('../Content/delete-report.png') no-repeat 50% 50%;
  display: block;
  float: right;
  width: 14px;
  height: 14px;
  margin: -4px -6px 10px 10px;
}
.reportIcon:hover {
  background: url('../Content/excel-icon_dl.png');
}
.reportIconPdf:hover {
  background: url('../Content/pdf-icon_dl.png');
}
.reportIconDelete:hover {
  background: url('../Content/delete-report_ia.png') no-repeat 50% 50%;
}
.spinnerReportInProgress {
  display: inline-block;
}
.spinnerReportInProgress::after {
  content: "";
  position: absolute;
  width: calc(15px * 2);
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='loader-1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15px' height='15px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'><path fill='%23000000' d='M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/></path></svg>");
}
.reportInfo {
  float: left;
  width: 300px;
}
.reportName {
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
}
.reportType {
  margin: 4px 0 4px 0;
  display: block;
  font-style: italic;
  font-size: 11px;
  color: #555555;
}
.reportError {
  margin: 4px 0 4px 0;
  display: block;
  font-style: italic;
  font-style: normal;
  font-size: 11px;
  color: #555555;
  color: #c62928;
}
.reportProgress {
  color: #999999;
  background: #fff4dd;
  position: relative;
}
.reportProgress .btnCtr {
  display: none;
}
.reportProgress .reportIcon {
  opacity: 0.5;
}
.reportProgress .dateFinished {
  display: none;
}
.reportDone .spinnerReportInProgress {
  display: none;
}
.scheduleItemNoHover {
  padding: 10px;
  margin: 5px;
  border-bottom: 1px solid #cccccc;
}
.scheduleItemNoHover .scheduleActions {
  display: none;
}
.scheduleItem {
  padding: 10px;
  margin: 5px;
  border-bottom: 1px solid #cccccc;
}
.scheduleItem .scheduleActions {
  display: none;
}
.scheduleItem:hover {
  background: #eeeeee;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 2px 8px;
  border-bottom: none;
}
.scheduleItem:hover .scheduleActions {
  display: block;
}
.noHoverBorders:hover {
  border: none;
}
.noHoverBorders:hover.hoverMargin {
  margin: 11px !important;
}
.noHoverBorders.hoverMargin {
  margin: 10px !important;
}
.alternateColors:not(:hover):nth-child(even) {
  background-color: rgba(238, 238, 238, 0.75);
}
.alternateColors:not(:hover):nth-child(odd) {
  background-color: rgba(238, 238, 238, 0.3);
}
.editingItem .scheduleItem:hover {
  background: none;
}
.editingItem .scheduleItem:hover .scheduleActions {
  display: none;
}
.editingItem .editingSchedule:hover {
  background: #fff4dd;
}
.editingSchedule {
  background: #fff4dd;
}
.paused-background {
  background: #fff4dd;
}
.deleted-background {
  background: #fff4dd;
}
.deleted-background p {
  position: absolute;
  margin-left: 45%;
  font-size: xx-large;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.scheduleName {
  font-weight: bold;
  display: block;
}
.schedulePeriodicity {
  display: block;
}
.scheduleDelivery {
  display: block;
}
.scheduleName {
  display: block;
}
.scheduleProfile {
  display: block;
}
.minimizeHandle {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 0;
  width: 17px;
  height: 50px;
  border: 1px solid #ebebe4;
  border-left: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer;
}
.minimizeHandle:hover {
  background: #a6afbe;
}
.minimizeIcon {
  width: 15px;
  height: 15px;
  display: block;
  background: url('../Content/Silver/old_kendo_sprite.png') no-repeat 0px -17px;
  top: 18px;
  position: absolute;
}
.maximizeIcon {
  display: none;
  display: block;
  width: 15px;
  height: 15px;
  background: url('../Content/Silver/old_kendo_sprite.png') no-repeat 0px -49px;
  top: 18px;
  position: absolute;
}
.scheduleIcon {
  display: none;
  display: block;
  width: 15px;
  height: 15px;
  background: url('../Content/Silver/old_kendo_sprite.png') no-repeat -32px -177px;
  position: absolute;
  top: 14px;
  left: 3px;
}
.btnCtr {
  display: block;
  height: 23px;
  padding: 5px 0 0 0;
}
.reportLabel {
  display: block;
}
.reportData {
  margin: 0 0 3px 150px;
}
.middleLabelSchedule {
  position: absolute;
  left: 131px;
  top: 4px;
}
#id_maintenanceObjectChoices .maintenance-objects-treeview-wrapper {
  overflow-y: auto;
}
/* Routes
-----------------------------------------------------------*/
#id_RouteGroupsList {
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
}
#id_RouteGroupsList,
#id_RouteList,
#id_ZoneGroupsList {
  background-color: #fafafa;
  border: 1px solid #ebebe4;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
}
#routes-panelbar {
  border: none;
}
#routes-panelbar #routes-panelbar-1 {
  border: none;
}
#routes-panelbar > #queue-panel > .k-header {
  display: none;
}
#id_gridActionPointVehicleFilter {
  float: right;
  width: 49%;
}
#id_idEditActionPointMaterialTree {
  height: 200px;
}
#id_idEditActionPointTimeTree {
  height: 200px;
}
.roadLinkCrossIcon {
  background: url('../Content/cross_circle.png');
  width: 16px;
  height: 16px;
  margin-left: -2px;
}
.routeViewGridIcon {
  margin: -2px;
  width: 20px;
}
.dauExportGreenLight {
  background: url('../Content/green_light.png') no-repeat center center;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 4px;
}
.dauExportRedLight {
  background: url('../Content/red_light.png') no-repeat center center;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 4px;
}
.dauExportYellowLight {
  background: url('../Content/yellow_light.png') no-repeat center center;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 4px;
}
.dauExportOrangeLight {
  background: url('../Content/orange_light.png') no-repeat center center;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 4px;
}
.dauExportBlueLight {
  background: url('../Content/blue_light.png') no-repeat center center;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 4px;
}
.dauExportTurquoiseLight {
  background: url('../Content/turquoise_light.png') no-repeat center center;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 4px;
}
.dauExportWhiteLight {
  background: url('../Content/white_light.png') no-repeat center center;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 4px;
}
.dauRealTimeExportStatusCircle {
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #666666;
  margin-top: -5px;
  margin-right: 3px;
}
.dauNumCircle {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  padding: 2px;
  border: 2px solid #666666;
  text-align: center;
  font: 12px Arial, sans-serif;
  display: inline-block;
  margin-top: -5px;
  margin-right: 3px;
  font-weight: bold;
}
.dauRealTimeExportStatusText {
  display: inline-block;
  margin-top: -5px;
}
.dauExportSummary {
  background: url('../Content/doc_icon.png') no-repeat center center;
  width: 16px;
  height: 16px;
  float: right;
}
.dauExportReportDone {
  background: url('../Content/excel_small.png') no-repeat center center;
  width: 16px;
  height: 16px;
  float: right;
}
.dauExportReportPending {
  background: url('../Content/excel_grey_small.png') no-repeat center center;
  width: 16px;
  height: 16px;
  float: right;
}
.dauExportReportError {
  background: url('../Content/excel_red_small.png') no-repeat center center;
  width: 16px;
  height: 16px;
  float: right;
}
.initiallyHidden {
  display: none;
}
.initially-hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
div.speedSlider .k-slider-selection {
  display: none;
}
.calloutScenarioCreateReport {
  background: url('../Content/excel_small.png') no-repeat center center;
  width: 16px;
  height: 16px;
}
.calloutScenarioCreateReport:hover {
  background: url('../Content/excel_small.png') no-repeat center center;
  width: 18px;
  height: 18px;
}
/* Start
-----------------------------------------------------------*/
.mobiWinLogo {
  background: url('../Content/logo.png');
  width: 200px;
  height: 75px;
  margin: 5px auto;
}
#id_gridDiary {
  table-layout: fixed;
}
#id_gridDiary td {
  border-bottom: 1px solid #ebebe4;
  padding: 10px;
}
.colExpandDiary {
  width: 20px;
  display: block;
  float: left;
}
.colDiaryNote {
  width: auto;
  margin-left: 30px;
}
.k-widget .diaryNoteHeadline {
  display: block;
  font-weight: bold;
  line-height: 15px;
}
.diaryNoteEditIcon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('../Content/pen.png') -2px -2px;
}
.diaryNoteTime {
  float: right;
  font-style: italic;
}
.diaryNoteAuthor {
  display: block;
}
.diaryNoteText {
  display: block;
  overflow: hidden;
  height: 50px;
  margin-right: 50px;
}
.ddDiarySelection {
  width: 100px;
  font-size: 9px;
  margin: 0px 20px 2px 5px;
}
.diary-note-row {
  position: relative;
}
.diaryShareToTwitter {
  position: absolute;
  bottom: 10px;
  right: 10px;
  min-width: 0px !important;
}
.twitter-icon {
  background: url('../Content/Twitter_logo.png');
  width: 24px;
  height: 24px;
}
.twitter-icon-tweeted {
  background: url('../Content/Twitter_logo_tweeted.png');
  width: 24px;
  height: 24px;
}
#id_diaryHeader {
  display: inline;
}
#id_diaryDatepicker_dateview {
  margin: 10px 0 0 -10px;
}
a#id_btnDiaryShowDatePicker {
  margin: 2px -5px 0 -10px;
  line-height: 1.65em;
  color: #ffffff;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#id_btnDiaryShowDatePicker .k-datepicker {
  width: 0;
}
#id_btnDiaryShowDatePicker .k-picker-wrap {
  display: none;
}
#id_diaryDatepicker {
  display: none;
}
.weather-widget-weather-station-navigation {
  width: 300px;
  margin: auto;
  padding-top: 5px;
}
.weather-widget-weather-station-navigation .k-widget {
  width: calc(100% - 72px);
  height: 27px;
}
.weather-widget-weather-station-navigation .k-dropdown-wrap {
  height: 25px;
}
.weather-widget-weather-station-navigation .k-input {
  height: 24px;
}
.weather-widget-weather-cameras .k-widget {
  border: none;
}
.weather-widget-weather-cameras-navigation {
  padding-top: 5px;
  width: 158px;
  margin: auto;
}
.weather-widget-weather-cameras-navigation h3 {
  margin-top: 4px;
  display: inline-block;
}
.weather-widget-camera-image {
  margin: 10px 0px 0px 10px;
  float: left;
  z-index: -1;
  cursor: pointer;
}
.weather-widget-camera-image img {
  max-width: 100%;
  height: calc(100% - 16px);
}
.weather-widget-camera-image.k-state-selected {
  background-color: white;
}
.weather-widget-camera-window .k-window-content {
  padding: 0px;
  overflow: hidden;
}
.weather-widget-camera-window img {
  height: 100%;
  margin-left: 0;
}
.weather-widget-body .k-pager-wrap {
  display: none;
}
.activity-widget-body {
  height: 100%;
}
.weatherSlider {
  position: relative;
  overflow: auto;
  min-height: 270px;
  height: 270px;
  margin: auto;
  width: 100%;
  min-width: 100%;
}
.weatherSlider ul,
.weatherSlider ol {
  padding: 0;
  margin: 0;
}
.weatherSlider li {
  list-style: none;
}
.weatherSlider ul li {
  float: left;
  min-height: 100%;
  max-width: 100%;
}
.weatherSlider .dots {
  position: absolute;
  left: 50%;
  bottom: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none;
}
.weatherSlider .dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  text-indent: -999em;
  border: 2px solid #333333;
  border-radius: 6px;
  cursor: pointer;
  opacity: 0.4;
  -webkit-transition: background 0.5s, opacity 0.5s;
  -moz-transition: background 0.5s, opacity 0.5s;
  transition: background 0.5s, opacity 0.5s;
}
.weatherSlider .dots li:hover {
  background: #ebebe4;
  opacity: 1;
}
.weatherSlider .dots li.active {
  background: #aaaaaa;
  opacity: 1;
}
.weatherSlider .weatherSliderButton {
  margin-top: 100px;
}
.dot {
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}
#id_weatherHeader {
  display: inline;
}
#id_statusChartHeader {
  display: inline;
}
.k-chart-tooltip {
  max-height: 300px;
  overflow-y: auto;
  text-align: left;
}
.ddWeatherSiteSelection {
  width: 160px;
  font-size: 9px;
  margin-left: 3px;
  margin-bottom: 2px;
}
#id_ddWeatherSiteSelection-list .k-item {
  overflow: hidden;
}
.statusChartNoDataOverlay {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  text-align: center;
  padding-top: 25px;
  font-size: 15px;
}
.ddstatusChartSelection {
  width: 160px;
  font-size: 9px;
  margin-left: 3px;
  margin-bottom: 2px;
}
.weatherSliderSummaryPage {
  text-align: center;
}
.weatherSliderSummaryPage .weatherDirectionArrow {
  margin: -3px 5px;
}
.weatherSliderSummaryPage h2 {
  font: 16px Arial, Helvetica, sans-serif;
  color: #8e8e8e;
  margin: 20px auto;
  text-align: center;
}
.weatherSliderSummaryPage table {
  margin: 0px auto;
  font-size: 12px;
  text-align: left;
  float: left;
}
.weatherSliderSummaryPage table td {
  padding: 5px;
}
.weatherSliderSummaryPage table td.value {
  font-weight: bold;
}
.weatherSliderSummaryPage table td.valueWarning {
  font-weight: bold;
  color: Red;
}
.weatherDirectionArrowPrognosis {
  margin: -3px 5px;
  background-image: url('../Content/weather/windarrow_prognosis.png');
  width: 14px;
  height: 18px;
  display: inline-block;
}
.weatherHistoricalWindDirection {
  width: 80%;
  margin: auto;
}
.weatherHistoricalWindDirection h2 {
  font: 16px Arial, Helvetica, sans-serif;
  color: #8e8e8e;
  margin: 20px auto;
  text-align: center;
  margin-bottom: 50px;
}
.weatherSliderSummaryContainer {
  display: inline-block;
}
.weatherSliderWeatherImageContainer {
  float: left;
  margin-left: 30px;
  margin-top: 20px;
  width: 180px;
  height: 150px;
}
.weatherSliderWeatherImageContainer div {
  margin: 20px auto;
  width: 96px;
  height: 96px;
}
.weatherSliderWeatherImageContainer img:hover {
  cursor: pointer;
}
.weatherSliderWeatherImageContainer .cameraIcon {
  width: 30px;
  height: 25px;
  float: right;
}
.cameraIcon {
  background: url('../Content/camera.png');
}
.weatherNoWeatherData {
  background: url('../Content/weather/no_weather.png');
}
.weatherImageSunClouds {
  background: url('../Content/weather/sun_clouds.png');
}
.weatherImageDrizzle {
  background: url('../Content/weather/light_rain.png');
}
.weatherImageHail {
  background: url('../Content/weather/sleet_hail.png');
}
.weatherImageSleet {
  background: url('../Content/weather/rain_snow.png');
}
.weatherImageRain {
  background: url('../Content/weather/rain.png');
}
.weatherImageFreezingRain {
  background: url('../Content/weather/rain_freezing.png');
}
.weatherImageSnow {
  background: url('../Content/weather/snow.png');
}
#id_dlgWeatherSiteCameraImage {
  overflow: hidden;
  padding: 0px;
}
#id_dlgWeatherSiteCameraImage img {
  height: 100%;
  margin-left: 0;
}
.weatherLegendPrecipitationType {
  background: url('../Content/weather/prec_legend.png');
  margin: 0 auto;
  width: 500px;
  height: 23px;
}
.grid-column-container {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
}
.w-container {
  display: grid;
  grid-template-columns: 20%;
}
.w-sidebar {
  grid-column-start: 1;
}
.w-content {
  grid-column-start: 2;
}
.weatherLegendPrecipitationTypeEnglish {
  background: url('../Content/weather/prec_legend_en.png');
  margin: 0 auto;
  width: 500px;
  height: 23px;
}
.weatherDirectionArrow {
  background-image: url('../Content/weather/windarrow.png');
  width: 14px;
  height: 18px;
  display: inline-block;
}
.weatherWindHistoricalPost {
  width: 20px;
  margin: 5px;
  height: 50px;
  float: left;
  text-align: center;
}
.weatherWindHistoricalPostTime {
  margin-left: -6px;
}
.weatherWindHistoricalPostTimePrognosis {
  margin-left: -6px;
}
#id_weatherStationFavouriteButton,
#id_weatherCameraFavouriteButton {
  position: absolute;
  margin-left: 5px;
}
.weatherStationFavouriteIconToggled {
  background-position: -16px 0px !important;
}
.weatherStationNameDiv {
  float: left;
  overflow: hidden;
  white-space: nowrap;
}
.starButton {
  background-image: url('../Content/stars.png');
  background-color: inherit;
  background-position-x: -32px;
  width: 16px;
  padding: 0px;
  height: 16px;
  border: 0px;
  cursor: pointer;
}
.starButtonLarge {
  background-image: url('../Content/stars.png');
  background-color: inherit;
  background-position-x: -48px;
  background-size: 72px 24px;
  margin-top: -4px;
  width: 24px;
  padding: 0px;
  height: 24px;
  border: 0px;
  cursor: pointer;
}
.starButton:focus {
  outline: none;
}
.starButtonLarge:focus {
  outline: none;
}
.favouriteMarker {
  float: right;
}
.favouriteMarker > .starButton {
  background-position: -16px 0px;
}
.favouriteMarker > .starButtonLarge {
  background-position: -24px 0px;
}
/* Callout
-----------------------------------------------------------*/
.callOutColorCell {
  padding-left: 5px;
}
.callOutColorCellDeviationNote {
  padding-left: 5px;
  width: 78%;
  margin-top: 4px;
}
.statusOverGraph {
  height: 20px;
  width: 100%;
  background-color: White !important;
  border-radius: 25px 25px 25px 25px;
  -moz-border-radius: 25px 25px 25px 25px;
  -webkit-border-radius: 25px 25px 25px 25px;
  border: 1px solid #000000;
  overflow: hidden;
}
.callOutScenarioFailedAssignmentsIcon {
  margin-top: 2px;
  color: rgba(255, 0, 0, 0.5);
  float: right;
}
.callOutAssignmentStatusProgressBar {
  min-width: 100px;
  width: calc(100% - 42px);
  margin-right: 5px;
  margin-top: 1px;
  float: left;
  padding-left: 5px;
  vertical-align: middle;
}
.statusYellowGraph {
  height: 100%;
  float: left;
  background: -moz-linear-gradient(top, rgba(254, 252, 234, 0.8) 0%, rgba(241, 218, 54, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 252, 234, 0.8)), color-stop(100%, rgba(241, 218, 54, 0.8)));
  background: -webkit-linear-gradient(top, rgba(254, 252, 234, 0.8) 0%, rgba(241, 218, 54, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(254, 252, 234, 0.8) 0%, rgba(241, 218, 54, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(254, 252, 234, 0.8) 0%, rgba(241, 218, 54, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(254, 252, 234, 0.8) 0%, rgba(241, 218, 54, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccfefcea', endColorstr='#ccf1da36', GradientType=0);
}
.statusRedGraph {
  height: 100%;
  float: left;
  background: -moz-linear-gradient(top, rgba(255, 48, 25, 0.6) 0%, rgba(255, 48, 25, 0.6) 24%, rgba(255, 48, 25, 0.6) 36%, rgba(207, 4, 4, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 48, 25, 0.6)), color-stop(24%, rgba(255, 48, 25, 0.6)), color-stop(36%, rgba(255, 48, 25, 0.6)), color-stop(100%, rgba(207, 4, 4, 0.6)));
  background: -webkit-linear-gradient(top, rgba(255, 48, 25, 0.6) 0%, rgba(255, 48, 25, 0.6) 24%, rgba(255, 48, 25, 0.6) 36%, rgba(207, 4, 4, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(255, 48, 25, 0.6) 0%, rgba(255, 48, 25, 0.6) 24%, rgba(255, 48, 25, 0.6) 36%, rgba(207, 4, 4, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(255, 48, 25, 0.6) 0%, rgba(255, 48, 25, 0.6) 24%, rgba(255, 48, 25, 0.6) 36%, rgba(207, 4, 4, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(255, 48, 25, 0.6) 0%, rgba(255, 48, 25, 0.6) 24%, rgba(255, 48, 25, 0.6) 36%, rgba(207, 4, 4, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ff3019', endColorstr='#99cf0404', GradientType=0);
}
.statusOrangeGraph {
  height: 100%;
  float: left;
  background: -moz-linear-gradient(top, rgba(250, 198, 149, 0.8) 0%, rgba(245, 171, 102, 0.8) 45%, rgba(239, 141, 49, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(250, 198, 149, 0.8)), color-stop(45%, rgba(245, 171, 102, 0.8)), color-stop(100%, rgba(239, 141, 49, 0.8)));
  background: -webkit-linear-gradient(top, rgba(250, 198, 149, 0.8) 0%, rgba(245, 171, 102, 0.8) 45%, rgba(239, 141, 49, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(250, 198, 149, 0.8) 0%, rgba(245, 171, 102, 0.8) 45%, rgba(239, 141, 49, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(250, 198, 149, 0.8) 0%, rgba(245, 171, 102, 0.8) 45%, rgba(239, 141, 49, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(250, 198, 149, 0.8) 0%, rgba(245, 171, 102, 0.8) 45%, rgba(239, 141, 49, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccfac695', endColorstr='#ccef8d31', GradientType=0);
}
.statusBlueGraph {
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc5e0+0,2d93c6+100 */
  float: left;
  background: #8fc5e0;
  background: -moz-linear-gradient(top, #8fc5e0 0%, #2d93c6 100%);
  background: -webkit-linear-gradient(top, #8fc5e0 0%, #2d93c6 100%);
  background: linear-gradient(to bottom, #8fc5e0 0%, #2d93c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc5e0', endColorstr='#2d93c6', GradientType=0);
}
.statusGreenGraph {
  height: 100%;
  float: left;
  background: -moz-linear-gradient(top, rgba(201, 222, 150, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(201, 222, 150, 0.6)), color-stop(44%, rgba(138, 182, 107, 0.6)), color-stop(100%, rgba(57, 130, 53, 0.6)));
  background: -webkit-linear-gradient(top, rgba(201, 222, 150, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(201, 222, 150, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(201, 222, 150, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(201, 222, 150, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99c9de96', endColorstr='#99398235', GradientType=0);
}
.callOutStatusGreen {
  background: -moz-linear-gradient(top, rgba(201, 222, 150, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(201, 222, 150, 0.6)), color-stop(44%, rgba(138, 182, 107, 0.6)), color-stop(100%, rgba(57, 130, 53, 0.6)));
  background: -webkit-linear-gradient(top, rgba(201, 222, 150, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(201, 222, 150, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(201, 222, 150, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(201, 222, 150, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99c9de96', endColorstr='#99398235', GradientType=0);
}
.callOutStatusYellow {
  background: -moz-linear-gradient(top, rgba(254, 252, 234, 0.8) 0%, rgba(241, 218, 54, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 252, 234, 0.8)), color-stop(100%, rgba(241, 218, 54, 0.8)));
  background: -webkit-linear-gradient(top, rgba(254, 252, 234, 0.8) 0%, rgba(241, 218, 54, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(254, 252, 234, 0.8) 0%, rgba(241, 218, 54, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(254, 252, 234, 0.8) 0%, rgba(241, 218, 54, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(254, 252, 234, 0.8) 0%, rgba(241, 218, 54, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccfefcea', endColorstr='#ccf1da36', GradientType=0);
}
.callOutStatusRed {
  background: -moz-linear-gradient(top, rgba(255, 48, 25, 0.6) 0%, rgba(255, 48, 25, 0.6) 24%, rgba(255, 48, 25, 0.6) 36%, rgba(207, 4, 4, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 48, 25, 0.6)), color-stop(24%, rgba(255, 48, 25, 0.6)), color-stop(36%, rgba(255, 48, 25, 0.6)), color-stop(100%, rgba(207, 4, 4, 0.6)));
  background: -webkit-linear-gradient(top, rgba(255, 48, 25, 0.6) 0%, rgba(255, 48, 25, 0.6) 24%, rgba(255, 48, 25, 0.6) 36%, rgba(207, 4, 4, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(255, 48, 25, 0.6) 0%, rgba(255, 48, 25, 0.6) 24%, rgba(255, 48, 25, 0.6) 36%, rgba(207, 4, 4, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(255, 48, 25, 0.6) 0%, rgba(255, 48, 25, 0.6) 24%, rgba(255, 48, 25, 0.6) 36%, rgba(207, 4, 4, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(255, 48, 25, 0.6) 0%, rgba(255, 48, 25, 0.6) 24%, rgba(255, 48, 25, 0.6) 36%, rgba(207, 4, 4, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ff3019', endColorstr='#99cf0404', GradientType=0);
}
.callOutStatusOrange {
  background: -moz-linear-gradient(top, rgba(250, 198, 149, 0.8) 0%, rgba(245, 171, 102, 0.8) 45%, rgba(239, 141, 49, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(250, 198, 149, 0.8)), color-stop(45%, rgba(245, 171, 102, 0.8)), color-stop(100%, rgba(239, 141, 49, 0.8)));
  background: -webkit-linear-gradient(top, rgba(250, 198, 149, 0.8) 0%, rgba(245, 171, 102, 0.8) 45%, rgba(239, 141, 49, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(250, 198, 149, 0.8) 0%, rgba(245, 171, 102, 0.8) 45%, rgba(239, 141, 49, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(250, 198, 149, 0.8) 0%, rgba(245, 171, 102, 0.8) 45%, rgba(239, 141, 49, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(250, 198, 149, 0.8) 0%, rgba(245, 171, 102, 0.8) 45%, rgba(239, 141, 49, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccfac695', endColorstr='#ccef8d31', GradientType=0);
}
.callOutStatusBlue {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc5e0+0,2d93c6+100 */
  background: #8fc5e0;
  background: -moz-linear-gradient(top, #8fc5e0 0%, #2d93c6 100%);
  background: -webkit-linear-gradient(top, #8fc5e0 0%, #2d93c6 100%);
  background: linear-gradient(to bottom, #8fc5e0 0%, #2d93c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc5e0', endColorstr='#2d93c6', GradientType=0);
}
.callOutAgainAndCancelColorCell {
  min-width: 100px;
  width: calc(100% - 40px);
  margin-right: 5px;
  margin-top: 4px;
  float: left;
  padding-left: 5px;
  vertical-align: middle;
}
.scenarioListContainer {
  width: 30%;
  float: left;
  margin-bottom: 10px;
}
.scenarioListContainer .scenarioListInner {
  margin-right: 5px;
}
.scenarioContentsContainer {
  width: 70%;
  float: left;
  margin-bottom: 10px;
}
.scenarioContentsContainer .scenarioContentsInner {
  margin-left: 5px;
}
.callOutVehicleNoDriver {
  background: url('../Content/user_red_24.png') no-repeat center center;
  width: 24px;
  height: 24px;
  float: right;
  margin-right: 4px;
}
.callOutVehicleActiveDriver {
  background: url('../Content/user_green_24.png') no-repeat center center;
  width: 24px;
  height: 24px;
  float: right;
  margin-right: 4px;
}
.callOutVehicleHistoricalDriver {
  background: url('../Content/user_24.png') no-repeat center center;
  width: 24px;
  height: 24px;
  float: right;
  margin-right: 4px;
}
.callOutVehicleBusyDriver {
  background: url('../Content/user_blue_24.png') no-repeat center center;
  width: 24px;
  height: 24px;
  float: right;
  margin-right: 4px;
}
.callOutVehicleInactiveDriver {
  background-color: #eeeeee;
}
.callOutQtip {
  font-size: 16px;
  line-height: 1em;
}
.selfCallout {
  background-color: lightgoldenrodyellow;
}
.forecast-optimization-callout-scenario {
  background-color: powderblue;
}
.rolling-inspection-optimization-callout-scenario {
  background-color: powderblue;
  font-weight: bold;
}
.textBoxWrapper {
  display: flex;
  justify-content: space-between;
}
#view-wrapper-Callout .k-multiselect-wrap {
  background-color: #f5f5f5;
}
#view-wrapper-Callout .k-multiselect-wrap .k-input {
  opacity: 0.7;
}
/* Elrapp
-----------------------------------------------------------*/
.file-icon {
  display: inline-block;
  float: left;
  width: 48px;
  height: 48px;
  margin-left: 10px;
  margin-top: 13.5px;
}
.file-icon:before {
  content: "\f15b";
  /* this is your text. You can also use UTF-8 character codes as I do here */
  font-family: "Font Awesome 5 Pro";
  font-size: 25px;
  position: absolute;
  top: 0;
}
#elrapp-menu {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15%;
  height: 100%;
  font-size: 120%;
}
#elrapp-content {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 84%;
}
.r-sub-item {
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #fafafa;
  padding: 10px;
}
.r-sub-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.r-sub-item-values input {
  display: block;
}
.r-schema-toolbar {
  display: flex;
  align-items: center;
}
.r-schema-toolbar-end {
  margin-left: auto;
}
.r-schema-toolbar-elrapp-user {
  margin-left: 20px;
}
.r5-attachment-header {
  display: flex;
  justify-content: space-between;
}
.elrapp-error-row {
  background-color: #FFC7C7;
}
.elrapp-disabled {
  color: #A9A9A9;
}
#r-schema-toolbar .elrapp-grid-button {
  margin-right: 5px;
}
#closure-group {
  position: initial;
}
#elrapp-username-input-group {
  display: flex;
}
#elrapp-username-display {
  display: inline;
  margin: 0 5px 0 0;
  padding: 0;
}
#elrapp-username-display-value {
  font-weight: 800;
}
.new-rschema-label {
  font-weight: bold;
  width: 80px;
  display: inline-block;
}
#new-rschema-cancel-btn {
  margin-left: 10px;
}
.bm-form.elrapp-form .form-group .k-widget.k-tooltip-validation {
  position: unset;
}
.r-sub-item-listview-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* ElrappDAU
-----------------------------------------------------------*/
#id_gridElrappDAUEditFilterVehiclesContainer {
  float: left;
  width: 770px;
}
#id_gridElrappDAUEditFilterStatusesContainer {
  float: left;
  margin-left: 10px;
  width: 200px;
}
#id_elrappDAUExportItemsGridPanel {
  float: left;
  width: 770px;
}
/* Error
-----------------------------------------------------------*/
.errorBody .loginBody {
  background: url('../Content/bg_gray_noise.png');
}
.errorBig {
  padding: 50px;
  text-align: center;
  font-family: Helvetica, Arial, Sans-Serif;
}
.errorBig h1 {
  font-size: 150px;
  color: #222222;
  text-shadow: 0px 2px 3px #555555;
}
.errorBig p {
  color: #a0a0a0;
  font-size: 24px;
}
.errorBig a:hover {
  color: #eeeeee;
  text-shadow: 0px 5px 8px #2a2a2a;
}
.errorBig a {
  text-decoration: none;
  text-align: center;
  color: #057ed3;
}
/* Kendo overrides
-----------------------------------------------------------*/
.k-grid-toolbar {
  background-color: #eeeeee !important;
}
.k-splitter .k-ghost-splitbar-horizontal,
.k-splitter .k-splitbar-horizontal {
  width: 10px;
}
.k-splitbar-horizontal .k-resize-handle {
  width: 4px;
  margin-left: 3px;
}
.k-splitbar-horizontal .k-collapse-next {
  background-position: -3px -142px;
  margin-left: 0.33px;
}
.k-splitbar-horizontal .k-expand-prev {
  background-position: -3px -142px;
}
.k-splitbar-horizontal .k-collapse-prev {
  background-position: -4px -174px;
  margin-left: 0.33px;
}
.k-splitbar-horizontal .k-expand-next {
  background-position: -4px -174px;
}
.k-ghost-splitbar {
  z-index: 9999;
}
#id_KendoSplitter {
  border-style: none !important;
  border-width: 0 !important;
}
.white-icon {
  background-position: -48px -16px;
}
.k-grid-footer td {
  border-top-width: 1px;
}
/* used on grids where we want to use font awesome icons instead of kendo ones
    see for example ProductionReportDetails.cshtml
    */
.editableGridNoIcons .k-button .k-icon {
  display: none;
}
#production-report-row-work-grid .k-grid-edit {
  display: none;
}
.vmWorkOrderGridInputs .k-numeric-wrap.k-expand-padding .k-input,
.vmWorkOrderGridInputs .k-textbox {
  height: 26px !important;
  border-radius: 2px !important;
}
.vmWorkOrderGridInputs td:has(.k-numeric-wrap.k-expand-padding .k-input),
.vmWorkOrderGridInputs td:has(.k-textbox) {
  padding-top: 0px !important;
  padding-bottom: 4px !important;
}
/* jquery ui overrides
-----------------------------------------------------------*/
.ui-accordion .ui-accordion-content {
  padding: 10px;
}
.ui-widget {
  font-family: Verdana, Helvetica, Sans-Serif;
}
/* ActionPoints
-----------------------------------------------------------*/
#chkSelectAllResult {
  vertical-align: middle;
}
#add-action-point-step-2-wrapper {
  max-height: 600px;
  overflow-y: auto;
}
#id_searchAreaSearchById {
  float: right;
  width: 165px;
}
#id_searchAreaSearchByFilter {
  float: left;
}
#id_actionPointSearchActionPointById {
  margin-top: 10px;
}
#id_actionPointSearchActionPointById button {
  margin-top: 5px;
}
#id_actionPointSearchActionPointById #id_txtSearchForActionPointId {
  width: 96px;
  margin-top: 5px;
  margin-left: 4px;
}
#id_actionPointAddTreePanel,
#id_actionPointChangeTypeTreePanel {
  height: 600px;
  overflow: auto;
}
#id_btnSearchFilter {
  margin-left: 10px;
  margin-bottom: 5px;
}
.actionPointPopUp {
  margin-bottom: 5px;
  width: 100%;
}
.actionPointPopUp #id_actionPointEditTabStrip > .k-content {
  height: 600px;
  overflow-y: auto;
}
.action-point-image-gallery-item {
  margin: 10px;
  float: left;
}
.action-point-image-gallery-item img {
  width: 110px;
  height: 110px;
}
.image-gallery-list {
  display: flex;
  flex-wrap: wrap;
}
.image-gallery-list.k-dropzone-active {
  min-height: 90px;
  background: #ffea95fa;
}
.image-gallery-list.k-dropzone-hovered {
  background: #364551;
}
.image-gallery-item {
  margin: 8px;
  display: inline-block;
  position: relative;
  max-width: 110px;
  max-height: 110px;
}
.image-gallery-item img {
  width: 110px;
  height: 110px;
}
.image-gallery-item .gallery-filetype-wrapper {
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-gallery-item img.filetype-image {
  width: 16px;
  height: 16px;
}
.image-gallery-item .delete-gallery-item-btn {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
  background: white;
  color: #c62928;
  box-shadow: 0 2px 4px 0 hsla(0, 0%, 0%, 0.2);
}
.image-gallery-item .delete-gallery-item-btn:hover {
  background: #ffc7c7;
}
#attachment-hover-content {
  min-width: 350px;
  min-height: 350px;
}
#attachment-hover-content img {
  max-width: 350px;
  max-height: 350px;
}
#id_dlgActionPointEdit > .dialogSubmit {
  padding: 1em 0em;
}
.actionPointFilterContainer {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
#id_ImageList {
  float: left;
  width: 250px;
}
#id_ImageListAdd,
#id_ImageListEdit {
  float: left;
  width: 200px;
}
.actionpoint-tag-item {
  margin-right: 3px;
  background-color: #00BFFF;
  color: white;
  padding: 2px;
  border-radius: 3px;
}
.subscription-filter-item {
  margin: 2px;
  background: #B0C4DE;
  border-radius: 5px;
  padding: 2px 6px;
}
.fieldlist {
  padding: 0;
  margin: 5px 0;
}
.fieldlist li {
  list-style: none;
  padding-bottom: 4px;
}
.timeFrame {
  background-color: #0D6EBE;
  margin: 2px;
  width: 80px;
  height: 35px;
  border-width: 0px;
  text-align: center;
  color: #fafafa;
}
.timeFrameClicked {
  background-color: #f2d357;
  padding: 2px;
  color: #000000;
}
.fixedWithApChb {
  width: 125px;
  display: inline-block;
}
.fixedWidthChWide {
  width: 170px;
  display: inline-block;
}
.fixedWidthChWideWide {
  width: 250px;
  display: inline-block;
}
.settingWideActionPoint {
  margin: 0 0 5px 160px;
  min-height: 13px;
}
.settingWideActionPoint span {
  text-overflow: ellipsis;
  display: block;
  max-width: 200px;
  overflow: hidden;
  max-height: 13px;
  white-space: nowrap;
}
.settingWideTextInfo {
  margin: 0 0 5px 180px;
  min-height: 16px;
}
.settingWideTextInfo span {
  text-overflow: ellipsis;
  display: block;
  max-width: 230px;
  overflow: hidden;
  max-height: 16px;
  white-space: nowrap;
}
.settingWideEditActionPoint {
  margin: 5px 0px 10px 0px;
  float: right;
  width: 289px;
  padding: 0.17857143em 0;
  text-indent: 0.3em;
}
.rschema-property-for-actionpoint {
  background-color: #ffffff;
  border-color: #767676;
}
input.settingWideEditActionPoint {
  width: 287px;
  border-width: 1px;
  border-style: solid;
  border-color: #767676;
  border-radius: 2px;
}
.settingWideEditActionPointCombo {
  margin: 5px 0px 10px 0px;
  float: right;
  width: 289px;
  padding: 0.17857143em 0;
  text-indent: 0.3em;
}
select.settingWideEditActionPointCombo {
  width: 287px;
}
.action-point-property-input:focus-visible {
  outline: none;
}
.action-point-property-combo:focus-visible {
  outline: none;
}
.actionPointInputLabelRSchemaProperties {
  padding-top: 10px;
}
.settingWideDateTimeActionPoint {
  margin: 0 0 5px 0;
  float: right;
  width: 289px;
}
.actionPointUploadAttachment {
  overflow-y: auto;
  z-index: 1;
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 10px;
  height: 150px;
  width: 100%;
}
.actionPointLabel,
.textInfoLabel {
  float: left;
}
.largerLabel {
  font-size: 14px;
}
.elrappSearchLabel {
  display: inline-block;
  width: 110px;
}
.elrappDropdown {
  width: 153px;
}
.elrappButton {
  width: 50px;
}
.elrappFilesList {
  overflow-y: auto;
  z-index: 1;
  border: 1px solid #ebebe4;
  background: #ffffff;
  margin-left: 10px;
  margin-right: 10px;
  height: 100px;
}
.yellowBorder {
  border: 2px solid #f2d357;
}
.elrappUploadFile {
  overflow-y: auto;
  z-index: 1;
  border: 1px solid #ebebe4;
  background: #ffffff;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  height: 100px;
  width: 400px;
}
.settingWideR2_2Processes {
  margin: 0 0 5px 250px;
}
.elrappR2_2Form textarea {
  width: 99%;
  min-height: 50px !important;
}
.elrappR2_2Form fieldset {
  border: 1px solid #eeeeee;
  padding: 5px;
  margin: 0 0 10px 0;
  width: 820px;
}
#id_dlgElrappR2 textarea {
  min-height: 50px;
}
.elrappDAUSummaryField {
  font-weight: bold;
  display: inline-block;
}
.elrappDAUSummaryLabel {
  display: inline-block;
  width: 150px;
}
.elrappDAUSummaryRow {
  margin-bottom: 5px;
}
.elrappDAU-overview-grid {
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 4px;
  overflow-x: auto;
  overflow-y: auto;
  white-space: nowrap;
}
.elrappDAU-overview-grid .k-grid-header .k-header {
  background-color: #dcdcdc;
  border-bottom: 1px solid #a0a0a0;
  border-right: 1px solid #cccccc;
}
.elrappDAU-overview-grid .k-grid-header {
  background-color: #dcdcdc;
  border-bottom: 1px solid #a0a0a0;
}
.inspectionVehicleListContainer {
  width: 33%;
  float: left;
  margin-bottom: 10px;
  margin-right: 5px;
}
.usedMaterialsListContainer {
  margin-top: -18px;
  width: 31.5%;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.usedMaterialsResourceListContainer {
  width: 31.5%;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.usedMaterialsVehicleListContainer .vehicleListInner {
  margin-right: 10px;
}
.usedMaterialsChoice .usedMaterialsResourceListContainer {
  margin-top: -18px;
}
.vehicleChoices {
  margin-top: 18px;
}
.orderChoices {
  margin-top: 0px;
}
.calloutExternalVehicleListContainer {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  margin-right: 5px;
}
.processCodeListContainer {
  width: 18%;
  float: left;
  margin-bottom: 10px;
  margin-right: 5px;
}
.inspectionEventListContainer {
  width: 47%;
  float: left;
  margin-bottom: 10px;
  margin-right: 5px;
}
.inspectionEvenSearchButton {
  margin-right: 15px;
}
.newCalloutScenarioLabel {
  display: inline-block;
  width: 110px;
  vertical-align: top;
}
#id_btnAddRoadNumber {
  padding: 1px 4px;
}
#id_btnRemoveRoadNumber {
  padding: 1px 4px;
}
#id_ActionPointList td a.action-point-view-link,
#id_ActionPointList td a.action-point-simple-assign-link {
  color: #0000ee;
}
#id_dlgActionPointInfo textarea {
  margin-top: 5px;
  width: 97%;
  background-color: #ffffff;
  resize: none;
  min-height: 50px;
}
#id_dlgActionPointInfo .edit-button-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 15px;
}
#id_dlgActionPointInfo fieldset {
  float: none;
  display: inline-block;
}
/* Order */
.order-placement-container {
  margin: 20px auto;
  background: #f5f5f5;
  min-height: 50px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}
.order-placement-user-info {
  margin: 20px auto;
  background: #f5f5f5;
  padding: 10px;
  display: flex;
  border-radius: 15px;
}
.placement-list-delete {
  border-radius: 255px;
  background-color: #fff2f2;
  color: #c62928;
  font-size: 18px;
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 4px 0 hsla(0, 0%, 0%, 0.2);
}
.placement-list-delete:hover {
  cursor: pointer;
  transform: translateY(-3px);
  box-shadow: 0 5px 10px hsla(0, 0%, 0%, 0.2);
}
.placement-list-delete:hover::after {
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}
.order-placement-list-item {
  min-width: 10%;
  font-size: 14px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  background: white;
  height: 40px;
  margin-bottom: 20px;
  align-items: center;
  padding: 0 20px;
  box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.2);
}
.highlight-list-item {
  opacity: 1;
  border: 1px solid yellow;
  transform: scaleX(1.1) scaleY(1.1);
}
.order-placement-type-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
#edit-order-content .k-input.k-readonly {
  color: #364551;
}
#map-placement-buttons {
  position: absolute;
  z-index: 999;
  left: 20px;
  bottom: 50px;
}
#map-placement-buttons.map-placement-buttons-indented {
  left: 150px;
}
.map-placement-button {
  margin-right: 15px;
  height: 55px;
  min-width: 95px;
}
.map-placement-checkbox-area {
  background: #f0f0f0;
  padding: 5px;
  height: fit-content;
  margin-top: auto;
}
#rotate-order-attachment-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
  max-height: 500px;
}
.orderNumCircle {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 2px;
  border: 2px solid #666666;
  text-align: center;
  font: 12px Arial, sans-serif;
  display: inline-block;
  margin-top: -5px;
  margin-right: 3px;
  font-weight: bold;
}
.orderNumSquare {
  width: 16px;
  height: 16px;
  padding: 2px;
  border: 2px solid #666666;
  text-align: center;
  font: 12px Arial, sans-serif;
  display: inline-block;
  margin-top: -5px;
  margin-right: 3px;
  font-weight: bold;
}
.orderStatusCircle {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  padding-right: 1px;
  border: 2px solid #666666;
  text-align: center;
  font: 10px Arial, sans-serif;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
  vertical-align: middle;
}
.orderStatusSquare {
  width: 14px;
  height: 14px;
  padding-right: 1px;
  border: 2px solid #666666;
  text-align: center;
  font: 10px Arial, sans-serif;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.gridCellWarning {
  background-color: #ffff00 !important;
  color: black;
}
.grid-cell-red {
  background-color: rgba(205, 92, 92, 0.7) !important;
  color: black;
}
#create-order-flex-wrapper {
  display: flex;
  flex-grow: 1;
  margin-bottom: 20px;
}
#create-order-flex-wrapper > #create-order-flex-box {
  flex: 1 1 auto;
  columns: 250px;
  flex-grow: 2;
}
#create-order-flex-wrapper > #create-order-flex-box .form-group {
  height: 45px;
  break-inside: avoid;
}
#create-order-flex-wrapper > #create-order-flex-box .form-group-text-area {
  height: 110px;
  padding-right: 7px;
  break-inside: avoid;
}
#create-order-flex-wrapper > #create-order-flex-box .form-group-text-area .textarea-no-resize {
  resize: none;
}
#create-order-flex-wrapper > #create-order-flex-box .form-group-text-area .input-default {
  background-color: #ffffff;
  color: #000000;
}
#create-order-flex-wrapper > #create-order-flex-box .form-group-text-area .input-default:not(:focus) {
  background-color: #f5f5f5;
}
#create-order-time-management .form-group {
  height: 15px;
}
/* Must make sure the scroll to open order works */
#id_ordersActiveList .k-grid-content table {
  position: relative;
}
#id_searchActionPointTree {
  border: 1px solid #ebebe4;
  background: #ffffff;
}
.orderUploadAttachment {
  overflow-y: auto;
  z-index: 1;
  border: 1px solid #ebebe4;
  background: #ffffff;
  margin-left: 5px;
  margin-right: 10px;
  height: 350px;
  width: 465px;
}
#id_selectCalenderOrder .selectedCheck {
  display: none;
}
#id_selectCalenderOrder .k-state-selected .selectedCheck {
  display: block;
}
.orderCalenderSelectElement {
  margin-bottom: 1px;
  height: 49px;
}
/* Administration */
#administration-menu {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 15%;
  height: 100%;
  font-size: 120%;
  height: calc(100vh - 80px);
  overflow-y: auto;
}
#administration-content {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 84%;
}
#dlgAdministrationVehicleSwitchNumber {
  overflow: hidden;
}
.edit-user-password-field {
  font-size: 70%;
  min-height: 24px;
}
.filterGeographicFilterContainer {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.filterCategoryLabel {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.dlgAdministrationVehicleSwitchNumber-step {
  display: none;
  height: 40em;
  padding: 1em;
  vertical-align: top;
  width: 40em;
}
.dlgAdministrationVehicleSwitchNumber-step .vehicles {
  display: none;
  margin-top: 2em;
}
.dlgAdministrationVehicleSwitchNumber-step .k-dropdown {
  width: 100%;
}
.dlgAdministrationVehicleSwitchNumber-step .k-block {
  box-sizing: border-box;
  display: inline-block;
  width: 19.8em;
}
.dlgAdministrationVehicleSwitchNumber-step .k-block .k-textbox,
.dlgAdministrationVehicleSwitchNumber-step .k-block .k-dropdown {
  margin-bottom: 1em;
  width: 100%;
}
.dlgAdministrationVehicleSwitchNumber-step .k-block ul {
  list-style: none;
  margin: 0;
  padding: 0.5em;
}
.dlgAdministrationVehicleSwitchNumber-step .k-block ul li {
  margin: 1em 0 0 0;
  padding: 0;
}
.dlgAdministrationVehicleSwitchNumber-step .k-block ul li .k-block {
  width: 100%;
}
.dlgAdministrationVehicleSwitchNumber-step .k-block ul li .vehicle-new-number {
  display: block;
  vertical-align: middle;
  font-size: 200%;
}
.dlgAdministrationVehicleSwitchNumber-step .k-block ul li .vehicle-existing-number {
  display: block;
  vertical-align: middle;
  font-size: 150%;
}
.dlgAdministrationVehicleSwitchNumber-step .k-block .k-header {
  text-indent: 0.5em;
}
.dlgAdministrationVehicleSwitchNumber-step .k-block .k-header span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
#dlgAdministrationVehicleSwitchNumber-to-new .k-block .fields {
  padding: 0.5em;
}
.administration-buttons-container {
  text-align: right;
  vertical-align: bottom;
}
.administration-buttons-container .k-button {
  margin: 0 0.25em 0 0.25em;
}
.administration-buttons-container .k-button:first-of-type {
  margin-left: 0;
}
.administration-buttons-container .k-button:last-of-type {
  margin-right: 0;
}
.administration-map-layers-container .tab-content {
  height: 100%;
  overflow: auto;
}
.vehicle-prices-dialog .k-header {
  text-indent: 0.5em;
}
.block-content {
  box-sizing: border-box;
  padding-left: 0.3em;
  color: #1d2c38;
}
.editTemplatePage {
  height: 500px !important;
  padding-top: 10px !important;
}
.editFilterPage {
  height: 570px !important;
  padding-top: 10px !important;
}
.roadLinksListContainer {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}
.roadLinksListContainerInner {
  margin-right: 5px;
}
.addressHistoryRoadLinkButtons {
  margin-bottom: 5px;
}
.addressHistoryListContainer {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}
.addressHistoryListContainerInner {
  margin-right: 5px;
}
.orderCustomerAcceptanceBody {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.orderCustomerAcceptanceRequestsMenuBar {
  height: 60px;
  text-align: center;
}
.orderCustomerAcceptanceRequestsBottomBar {
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.orderCustomerAcceptanceRequestsDivider {
  background: #ffcb4e;
  height: 10px;
}
.orderCustomerAcceptanceRequestsWrapper {
  height: 100%;
  z-index: 11000;
  background: white;
}
.orderCustomerAcceptanceRequestsHeader {
  color: black;
  font-size: xx-large;
  display: inline-block;
  margin: 0 auto;
}
.orderCustomerAcceptanceRequestsContentWrapper {
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.orderCustomerAcceptanceRequestsContent {
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  width: 998px;
}
.orderCustomerAcceptanceRequestsLabel {
  float: left;
}
.orderCustomerAcceptanceRequestsWideData {
  margin: 0 0 5px 70px;
  min-height: 13px;
}
.orderCustomerAcceptanceRequestsWideData span {
  text-overflow: ellipsis;
  display: block;
  max-width: 230px;
  overflow: hidden;
  max-height: 13px;
  white-space: nowrap;
}
.orderCustomerAcceptanceRequestsNoDataFound {
  height: 300px;
}
.orderCustomerAcceptanceRequestsNoDataFoundText {
  color: #aaaaaa;
  text-shadow: 0px 2px 3px #ffffff;
  text-align: center;
  font-size: 32px;
  position: relative;
  top: 40%;
}
.vehicleAdminEditVehicleCheckBox {
  display: inline;
  width: 15px;
  margin: 0;
  margin: 5px 0 10px 0px;
}
.orderFieldset {
  width: 97%;
}
#followup-collect-column-1 {
  display: inline-block;
  width: calc(20% - 10px);
  vertical-align: top;
  margin-right: 10px;
}
#followup-collect-column-2 {
  display: inline-block;
  width: 44%;
  vertical-align: top;
}
#followup-collect-column-3 {
  display: inline-block;
  width: calc(34% - 10px);
  vertical-align: top;
  margin-left: 10px;
}
#order-active-vehicle-mtrl-rule-columns-wrapper {
  display: flex;
  flex-direction: row;
  column-gap: 1.5rem;
}
.order-active-vehicle-mtrl-rule-column1 {
  flex: 2;
  min-width: 150px;
}
.order-active-vehicle-mtrl-rule-column2 {
  flex: 3;
  min-width: 200px;
}
#edit-filter-zone-list {
  max-width: 300px;
}
.administrationVehicleAdvancedSettingInput {
  width: 255px;
}
.materialLoadsSearchGrids {
  width: 32.8%;
  display: inline-block;
  box-sizing: border-box;
  text-align: left;
}
.actionPointSearchFilterElement,
.mission-search-filter-element {
  display: inline-flex;
  box-sizing: border-box;
  text-align: left;
}
.actionPointSearchFilterElement > .setting,
.mission-search-filter-element > .setting {
  margin-left: 15px;
}
.actionPointSearchFilterElement > .label,
.mission-search-filter-element > .label {
  margin-top: 5px;
}
.darkOverlay {
  background-color: #f0f0f0;
  opacity: 0.5;
  z-index: 10000;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.scrollY {
  overflow-y: auto !important;
}
.ol-attribution {
  display: none;
}
#id_mousePositionOverlay {
  position: absolute;
  bottom: 30px;
  right: 5px;
  width: 500px;
  z-index: 10000;
}
#id_scaleLineOverlay {
  position: absolute;
  bottom: -4px;
  z-index: 10000;
}
.mousePositionGoogleMapsOverlay {
  bottom: 40px !important;
}
.mousePositionSatelliteOverlay {
  color: white;
}
.scaleLineGoogleMapsOverlay {
  left: 65px !important;
}
.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex1 {
  flex: 1;
}
.flex2 {
  flex: 2;
}
.flex-grow-1 {
  flex-grow: 1;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-right {
  justify-content: right;
}
.not-selectable {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.text-selectable {
  user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -o-user-select: text;
}
#work-order-plan-grid .k-detail-cell {
  padding-bottom: 30px;
  padding-top: 15px;
}
#work-order-plan-grid tr td {
  border-bottom: 1px solid #ebebe4;
}
#order-collect-column-1 {
  display: inline-block;
  width: calc(20% - 10px);
  vertical-align: top;
  margin-right: 10px;
}
#order-collect-column-2 {
  display: inline-block;
  width: 44%;
  vertical-align: top;
}
#order-collect-column-3 {
  display: inline-block;
  width: calc(34% - 10px);
  vertical-align: top;
  margin-left: 10px;
}
.right-align-content input {
  text-align: right !important;
}
#id_VMFollowupPatrolSearchResult th {
  background-color: #dadada;
}
.followupPatrolTableSumColumn {
  background-color: #eeeeee;
}
#dahl-distribution-planning-wrapper .k-pane .k-pane .dahlDistributionPlanningPaneWrapper,
#dahl-long-distance-truck-planning-wrapper .k-pane .k-pane .dahlLongDistanceTruckPlanningPaneWrapper {
  padding: 5px;
}
#dahl-distribution-planning-wrapper .k-i-hbar,
#dahl-long-distance-truck-planning-wrapper .k-i-hbar {
  width: 20px;
  height: 2px;
}
#dahl-distribution-planning-wrapper .k-i-vbar,
#dahl-long-distance-truck-planning-wrapper .k-i-vbar {
  width: 2.5px;
  height: 20px;
}
#dahl-distribution-planning-wrapper #header-info-area .k-picker-wrap {
  width: 75px !important;
}
#dahl-distribution-planning-wrapper #planning-date-span {
  position: absolute;
  top: 3px;
  left: 8px;
  font-size: 10pt;
}
.dahlDistributionPlanningCoordinateField {
  width: 220px;
  background-color: whitesmoke;
}
.dahlDistributionPlanningGridTitle,
.dahlLongDistanceTruckPlanningGridTitle {
  padding: 6px 3px;
  width: 150px;
  float: left;
}
#finish-dialog-wrapper .toolbar .k-button {
  margin: 2px 1px 4px 0.4em;
  padding: 4px 0px;
  width: 30px;
  min-width: initial;
  color: #1d2c38;
  background-color: #fafafa;
  border-color: #fafafa;
  box-shadow: none;
}
#finish-dialog-wrapper .toolbar button:hover {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.gridCheckbox {
  padding: 2px;
}
.gridCheckbox input[type=checkbox] {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 3px 0;
  display: inline-block !important;
  background-color: #fafafa;
}
.gridCheckbox input[type=checkbox]:focus,
.gridCheckbox input[type=checkbox]:hover {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: none !important;
  outline-offset: -2px !important;
}
.gridCheckbox input[type=checkbox]:checked {
  background-color: #f2d357;
  color: rgba(0, 0, 0, 0.5);
}
.bigArrowsSplitter .k-splitbar.k-splitbar-horizontal .k-i-arrow-60-left,
.bigArrowsSplitter .k-splitbar.k-splitbar-horizontal .k-i-arrow-60-right {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.bigArrowsSplitter .k-splitbar.k-splitbar-horizontal .k-i-arrow-60-right {
  left: -5px;
}
.bigArrowsSplitter .k-splitbar.k-splitbar-horizontal .k-i-arrow-60-left {
  right: -5px;
}
.stylizedSplitter {
  border: none;
}
.stylizedSplitter .k-splitbar {
  background-color: #f2d357;
  border-color: rgba(0, 0, 0, 0.15);
}
.stylizedSplitter .k-splitbar.k-splitbar-vertical {
  height: 7px;
}
.stylizedSplitter .k-splitbar.k-splitbar-vertical-hover,
.stylizedSplitter .k-splitbar.k-splitbar-horizontal-hover {
  background-color: #1d2c38;
}
.stylizedSplitter .k-splitbar .k-resize-handle {
  background-color: #1d2c38;
  width: 35px;
  height: 5px;
}
.stylizedSplitter .k-splitbar.k-splitbar-vertical-hover > .k-resize-handle {
  background-color: #f2d357;
}
.stylizedSplitter .k-splitbar .k-i-arrow-60-up,
.stylizedSplitter .k-splitbar .k-i-arrow-60-down {
  color: #1d2c38;
}
.stylizedSplitter .k-splitbar.k-splitbar-vertical-hover > .k-i-arrow-60-up,
.stylizedSplitter .k-splitbar.k-splitbar-vertical-hover > .k-i-arrow-60-down {
  color: #f2d357;
}
.stylizedSplitter .k-splitbar .k-i-arrow-60-up,
.stylizedSplitter .k-splitbar .k-i-arrow-60-down {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.stylizedSplitter .k-splitbar .k-i-arrow-60-up {
  top: -5px;
  margin-left: -25px;
}
.stylizedSplitter .k-splitbar .k-i-arrow-60-down {
  top: -4px;
  margin-left: 40px;
}
.buttonMenuWrapper {
  position: relative;
  display: inline-block;
}
.buttonMenuWrapper .buttonMenu {
  z-index: 99;
  position: absolute;
  top: 28px;
  left: 0px;
  display: none;
}
.buttonMenuWrapper .buttonMenu ul {
  list-style: none;
  padding-inline-start: unset;
  margin-block-start: unset;
}
.buttonMenuWrapper .buttonMenu ul button {
  margin: 1px;
}
.buttonMenuWrapper .buttonMenu ul li {
  margin: 1px;
  background-color: rgba(225, 225, 225, 0.3);
}
.buttonMenuWrapper .fa-filter-slash {
  width: 14px;
}
.dahlComment textarea {
  border-radius: 0.4em;
}
.dropDownWithIcons .k-input {
  text-indent: 0;
}
.freightFlowCommentButton,
.truckLoadCommentButton,
.truckLoadStatusButton {
  width: 20px;
  float: right;
  cursor: pointer;
}
.dahlLongDistanceTruckPlanningConnectedTruckLoadCell {
  border-width: 1px 0px 1px 0px !important;
  border-style: solid !important;
  border-color: rgba(225, 225, 225, 0.75) !important;
}
.dahlDistributionPlanningGridSumMarked {
  padding: 3px;
}
#dahl-filter-route-groups-wrapper {
  max-height: 290px;
  overflow-y: auto;
  margin-bottom: 10px;
}
#dahl-filter-route-groups {
  border: none;
  padding: 1px;
}
.dahl-filter-route-group-item {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 5px;
  margin: 10px;
  box-shadow: 0 2px 4px 0 hsla(0, 0%, 0%, 0.2);
}
.dahl-filter-route-group-item-header {
  display: flex;
  justify-content: space-between;
}
.dahl-filter-route-group-item-header-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 80%;
}
.dahl-filter-route-group-item-header .k-button {
  padding: 2px 4px;
}
.dahl-filter-route-group-item-routes {
  display: flex;
  flex-wrap: wrap;
}
.dahl-filter-route-group-route {
  margin-right: 6px;
  margin-top: 8px;
  background: #B0C4DE;
  border-radius: 5px;
  padding: 3px;
}
.fullWidthColorPicker .k-colorpicker {
  width: 100%;
}
.fullWidthColorPicker .k-selected-color {
  width: 100%;
}
#truck-loads-grid .k-button {
  min-width: initial;
  width: 30px;
}
#truck-loads-grid .fa {
  font-weight: 400;
}
#truck-loads-grid .truck-load-can-be-closed {
  font-weight: 900;
}
#header-info-area .fa {
  font-weight: 400;
}
.dahlTruckLoadColorSquare {
  height: 20px;
  width: 20px;
}
.dahlDistributionPlanningHeaderButton span {
  font-size: 8pt;
}
.truckLoadProgressBar,
.routeProgressBar,
.freightFlowOrderProgressBar,
.freightFlowWeightProgressBar,
.freightFlowVolumeProgressBar,
.truckLoadOrderLineProgressBar,
.truckLoadParcelProgressBar,
.truckLoadWeightProgressBar,
.truckLoadVolumeProgressBar {
  width: 98%;
}
.progressBarCell .k-progress-status,
.progressBarCell span {
  text-align: center;
  color: #fafafa;
}
.progressBarCell .selectedStatusEndText {
  color: #1d2c38;
}
.progressBarCell .k-progressbar {
  background-color: #1d2c38;
  border-color: #1d2c38;
}
.progressBarCell .k-progressbar .k-state-selected {
  background-color: rgba(239, 141, 49, 0.8);
  border-color: rgba(239, 141, 49, 0.8);
}
.progressBarCell .k-progressbar .exceededProgressBar {
  background-color: #c62928;
  border-color: #c62928;
}
.k-grid td:has(.highlightGridCell) {
  background-color: #c62928 !important;
  border-color: #c62928 !important;
  color: #fafafa !important;
}
.k-grid tr .highlightGridCell {
  background-color: #c62928;
  border-color: #c62928;
  color: #fafafa;
}
.k-grid tr.k-state-selected:hover .highlightGridCell {
  background-color: #c62928;
  border-color: #c62928;
  color: #fafafa;
}
.fa-rotate-45 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fa-rotate-315 {
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}
.orderMarkedCheckBox,
.routeMarkedCheckBox {
  margin-top: 4px;
}
#suggested-truck-load-area {
  float: right;
}
#suggested-truck-load-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toggleButtonRight {
  min-width: 85px !important;
  margin-left: -7px !important;
  border-radius: 0px 7px 7px 0px !important;
}
.toggleButtonLeft {
  min-width: 85px !important;
  margin-left: -7px !important;
  border-radius: 7px 0px 0px 7px !important;
}
.toggleButtonCenter {
  min-width: 85px !important;
  margin-left: -7px !important;
}
::-ms-clear {
  display: none;
}
/*Kendo buttons*/
.small-buttons-grid .k-button {
  width: 25px !important;
  min-width: 0px !important;
}
.medium-buttons-grid .k-button {
  width: 77px !important;
  min-width: 70px !important;
}
.left-floating-icon .k-button .k-icon {
  float: left;
  margin: 2px;
}
/*Kendo panelbars*/
.k-panelbar .k-panelbar-expand,
.k-panelbar .k-panelbar-collapse {
  visibility: hidden !important;
}
.k-panelbar .k-content {
  background-color: #eeeeee;
}
.k-panelbar > li.k-item {
  background-color: #eeeeee;
}
.no-edit-button-grid .k-grid-edit {
  display: none !important;
}
/* Kendo editor dialog */
div.k-edit-form-container {
  width: auto;
}
.vmWorkOrderPrognosisTable td {
  font-size: 10px !important;
}
#id_mapDisconnectedMessage {
  margin: 10px;
  font-size: 14px;
}
#dahl-distribution-followup-wrapper #header-area .k-radio-label {
  margin: 3px;
}
.dahlDistributionFollowupPanelWrapper {
  padding: 7px;
}
.dahlDistributionFollowupPanelWrapper #gradientShadowBoxOrderHistory {
  position: relative;
  height: calc(100% - 20px);
}
.dahlDistributionFollowupPanelWrapper #gradientShadowBoxOrderHistory .bm-form {
  float: left;
  width: 365px;
  overflow: auto;
}
.dahlDistributionFollowupPanelWrapper #gradientShadowBoxOrderHistory .data-item {
  margin-top: 5px;
}
.dahlDistributionFollowupPanelWrapper #gradientShadowBoxOrderHistory #address-type-toggle-btn-wrapper {
  margin-left: 7px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.dahlDistributionFollowupPanelWrapper #gradientShadowBoxOrderHistory #order-Pickup-Adress .data-item,
.dahlDistributionFollowupPanelWrapper #gradientShadowBoxOrderHistory #order-Delivery-Address .data-item {
  margin-bottom: 15px;
}
.dahlDistributionFollowupPanelWrapper #gradientShadowBoxOrderHistory .rowh {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
}
.dahlDistributionFollowupPanelWrapper #gradientShadowBoxOrderHistory .order-Pickup-Adress {
  display: none;
}
.dahlDistributionFollowupPanelWrapper #gradientShadowBoxOrderHistory .grid_flex {
  float: right;
  width: calc(100% - 370px);
}
#dahl-distribution-planning-search-order-list {
  width: 330px !important;
  left: -115px !important;
}
#dahl-distribution-planning-search-order-list ul > li:not(:last-child) {
  border-bottom: 1px solid black;
}
#dahl-blocked-recipients-administration-view .k-button.k-grid-edit {
  display: none;
}
#dahl-order-services-count {
  width: 15px;
  height: 15px;
  float: right;
  margin-right: calc(100% - 120px);
  margin-top: 4px;
  border: 1px solid;
  border-radius: 8px;
  text-align: center;
  line-height: 11pt;
}
.percentManualInputBox {
  width: 50px !important;
  display: inline-block !important;
}
.rebate-row-input {
  width: 90px;
  border: none;
}
.tooltip-image {
  max-height: 200px;
  max-width: 200px;
}
.info-circle {
  margin-left: 5px;
  color: #0D6EBE;
}
#fcd-view .col-md-2 {
  min-width: 150px;
}
#map-custom-icon-overlay {
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 910;
  font-size: 19px;
}
.map-controller {
  background-color: rgba(247, 247, 247, 0.66);
  border-radius: 2px;
}
.map-controller-header {
  display: flex;
  background-color: rgba(214, 214, 214, 0.44);
}
.map-controller-content {
  color: black;
  padding: 10px;
}
.map-controller-button-group {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}
.map-controller-button-group > button {
  margin-right: 10px;
}
.map-controller-button-info {
  margin-right: auto;
  margin-left: 10px;
  color: #1d2c38;
  align-self: center;
  cursor: pointer;
}
.map-controller-button-save-active {
  color: white;
  background-color: #0D6EBE;
}
.map-controller-nav-button {
  color: #1d2c38;
  font-size: 22px;
  padding: 8px;
}
.map-controller-nav-button > i {
  padding: 5px;
  border-radius: 4px;
}
.map-controller-nav-button:hover {
  cursor: pointer;
}
.map-controller-nav-button:hover > i {
  background-color: rgba(29, 44, 56, 0.75);
}
.map-controller-nav-button-selected > i {
  background-color: #1d2c38;
  color: #fff;
}
.map-controller-nav-button-end {
  margin-left: auto;
}
.map-controller-form-label {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
}
.road-settings-values {
  font-size: 12px;
}
.road-settings-help-text {
  font-size: 11px;
  font-style: italic;
  margin-top: 10px;
}
.road-settings-blocked-directions-button {
  margin-right: 10px;
}
.road-settings-blocked-directions-button-group {
  margin-top: 10px;
}
#road-settings-block-multiple-directions {
  background: #CD5C5C;
  color: white;
}
#road-settings-map-controller,
#fcd-map-controller {
  display: block;
  top: 8px;
  left: 35px;
  max-height: 220px;
  width: 350px;
}
#road-settings-map-controller > h1,
#fcd-map-controller > h1,
#road-settings-map-controller > h2,
#fcd-map-controller > h2,
#road-settings-map-controller > h3,
#fcd-map-controller > h3,
#road-settings-map-controller > h4,
#fcd-map-controller > h4,
#road-settings-map-controller > h5,
#fcd-map-controller > h5 {
  text-shadow: none;
}
#road-settings-map-controller .mapBackgroundBox,
#fcd-map-controller .mapBackgroundBox {
  width: 100%;
}
#road-settings-map-controller > .mapRoadDataItemsWrapper,
#fcd-map-controller > .mapRoadDataItemsWrapper {
  height: auto;
}
#road-settings-map-controller .k-label,
#fcd-map-controller .k-label {
  color: #ffffff;
}
#road-settings-map-controller .ui-slider,
#fcd-map-controller .ui-slider {
  margin: 10px;
}
#road-settings-map-controller .mapObjMinimize2,
#fcd-map-controller .mapObjMinimize2 {
  float: right;
}
#road-settings-map-controller .mapRoadDataWrapper,
#fcd-map-controller .mapRoadDataWrapper {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #313131;
  opacity: 0.75;
  border: 1px solid #333333;
}
#road-settings-map-controller .ui-widget-header,
#fcd-map-controller .ui-widget-header {
  background-color: #47aeff;
  border: 1px solid #47aeff;
}
#fcd-map-controller.mapListContainer {
  color: #ffffff;
}
#road-settings-map-controller.minimized,
#fcd-map-controller.minimized {
  width: 200px;
}
#road-settings-map-controller.minimized .mapRoadDataWrapper,
#fcd-map-controller.minimized .mapRoadDataWrapper,
#road-settings-map-controller.minimized .header,
#fcd-map-controller.minimized .header,
#road-settings-map-controller.minimized .header *,
#fcd-map-controller.minimized .header * {
  display: block;
}
#road-settings-map-controller.minimized *,
#fcd-map-controller.minimized * {
  display: none;
}
.dahl-store-checklists-day-row {
  width: 100%;
  padding: 5px;
  font-size: larger;
  cursor: pointer;
}
.dahl-store-checklists-day-row > span {
  margin-right: 50px;
  margin-top: 3px;
}
.dahl-checklist-task-progressbar {
  float: left;
  width: 150px;
  height: 20px;
}
.dahl-checklist-task-row-label {
  margin-left: 20px;
  font-size: smaller;
}
.dahl-checklist-month-row-label {
  float: left;
  margin: -31px 0 0 120px;
  color: #e50000;
  font-size: small;
}
.order-field-info {
  background-color: lightyellow !important;
  margin-right: 3px;
}
.order-field-info .k-dropdown-wrap {
  background-color: lightyellow !important;
}
.overflowEllipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
}
.warning-area {
  background-color: #ffc10787;
  padding: 0.5em 1em;
  margin: 3px;
  border-radius: 5px;
}
.error-area {
  background-color: #c62928;
  color: white;
  padding: 0.5em 1em;
  margin: 3px;
  border-radius: 5px;
}
.return-value {
  background-color: #a0a0a070;
}
.pallet-type-broken {
  background-color: #ff111170;
  color: #ffffff;
}
/* Make filter buttons in kendo grids darker when they are active*/
.k-grid-filter.k-state-active {
  background-color: #494949;
  border-color: #8e8e8e;
}
.k-grid-filter.k-state-active .k-icon.k-i-filter {
  color: #f5f5f5;
}
.k-header .k-grid-header th.remove-bottom-border,
.k-grid-header th.remove-bottom-border {
  border-bottom-width: 0px;
}
.k-grid .k-header .k-button.k-state-selected {
  background-color: #f2d357;
  border-color: #f2d357;
}
#dahlDistributionPlanningMarkOrdersInMapBtn.k-state-selected {
  background-color: #f2d357;
  border-color: #f2d357;
}
#dahl-return-order-grid-wrapper .k-state-selected {
  background-color: #f2d357;
  border-color: #f2d357;
}
span.k-window-title {
  padding-right: 3em;
}
.maintenance-objects-treeview-wrapper,
.route-groupes-treeview-wrapper,
.route-generator-grid-wrapper {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.maintenance-objects-grid-wrapper,
.routes-grid-wrapper {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: calc(100% - 360px);
}
/* ----- Maintenance object view ------ */
.maintenance-objects-treeview-area-wrapper,
.route-groupes-treeview-area-wrapper {
  width: 350px;
  height: 100%;
  float: left;
  margin-right: 10px;
}
#action-point-tree-edit-nodes,
#maintenance-objects-treeview,
#report-maintenance-objects-treeview {
  background: #ffffff;
}
.maintenance-object-color-rectangle {
  border: black;
  border-width: 2px;
  border-style: solid;
  margin-right: 5px;
  display: inline-block;
  float: left;
  height: 14px;
  width: 20px;
}
#maintenance-object-edit-multiple-dialog .stylizedFieldset {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.toggled-button {
  border-color: #f2d357 !important;
}
/* ----- Environment view ----- */
#environment-fuel-type-grid-wrapper .k-grid .k-grid-header .k-header {
  height: auto;
  white-space: normal;
  vertical-align: top;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media print {
  .menuBar,
  .splitter1,
  .k-splitbar,
  .olControlLayerSwitcher,
  .olControlPanZoomBar,
  .mapObjectsButton,
  #id_GoogleMapsButton,
  #id_PrintMapButton,
  #id_ExportMapToPdfButton,
  .minusIcon,
  .mapObjCheckbox,
  .mapObjRemoveButton,
  .k-button {
    display: none;
  }
  .splitter2 {
    left: 0 !important;
    width: 100% !important;
  }
  #id_mapObjectsListContainer,
  #id_mapToolsListContainer,
  #id_mapRoadDataContainer,
  #id_mapRoadWeatherContainer,
  #id_mapLayersListContainer,
  #id_mapStatusLayerContainer {
    display: none;
    position: relative;
  }
  .mapObjBackgroundBox {
    background: #fff;
    border: 0;
  }
  .mapObjWrapper {
    color: #000;
  }
}
/* Routes */
#route-section-grid-container .k-icon.k-i-arrow-60-down {
  color: white;
}
#route-section-grid-container .k-i-check {
  color: white !important;
}
#route-section-grid-container .k-grid-update {
  background-color: #364551 !important;
}
.clear-input-button {
  padding: 2px;
  border-radius: 10px;
  font-size: 9px;
  position: relative;
  left: -17px;
  box-shadow: none;
}
#user-exists-error-message,
#user-archived-error-message,
#no-connections-exists-error-message,
#long-distance-truck-loads-not-finished {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  padding: 2px;
  min-height: 23px;
  display: none;
}
#user-exists-error-message > *,
#user-archived-error-message > *,
#no-connections-exists-error-message > *,
#long-distance-truck-loads-not-finished > * {
  float: right;
  color: red;
}
div.k-animation-container {
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4) !important;
}
.bm-form {
  width: 100%;
  box-sizing: border-box !important;
  max-height: 200em;
  height: 100%;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.bm-form .form-main-area {
  overflow: auto;
  height: calc(100% - 50px);
  padding-right: 5px;
}
.bm-form .form-main-area.h-100 {
  height: 100%;
}
.bm-form .form-main-area.flex > div {
  margin-right: 25px;
}
.bm-form .form-main-area.flex > div:last-child {
  margin-right: 0;
}
.bm-form label,
.bm-form .k-grid .k-grid-header th.k-header > span {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
}
.bm-form label,
.bm-form .k-checkbox-label {
  margin: 2px 2px 2px 0;
}
.bm-form input {
  margin: 1px;
}
.bm-form input,
.bm-form input.k-textbox,
.bm-form .k-textarea,
.bm-form textarea,
.bm-form input.k-input,
.bm-form div.k-multiselect-wrap,
.bm-form div.k-combobox-wrap,
.bm-form .k-dropdown-wrap {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 3px 0;
}
.bm-form input:focus,
.bm-form input.k-textbox:focus,
.bm-form .k-textarea:focus,
.bm-form textarea:focus,
.bm-form input.k-input:focus,
.bm-form div.k-multiselect-wrap:focus,
.bm-form div.k-combobox-wrap:focus,
.bm-form .k-dropdown-wrap:focus,
.bm-form input:hover,
.bm-form input.k-textbox:hover,
.bm-form .k-textarea:hover,
.bm-form textarea:hover,
.bm-form input.k-input:hover,
.bm-form div.k-multiselect-wrap:hover,
.bm-form div.k-combobox-wrap:hover,
.bm-form .k-dropdown-wrap:hover {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: none !important;
  outline-offset: -2px !important;
}
.bm-form .k-datetimepicker,
.bm-form .k-datepicker,
.bm-form .k-timepicker,
.bm-form .k-dropdowntree {
  box-sizing: border-box;
  margin: 3px 1rem 0.2rem 0;
  display: block;
}
.bm-form .k-datetimepicker .k-picker-wrap > input,
.bm-form .k-datepicker .k-picker-wrap > input,
.bm-form .k-timepicker .k-picker-wrap > input,
.bm-form .k-dropdowntree .k-picker-wrap > input,
.bm-form .k-datetimepicker .k-picker-wrap > input:focus,
.bm-form .k-datepicker .k-picker-wrap > input:focus,
.bm-form .k-timepicker .k-picker-wrap > input:focus,
.bm-form .k-dropdowntree .k-picker-wrap > input:focus,
.bm-form .k-datetimepicker .k-picker-wrap > input:hover,
.bm-form .k-datepicker .k-picker-wrap > input:hover,
.bm-form .k-timepicker .k-picker-wrap > input:hover,
.bm-form .k-dropdowntree .k-picker-wrap > input:hover {
  box-shadow: 0px 0px 0px black;
  border: 0px;
  margin: 0px;
}
.bm-form .k-datetimepicker .k-picker-wrap,
.bm-form .k-datepicker .k-picker-wrap,
.bm-form .k-timepicker .k-picker-wrap,
.bm-form .k-dropdowntree .k-picker-wrap {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.bm-form .k-datetimepicker .k-picker-wrap > span,
.bm-form .k-datepicker .k-picker-wrap > span,
.bm-form .k-timepicker .k-picker-wrap > span,
.bm-form .k-dropdowntree .k-picker-wrap > span {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.bm-form .k-datetimepicker .k-picker-wrap > span > span.k-link-date,
.bm-form .k-datepicker .k-picker-wrap > span > span.k-link-date,
.bm-form .k-timepicker .k-picker-wrap > span > span.k-link-date,
.bm-form .k-dropdowntree .k-picker-wrap > span > span.k-link-date {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.bm-form .k-numerictextbox {
  box-sizing: border-box;
  margin: 3px 1rem 0.2rem 0;
  display: block;
}
.bm-form .k-numerictextbox .k-picker-wrap > input,
.bm-form .k-numerictextbox .k-picker-wrap > input:focus,
.bm-form .k-numerictextbox .k-picker-wrap > input:hover {
  box-shadow: 0px 0px 0px black;
  border: 0px;
  margin: 0px;
}
.bm-form .k-numerictextbox .k-picker-wrap {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.bm-form .k-numerictextbox .k-picker-wrap > span {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.bm-form .k-numerictextbox .k-picker-wrap > span > span.k-link-date {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.bm-form .k-numerictextbox .k-numeric-wrap {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.bm-form .k-numerictextbox .k-numeric-wrap > input,
.bm-form .k-numerictextbox .k-numeric-wrap > input:focus,
.bm-form .k-numerictextbox .k-numeric-wrap > input:hover {
  box-shadow: 0px 0px 0px black;
  border: 0px;
  margin: 0px;
}
.bm-form .k-numerictextbox .k-numeric-wrap > span {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.bm-form .k-numerictextbox .k-numeric-wrap > span > span.k-link-date {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.bm-form .k-picker-wrap:focus,
.bm-form .k-picker-wrap:hover {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.bm-form .k-textbox {
  border-radius: 2px;
  display: block;
  box-sizing: border-box !important;
  width: 100%;
}
.bm-form textarea {
  width: 100%;
}
.bm-form input[type=checkbox] {
  display: inline-block !important;
}
.bm-form input[type="checkbox"]:checked {
  background-color: #f2d357;
  color: rgba(0, 0, 0, 0.5);
}
.bm-form span.k-widget.k-colorpicker {
  float: right;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15) !important;
  margin-top: 3px;
  margin-bottom: 8px;
}
.bm-form span.k-dropdown {
  display: block !important;
  box-sizing: border-box !important;
  width: 100%;
  margin-top: 3px;
  margin-bottom: 8px;
}
.bm-form div.k-multiselect {
  margin-top: 3px;
}
.bm-form fieldset {
  width: calc(100% - 12px);
}
.bm-form .form-group {
  margin-bottom: 1em;
  min-height: 23px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box !important;
}
.bm-form .form-group .k-widget.k-tooltip-validation {
  position: absolute;
  top: 1px;
  right: 2px;
  width: auto;
}
.bm-form .form-group .k-widget.k-tooltip-validation.k-invalid-msg.field-validation-error {
  bottom: 2px;
  right: -1px;
  height: 18px;
  top: initial;
}
.bm-form .row {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}
.bm-form .row > div {
  margin-right: 0.8rem;
  flex: auto;
}
.bm-form .form-border {
  clear: both;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  min-height: 23px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  padding: 2px;
  box-sizing: border-box !important;
}
.bm-form .form-border > * {
  margin-left: 2px;
  margin-right: 2px;
}
.bm-form .form-border .form-group {
  margin-bottom: 4px;
}
.bm-form .form-upload-group img {
  float: right;
  max-width: 15em;
}
.bm-form .form-upload-group input {
  margin-right: 4px;
}
.bm-form .k-combobox li {
  margin: 2px 2.5px;
  padding: 5px 20px 5px 5px;
  line-height: 1em;
  min-height: calc(1.7em + 2px);
  float: left;
  position: relative;
  border: 0px;
}
.bm-form .k-combobox input,
.bm-form .k-combobox input.k-input {
  box-shadow: none;
  border: 0px;
  line-height: 1em;
}
.bm-form .k-combobox input:hover,
.bm-form .k-combobox input:hover.k-input {
  box-shadow: none;
  border: 0px;
}
.bm-form .k-multiselect-wrap li {
  margin: 2px 2.5px;
  padding: 5px 20px 5px 5px;
  line-height: 1.5em;
  min-height: calc(1.7em + 2px);
  float: left;
  position: relative;
  border: 0px;
}
.bm-form .k-multiselect-wrap input,
.bm-form .k-multiselect-wrap input.k-input {
  box-shadow: none;
  border: 0px;
}
.bm-form .k-multiselect-wrap input:hover,
.bm-form .k-multiselect-wrap input:hover.k-input {
  box-shadow: none;
  border: 0px;
}
.bm-form .k-grid {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.bm-form .k-grid input {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.bm-form .k-grid .hidden-content input {
  display: none !important;
}
.bm-form .k-grid button,
.bm-form .k-grid .k-button {
  margin: 2px;
  padding: 4px 6px;
}
.bm-form #sensor-data-series-grid th.k-header:not([data-field]) {
  text-align: left;
}
.bm-form #sensor-data-series-grid td[role="gridcell"]:not([data-field]) {
  text-align: left;
}
.bm-form .hidden-content * {
  visibility: hidden;
}
.bm-form button,
.bm-form button.k-button:not(.k-upload-action) {
  margin: 2px 1px 4px 0.4em;
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  min-width: 5em;
}
.bm-form button.small-button,
.bm-form button.k-button:not(.k-upload-action).small-button {
  padding: 0.25em 0.5em 0.25em 0.5em;
  min-width: auto;
}
.bm-form button.transparent-hover-button,
.bm-form button.k-button:not(.k-upload-action).transparent-hover-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.bm-form button.transparent-hover-button:hover,
.bm-form button.k-button:not(.k-upload-action).transparent-hover-button:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.bm-form button:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.bm-form .k-treeview {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  overflow: scroll;
  height: 230px;
}
.bm-form .k-treeview .k-in {
  border: none;
  user-select: none;
}
.bm-form .k-tabstrip-left .k-item.k-state-hover {
  background-color: #c4c4c4;
  border-color: #c4c4c4;
}
.bm-form .k-tabstrip-left .k-item.k-state-active {
  background-color: #f2d357;
  margin-right: 0px;
}
.bm-form .k-multiselect-wrap {
  border: none;
}
.bm-form .k-autocomplete {
  width: 100%;
  background: unset;
  border: unset;
  box-shadow: unset;
}
.bm-form .k-autocomplete .k-input {
  width: calc(100% - 6px);
  border-radius: 2px;
  display: block;
}
.bm-form .button-group {
  margin: 2px;
  text-align: center;
  position: absolute;
  bottom: 7px;
  right: 15px;
}
.bm-form .input-with-btn-wrapper {
  display: flex;
}
.bm-form .input-with-btn-wrapper > input {
  margin: 3px 0.3rem 0.2rem 0;
  flex: 4;
}
.bm-form .input-with-btn-wrapper > button {
  flex: 1;
  margin: 3px 0 0.2rem 0;
  align-self: stretch;
}
.bm-form .input-with-btn-wrapper.right-adjusted {
  justify-content: flex-end;
}
.bm-form .input-with-btn-wrapper.widget-input button {
  flex: initial;
  height: 27px;
}
.bm-form .input-with-btn-wrapper.widget-input .k-widget {
  height: 26px;
}
.bm-form .input-with-btn-wrapper.widget-input .k-widget .k-state-default {
  height: 24px;
}
.bm-form input[type=checkbox],
.bm-form .k-checkbox {
  margin-right: 4px;
}
.bm-form fieldset {
  float: none;
  margin: 10px 0;
}
.bm-form input::-webkit-outer-spin-button.no-spinner,
.bm-form input::-webkit-inner-spin-button.no-spinner {
  -webkit-appearance: none;
  margin: 0;
}
.bm-form input[type=number].no-spinner {
  -moz-appearance: textfield;
}
.form-button,
.bm-form .button-group button {
  margin: 2px 1px 4px 0.4em;
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  min-width: 6.36em;
  min-height: 3.18em;
}
.form-button:hover,
.bm-form .button-group button:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.form-button[type=submit]:not(disabled),
.form-button.submit:not(disabled),
.form-button.sub-submit:not(disabled),
.bm-form .button-group button[type=submit]:not(disabled),
.bm-form .button-group button.submit:not(disabled),
.bm-form .button-group button.sub-submit:not(disabled) {
  background-color: #0D6EBE;
  border-color: #0D6EBE;
  color: white;
}
.form-button[type=submit]:hover,
.form-button.submit:hover,
.form-button.sub-submit:hover,
.bm-form .button-group button[type=submit]:hover,
.bm-form .button-group button.submit:hover,
.bm-form .button-group button.sub-submit:hover {
  background-color: #1a84db;
  border-color: #1a84db;
}
.radio-toolbar {
  margin-bottom: 4px;
  display: flex;
  justify-content: flex-start;
}
.radio-toolbar label {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 4px 8px;
  border-radius: 2px;
  margin: 3px 2px 3px 2px;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.radio-toolbar label:hover {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}
.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
  margin: 0 !important;
}
.radio-toolbar input[type="radio"]:checked + label {
  background-color: #f2d357;
}
.radio-toolbar input[type="radio"]:focus + label {
  border-style: dashed;
}
.radio-toolbar label:hover {
  background-color: #fafafa;
}
.radio-toolbar input[type="radio"]:checked:hover + label {
  background-color: #ffea95fa;
}
.radio-toolbar .k-radio + .k-radio-label {
  margin-left: 0;
  margin-right: 5px;
}
.radio-toolbar.vertical {
  flex-direction: column;
}
.transparent-hover-button,
.k-button.transparent-hover-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.transparent-hover-button:hover,
.k-button.transparent-hover-button:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
/* New startview */
.widget-container {
  background: #fafafa;
  border-radius: 5px;
  position: relative;
  box-shadow: 1px 2px 6px 0 hsla(0, 0%, 0%, 0.2);
  height: 100%;
  overflow: hidden;
}
.widget-loading-spinner {
  visibility: hidden;
  opacity: 0;
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.widget-loading-spinner-visible {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}
.widget-header {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.7rem;
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: 900;
}
.widget-header > span {
  font-size: 1.3rem;
  color: #fafafa;
  background-color: #364551;
  margin: 0 0 0 15px;
  border-radius: 10px;
  align-items: center;
  height: 2.2rem;
  position: absolute;
  top: 0;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 120px);
  line-height: 1.5em;
}
.widget-header-block {
  top: 0;
  background-color: #364551;
  width: 100%;
  position: inherit;
}
.widget-header-block .widget-btn {
  color: #fafafa;
}
.widget-header-block > span {
  top: auto;
  position: inherit;
  display: inline-block;
  height: auto;
  margin: 0 0 0 20px;
  padding: 0;
}
.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #364551;
  border-radius: 5px 0 0 0;
  display: flex;
  height: 1.8rem;
  width: 2.2rem;
}
.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 5px 0 0;
  display: flex;
  height: 1.8rem;
  width: 2.2rem;
}
.widget-btn {
  pointer-events: auto;
  outline: inherit;
  color: #364551;
  margin-left: auto;
  cursor: pointer;
  border: none;
  background: none;
}
.widget-btn-settings {
  font-size: 1.5rem;
  margin: 0 10px 0 auto;
}
.widget-btn-reload {
  color: #fafafa;
  margin-right: 3px;
  margin-top: 3px;
}
.widget-btn-add {
  color: #fafafa;
  margin-left: 5px;
  margin-top: 2px;
}
.widget-btn-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 5px;
}
.diary-time-period-container {
  display: flex;
  justify-content: space-evenly;
}
.widget-btn-diary-calendar,
.widget-btn-diary-export {
  margin: 0 5px 0 auto;
  font-size: 1.5rem;
}
.map-widget-body {
  height: 100%;
  width: 100%;
  z-index: 0;
}
.widget.map-canvas > .ol-viewport {
  border-radius: 5px;
}
.widget.map-canvas .ol-zoom {
  top: 80%;
}
#diary-controls-area .k-picker-wrap {
  display: none;
}
.diary-list-item {
  border-bottom: 1px solid #ebebe4;
  padding: 10px;
}
#diary-widget {
  padding: 12px;
}
#diary-notes-list {
  overflow: auto;
}
.gridToolbarFilter {
  width: 20%;
  margin-top: 3px;
}
#include-mtrls-button {
  width: 60px;
  height: 35px;
  margin-left: calc(50% - 30px);
  margin-top: 85px;
}
.progressBarCell .k-item {
  border-color: #cccccc;
}
#widget-position-container {
  display: flex;
  flex-flow: row wrap;
  width: 200px;
  height: 100px;
  float: left;
}
.widgetPositionBox {
  width: 90px;
  height: 35px;
  border-radius: 10px;
  margin: 5px;
  text-align: center;
  color: #fafafa;
  background-color: #364551;
  overflow: hidden;
  cursor: pointer;
  padding-top: 10px;
}
.activeWidget {
  background-color: #f2d357 !important;
  color: #1d2c38 !important;
}
#selected-deviation {
  border: 5px solid #f2d357;
}
.lower-opacity {
  opacity: 0.7;
}
.widgetSwapPositionHighlight {
  opacity: 1 !important;
}
#active-widget {
  float: right;
  padding: 20px 0px 10px 0px;
}
#start-container .k-splitbar {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
#start-container .k-splitbar.k-splitbar-horizontal {
  width: 7px;
}
#start-container .k-splitbar.k-splitbar-vertical {
  height: 7px;
}
#start-container .k-splitbar.k-splitbar-vertical-hover,
#start-container .k-splitbar.k-splitbar-horizontal-hover {
  background-color: #364551;
}
#start-container .k-splitbar .k-resize-handle {
  background-color: rgba(0, 0, 0, 0);
}
#start-container #start-header {
  text-align: right;
}
#start-container #start-header .k-button {
  margin: 0 20px 0 0;
}
#start-container #start-header .k-button.active {
  background-color: #FF923B;
}
#start-container #start-header .k-button > i {
  font-size: 1.5rem;
}
#start-container #start-header k-context-menu li.k-item.k-menu-item {
  font-size: 0.8rem;
  padding: 5px;
}
#start-container #start-header .k-dropdown {
  text-align: left;
}
.expand-btn-wrapper {
  display: none;
}
#view-widgets-wrapper-Start2 .k-context-menu li.k-item.k-menu-item {
  font-size: 0.7rem;
  padding: 5px;
}
#diary-notes-list-area {
  overflow: auto;
}
.diary-note-row-wrapper,
.callout-row-wrapper {
  overflow-wrap: break-word;
  list-style: none;
  min-height: 60px;
}
.diary-note-row-wrapper .selfCallout,
.callout-row-wrapper .selfCallout {
  background-color: rgba(250, 250, 210, 0.3);
}
.diary-note-row-wrapper:last-child .end-line,
.callout-row-wrapper:last-child .end-line {
  border: none;
  background-image: none;
}
.diary-note-row-wrapper.no-notes .diary-note-row,
.callout-row-wrapper.no-notes .diary-note-row,
.diary-note-row-wrapper.no-notes .callout-row,
.callout-row-wrapper.no-notes .callout-row {
  display: block;
}
.diary-note-row-wrapper.no-notes .colDiaryNote,
.callout-row-wrapper.no-notes .colDiaryNote {
  font-size: small;
}
.diary-note-row-wrapper.collapsed .expand-btn-wrapper,
.callout-row-wrapper.collapsed .expand-btn-wrapper {
  display: block;
  text-align: center;
  font-size: 18px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.diary-note-row-wrapper.collapsed .expand-btn,
.callout-row-wrapper.collapsed .expand-btn {
  border-style: none;
  cursor: pointer;
}
.diary-note-row-wrapper.collapsed .expand-btn:hover,
.callout-row-wrapper.collapsed .expand-btn:hover {
  background-color: #eeeeee;
}
.diary-note-row-wrapper.collapsed .diary-note-row,
.callout-row-wrapper.collapsed .diary-note-row {
  padding-bottom: 0;
}
.diary-note-row-wrapper.collapsed .diary-note-text,
.callout-row-wrapper.collapsed .diary-note-text {
  height: 60px;
  overflow: hidden;
}
.diary-note-row-wrapper.collapsed .icons,
.callout-row-wrapper.collapsed .icons {
  margin-bottom: -28px;
  margin-right: 10px;
}
.diary-note-text {
  height: 60px;
}
.diary-note-row,
.callout-row {
  padding: 10px 0;
  position: relative;
  display: flex;
  width: 100%;
  min-height: 60px;
}
.diary-note-row .author,
.callout-row .author {
  font-weight: bold;
  font-size: 12px;
  align-self: flex-start;
}
.diary-note-row .headline,
.callout-row .headline {
  font-weight: bold;
  margin: 5px 0;
  font-size: 15px;
}
.diary-note-row .date,
.callout-row .date {
  font-size: 12px;
}
.diary-note-row p,
.callout-row p {
  margin: 0;
}
.diary-note-row .division-line-container,
.callout-row .division-line-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
}
.diary-note-row .division-line-container p,
.callout-row .division-line-container p {
  font-size: 50px;
  color: #364551;
  margin-top: -17px;
}
.diary-note-row.narrow,
.callout-row.narrow {
  flex-direction: column;
}
.diary-note-row.narrow:last-child,
.callout-row.narrow:last-child {
  padding-bottom: 30px;
}
.diary-note-row.narrow .division-line-container,
.callout-row.narrow .division-line-container {
  display: none;
}
.diary-note-row.narrow .post-body,
.callout-row.narrow .post-body {
  width: calc(100% - 50px);
  margin-left: 30px;
}
.diary-note-row.narrow .post-info,
.callout-row.narrow .post-info {
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0;
}
.diary-note-row.narrow .headline-wrapper,
.callout-row.narrow .headline-wrapper {
  width: 70%;
  padding: 0 5px 0 20px;
}
.diary-note-row.narrow .author-date-wrapper,
.callout-row.narrow .author-date-wrapper {
  width: 30%;
  padding: 0 20px 0 5px;
}
.rowDiaryNote {
  position: relative;
}
.post-body {
  padding: 0 10px;
  box-sizing: border-box;
  width: 70%;
  margin: 10px 20px;
  font-size: 12px;
}
.post-info {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
}
.post-info .headline,
.post-info .author,
.post-info .date {
  text-align: center;
}
.diary-note-row-wrapper .end-line,
.callout-row-wrapper .end-line {
  border: 0;
  height: 1px;
  margin: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.diary-note-row-wrapper:hover {
  background: #eeeeee;
}
.diary-note-row-wrapper:hover .icons {
  visibility: visible;
}
.icons {
  position: absolute;
  bottom: 10px;
  right: 0px;
  margin-top: 5px;
  margin-right: 5px;
  visibility: hidden;
  display: flex;
  font-size: 18px;
}
.icons .button {
  background-color: #fafafa;
  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 5px;
  border-radius: 4px;
  height: 30px;
  width: 30px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
}
.icons .button.edit {
  display: none;
}
.icon-container {
  height: 30px;
}
.icon-container.edit,
.icon-container.share {
  position: absolute;
  bottom: -3px;
  left: 5px;
}
.icon-container.delete {
  position: absolute;
  left: 7px;
  font-size: 23px;
}
.callout-row-wrapper {
  min-height: 40px;
  list-style: none;
}
.callout-row-wrapper .callout-row {
  min-height: 40px;
  padding: 20px 30px;
  box-sizing: border-box;
}
.callout-row-wrapper .post-info {
  align-items: flex-start;
}
.callout-row-wrapper .post-info .headline-wrapper {
  width: 100%;
}
.callout-row-wrapper .post-info .headline {
  text-align: left;
  font-size: 13px;
  cursor: pointer;
}
.callout-row-wrapper .post-info .underline {
  text-decoration: underline;
}
.callout-row-wrapper .status {
  align-items: flex-start;
  width: 70%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
}
.callout-row-wrapper .status .headline-wrapper {
  width: 100%;
}
.callout-row-wrapper .status .headline {
  text-align: left;
  font-size: 13px;
  cursor: pointer;
}
.callout-row-wrapper .status .underline {
  text-decoration: underline;
}
.callout-row-wrapper .status .statusGraphWrapper {
  width: 100%;
  display: flex;
}
.callout-row-wrapper .status .statusGraphWrapper .callOutScenarioFailedAssignmentsIcon {
  margin-left: 10px;
}
.hoverHighlight:hover {
  color: #0D6EBE;
}
.pointerCursor {
  cursor: pointer;
}
.road-link-row-repaired {
  background-color: #FAFF6E;
}
.road-link-row-missing {
  background-color: #FFAA00;
}
/* Fixes for dark mode for Vue multiselect */
.multiselect__placeholder {
  text-indent: 0.571em;
}
#work-order-upload-attachment .k-upload-files {
  overflow: auto;
  max-height: 170px;
}
/* Deviation */
#deviation-display-image-area {
  height: 400px;
  width: 95%;
  overflow: auto;
}
#deviation-display-image-area ul {
  list-style-type: none;
}
#deviation-display-image-area li {
  height: 40vh;
}
#deviation-display-image-area img {
  max-height: 100%;
  min-width: 100%;
  object-fit: scale-down;
  vertical-align: bottom;
}
#deviation-display-image-area li:last-child {
  flex-grow: 10;
}
/* Checklist deviation and execution images */
.checklist-view-image-area {
  height: 500px;
  overflow: auto;
}
.checklist-view-image-area ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.checklist-view-image-area li {
  height: 50vh;
}
.checklist-view-image-area li :hover {
  transform: scale(1.01);
  cursor: pointer;
}
.checklist-view-image-area img {
  border-radius: 5px;
  max-height: 100%;
  min-width: 100%;
  object-fit: scale-down;
  vertical-align: bottom;
}
#checklist-execution-treelist {
  max-height: 450px;
  width: 100%;
  overflow: auto;
}
/* Field report */
#field-report-display-image-area {
  height: 400px;
  width: 95%;
  overflow: auto;
}
#field-report-display-image-area ul {
  list-style-type: none;
}
#field-report-display-image-area li {
  height: 40vh;
  padding-bottom: 10px;
}
#field-report-display-image-area img {
  max-height: 100%;
  min-width: 100%;
  object-fit: scale-down;
  vertical-align: bottom;
}
#field-report-display-image-area li:last-child {
  flex-grow: 10;
}
/* New orderview */
.order-field-info-max-width-with-icon.k-textbox,
.order-field-info-max-width-with-icon.k-textarea,
span.order-field-info-max-width-with-icon.k-dropdown {
  background-color: lightyellow !important;
  margin-right: 3px;
  width: calc(100% - 24px);
  display: inline-block !important;
}
.order-field-info-max-width-with-icon.k-textbox span.k-dropdown-wrap,
.order-field-info-max-width-with-icon.k-textarea span.k-dropdown-wrap,
span.order-field-info-max-width-with-icon.k-dropdown span.k-dropdown-wrap {
  margin: 0;
}
.order-field-info-max-width-with-icon-white.k-textbox {
  margin-right: 3px;
  width: calc(100% - 24px);
  display: inline-block !important;
}
.order-field-info-max-width-with-icon-white.k-textbox span.k-dropdown-wrap {
  margin: 0;
}
.order-field-info-max-width-with-icon .k-dropdown-wrap {
  background-color: lightyellow !important;
}
.order-filter-dropdown {
  width: 150px;
}
.order-dropdown-button {
  box-sizing: content-box;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 13.2px;
  line-height: normal;
  padding-left: 2px;
  padding-right: 2px;
  width: 16px !important;
  min-width: 0px !important;
}
#orders-view .k-sprite {
  font-size: 16px;
}
.order-grid-button {
  width: 40px;
  pointer-events: all !important;
}
.order-status-color-green {
  background-color: #A6D55A;
}
.order-status-color-white {
  background-color: white;
}
.order-status-color-yellow {
  background-color: #EAC117;
}
.order-status-color-red {
  background-color: #F64C33;
}
.order-upload-attachment {
  overflow-y: auto;
  z-index: 1;
  border: 1px solid #ccc;
  background: #fff;
  margin-left: 5px;
  margin-right: 10px;
  height: 250px;
  width: 100%;
}
#rotate-attachment-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 60%;
  max-height: 75%;
}
.merge-orders-alert-box {
  background-color: #005156;
}
.order-window-lower-area-position {
  float: right;
  margin-right: 10px;
}
.order-window-buttons-wrapper button {
  min-width: 70px;
  height: 35px;
}
#filter-mtrl-resources-area {
  margin-bottom: 10px;
  border-radius: 5px;
  border-width: 1px;
  padding: 10px;
  background-color: #eeeeee;
}
#filter-mtrl-resources-area .k-radio-label:last-of-type {
  margin-right: 20px;
}
.fakeGridToolbar {
  padding: 5px;
  margin-bottom: 0;
  border-bottom: 1px solid lightgray;
  background-color: #eeeeee;
}
.place-order-button-selected {
  background-color: lightblue !important;
}
#mtrl-and-resource-grid-toolbar .k-radio-label:last-of-type {
  margin-right: 20px;
}
#search-actionpoints-panelbar .k-sprite {
  font-size: 16px;
}
#search-actionpoints-panelbar.k-header .k-state-hover {
  background-color: #428bca;
}
.usedMtrlAdditionArticleColumn {
  float: left;
  width: 15%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#order-window-edit-container {
  background-color: white;
}
#spva-tabstrip #spva-tab-page {
  max-width: 600px;
  margin: auto;
  padding: 0 20px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 500px;
}
#spva-tabstrip #spva-damage-tab-page {
  display: flex;
  max-width: 80%;
  margin: auto;
  padding: 0 20px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 500px;
}
#spva-tabstrip {
  height: 90%;
}
.send-error {
  color: #c62928;
}
#invoice-tabstrip #base-info-tab {
  max-width: 600px;
  margin: auto;
  padding: 0 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
#rebate-for-invoice-area span.k-numerictextbox {
  margin: 0;
}
#included-mtrls-total-price {
  margin-left: auto;
  font-weight: bold;
  font-size: 12px;
  padding: 4px;
  border-radius: 2px;
}
#included-mtrls-total-price:empty {
  content: "-";
}
#invoice-mtrls-activity-header {
  margin-bottom: 10px;
  line-height: 14px;
  display: flex;
  justify-content: space-between;
}
#invoice-activity-area {
  display: flex;
  margin-left: 20px;
  width: 500px;
}
#invoice-mtrls-header {
  margin-bottom: 10px;
  line-height: 14px;
  display: flex;
  justify-content: space-between;
}
#invoice-rebate-area {
  display: flex;
  margin-left: 20px;
  width: 500px;
}
#invoice-mtrls-summary {
  width: 160px;
  display: flex;
}
.manualPercentArea {
  display: inline-block;
}
/* End new orderview */
/* Temporary resources */
.temporary-resources-configuration-fieldset {
  width: calc(100% - 10px);
  height: 120px;
  position: relative;
}
.temporary-resources-configuration-value-area {
  margin-left: 20px;
}
#filter-work-events-area {
  margin-bottom: 10px;
  border-radius: 5px;
  border-width: 1px;
  padding: 10px;
  background-color: #eeeeee;
}
#filter-work-events-area .k-radio-label:last-of-type {
  margin-right: 20px;
}
/* End temporary resources*/
/* Vehicle sessions */
.disabled-link {
  pointer-events: none;
  cursor: not-allowed;
  color: currentColor;
}
.change-session-arrow {
  font-size: x-large;
  margin: 0 25px;
  width: 30px;
  cursor: pointer;
}
.change-session-arrow.disabled {
  color: lightgray;
  cursor: initial;
}
.item-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 2px;
  margin-left: 50px;
  margin-right: 50px;
}
.processing-info-table {
  border-collapse: collapse;
  font-size: 1em;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  width: 100%;
}
.processing-info-table tbody > tr:nth-child(even) {
  background-color: #eeeeee;
  padding-bottom: 50px;
}
.processing-info-table tbody > tr {
  border-bottom: 1px solid #dddddd;
}
.processing-info-table th,
.processing-info-table td {
  padding: 9px 12px;
}
.processing-info-table .left-item {
  width: 80%;
}
.processing-info-table .right-item {
  width: 20%;
  text-align: end;
}
#session-info-top-left {
  position: absolute;
  top: 50px;
  left: 20px;
}
#session-info-top-right {
  position: absolute;
  top: 50px;
  right: 20px;
}
.vehicle-segment-suggestion th {
  font-weight: normal;
  padding: 5px;
  background-color: #f5f5f5;
}
.session-page-body-wrapper {
  overflow-y: auto;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  margin-top: -5px;
  padding-top: 5px;
}
.session-page-body-wrapper .session-route .k-grid-header .k-header {
  padding: 2px;
}
.session-page-body-wrapper .session-route .k-grid tbody tr {
  line-height: 14px;
}
.session-page-body-wrapper .session-route .k-grid tbody td {
  padding: 2px;
}
.session-page-body-wrapper .rejected-status-row {
  background-color: #ffc7c7;
}
.session-page-body-wrapper .failed-criteria-status-row-yellow {
  background-color: #ffea95fa;
}
.session-page-body-wrapper .failed-criteria-status-row-yellow:hover {
  background-color: #f2d357;
}
.session-page-body-wrapper .overridden-automatic-status-row,
.session-page-body-wrapper .overridden-automatic-status-row span {
  color: #858484;
}
.session-page-body-wrapper .overridden-automatic-status-row .elrapp-session-value-cell,
.session-page-body-wrapper .overridden-automatic-status-row span .elrapp-session-value-cell {
  color: #1d2c38;
}
.session-page-body-wrapper .green-selected-rows tr.k-state-selected {
  background-color: #97bf77;
}
.session-page-body-wrapper .green-selected-rows tr.k-state-selected > td:not(.k-group-cell):not(.elrapp-session-value-cell) {
  border-color: #5E9533;
  border-bottom-width: 1px;
}
.session-page-body-wrapper .green-selected-rows tbody tr.k-state-selected:hover > td:not(.k-group-cell):not(.elrapp-session-value-cell) {
  background-color: #5E9533;
}
.session-page-body-wrapper .green-selected-rows tbody tr.k-state-selected:hover > td:not(.k-group-cell):not(.elrapp-session-value-cell) > td {
  border-color: #5E9533;
  border-bottom-width: 1px;
}
.session-page-body-wrapper .green-selected-rows tbody tr.k-state-selected:hover > td:not(.k-group-cell):not(.elrapp-session-value-cell) > .k-group-cell {
  background-color: #5E9533;
}
.session-page-body-wrapper .session-production-status-grid tbody tr > td.highlightedForArticle,
.session-page-body-wrapper .session-production-status-grid tbody tr:hover > td.highlightedForArticle {
  border: 3px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
.session-page-body-wrapper .vehicle-session-summary-grid .k-grouping-row:first-of-type {
  display: none;
}
.session-page-body-wrapper .vehicle-session-summary-grid .k-grid-header th {
  background: #0000a70d;
  font-size: 12px;
}
.session-page-body-wrapper .session-production-status-grid .k-group-cell {
  padding: 0;
  max-width: 5px;
}
.session-page-body-wrapper .session-production-status-grid .k-group-col:nth-child(2) {
  display: none;
}
.session-page-body-wrapper .session-production-status-grid .k-group-cell:nth-child(2) {
  display: none;
}
.session-page-body-wrapper .session-production-status-grid .k-group-cell + td .k-i-collapse {
  display: none;
}
.session-page-body-wrapper .session-production-status-grid tr.k-state-selected {
  box-shadow: none;
}
.session-page-body-wrapper .session-production-status-grid tr > td.elrapp-session-value-cell {
  background-color: #fafafa;
  border: 1px solid #e1e1e1;
  border-right: none;
  border-top: none;
}
.session-page-body-wrapper .session-production-status-grid tr:hover > td.elrapp-session-value-cell {
  background-color: #fafafa;
}
.session-page-body-wrapper .session-production-status-grid tr.k-alt > td.elrapp-session-value-cell {
  background-color: #ededed;
}
.session-page-body-wrapper .session-production-status-grid tr.k-alt:hover > td.elrapp-session-value-cell {
  background-color: #ededed;
}
.k-grid-header th.k-header.elrapp-session-value-header {
  text-align: center;
  font-weight: 800;
  background-color: #f39200 !important;
  border-left-color: #f39200 !important;
  color: #364551;
}
.k-grid-header th.k-header.elrapp-session-value-header span,
.k-grid-header th.k-header.elrapp-session-value-header i,
.k-grid-header th.k-header.elrapp-session-value-header a {
  color: #364551;
}
.icon-warning-size {
  font-size: 1.4em;
}
.session-page-grid-header {
  min-height: 2em;
}
.session-comment {
  width: 500px;
  min-height: 80px;
  margin-top: 20px;
  border-radius: 3px;
  padding: 10px;
  background: #e5e5e5;
}
.session-comment-header {
  clear: both;
  margin-bottom: 10px;
  font-style: italic;
}
.session-comment-reply-area {
  margin-top: 20px;
}
.session-comment-reply {
  margin-left: 40px;
}
.session-comment-from-vehicle {
  background-color: #ddedfc;
}
.elrapp-session-production {
  flex: 1;
  margin: 10px 10px 10px 0;
  min-width: 200px;
}
.elrapp-session-status-icon {
  font-size: 1.5em;
}
.elrapp-session-status-icon.warning {
  color: #c62928;
}
.elrapp-session-info {
  flex: 1;
  padding: 12px;
  background: gainsboro;
  border-radius: 2px;
}
#vehicle-session-header-nav-buttons {
  margin: auto 10px 5px auto;
}
#vehicle-session-header-nav-buttons > button {
  margin-right: 12px;
}
#vehicle-session-header-nav-buttons > button::before {
  content: "*";
  color: red;
}
#edit-elrapp-session-page .edit-elrapp-session-content-wrapper {
  max-width: 850px;
  margin: auto;
}
#edit-elrapp-session-page .k-listview {
  padding: 7px;
}
#edit-elrapp-session-page .k-listview .production-amount-edit {
  padding: 7px;
}
#edit-elrapp-session-page .k-listview > div:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
#edit-elrapp-session-page .quantity-settlement {
  padding: 10px;
}
#session-page-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
}
.session-production-status-grid .k-grid-header {
  position: sticky;
  top: -7px;
  z-index: 1;
}
.session-production-status-grid .k-grid-header th {
  background: #0000a70d;
  font-size: 12px;
}
.session-deviation-gallery-item {
  margin: 8px;
  display: inline-block;
  position: relative;
  max-width: 140px;
  max-height: 140px;
}
.session-deviation-gallery-item img {
  width: 140px;
  height: 140px;
}
.session-deviation-gallery-item .gallery-filetype-wrapper {
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.session-deviation-gallery-item img.filetype-image {
  width: 16px;
  height: 16px;
}
.session-deviation-gallery-item .show-deviation-in-map-btn {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 35px;
  height: 20px;
  cursor: pointer;
  background: white;
  color: #1d2c38;
  box-shadow: 0 2px 4px 0 hsla(0, 0%, 0%, 0.2);
}
.session-deviation-gallery-item .show-deviation-in-map-btn:hover {
  background: #97bf77;
}
.session-deviation-gallery-item .icon-button {
  outline: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.session-deviation-gallery-item .icon-button:hover {
  transform: scale(1.2);
}
.overview-session-summary {
  border-collapse: collapse;
  margin: 12px 0;
  font-size: 1.1em;
  font-family: sans-serif;
  min-width: 400px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.overview-session-summary thead > tr {
  text-align: left;
  border-bottom: 1px solid #dddddd;
}
.overview-session-summary tbody > tr {
  border-bottom: 1px solid #dddddd;
}
.overview-session-summary th,
.overview-session-summary td {
  padding: 9px 12px;
}
.article-session-summary,
table.article-session-summary {
  border-collapse: collapse;
  margin: 12px 0;
  font-size: 1.1em;
  font-family: sans-serif;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.article-session-summary tbody > tr,
table.article-session-summary tbody > tr {
  border-bottom: 1px solid #dddddd;
}
.article-session-summary th,
table.article-session-summary th,
.article-session-summary td,
table.article-session-summary td {
  padding: 9px 12px;
}
.overview-article-summary-approved-border {
  border-left: solid;
  border-color: #97bf77;
  border-width: 4px;
  border-radius: 9px;
}
.overview-article-summary-pending-border {
  border-left: solid;
  border-color: #ed1c1c;
  border-width: 6px;
  border-radius: 9px;
}
.red-gray-duotone-colors {
  --fa-primary-color: #c62928;
  --fa-secondary-color: #100808;
}
.statusrow-difference {
  font-weight: bold;
  margin-left: 4px;
}
.concurrent-status-row-top-border td:not(.hidden-cell):not(.k-group-cell) {
  border-top: 1px solid #292e7880 !important;
}
.concurrent-status-row-top-border td:not(.hidden-cell):not(.k-group-cell).left-grid-cell {
  border-left: 5px solid #292e78 !important;
  border-top-left-radius: 6px;
}
.concurrent-status-row-top-border td:not(.hidden-cell):not(.k-group-cell):last-child {
  border-right: 1px solid #292e7880 !important;
}
.concurrent-status-row-middle td:not(.hidden-cell):not(.k-group-cell).left-grid-cell {
  border-left: 5px solid #292e78 !important;
}
.concurrent-status-row-middle td:not(.hidden-cell):not(.k-group-cell):last-child {
  border-right: 1px solid #292e7880 !important;
}
.concurrent-status-row-bottom-border td:not(.hidden-cell):not(.k-group-cell) {
  border-bottom: 1px solid #292e7880 !important;
}
.concurrent-status-row-bottom-border td:not(.hidden-cell):not(.k-group-cell).left-grid-cell {
  border-left: 5px solid #292e78 !important;
  border-bottom-left-radius: 6px;
}
.concurrent-status-row-bottom-border td:not(.hidden-cell):not(.k-group-cell):last-child {
  border-right: 1px solid #292e7880 !important;
}
.info-circle-color {
  color: #2a61c0;
}
#vehicle-session-view-tabstrip .k-content:nth-of-type(1) {
  padding: 0;
  overflow: hidden;
}
.vehicle-sessions-overview-grids {
  display: flex;
  flex-direction: column;
}
.sessions-overview-grid,
.articles-grid {
  height: 50%;
  display: flex;
  flex-direction: column;
}
.sessions-overview-grid .k-grid,
.articles-grid .k-grid {
  height: 100%;
}
.session-overview-filter-options {
  margin-right: 20px;
  margin-bottom: 5px;
}
.right-aligned-footer {
  text-align: right;
}
/* End vehicle sessions */
/* End temporary resources*/
#fbd-main-area {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
#fbd-main-area .k-tabstrip-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}
#fbd-main-area .fbd-button {
  width: 180px;
  border-radius: 4px;
  background: #0D6EBE;
  color: white;
}
#fbd-main-area .fbd-button-large {
  font-size: 13px;
  padding: 12px 0;
}
#fbd-main-area #fbd-info-area {
  flex: 0 1 auto;
}
#fbd-main-area #fbd-info-area .fbd-header {
  background-color: #B7B7B7;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 2px 2px;
  padding: 4px 12px;
}
#fbd-main-area #fbd-info-area .fbd-header-display-name {
  font-size: 30px;
  font-weight: bold;
}
#fbd-main-area #fbd-info-area .fbd-header #fbd-download-report {
  color: #0D6EBE;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper {
  height: 80px;
  display: flex;
  flex-direction: column;
  padding: 0 12px;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper #fbd-forecast-info-container {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper .fbd-forecast-info-item {
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper .fbd-forecast-info-item #fbd-forecast-time-label {
  font-size: 12px;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper #fbd-forecast-time {
  display: flex;
  align-items: center;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper #fbd-forecast-time-text {
  font-weight: bold;
  margin-right: 12px;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper #fbd-refresh-forecast-btn.newDataIsAvailable {
  color: #b00020;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper #fbd-forecast-data-options {
  display: flex;
  flex: 1;
  align-items: center;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper #fbd-klimator-safety-margin-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper #fbd-klimator-safety-margin-container .k-switch {
  font-size: 9px;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper #fbd-klimator-safety-margin-container .k-switch-on .k-switch-container {
  border-color: #0D6EBE;
  color: #fff;
  background-color: #0D6EBE;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper #fbd-klimator-safety-margin-container .k-switch-off .k-switch-container {
  border-color: rgba(0, 0, 0, 0.3);
  color: #364551;
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper #fbd-klimator-safety-margin-container .k-switch-off .k-switch-container .k-switch-handle {
  border-color: rgba(0, 0, 0, 0.3);
}
#fbd-main-area #fbd-info-area #fbd-forecast-info-wrapper #fbd-klimator-safety-margin-container-label {
  font-size: 12px;
  padding-right: 10px;
}
#fbd-main-area #fbd-tab-strip {
  padding: 0;
  margin: 0;
  border: none;
  background-color: #fafafa;
  color: initial;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#fbd-main-area #fbd-tab-strip .k-content {
  flex: 1 1 auto;
  margin: 0;
  padding: 0 12px;
}
#fbd-main-area #fbd-tab-strip .maintenance-package-page-header {
  display: flex;
  justify-content: space-between;
  padding: 12px;
}
#fbd-main-area #fbd-tab-strip .route-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
#fbd-main-area #fbd-tab-strip .route-page-header .k-multiselect-wrap {
  background: #999999;
  border-radius: 4px;
  height: 25px;
  display: flex;
}
#fbd-main-area #fbd-tab-strip .fdb-add-vehicle-button {
  display: flex;
  background: #0D6EBE;
  color: white;
}
#fbd-main-area #fbd-tab-strip .fbd-button-checkbox-unchecked i::before {
  content: "\f0c8";
  font-size: 16px;
  margin-right: 5px;
}
#fbd-main-area #fbd-tab-strip .fbd-button-checkbox-checked i::before {
  content: "\f14a";
  font-size: 16px;
  margin-right: 5px;
}
#fbd-main-area #fbd-tab-strip #fbd-maintenance-packages-page .k-link::before {
  content: " \f713 ";
  margin-bottom: 3px;
}
#fbd-main-area #fbd-tab-strip #fbd-route-page .k-link::before {
  content: " \f4d7 ";
  margin-bottom: 3px;
}
#fbd-main-area #fbd-tab-strip #fbd-callout-page-wrapper {
  height: 100%;
  justify-content: space-between;
  padding: 12px 0;
  box-sizing: border-box;
}
#fbd-main-area #fbd-tab-strip #fbd-callout-page-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 12px;
  box-shadow: inset 0px 11px 0px -10px #CCC;
}
#fbd-main-area #fbd-tab-strip #fbd-callout-page .k-link::before {
  content: " \f0a1 ";
  margin-bottom: 3px;
}
#fbd-main-area #fbd-tab-strip .k-tabstrip-items {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
#fbd-main-area #fbd-tab-strip .k-tabstrip-items .k-item {
  width: 45%;
  font-size: 11px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  color: #1d2c38;
}
#fbd-main-area #fbd-tab-strip .k-tabstrip-items .k-item .k-link {
  display: flex;
  flex-direction: column;
}
#fbd-main-area #fbd-tab-strip .k-tabstrip-items .k-item.k-state-active {
  background: #fafafa;
}
#fbd-main-area #fbd-tab-strip .k-tabstrip-items .k-item.k-state-hover {
  background: #1d2c38;
  color: #fafafa;
  border-color: unset;
  border: none;
  outline: none;
}
#fbd-main-area #fbd-tab-strip .k-tabstrip-items .k-item.k-state-hover .k-link {
  color: #fafafa;
}
#fbd-main-area #fbd-tab-strip:focus {
  box-shadow: none;
}
#fbd-main-area .fbd-treeview {
  user-select: none;
}
#fbd-main-area .fbd-route-tree-node-content {
  width: 100%;
  display: inline-flex;
  align-items: center;
}
#fbd-main-area .fbd-route-tree-node-content .fbd-route-tree-map-button,
#fbd-main-area .fbd-route-tree-node-content .fbd-maintenance-package-tree-map-button {
  color: #0D6EBE;
  font-size: 16px;
  margin-left: auto;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
#fbd-main-area .fbd-route-tree-node-content .fbd-route-tree-map-button:hover,
#fbd-main-area .fbd-route-tree-node-content .fbd-maintenance-package-tree-map-button:hover {
  transform: scale(1.2);
}
#fbd-main-area .fbd-route-tree-node-content .fbd-route-tree-map-button-faded,
#fbd-main-area .fbd-route-tree-node-content .fbd-maintenance-package-tree-map-button-faded {
  color: grey;
}
#fbd-main-area .fbd-route-tree-node-content > i:first-child {
  margin-right: 6px;
}
#fbd-main-area .fbd-route-tree-node-content-callout-route {
  width: calc(100% + 14px);
}
#fbd-main-area .fbd-route-tree-node-content-callout-route .fbd-route-tree-node-route-name {
  padding-left: 0;
}
#fbd-main-area .fbd-route-tree-checkbox {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  vertical-align: unset;
}
#fbd-main-area .fbd-route-tree-node-route-name {
  font-size: 12px;
  width: 220px;
  padding-left: 6px;
}
#fbd-main-area .fbd-route-tree-node-route-status {
  display: inline-block;
  margin: 0 auto;
  border-radius: 50px;
  font-size: 11px;
  width: 50px;
  text-align: center;
  background: white;
  font-family: monospace;
  box-shadow: 0 2px 6px hsla(0, 0%, 0%, 0.1);
}
#fbd-main-area .fbd-route-tree-node-maintenance-package-status {
  display: inline-block;
  margin: 0 0 0 4%;
  border-radius: 50px;
  font-size: 11px;
  width: 50px;
  text-align: center;
  background: white;
  font-family: monospace;
  box-shadow: 0 2px 6px hsla(0, 0%, 0%, 0.1);
}
#fbd-main-area .fbd-route-tree-node-cost {
  width: 100px;
  font-family: unset;
  border-radius: 5px;
}
#fbd-main-area .fbd-route-tree-category {
  font-weight: bold;
  font-size: 12px !important;
  flex: 1;
  margin: 0 6px;
}
#fbd-main-area .fbd-route-tree-driver {
  margin: 0 6px;
}
#fbd-main-area .fbd-maintenance-package-tree-node-vehicle {
  font-size: 12px;
  padding-left: 6px;
  padding-bottom: 1px;
}
#fbd-main-area .fbd-maintenance-package-tree-node-vehicle[data-available="false"] {
  color: rgba(0, 0, 0, 0.4);
}
#fbd-main-area .k-treeview .k-item {
  padding: 0;
}
#fbd-main-area .k-i-collapse,
#fbd-main-area .k-i-expand {
  display: none;
}
#fbd-main-area .k-treeview .k-checkbox-wrapper + .k-in {
  margin: 0;
}
#fbd-main-area .k-in {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
#fbd-main-area .k-in i {
  font-size: 20px;
  max-width: 22px;
}
#fbd-main-area li[role="treeitem"] .k-state-selected,
#fbd-main-area .k-state-focused,
#fbd-main-area .k-state-hover {
  background-color: unset;
}
#fbd-main-area li[role="treeitem"] .startedScenarioProgress .k-state-selected {
  background-color: black;
}
#fbd-main-area .k-state-selected .startedScenarioProgress > .k-progress-status-wrap .k-progress-status {
  color: inherit;
}
#fbd-main-area ul.k-group ul {
  margin-left: 10px;
}
#fbd-main-area .fbd-treeview > ul > li {
  font-size: 14px;
}
#fbd-main-area .fbd-treeview > ul > li > .k-bot,
#fbd-main-area .fbd-treeview > ul > li > .k-mid,
#fbd-main-area .fbd-treeview > ul > li > .k-top {
  width: 100%;
}
#fbd-main-area ul .k-bot,
#fbd-main-area .k-mid,
#fbd-main-area .k-top {
  width: 90%;
  display: inline-block;
  height: 2rem;
}
#fbd-main-area .fbd-treeview > ul > li > ul > li {
  margin-left: 0 !important;
}
#fbd-main-area ul.k-group:not(.k-treeview-lines),
#fbd-main-area ul.k-group:not(.k-treeview-lines) ul {
  list-style: none;
  padding: 0;
}
#fbd-main-area ul.k-group:not(.k-treeview-lines) li {
  margin: 0 0 0 15px;
  padding: 0 0 0 7px;
  line-height: 20px;
  border-left: 1px solid black;
}
#fbd-main-area ul.k-group:not(.k-treeview-lines) li:last-child {
  border-left: none;
}
#fbd-main-area ul.k-group:not(.k-treeview-lines) li:last-child:before {
  border-left: 1px solid black;
}
#fbd-main-area ul.k-group:not(.k-treeview-lines) li:before {
  content: "";
  position: relative;
  top: -0.3em;
  left: -7px;
  height: 1.1em;
  width: 12px;
  color: white;
  border-bottom: 1px solid black;
  display: inline-block;
}
.fbd-legend-item-list-minimized {
  max-height: 0 !important;
  overflow: hidden;
  transition: max-height 0.1s;
}
#fbd-klimator-forecast-type-container {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow: hidden;
  width: 260px;
  text-align: center;
  font-size: 13px;
  position: relative;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
#fbd-klimator-forecast-type-container:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
#fbd-klimator-forecast-type-container #fbd-klimator-forecast-type-checkbox {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}
#fbd-klimator-forecast-type-container #fbd-klimator-forecast-type-checkbox:checked + #fbd-forecast-type-road-condition-label:before {
  transform: translateX(130px) skew(15deg);
  transition: transform 300ms linear;
}
#fbd-klimator-forecast-type-container #fbd-klimator-forecast-type-checkbox + #fbd-forecast-type-road-condition-label {
  display: flex;
  justify-content: space-around;
  width: 130px;
  padding: 15px 0;
  user-select: none;
  pointer-events: none;
}
#fbd-klimator-forecast-type-container #fbd-klimator-forecast-type-checkbox + #fbd-forecast-type-road-condition-label:before {
  content: "";
  background: #FF923B;
  height: 100%;
  width: calc(50% + 10px);
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-10px) skew(-15deg);
  transition: transform 300ms;
}
#fbd-klimator-forecast-type-container #fbd-klimator-forecast-type-checkbox + #fbd-forecast-type-road-condition-label #fbd-forecast-type-road-condition-span {
  position: relative;
}
#fbd-klimator-forecast-type-container #fbd-forecast-type-action-label {
  display: flex;
  justify-content: space-around;
  z-index: 4;
  width: 130px;
  pointer-events: none;
}
#map-legend-area {
  position: absolute;
  bottom: 25px;
  right: 0;
}
.fbd-category-legend-header-label {
  display: flex;
  justify-content: center;
  flex: 1;
  padding-right: calc(25% - 35px);
}
.fbd-category-legend {
  font-size: 12px;
  padding: 10px;
  background: white;
  margin-top: 10px;
  width: 240px;
}
.fbd-category-legend-header i {
  font-size: 22px;
  margin-right: 6px;
}
.fbd-category-legend-header span {
  font-size: 13px;
  font-weight: bold;
}
.fbd-category-legend-list {
  max-height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fbd-category-legend-item {
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.fbd-category-legend-item-color {
  height: 0.7rem;
  width: 1.2rem;
  border-radius: 5px 0 0 5px;
  margin-right: 6px;
}
.fbd-category-legend-item-label {
  line-height: 0.9rem;
}
.fbd-legend-item-outline {
  outline: 1px solid #8a8a8a;
}
#fbd-callout-tree {
  margin-top: 16px;
  padding-right: 5px;
}
.fbd-custom-total-node > div {
  margin: 6px 57px 6px auto;
}
.fbd-custom-total-node label {
  font-weight: bold;
}
.fbd-custom-total-node .fbd-route-tree-node-cost {
  margin: 0;
}
#fbd-route-tree {
  padding-right: 1px;
  margin-right: -1px;
}
#fbd-maintenance-package-tree {
  padding-right: 1px;
  margin-right: -1px;
}
#fbd-maintenance-package-tree li .k-i-collapse,
#fbd-maintenance-package-tree li .k-i-expand {
  display: none;
}
#fbd-maintenance-package-tree li li .k-i-collapse,
#fbd-maintenance-package-tree li li .k-i-expand {
  display: inline-block;
  /* or any other display value you want */
  font-size: 1.5em;
  padding: 0 0 4px 7px;
}
#fbd-maintenance-package-tree li li .k-i-collapse:before,
#fbd-maintenance-package-tree li li .k-i-expand:before {
  position: sticky;
  /* or any other position value you want */
}
#fbd-maintenance-package-tree .fbd-maintenance-package-tree-map-button {
  margin-right: 12px;
}
.fbd-vehicle-group-no-active-drivers {
  color: rgba(0, 0, 0, 0.4);
}
.fbd-maintenance-package-tree-category {
  font-weight: bold;
  font-size: 12px !important;
  width: 280px;
}
#fbd-callout-page-total-cost {
  margin-right: 12px;
  font-size: 13px;
}
.fa-font-icon,
#fbd-main-area #fbd-tab-strip #fbd-maintenance-packages-page .k-link::before,
#fbd-main-area #fbd-tab-strip #fbd-route-page .k-link::before,
#fbd-main-area #fbd-tab-strip #fbd-callout-page .k-link::before {
  font-size: 18px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 800;
}
#fbd-route-addition,
#fbd-maintenance-package-addition {
  height: calc(100% - 40px);
}
#fbd-manual-observation-dialog {
  height: 100%;
}
#fbd-route-addition-window-wrapper .k-window {
  height: 100%;
  width: 100%;
}
#fbd-maintenance-package-addition-window-wrapper .k-window {
  height: 100%;
  width: 100%;
}
#fbd-manual-observation-window-wrapper .k-window {
  height: 100%;
  width: 100%;
}
#fbd-time-map-controller {
  position: absolute;
  top: 10px;
  left: calc(50% - (450px / 2));
  width: 450px;
  height: 80px;
  padding-top: 25px;
}
#fbd-time-map-controller-slider {
  width: 365px;
  height: 15px;
  margin: 20px auto;
}
#fbd-time-map-controller-histogram {
  width: calc(365px - 1px);
  height: 25px;
  position: absolute;
  left: calc(50% - 365px / 2 + 1px);
  top: -69px;
}
#fbd-time-map-controller .noUi-value-sub,
#fbd-time-map-controller .noUi-value-large {
  color: #1d2c38;
}
#fbd-time-map-controller .noUi-value-sub {
  margin-top: 10px;
}
#fbd-time-map-controller .noUi-value-large {
  margin-top: 8px;
}
#fbd-time-map-controller .noUi-handle {
  border-radius: 9px;
  width: 28px;
  height: 28px;
  right: -14px;
  top: -6px;
}
#fbd-time-map-controller .noUi-handle::before {
  left: 10px;
}
#fbd-time-map-controller .noUi-handle::after {
  left: 15px;
}
.fbd-bold-legend {
  font-weight: bold;
  font-size: 11px;
}
#fbd-manual-time-widget {
  width: 240px;
  padding-right: 6px;
  margin-right: -430px;
}
#fbd-manual-time-widget .fbdManualTimeWidgetContent {
  width: 82%;
  display: inline-block;
}
#fbd-manual-time-widget.fbdManualTimeWidgetExpanded {
  margin-right: 0;
}
#fbd-manual-time-toggle-button {
  padding: 10px;
  position: relative;
  top: -4px;
  color: deepskyblue;
  display: inline-block;
}
#fbd-klimator-data-options-container {
  display: flex;
}
#fbd-klimator-data-options-container-safety-margin {
  display: flex;
  flex: 1;
  max-width: 42%;
  padding-left: 12px;
  margin-left: 18px;
  background: #d2d2d2;
  border-radius: 18px;
  align-items: center;
  justify-content: space-between;
}
#fbd-klimator-data-options-container-safety-margin-label {
  font-size: 13px;
  font-weight: bold;
}
#fbd-categories-map-controller {
  position: absolute;
  top: 10px;
  left: 50px;
  display: flex;
  flex-direction: column;
}
#fbd-categories-map-controller .fbd-category-switch-container {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 3px 6px;
}
#fbd-categories-map-controller .fbd-category-switch-container-label {
  display: inline-block;
  width: 155px;
  font-size: 13px;
  font-weight: bold;
}
#fbd-categories-map-controller .fbd-category-switch-container-icon {
  font-size: 18px;
  width: 35px;
}
#fbd-categories-map-controller .fbd-category-switch-container .k-switch-on .k-switch-container {
  border-color: #0D6EBE;
  color: #fff;
  background-color: #0D6EBE;
}
#fbd-categories-map-controller .fbd-category-switch-container .k-switch-off .k-switch-container {
  border-color: rgba(0, 0, 0, 0.3);
  color: #364551;
}
#fbd-categories-map-controller .fbd-category-switch-container .k-switch-off .k-switch-container .k-switch-handle {
  border-color: rgba(0, 0, 0, 0.3);
}
#fbd-categories-map-controller #fbd-route-sub-category-multiselect-container {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 3px 6px;
  font-size: 13px;
  font-weight: bold;
}
#fbd-categories-map-controller #fbd-route-sub-category-multiselect-container .k-multiselect-wrap {
  background-color: unset;
}
#fbd-categories-map-controller #fbd-route-sub-category-multiselect-container .k-multiselect-wrap span {
  font-weight: bold;
}
#fbd-categories-map-controller #fbd-route-sub-category-multiselect-container .k-multiselect {
  cursor: pointer;
}
#fbd-route-sub-category-multiselect_listbox {
  font-size: 13px;
}
#fbd-manual-observation-map-button {
  outline: none;
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  position: absolute;
  bottom: 50px;
  left: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 6px 6px 6px;
}
#fbd-manual-observation-map-button .fa-stack {
  font-size: 13px;
  margin-bottom: 6px;
}
#fbd-callout-form #fbd-callout-template-grid td[role="gridcell"]:not([data-field]) {
  text-align: left;
}
#fbd-callout-form #fbd-callout-template-grid .non-editable-column span {
  font-weight: normal;
}
#fbd-callout-form #fbd-callout-template-grid tr[role="row"] {
  height: 40px;
}
.fa-stack-1x.fa-stack-top-right {
  top: -1em;
  left: 1.3em;
}
.fa-stack-1x.fa-stack-right {
  left: 1.3em;
}
.fa-stack-1x.fa-stack-left {
  left: -1.3em;
}
.fa-stack-1x.fa-stack-top-left-close {
  left: -0.5em;
  top: -0.3em;
}
.fa-stack-1x.fa-stack-top-right-close {
  left: 0.5em;
  top: -0.3em;
}
.fa-stack-1x.fa-stack-bot-right-close,
.fa-stack-2x.fa-stack-bot-right-close {
  left: 0.5em;
  top: 0.3em;
}
.fa-stack.small {
  font-size: 0.5em;
}
.fa-stack.small i {
  vertical-align: middle;
}
.fbd-map-item {
  background: rgba(250, 250, 250, 0.8);
  border-radius: 5px;
  box-shadow: 0 2px 6px hsla(0, 0%, 0%, 0.1);
}
.dahl-deviation-layout-column {
  float: left;
  width: 33.33%;
}
.dahl-deviation-layout-column .k-button {
  margin-top: -5px;
  margin-bottom: 5px;
}
/* Clear floats after the columns */
.dahl-deviation-layout-row:after {
  content: "";
  display: table;
  clear: both;
}
.k-animation-container .k-list .k-state-focused {
  background-color: #e4e4e4;
}
.k-animation-container .k-list .k-state-focused:hover {
  background-color: #c4c4c4;
}
.k-animation-container .k-list .k-state-selected {
  background-color: #f2d357;
}
.k-animation-container .k-list .k-state-selected:hover {
  background-color: #D9CB92;
  border-color: #D9CB92;
}
#edit-selected-deviation-button {
  position: absolute;
  left: 100px;
}
.longDistance .k-checkbox:disabled {
  opacity: 0.2;
}
.k-sprite.fa-regular {
  height: 14px;
  font-size: 14px;
}
#dahl-long-distance-truck-planning-wrapper .fa-lg {
  font-size: 1.4em;
}
/* Mission
-----------------------------------------------------------*/
.mission-maintenanceobject-column {
  background-color: lightblue;
}
.mission-route-column {
  background-color: lightcyan;
}
.k-state-selected > .mission-maintenanceobject-column {
  background-color: #f2d357;
}
.k-state-selected > .mission-route-column {
  background-color: #f2d357;
}
.k-grid tr:hover > .mission-maintenanceobject-column {
  background-color: #c4c4c4;
}
.k-grid tr:hover > .mission-route-column {
  background-color: #c4c4c4;
}
.mission-page-header {
  display: flex;
}
.mission-page-body {
  display: grid;
  grid-gap: 10px;
  overflow: auto;
  padding-right: 10px;
}
#missions-tabstrip .k-sprite,
#mission-plan-page-tabstrip .k-sprite,
#maintenance-objects-tabstrip .k-sprite,
#routes-tabstrip .k-sprite {
  font-size: 14px;
}
#view-wrapper-Missions .k-tabstrip-wrapper {
  height: 100%;
}
#missions-tabstrip .k-content {
  height: calc(100% - 55px);
}
#mission-plan-page-tabstrip .k-content {
  height: calc(100% - 60px);
}
.mission-finished-color {
  color: #5E9533;
}
#active-mission-grid .k-progressbar-horizontal {
  width: 98%;
}
.mission-mo-expand-details-column .k-hierarchy-col {
  width: 35px;
}
.mission-mo-expand-details-column th.k-hierarchy-cell {
  border-bottom-width: 0px;
}
.float-none {
  float: none !important;
}
.data-matrix-container {
  margin: auto;
  text-align: center;
  width: 50px;
}
.data-matrix-container .data-matrix-image {
  width: 50px;
}
.print-parcel-collections {
  clear: left;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}
.print-parcel-collections > * {
  flex-basis: calc(33.33% - 10px);
  margin: 5px;
}
/* Diaries */
.advanced-diary-edit-list-view {
  min-height: 50px;
  overflow: auto;
}
.diary-stringlist-edit-list-view {
  max-height: 200px;
  min-height: 50px;
  overflow: auto;
}
.diary-stringlist-winter-diary-publication-documents {
  max-height: 550px;
  min-height: 50px;
  overflow: auto;
}
.diary-listview-header {
  display: flex;
  align-items: center;
}
.diary-note-fieldset {
  width: 300px !important;
}
.diary-note-fieldset-simple {
  width: 300px !important;
  height: 250px !important;
}
.diary-note-section-header {
  height: 30px;
  width: 100%;
  color: #1d2c38;
  background-color: #f2d357;
  font-size: 1.2em;
  line-height: 1.25;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
  padding-left: 5px;
  padding-top: 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #1d2c38;
}
.diary-note-section {
  border-width: 1px;
  border-color: #1d2c38;
  border-style: solid;
  box-shadow: 2px 2px 5px 0px #1d2c38;
}
.diary-note-simple-section {
  border-width: 1px;
  border-color: #1d2c38;
  border-style: solid;
  box-shadow: 2px 2px 5px 0px #1d2c38;
  width: 320px !important;
  height: 300px !important;
}
.diary-note-document-section {
  border-width: 1px;
  border-color: #1d2c38;
  border-style: solid;
  box-shadow: 2px 2px 5px 0px #1d2c38;
  width: 320px !important;
  height: 300px !important;
}
.diary-note-column-section {
  border-width: 1px;
  border-color: #1d2c38;
  border-style: solid;
  box-shadow: 2px 2px 5px 0px #1d2c38;
  width: 320px !important;
  height: auto;
}
.diary-note-work-section {
  border-width: 1px;
  border-color: #1d2c38;
  border-style: solid;
  box-shadow: 2px 2px 5px 0px #1d2c38;
  width: 320px !important;
  min-height: 600px;
}
.diary-form-upper-button-group {
  position: inherit !important;
  text-align: right !important;
}
.diary-todays-winter-notes,
.diary-todays-published-notes {
  border-width: 1px;
  border-color: #1d2c38;
  border-style: solid;
  box-shadow: 2px 2px 5px 0px #1d2c38;
  width: 320px !important;
  min-height: 300px;
}
.diary-section-manual-height {
  border-width: 1px;
  border-color: #1d2c38;
  border-style: solid;
  box-shadow: 2px 2px 5px 0px #1d2c38;
  width: 320px !important;
}
.diary-note-section-body {
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
}
#winter-form-area,
#publish-form-area,
#publish-winter-diary-form-area {
  border-width: 1px;
  border-color: #1d2c38;
  border-style: solid;
  box-shadow: 2px 2px 5px 0px #1d2c38;
  padding: 5px 5px 5px 5px;
  box-sizing: border-box;
  min-width: 800px;
  min-height: 500px;
  position: relative;
}
.diary-actionpoint-image-list-view {
  max-height: 200px;
  min-height: 200px;
  overflow: auto;
}
.diary-winter-text-area {
  resize: none;
  height: 130px !important;
}
.automatic-session-settings-card-section {
  position: relative;
  border-width: 1px;
  border-color: #1d2c38;
  border-style: solid;
  box-shadow: 2px 2px 5px 0px #1d2c38;
  width: 340px !important;
  height: 180px !important;
}
.automatic-session-settings-card-content {
  position: relative;
  border-width: 1px;
  border-color: #1d2c38;
  border-style: solid;
  box-shadow: 2px 2px 5px 0px #1d2c38;
}
.automatic-session-settings-card-header {
  height: 30px;
  width: 100%;
  background-color: #f2d357;
  font-size: 1.2em;
  line-height: 1.25;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
  padding-left: 5px;
  padding-top: 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #1d2c38;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
}
.card-edit-button-area {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.default-annotation {
  margin-left: 5px;
  font-style: italic;
}
.first-scenario-row th,
.first-scenario-row td {
  background-color: #cccccc;
}
.callout-extra-info-row th {
  width: 33%;
}
.callout-extra-info-row td {
  width: 67%;
}
/* Work preparations */
.warn-signature {
  background-color: #FF923B;
  color: #fafafa;
  padding: 10px;
  margin: 10px;
}
.print-work-preparation-area h2 {
  margin-top: 15px;
}
.print-work-preparation-interval-area {
  padding: 5px;
  border-style: solid;
  border-width: thin;
  margin-bottom: 20px;
}
.work-preparations-interval-closer {
  color: #c62928;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 5px;
  z-index: 10000;
}
.work-preparations-interval-area {
  margin-top: 10px;
  border-bottom: solid;
  border-bottom-width: thin;
}
.work-preparation-header {
  font-size: 20px;
  margin-bottom: 20px;
}
.fbd-overview-map-legend-icon {
  font-size: 18px;
  width: 15px;
}
.fbd-overview-map-legend-label {
  font-size: 14px;
}
.maintenance-object-checklist-followup-area {
  display: flex;
  flex-direction: column;
  row-gap: 1em;
  max-width: 100%;
}
.maintenance-object-checklist-followup-area > div > div {
  margin-bottom: 0;
}
.maintenance-object-checklist-followup-area .checklist-executions-wrapper {
  flex-grow: 1;
  max-height: 45%;
}
.maintenance-object-checklist-followup-area .checklist-deviations-wrapper {
  flex-grow: 1;
  max-height: 45%;
}
.dahl-configuration-flex-separator {
  border-right: thin;
  border-right-style: dashed;
  border-right-color: #364551;
}
.form-upper-button-group {
  position: inherit !important;
  text-align: right !important;
}
.form-upper-left-button-group {
  position: inherit !important;
  text-align: left !important;
}
/* Action point tree edit  
-----------------------------------------------------------*/
.action-point-tree-contents-tree-area-wrapper {
  height: 100%;
  float: left;
  flex: 50px;
  box-sizing: border-box;
}
.action-point-tree-contents-tree-wrapper {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.form-grid-button {
  min-width: 0px !important;
  width: 40px !important;
  box-shadow: none !important;
}
.action-point-tree-right-panel {
  padding: 10px;
  height: calc(100vh - 183px);
  float: left;
  color: black;
  background-color: #fafafa;
  flex: 50px;
  box-sizing: border-box;
  overflow-y: auto;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
}
.display-text-value {
  font-size: large;
}
.color-displayer {
  width: 40px;
  height: 20px;
  border: 1px solid black;
  display: block;
  margin-top: 5px;
}
/*Icons colors*/
.icon-primary {
  color: #0D6EBE;
}
.icon-red {
  color: #c62928;
}
.icon-green {
  color: #5E9533;
}
.icon-orange {
  color: #f2d357;
}
/*WorkPlans styles*/
.bucket-list-wrapper {
  height: fit-content;
  width: 300px;
}
.sticky-title {
  font-weight: normal;
  font-size: 14px;
  border-radius: 8px;
  position: sticky;
  top: 0;
  background-color: #f9f9f9;
  z-index: 10;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}
.bucket-list {
  box-shadow: none;
  background-color: #eeeeee;
}
#TimePlanTab #TimePlanGrid * {
  border: none;
}
#TimePlanTab #TimePlanGrid .k-grid-content tr {
  height: 50px;
}
#TimePlanTab #TimePlanGrid .month-header th {
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-right: 1px solid #ddd !important;
}
#TimePlanTab .account-column {
  border-right: 1px dotted #ccc !important;
}
#TimePlanTab #TimePlanGrid .k-grid-header-locked {
  font-size: 16px !important;
}
#TimePlanTab #TimePlanGrid .k-grid-content-locked {
  font-size: 14px;
}
#TimePlanTab #WorkPlansTabstrip-3 .k-datepicker {
  margin: 10px;
}
#TimePlanTab .k-grid .week-column,
#TimePlanTab .k-grid .k-header {
  min-width: 60px !important;
  padding: 0.5em 0.6em 0.4em 0.6em;
}
#TimePlanTab .week-header {
  color: #999;
}
#TimePlanTab .k-grid-header table,
#TimePlanTab .k-grid-content table {
  table-layout: auto !important;
}
#TimePlanTab .legend-container {
  text-align: right;
  background-color: #f9f9f9;
  margin-bottom: 5px;
}
#TimePlanTab .legend-item {
  text-align: center;
  padding: 5px;
}
#TimePlanTab .legend-color {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border: 1px solid #ccc;
  vertical-align: middle;
  border-radius: 10px;
}
#TimePlanTab .legend-label {
  vertical-align: middle;
  font-size: 12px;
}
#TimePlanTab .k-grid-content td {
  flex-grow: 1;
}
#TimePlanTab .highlight-week {
  border-right: 1px dotted #ccc !important;
  border-left: 1px dotted #ccc !important;
  color: #000;
}
#TimePlanTab .week-cell {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  width: 100%;
  height: 50px;
}
#TimePlanTab .week-cell-fraction {
  color: #444;
  background: #ddd;
  border-radius: 10px;
  width: 85%;
  margin-bottom: 5px;
}
#TimePlanTab .week-cell i {
  font-size: 16px;
}
#TimePlanTab .week-cell .fa-calendar-days {
  color: #579ed9;
}
#TimePlanTab .week-cell .fa-gears {
  color: #ded252;
}
#TimePlanTab .week-cell .fa-check {
  color: #bef097;
}
#TimePlanTab .week-cell .fa-xmark {
  color: #b52b35;
}
#TimePlanTab .bind-overlapping {
  cursor: pointer;
}
#TimePlanTab .bind-overlapping:hover {
  box-shadow: #999 0px 0px 5px;
}
#OverlappingTasklists .modern-card {
  width: calc(50% - 5px);
  width: 370px;
  box-sizing: border-box;
}
#view-wrapper-WorkPlans .flex-container,
.wrapper-work-plans .flex-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  height: 100%;
  background-color: #fafafa;
}
#view-wrapper-WorkPlans .scrollable-tab,
.wrapper-work-plans .scrollable-tab {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
#view-wrapper-WorkPlans .flex-item,
.wrapper-work-plans .flex-item {
  padding: 10px;
  text-align: center;
}
#view-wrapper-WorkPlans .k-button-icon,
.wrapper-work-plans .k-button-icon {
  height: auto;
  width: auto;
}
#view-wrapper-WorkPlans .form-group,
.wrapper-work-plans .form-group {
  font-size: 13px;
}
#view-wrapper-WorkPlans .form-group label,
.wrapper-work-plans .form-group label {
  color: #39566e;
}
#view-wrapper-WorkPlans .k-panelbar,
.wrapper-work-plans .k-panelbar {
  border: none;
}
#view-wrapper-WorkPlans .k-panelbar > li.k-item,
.wrapper-work-plans .k-panelbar > li.k-item {
  background-color: #fafafa;
}
#view-wrapper-WorkPlans .k-panelbar .k-link.k-header,
.wrapper-work-plans .k-panelbar .k-link.k-header {
  border-radius: 8px;
  background: #0D6EBE;
  color: #fafafa;
}
#view-wrapper-WorkPlans .k-panelbar .card-sections .k-header,
.wrapper-work-plans .k-panelbar .card-sections .k-header {
  background-color: #fafafa;
  color: #364551;
}
#view-wrapper-WorkPlans .k-panelbar .k-content,
.wrapper-work-plans .k-panelbar .k-content {
  background-color: #fafafa;
  border: none !important;
}
#view-wrapper-WorkPlans .k-panelbar .modern-card .k-content,
.wrapper-work-plans .k-panelbar .modern-card .k-content {
  background-color: #eeeeee;
}
#view-wrapper-WorkPlans .k-panelbar .k-header.k-state-focused,
.wrapper-work-plans .k-panelbar .k-header.k-state-focused,
#view-wrapper-WorkPlans .k-panelbar .k-header.k-state-selected,
.wrapper-work-plans .k-panelbar .k-header.k-state-selected {
  background: #0D6EBE;
  color: #fafafa !important;
}
#view-wrapper-WorkPlans .k-panelbar .card-sections .k-state-focused,
.wrapper-work-plans .k-panelbar .card-sections .k-state-focused,
#view-wrapper-WorkPlans .k-panelbar .card-sections .k-state-selected,
.wrapper-work-plans .k-panelbar .card-sections .k-state-selected {
  background-color: #fafafa;
  color: #364551 !important;
}
#view-wrapper-WorkPlans .k-panelbar .card-sections > li.k-item,
.wrapper-work-plans .k-panelbar .card-sections > li.k-item {
  background-color: #eeeeee;
}
#view-wrapper-WorkPlans .k-panelbar .card-sections .k-header,
.wrapper-work-plans .k-panelbar .card-sections .k-header {
  border: 1px solid #cccccc;
}
#view-wrapper-WorkPlans .card-container > li.k-item,
.wrapper-work-plans .card-container > li.k-item {
  background-color: #eeeeee;
}
#view-wrapper-WorkPlans .modern-card,
.wrapper-work-plans .modern-card {
  display: flex;
  align-items: flex-start;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #cccccc;
  width: 300px;
  margin: 10px 0;
  padding: 8px 5px;
  background: #eeeeee;
  font-family: 'Arial', sans-serif;
  box-sizing: border-box;
  text-align: left;
}
#view-wrapper-WorkPlans .modern-card .k-content,
.wrapper-work-plans .modern-card .k-content {
  background-color: #eeeeee;
}
#view-wrapper-WorkPlans .card-container,
.wrapper-work-plans .card-container {
  width: 100%;
}
#view-wrapper-WorkPlans .card-sections .k-state-focused,
.wrapper-work-plans .card-sections .k-state-focused,
#view-wrapper-WorkPlans .card-sections .k-state-selected,
.wrapper-work-plans .card-sections .k-state-selected {
  background-color: #fafafa;
  color: #364551 !important;
}
#view-wrapper-WorkPlans .card-sections > li.k-item,
.wrapper-work-plans .card-sections > li.k-item {
  background-color: #eeeeee;
}
#view-wrapper-WorkPlans .card-sections .k-header,
.wrapper-work-plans .card-sections .k-header {
  border: 1px solid #cccccc;
}
#view-wrapper-WorkPlans .card-container > :first-child > :first-child,
.wrapper-work-plans .card-container > :first-child > :first-child {
  max-width: 60%;
  margin: 0 0 0 21px;
  border-radius: 8px;
  background: #fafafa;
  color: #364551 !important;
  border: 1px solid #cccccc;
}
#view-wrapper-WorkPlans .modern-card-title,
.wrapper-work-plans .modern-card-title {
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  margin: 0;
  font-weight: normal;
}
#view-wrapper-WorkPlans .modern-card-subtitle,
.wrapper-work-plans .modern-card-subtitle {
  font-size: 14px;
  color: #333;
  text-align: left;
  word-break: break-word;
}
#view-wrapper-WorkPlans .modern-card-dates,
.wrapper-work-plans .modern-card-dates {
  font-size: 14px;
  color: #555;
  text-align: left;
  word-break: break-word;
}
#view-wrapper-WorkPlans .modern-card-divider,
.wrapper-work-plans .modern-card-divider {
  border-top: 1px solid #eee;
  margin: 6px 0;
}
#view-wrapper-WorkPlans .modern-card-section-title,
.wrapper-work-plans .modern-card-section-title {
  font-size: 18px;
  color: #444;
}
#view-wrapper-WorkPlans .modern-task-item,
.wrapper-work-plans .modern-task-item {
  display: flex;
  flex-direction: column;
  background-color: #eeeeee;
  border-radius: 8px;
  /*border: 1px solid @lightGray;*/
}
#view-wrapper-WorkPlans .modern-task-title,
.wrapper-work-plans .modern-task-title {
  font-size: 13px;
  color: #364551;
  width: 80%;
}
#view-wrapper-WorkPlans .modern-task-description,
.wrapper-work-plans .modern-task-description {
  font-size: 13px;
  color: #666;
  padding: 0 5px;
}
#view-wrapper-WorkPlans .bucket-header,
.wrapper-work-plans .bucket-header {
  font-size: 11px;
  font-weight: normal;
}
#view-wrapper-WorkPlans .k-panelbar .k-panelbar-expand,
.wrapper-work-plans .k-panelbar .k-panelbar-expand,
#view-wrapper-WorkPlans .k-panelbar .k-panelbar-collapse,
.wrapper-work-plans .k-panelbar .k-panelbar-collapse {
  visibility: visible !important;
}
#view-wrapper-WorkPlans .expand-collapse-sections,
.wrapper-work-plans .expand-collapse-sections {
  height: 18px;
  font-size: 13px;
  color: #fafafa;
  border: none;
  margin: 4px 0;
  border-radius: 4px;
  position: absolute;
  left: 73%;
  background: #0D6EBE;
}
#view-wrapper-WorkPlans .expand-collapse-sections:hover,
.wrapper-work-plans .expand-collapse-sections:hover,
#view-wrapper-WorkPlans .expand-collapse-taskboard:hover,
.wrapper-work-plans .expand-collapse-taskboard:hover {
  background: #1a84db;
  cursor: pointer;
}
#view-wrapper-WorkPlans .expand-collapse-taskboard,
.wrapper-work-plans .expand-collapse-taskboard {
  font-size: 15px;
  color: #fafafa;
  border: none;
  margin: 4px 0 0 3px;
  border-radius: 4px;
  background: #0D6EBE;
}
#view-wrapper-WorkPlans .side-panel,
.wrapper-work-plans .side-panel {
  position: fixed;
  top: 58px;
  right: -330px;
  width: 330px;
  height: 100%;
  background: #eeeeee;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
  transition: right 0.3s ease;
  z-index: 1000;
}
#view-wrapper-WorkPlans .side-panel.open,
.wrapper-work-plans .side-panel.open {
  right: 0;
}
#view-wrapper-WorkPlans .side-panel .content,
.wrapper-work-plans .side-panel .content {
  padding: 20px;
}
#view-wrapper-WorkPlans .side-panel .sticky-title,
.wrapper-work-plans .side-panel .sticky-title {
  font-size: 18px;
  padding: 4px;
  text-align: center;
}
#view-wrapper-WorkPlans .side-panel #toggle-button,
.wrapper-work-plans .side-panel #toggle-button {
  position: absolute;
  color: #fafafa;
  top: 300px;
  left: -85px;
  z-index: 1001;
  padding: 0.5em;
  border-radius: 4px;
  cursor: pointer;
  background: #0D6EBE;
  border: none;
}
#view-wrapper-WorkPlans #AsNeededTasklists,
.wrapper-work-plans #AsNeededTasklists {
  background: #eeeeee;
}
#view-wrapper-WorkPlans .as-needed-card,
.wrapper-work-plans .as-needed-card {
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  margin: 8px 4px;
  padding: 4px;
  background: #fafafa;
  border: 1px solid #cccccc;
}
#view-wrapper-WorkPlans .create-as-needed-button,
.wrapper-work-plans .create-as-needed-button {
  background: #0D6EBE;
  color: #fafafa;
  border: none;
  border-radius: 4px;
}
#view-wrapper-WorkPlans .create-as-needed-button:hover,
.wrapper-work-plans .create-as-needed-button:hover {
  background: #1a84db;
  cursor: pointer;
}
#view-wrapper-WorkPlans .tasklist-checkbox,
.wrapper-work-plans .tasklist-checkbox {
  position: absolute;
  left: 1%;
  margin: 4px 0px;
}
#view-wrapper-WorkPlans .task-checkbox,
.wrapper-work-plans .task-checkbox,
#view-wrapper-WorkPlans .tasklist-checkbox,
.wrapper-work-plans .tasklist-checkbox {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #cccccc;
  background: #fafafa;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
#view-wrapper-WorkPlans .task-checkbox,
.wrapper-work-plans .task-checkbox {
  width: 15px;
  height: 15px;
}
#view-wrapper-WorkPlans .task-checkbox:checked,
.wrapper-work-plans .task-checkbox:checked,
#view-wrapper-WorkPlans .tasklist-checkbox:checked,
.wrapper-work-plans .tasklist-checkbox:checked {
  background-color: #cccccc;
  border-color: #cccccc;
}
#view-wrapper-WorkPlans .task-checkbox:checked::before,
.wrapper-work-plans .task-checkbox:checked::before,
#view-wrapper-WorkPlans .tasklist-checkbox:checked::before,
.wrapper-work-plans .tasklist-checkbox:checked::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: white;
  display: block;
  text-align: center;
  line-height: 16px;
}
#view-wrapper-WorkPlans .task-checkbox:checked::before,
.wrapper-work-plans .task-checkbox:checked::before {
  font-size: 12px;
  line-height: 14px;
}
#view-wrapper-WorkPlans .card-title-section,
.wrapper-work-plans .card-title-section {
  display: flex;
  gap: 10px;
  padding-right: 5px;
}
#view-wrapper-WorkPlans .title-description-container,
.wrapper-work-plans .title-description-container {
  min-width: 0;
  padding: 0 10px;
}
#view-wrapper-WorkPlans .clamp-title,
.wrapper-work-plans .clamp-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
}
#view-wrapper-WorkPlans .clamp-title:hover,
.wrapper-work-plans .clamp-title:hover {
  -webkit-line-clamp: unset;
}
#view-wrapper-WorkPlans .clamp-description,
.wrapper-work-plans .clamp-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-word;
}
#view-wrapper-WorkPlans .clamp-description:hover,
.wrapper-work-plans .clamp-description:hover {
  -webkit-line-clamp: unset;
}
#view-wrapper-WorkPlans .flex-row,
.wrapper-work-plans .flex-row {
  display: flex;
  gap: 10px;
}
#view-wrapper-WorkPlans .align-items-center,
.wrapper-work-plans .align-items-center {
  align-items: center;
}
#view-wrapper-WorkPlans .align-items-start,
.wrapper-work-plans .align-items-start {
  align-items: start;
}
#view-wrapper-WorkPlans .k-grid-toolbar,
.wrapper-work-plans .k-grid-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#view-wrapper-WorkPlans .k-grid-toolbar .k-grid-toolbar-search,
.wrapper-work-plans .k-grid-toolbar .k-grid-toolbar-search {
  margin-left: 10px;
}
#view-wrapper-WorkPlans #deviations-filters,
.wrapper-work-plans #deviations-filters {
  font-size: 14px;
}
#view-wrapper-WorkPlans .tasklist-deviation-item,
.wrapper-work-plans .tasklist-deviation-item {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  background-color: #f9f9f9;
  border-radius: 8px;
  margin-top: 3px;
}
#view-wrapper-WorkPlans .deviation-header-description,
.wrapper-work-plans .deviation-header-description {
  width: 70%;
}
#view-wrapper-WorkPlans .tasklist-deviation-header,
.wrapper-work-plans .tasklist-deviation-header {
  font-size: 12px;
  color: #333;
  margin: 4px 0 0 0;
}
#view-wrapper-WorkPlans .tasklist-deviation-description,
.wrapper-work-plans .tasklist-deviation-description {
  font-size: 11px;
  color: #555;
  margin: 4px 0;
}
#view-wrapper-WorkPlans .tasklist-deviation-labels,
.wrapper-work-plans .tasklist-deviation-labels {
  background: #eee;
  border-radius: 8px;
  padding: 0 3px;
}
#view-wrapper-WorkPlans .tasklist-deviation-labels p,
.wrapper-work-plans .tasklist-deviation-labels p {
  margin: 4px 0 0 0;
}
#view-wrapper-WorkPlans .task-header,
.wrapper-work-plans .task-header,
#view-wrapper-WorkPlans .clickable-task-title,
.wrapper-work-plans .clickable-task-title {
  cursor: pointer;
}
#view-wrapper-WorkPlans .deviation-toggle-icon,
.wrapper-work-plans .deviation-toggle-icon,
#view-wrapper-WorkPlans .task-toggle-icon,
.wrapper-work-plans .task-toggle-icon {
  margin-left: auto;
  font-size: 0.8em;
  transition: transform 0.2s ease;
}
#view-wrapper-WorkPlans .task-toggle-icon.fa-chevron-down,
.wrapper-work-plans .task-toggle-icon.fa-chevron-down {
  transform: rotate(90deg);
}
#view-wrapper-WorkPlans .tasklist-completion-fraction,
.wrapper-work-plans .tasklist-completion-fraction {
  position: absolute;
  height: 18px;
  left: 79%;
  font-size: 14px;
  color: #364551;
  background: #fafafa;
  white-space: nowrap;
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 0 2px;
  margin: 4px 8px 0 8px;
}
#view-wrapper-WorkPlans .costs-grid td,
.wrapper-work-plans .costs-grid td {
  padding: 0 0.6em;
}
#view-wrapper-WorkPlans .tasklist-title-high-priority,
.wrapper-work-plans .tasklist-title-high-priority {
  color: #c62928;
  font-size: 13px;
}
#view-wrapper-WorkPlans .scheduler-event-body,
.wrapper-work-plans .scheduler-event-body {
  color: #000000;
  height: 16px;
  padding: 2px;
  text-align: center;
}
#view-wrapper-WorkPlans .k-scheduler-table th,
.wrapper-work-plans .k-scheduler-table th {
  font-weight: normal;
  font-size: 14px;
}
#view-wrapper-WorkPlans .k-event-actions,
.wrapper-work-plans .k-event-actions {
  margin: 0px;
}
#view-wrapper-WorkPlans .gap-10,
.wrapper-work-plans .gap-10 {
  gap: 10px;
}
#view-wrapper-WorkPlans .gap-5,
.wrapper-work-plans .gap-5 {
  gap: 10px;
}
#view-wrapper-WorkPlans .task-container,
.wrapper-work-plans .task-container {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  background-color: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
  margin-bottom: 15px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-wrap: nowrap;
}
#view-wrapper-WorkPlans #filter-container-overview,
.wrapper-work-plans #filter-container-overview,
#view-wrapper-WorkPlans #filter-container-timeplan,
.wrapper-work-plans #filter-container-timeplan {
  background: #f8f9fa;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#view-wrapper-WorkPlans .filter-bar,
.wrapper-work-plans .filter-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
#view-wrapper-WorkPlans .reload-button,
.wrapper-work-plans .reload-button {
  padding: 5px 10px;
  background: #ffc107;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}
#view-wrapper-WorkPlans .reload-button i,
.wrapper-work-plans .reload-button i {
  color: #fff;
}
#view-wrapper-WorkPlans .date-section,
.wrapper-work-plans .date-section {
  display: flex;
  align-items: center;
  gap: 5px;
}
#view-wrapper-WorkPlans .date-section span,
.wrapper-work-plans .date-section span {
  font-size: 14px;
  color: #333;
}
#view-wrapper-WorkPlans .date-picker,
.wrapper-work-plans .date-picker,
#view-wrapper-WorkPlans .k-datepicker,
.wrapper-work-plans .k-datepicker {
  border-radius: 4px;
  font-size: 14px;
}
#view-wrapper-WorkPlans .search-bar,
.wrapper-work-plans .search-bar {
  display: flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  background: #fff;
}
#view-wrapper-WorkPlans .search-bar label i,
.wrapper-work-plans .search-bar label i {
  font-size: 16px;
  color: #555;
}
#view-wrapper-WorkPlans .search-bar input,
.wrapper-work-plans .search-bar input {
  border: none;
  outline: none;
  font-size: 14px;
}
#view-wrapper-WorkPlans .k-dropdown,
.wrapper-work-plans .k-dropdown {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}
#view-wrapper-WorkPlans .k-dropdown-wrap,
.wrapper-work-plans .k-dropdown-wrap {
  margin: 0 !important;
}
#view-wrapper-WorkPlans #toggleMoreFilters-overview,
.wrapper-work-plans #toggleMoreFilters-overview,
#view-wrapper-WorkPlans #toggleMoreFilters-timeplan,
.wrapper-work-plans #toggleMoreFilters-timeplan {
  color: white;
  border: none;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
}
#view-wrapper-WorkPlans #toggleMoreFilters-overview i,
.wrapper-work-plans #toggleMoreFilters-overview i,
#view-wrapper-WorkPlans #toggleMoreFilters-timeplan i,
.wrapper-work-plans #toggleMoreFilters-timeplan i {
  font-size: 16px;
}
#view-wrapper-WorkPlans .more-filters,
.wrapper-work-plans .more-filters {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 9999;
  width: 75%;
}
#view-wrapper-WorkPlans .more-filters .k-multiselect,
.wrapper-work-plans .more-filters .k-multiselect {
  width: 250px;
}
#view-wrapper-WorkPlans .more-filters .k-multiselect:hover,
.wrapper-work-plans .more-filters .k-multiselect:hover {
  cursor: pointer;
}
#view-wrapper-WorkPlans .more-filters.hidden,
.wrapper-work-plans .more-filters.hidden {
  display: none;
}
#view-wrapper-WorkPlans .more-filters.visible,
.wrapper-work-plans .more-filters.visible {
  display: block;
}
#view-wrapper-WorkPlans .more-filters table,
.wrapper-work-plans .more-filters table {
  width: 100%;
  border-collapse: collapse;
}
#view-wrapper-WorkPlans .more-filters tr,
.wrapper-work-plans .more-filters tr {
  display: flex;
  width: 100%;
}
#view-wrapper-WorkPlans .more-filters td,
.wrapper-work-plans .more-filters td {
  flex: 1;
  padding: 5px;
  display: flex;
  align-items: center;
}
#view-wrapper-WorkPlans .more-filters td *,
.wrapper-work-plans .more-filters td * {
  margin: 5px;
}
#view-wrapper-WorkPlans .more-filters i,
.wrapper-work-plans .more-filters i,
#view-wrapper-WorkPlans .filter-bar i,
.wrapper-work-plans .filter-bar i,
#view-wrapper-WorkPlans .more-filters label,
.wrapper-work-plans .more-filters label {
  font-size: 14px;
}
#view-wrapper-WorkPlans .k-button,
.wrapper-work-plans .k-button,
#view-wrapper-WorkPlans .k-radio-label,
.wrapper-work-plans .k-radio-label,
#view-wrapper-WorkPlans .radio-toolbar label,
.wrapper-work-plans .radio-toolbar label {
  background: #0D6EBE;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
}
#view-wrapper-WorkPlans .k-tabstrip-items,
.wrapper-work-plans .k-tabstrip-items {
  font-size: 13px;
}
#view-wrapper-WorkPlans #delete-execution:hover,
.wrapper-work-plans #delete-execution:hover,
#view-wrapper-WorkPlans #edit-execution:hover,
.wrapper-work-plans #edit-execution:hover,
#view-wrapper-WorkPlans #create-deviation:hover,
.wrapper-work-plans #create-deviation:hover {
  background: #1a84db;
}
#view-wrapper-WorkPlans .k-tabstrip-items .k-item,
.wrapper-work-plans .k-tabstrip-items .k-item {
  border: none;
  border-radius: 10px 10px 0 0;
}
#view-wrapper-WorkPlans .k-tabstrip-items .k-item.k-state-hover,
.wrapper-work-plans .k-tabstrip-items .k-item.k-state-hover,
#view-wrapper-WorkPlans .k-state-hover .k-link,
.wrapper-work-plans .k-state-hover .k-link {
  border: none;
  background: #0D6EBE;
  color: #fafafa !important;
}
#view-wrapper-WorkPlans .k-tabstrip-items .k-loading,
.wrapper-work-plans .k-tabstrip-items .k-loading {
  border: none;
}
#view-wrapper-WorkPlans .radio-toolbar *,
.wrapper-work-plans .radio-toolbar * {
  border: none !important;
}
#view-wrapper-WorkPlans .k-radio-label,
.wrapper-work-plans .k-radio-label,
#view-wrapper-WorkPlans .radio-toolbar label,
.wrapper-work-plans .radio-toolbar label {
  background: #364551;
}
#view-wrapper-WorkPlans .radio-toolbar input[type="radio"]:checked + label,
.wrapper-work-plans .radio-toolbar input[type="radio"]:checked + label {
  background-color: #0D6EBE;
}
#view-wrapper-WorkPlans .radio-toolbar input[type="radio"]:checked:hover + label,
.wrapper-work-plans .radio-toolbar input[type="radio"]:checked:hover + label {
  background-color: #1a84db;
}
#view-wrapper-WorkPlans .k-button i,
.wrapper-work-plans .k-button i {
  font-size: 16px;
}
#view-wrapper-WorkPlans .k-checkbox,
.wrapper-work-plans .k-checkbox {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  cursor: pointer;
  accent-color: #007bff;
}
#view-wrapper-WorkPlans .info-table,
.wrapper-work-plans .info-table {
  width: 100%;
  border-collapse: collapse;
}
#view-wrapper-WorkPlans .info-table th,
.wrapper-work-plans .info-table th {
  text-align: left;
  background: #f9f9f9;
  padding: 10px;
  font-weight: bold;
  width: 35%;
  border-bottom: 1px solid #ddd;
}
#view-wrapper-WorkPlans .info-table td,
.wrapper-work-plans .info-table td {
  padding: 10px;
  width: 65%;
  border-bottom: 1px solid #ddd;
}
#view-wrapper-WorkPlans .info-table tr:nth-child(even),
.wrapper-work-plans .info-table tr:nth-child(even) {
  background: #f7f7f7;
}
#view-wrapper-WorkPlans .k-checkbox-label,
.wrapper-work-plans .k-checkbox-label {
  font-size: 14px;
  cursor: pointer;
}
#view-wrapper-WorkPlans .event-divider,
.wrapper-work-plans .event-divider {
  border-top: 1px solid #1d2c38;
  margin-top: 2px;
}
#view-wrapper-WorkPlans .scheduler-event-button,
.wrapper-work-plans .scheduler-event-button {
  width: 15px;
  padding: 0;
}
#view-wrapper-WorkPlans .k-scheduler-views .k-state-selected,
.wrapper-work-plans .k-scheduler-views .k-state-selected {
  background: #0D6EBE;
}
#view-wrapper-WorkPlans .k-scheduler-views .k-state-selected .k-link,
.wrapper-work-plans .k-scheduler-views .k-state-selected .k-link {
  color: #fafafa;
}
#view-wrapper-WorkPlans .high-priority-event,
.wrapper-work-plans .high-priority-event {
  border: dashed 2px #501993;
}
#view-wrapper-WorkPlans .breadCrumbView,
.wrapper-work-plans .breadCrumbView {
  height: calc(90vh - 125px);
  overflow: auto;
}
#view-wrapper-WorkPlans .panelbar-item-header,
.wrapper-work-plans .panelbar-item-header {
  padding: 10px;
}
#view-wrapper-WorkPlans .panelbar-item-content,
.wrapper-work-plans .panelbar-item-content {
  margin: 15px 0;
}
#view-wrapper-WorkPlans .k-panelbar .k-panelbar-expand:before,
.wrapper-work-plans .k-panelbar .k-panelbar-expand:before {
  content: "\f078";
  /* fa-chevron-down */
  font-family: "Font Awesome 5 Pro";
  font-size: 13px;
}
#view-wrapper-WorkPlans .k-panelbar .k-panelbar-collapse:before,
.wrapper-work-plans .k-panelbar .k-panelbar-collapse:before {
  content: "\f077";
  /* fa-chevron-up */
  font-family: "Font Awesome 5 Pro";
  font-size: 13px;
}
#chooseIntervalWindow {
  min-height: 150px;
}
div.k-animation-container {
  border: none;
  box-shadow: none;
  border-radius: 8px;
}
.context-menu-item {
  font-family: Arial, Sans-Serif;
  font-weight: 300;
  border-radius: 4px;
  margin: 5px;
}
.action-menu-button {
  background: #fafafa;
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #364551;
  padding: 3px;
  margin: 3px 0;
}
.action-menu-button:hover {
  cursor: pointer;
  background: #eeeeee;
}
.k-context-menu {
  border: none;
  box-shadow: none;
  border-radius: 8px;
}
.clamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-word;
}
.clamp-1:hover {
  -webkit-line-clamp: unset;
}
.clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
}
.clamp-2:hover {
  -webkit-line-clamp: unset;
}
.date-picker-error {
  display: flex;
  align-items: center;
  position: absolute;
  width: calc(100% - 10px);
  top: 0px;
  left: 0px;
  padding: 0 5px;
  border-radius: 5px;
  z-index: 1000;
  height: 100%;
  background-color: #eeeeee;
  border: 1px solid #c62928;
}
.date-picker-error i {
  margin-left: auto;
  font-size: 1.3em;
  color: #c62928;
}
.scheduling-flex-column {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.scheduling-flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
#editCalendarEventWindow {
  padding: 0;
}
.scheduling-flex-center {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.date-picker-validation-message:empty {
  display: none;
}
.date-picker-validation-message {
  margin-top: -4px;
  position: absolute;
  right: calc(1rem + 5px);
}
.date-picker-validation-message .k-widget.k-tooltip-validation.k-invalid-msg.field-validation-error {
  bottom: 0px !important;
  right: 0px !important;
  top: 0px !important;
}
.date-picker-validation-message .k-widget.k-tooltip-validation {
  position: static !important;
}
.extra-truck-load {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: #cccccc;
  border-bottom-right-radius: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.dahl-disabled {
  color: rgba(0, 0, 0, 0.6);
}
.dahl-disableddahl-faded {
  color: rgba(0, 0, 0, 0.4);
}
.dahl-faded {
  color: rgba(0, 0, 0, 0.4);
}
.dahl-disabled span,
.dahl-disabled i {
  color: inherit !important;
}
.extra-truck-load i {
  color: #fafafa;
  font-size: 14px;
}
.scrollable-multiselect {
  overflow-y: auto;
  padding-right: 10px;
}
.k-grid td:has(.truckload-on-time) {
  background-color: #5E9533 !important;
  border-color: #5E9533 !important;
  color: #fafafa !important;
}
.k-grid td:has(.truckload-late) {
  background-color: #c62928 !important;
  border-color: #c62928 !important;
  color: #fafafa !important;
}