@charset "UTF-8";
@import "lib/font-awesome/all.min.css";
@import "lib/fonts/font.css";
@import "lib/jasmine/jasmine.css";
@import "lib/mcustomScrollbar/mcustom_scrollbar.min.css";
@import "lib/loading-btn-spinner/loading-btn.css";
@import "lib/loading-btn-spinner/loading.css";
/*.add-user-icon, .bulk-edit-icon {
    @include current-btn;
}

.k-button-group-stretched {
    padding-left: 100px;
}

.k-button-group-stretched .k-button, .k-button-group .k-button:active {
    @include table-btn;
}

.k-button-group .k-group-end, .k-button-group .k-button:last-child, .k-button-group .k-group-end, .k-button-group .k-button:first-child {
    border-radius: 50%;
}

.k-button-icon {
    font-size: 18px;
    color: #404041;
    border-radius: 50%;
    line-height: 28px;
    display: inline-block;
}

.k-button-icon:hover {
    color: #004b6d;
    background-color: #fff;
    border-radius: 50%;
}*/
@import "bootstrap/bootstrap.min.css";
@import "bootstrap/animate.css";
@import "lib/toastr/toastr.min.css";
.login {
  background: #FCF2E9;
}

.login-button {
  background-color: #F98973;
  border-color: #F98973;
  color: white;
  font-weight: 500;
}

.login-button:hover {
  background-color: white;
  border-color: #F98973;
  outline-color: #F98973;
  color: #F98973;
  box-shadow: 3px 3px 6px lightgray;
}

.login a {
  color: #006390;
}

#customerRequestBGImg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.loader-container {
    min-height: 200px;
    width: 100%;
    position: relative;
}

.panel-loader-circular {
  -webkit-animation: animateloader 1.5s linear infinite;
  animation: animateloader 1.5s linear infinite;
  clip: rect(0, 80px, 80px, 40px);
  height: 80px;
  width: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
}

.panel-loader-circular:after {
  -webkit-animation: animateloader2 1.5s ease-in-out infinite;
  animation: animateloader2 1.5s ease-in-out infinite;
  clip: rect(0, 80px, 80px, 40px);
  content: "";
  border-radius: 50%;
  height: 80px;
  width: 80px;
  position: absolute;
}

.field-validation-error {
  color: #b94a48;
  font-size: 0.9em;
}

div.input-group-prepend span.input-group-text i {
  min-width: 16px;
}

.validation-summary-errors ul {
  padding-left: 0;
  list-style: none;
}

.field-validation-valid {
  display: none;
}

.validation-summary-valid {
  display: none;
}

.login .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #F98973;
  background-color: #F98973;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .align-items-center .card {
    height: 400px;
  }
  .align-items-center .row:last-child {
    height: 400px;
  }
  .align-items-center .row:last-child div[class*=col]:last-child {
    padding-right: calc(15px + 1.25rem) !important;
  }
}
header {
  background-color: white;
}
header .text-secondary:hover, header .aside-menu-shrink:hover, header .aside-menu-collapse:hover {
  color: #0D4068;
  background-color: rgba(150, 150, 150, 0.1);
  transition: 0.3s;
  border-radius: 6px;
}
header .logo img.logo-small {
  height: 56px;
}
header .logo img.company-logo {
  max-height: 48px;
}
header .aside-menu-shrink, header .aside-menu-collapse {
  color: #ccc;
  font-size: 24px;
}
header .aside-menu-collapse {
  display: none;
}
header .btn:focus {
  box-shadow: none;
  outline: none;
}
header .alarm {
  float: right;
  cursor: pointer;
  width: 25px;
  height: 25px;
  color: #6c757d;
  text-align: center;
  font-size: 18px;
  padding-top: 3px;
  position: relative;
}
header .alarm:hover, header .force-alarm-animation {
  color: #0D4068;
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
header .badge {
  background-color: #c2122f;
  color: #fff;
  position: absolute;
  top: -4px;
  right: -4px;
  font-size: 9px;
  padding: 2px 4px 3px;
  font-weight: 300;
}
header .badge-red {
  background-color: #c2122f;
  color: #fff;
  position: absolute;
  top: -4px;
  right: -4px;
  font-size: 9px;
  padding: 2px 4px 3px;
  font-weight: 300;
}
header .badge-disabled {
  background-color: #969696;
  color: #fff;
  position: absolute;
  top: -4px;
  right: -4px;
  font-size: 9px;
  padding: 2px 4px 3px;
}
header .info {
  cursor: pointer;
}
@media (max-width: 767px) {
  header {
    /*.aside-menu-shrink {
        display: none
    }*/
  }
  header .aside-menu-collapse {
    display: inline;
  }
  header .logo {
    width: 192px !important;
  }
}

.side-menu {
  background-color: #0D4068;
  color: white;
}
.side-menu a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}
.side-menu > div > div:hover, .side-menu > div > div.active {
  background-color: #ACAFBD;
  color: #0D4068;
  transition: 0.3s;
  border-bottom: 6px solid #f2f3f2;
  border-right: none;
}
.side-menu > div > div:hover a, .side-menu > div > div.active a {
  color: #0D4068;
}
@media (min-width: 767px) {
  .side-menu {
    height: calc(100% - 56px);
    overflow: auto;
    position: fixed;
  }
  .side-menu > div > div:hover, .side-menu > div > div.active {
    border-right: 6px solid #f2f3f2;
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .side-menu {
    top: 0;
    left: 0;
    position: sticky;
    z-index: 1020;
  }
}
.side-menu a span {
  font-size: 12px;
  font-weight: bold;
}
.side-menu .aside-collapsed {
  width: 50px;
}

@media (min-width: 768px) {
  body {
    padding-top: 3.5rem;
  }
}

@media (max-width: 767px) {
  .navbar {
    position: static;
  }
}
.navbar .dropdown-menu {
  z-index: 1030;
}

.card-view {
  font-size: 0.9em;
  background-color: rgba(211, 211, 211, 0.26);
}
.card-view .card-header {
  min-height: 46px;
}
.card-view .title {
  font-weight: 500;
}
.card-view .card-footer .started {
  background-color: #ffcd19;
  height: 6px;
}
.card-view .card-footer .started-delayed {
  background-color: #F78228;
  height: 6px;
}
.card-view .card-footer .not-started {
  background-color: #64b5f6;
  height: 6px;
}
.card-view .card-footer .not-started-delayed {
  background-color: #bf0000;
  height: 6px;
}
.card-view .card-footer .done {
  background-color: green;
  height: 6px;
}
.card-view .card-footer .dismissed {
  background-color: #ccc;
  height: 6px;
}

.card-view:hover {
  box-shadow: 2px 2px 5px lightgray;
  transition: 0.5s;
}

/*Pager*/
.pagination > li > a, .pagination > li > span {
  padding: 8px;
  font-size: 1.1em;
  color: #8e8e8e;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #f2f3f2;
  color: #0D4068;
}

.pagination-container .k-pager-sizes select {
  display: inline-block;
  padding: 6px 18px 6px 8px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.pagination-container .k-pager-sizes {
  font-size: 15px;
}

.pagination-container .k-icon {
  opacity: 0.4;
}

.pagination-container .k-icon:hover {
  opacity: 1;
}

div.modal.fade.in {
  opacity: 1;
}

.accordion > .overflow-visible {
  overflow: visible;
}

/*Pager*/
.control-li-width {
  width: 14%;
}

.deviation-li-width {
  width: 20%;
}

.btn-todo {
  background-color: #DDDDDD;
}

.btn-todo:hover {
  background-color: #CCCCCC;
}

.btn-todo.active {
  background-color: lightsteelblue;
}

.bg-light-gray {
  background-color: #dee2e6;
}

/* Hidden kendo upload */
.hiden-kendo-upload .k-upload .k-upload-files {
  visibility: hidden;
}
.hiden-kendo-upload .k-upload {
  display: none;
}

/* Hidden kendo upload */
.badge.variation-priority {
  display: inline-block;
}
.badge.variation-priority.badge-success:before {
  content: "IU";
}
.badge.variation-priority.badge-info:before {
  content: "1";
}
.badge.variation-priority.badge-warning:before {
  content: "2";
}
.badge.variation-priority.badge-danger:before {
  content: "3";
}
.badge.variation-priority.badge-tenant:before {
  content: "L";
}
.badge.variation-priority.badge-ansatt:before {
  content: "A";
}
.badge.variation-priority.badge-tenant, .badge.variation-priority.badge-ansatt {
  color: white;
  background-color: #B8B8B8;
}

.card-header, .modal-header {
  color: #0D4068;
}

.btn-outline-primary {
  color: #0D4068;
  border-color: #0D4068;
}

.btn-outline-primary:hover {
  background-color: #0D4068;
  color: white;
  border-color: #0D4068;
}

.btn-outline-primary.disabled {
  color: inherit;
}

.card-header .btn-outline-primary:hover, .card-footer .btn-outline-primary:hover, .card-body .btn-outline-primary:hover,
.card-header .btn-outline-primary:not(:disabled):not(.disabled):active, .card-footer .btn-outline-primary:not(:disabled):not(.disabled):active,
.card-body .btn-outline-primary:not(:disabled):not(.disabled):active,
.modal-footer .btn-outline-primary:not(:disabled):not(.disabled):active, .modal-footer .btn-outline-primary:hover {
  background-color: #0D4068;
  color: white;
  border-color: #0D4068;
}

.btn-primary {
  background-color: #0D4068;
  color: white;
  border-color: #0D4068;
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
  background-color: rgba(13, 64, 104, 0.9);
  color: white;
  border-color: #0D4068;
}

.card-footer .legend {
  font-size: 0.8em;
}

.accordion .card .card-header .row div:first-child {
  cursor: pointer;
}

.accordion .card .card-header .row div:last-child {
  cursor: default;
}

.accordion .card .card-header {
  cursor: pointer;
}

.filter .started {
  background-color: #ffcd19;
}
.filter .started-delayed {
  background-color: #F78228;
  color: white;
}
.filter .not-started {
  background-color: #64b5f6;
  color: white;
}
.filter .not-started-delayed {
  background-color: #bf0000;
  color: white;
}
.filter .done {
  background-color: green;
  color: white;
}
.filter .dismissed {
  background-color: #ccc;
  color: white;
}
.filter .variation-priority-0 {
  background-color: #DAF8C0;
}
.filter .variation-priority-1 {
  background-color: #64B5F6;
}
.filter .variation-priority-2 {
  background-color: #FCFF8D;
}
.filter .variation-priority-3 {
  background-color: #FF9D87;
}

.legend .started {
  color: #ffcd19;
}
.legend .started-delayed {
  color: #F78228;
}
.legend .not-started {
  color: #64b5f6;
}
.legend .not-started-delayed {
  color: #bf0000;
}
.legend .done {
  color: green;
}
.legend .dismissed {
  color: #ccc;
}

.variation-priority-0, .variation-priority-0:hover {
  background-color: #DAF8C0;
}

.variation-priority-1, .variation-priority-1:hover {
  background-color: #64B5F6;
}

.variation-priority-2, .variation-priority-2:hover {
  background-color: #FCFF8D;
}

.variation-priority-3, .variation-priority-3:hover {
  background-color: #FF9D87;
}

.variation-count-priority-0 {
  color: #28a745;
}

.variation-count-priority-1 {
  color: #0D4068;
}

.variation-count-priority-2 {
  color: #ffc107;
}

.variation-count-priority-3 {
  color: #dc3545;
}

.control-count-done {
  color: green;
}

.control-count-not-started {
  color: #64b5f6;
}

.control-count-started {
  color: #ffcd19;
}

.control-count-started-delayed {
  color: #F78228;
}

.control-count-not-started-delayed {
  color: #bf0000;
}

.control-count-dismissed {
  color: #6c757d;
}

.variation-count-status-new {
  color: #64B5F6;
}

.variation-count-status-postponed {
  color: #FFCD19;
}

.variation-count-status-canceled {
  color: #F78228;
}

.variation-count-status-attended {
  color: #008000;
}

.variation-count-status-started {
  color: #FFCD19;
}

.variation-count-status-archived {
  color: #008000;
}

.variation-count-status-waitingForExternalSupplier {
  color: #FFCD19;
}

.variation-count-status-postponedForBudgetNextYear {
  color: #6C757D;
}

.variation-count-status-imported {
  color: #64B5F6;
}

.variation-count-status-invoiced {
  color: #008000;
}

.variation-count-status-requestingFunds {
  color: #6C757D;
}

.variation-count-status-done {
  color: #008000;
}

.filter-options li {
  color: white;
  font-weight: 500;
}

.filter-options .not-started:hover {
  background-color: rgba(100, 181, 246, 0.79);
  border-color: #64b5f6;
  color: white;
}

.filter-options .not-started {
  background-color: #64b5f6;
  border-color: #64b5f6;
}

.filter-options .not-started-delayed:hover {
  background-color: rgba(191, 0, 0, 0.79);
  border-color: #bf0000;
  color: white;
}

.filter-options .not-started-delayed {
  background-color: #bf0000;
  border-color: #bf0000;
}

.filter-options .started:hover {
  background-color: rgba(255, 205, 25, 0.79);
  border-color: #ffcd19;
  color: white;
}

.filter-options .started {
  background-color: #ffcd19;
  border-color: #ffcd19;
}

.filter-options .started-delayed:hover {
  background-color: rgba(247, 130, 40, 0.79);
  border-color: #F78228;
  color: white;
}

.filter-options .started-delayed {
  background-color: #F78228;
  border-color: #F78228;
}

.filter-options .done:hover {
  background-color: rgba(0, 128, 0, 0.79);
  border-color: green;
  color: white;
}

.filter-options .done {
  background-color: green;
  border-color: green;
}

/*Kendo Angular Table*/
.card-body .k-datepicker, .modal-body .k-datepicker {
  width: 140px;
}
.card-body .k-grid-pager, .modal-body .k-grid-pager {
  border-top: none;
}
.card-body .k-grid, .modal-body .k-grid {
  overflow: visible;
}
.card-body .k-grid .k-grid-content, .modal-body .k-grid .k-grid-content {
  font-size: 0.9em;
  overflow: visible;
}
.card-body .k-grid .k-grid-content td, .modal-body .k-grid .k-grid-content td {
  overflow: visible;
}
.card-body .k-grid-header, .card-body .k-grid-header-wrap.k-auto-scrollable, .modal-body .k-grid-header, .modal-body .k-grid-header-wrap.k-auto-scrollable {
  border-left: none;
  border-right: none;
  border-top: none;
}
.card-body .k-grid-header .k-header, .modal-body .k-grid-header .k-header {
  font-weight: 500;
  font-size: 0.9em;
}
.card-body .k-grid-content .started, .modal-body .k-grid-content .started {
  background-color: #ffcd19;
}
.card-body .k-grid-content .started-delayed, .modal-body .k-grid-content .started-delayed {
  background-color: #F78228;
}
.card-body .k-grid-content .not-started, .modal-body .k-grid-content .not-started {
  background-color: #64b5f6;
}
.card-body .k-grid-content .not-started-delayed, .modal-body .k-grid-content .not-started-delayed {
  background-color: #bf0000;
}
.card-body .k-grid-content .done, .modal-body .k-grid-content .done {
  background-color: green;
}
.card-body .k-grid-content .dismissed, .modal-body .k-grid-content .dismissed {
  background-color: #ccc;
}

.k-grid-header {
  padding: 0;
  padding-right: 0 !important;
}
.k-grid-header .k-grid-header-wrap {
  border: 0;
}

.k-grid th {
  padding: 0.75rem 0.25rem;
}

/*Kendo Angular Table*/
/*Bootstrap table*/
.table-responsive.border .table {
  color: #292b2c;
}
.table-responsive.border th {
  background-color: #F7F7F9;
  font-weight: 500;
  font-size: 0.9em;
}
.table-responsive.border tr:nth-of-type(odd) td {
  background-color: white;
}
.table-responsive.border tr:nth-of-type(even) td {
  background-color: rgba(41, 43, 44, 0.03);
}
.table-responsive.border tr:hover td {
  background-color: #F1F1F1;
}

/*Bootstrap table*/
.item:hover {
  color: #0D4068;
  transition: 0.5s;
}

@font-face {
  font-family: font-awesome-solid;
  src: url("lib/webfonts/fa-solid-900.ttf");
}
.department-icon {
  font-size: 0.7em;
  /* Pipe: fa-tint */
  /* Electro: fa-bolt */
  /* Ventilation: fa-fan */
  /* Telematic: fa-broadcast-tower */
  /* Security: fa-lock */
  /* Cooling: fa-snowflake */
  /* Fire: fa-fire */
  /* Maintenance: fa-tools */
  /* Internal Control: fa-paragraph */
  /* Lock & Fittings: fa-unlock-alt */
  /* Shipping: fa-unlock-alt */
  /* Ship: fa-ship*/
  /* HMS: fa-hard-hat*/
  /* Thermography: fa-thermometer-three-quarters */
  /* Emergancy: fa-ambulance */
  /* Material: fa-warehouse-alt */
  /* Mechanical: fa-wrench */
  /* Cleaning: fa-vacuum */
  /* Cards & Keys: fa-key */
  /* Pneumatic Tube: fa-mailbox */
  /* AGV: fa-trailer */
  /* SD Automation: fa-analytics */
  /* Building: fa-building */
  /* VVS: fa-wind */
  /* Tele Automation: fa-router */
  /* Energy Conservation: fa-battery-three-quarters */
  /* Elevator: fa-sort-circle-up */
  /* Tech Guard: fa-shield-alt */
  /* IKT: fa-laptop */
  /* Pump: fa-eye-dropper */
  /* Gas: fa-gas-pump */
  /* AV: fa-gas-pump */
  /* Food Reception: fa-utensils */
  /* Goods Reception: fa-box-open */
  /* Waste Reception: fa-recycle */
  /* Ventilation And Cooling: fa-wind-warning */
  /* Project: fa-wind-warning */
  /* Smokediver Workshop: fa-fire-extinguisher */
  /* Service Garage: fa-garage-open */
  /* Hose Material Workshop: fa-faucet */
  /* Waste: fa-trash-alt */
  /* Food: fa-salad */
  /* Product: fa-shopping-basket */
  /* Unavailable Department Icon: fa-ellipsis-h */
  /* Emergency Department Icon: fa-ambulance */
  /* Inventory Department Icon: fa-couch */
  /* Special Equipment Department Icon: fa-couch */
  /* Appliances Department Icon: fa-blender */
  /* Renovation Department Icon: fa-hammer*/
  /* Callout Department Icon: fa-siren-on */
  /* Movingwash Department Icon: fa-hand-sparkles */
  /* Machine Department Icon: fa-tachometer-alt */
  /* OPF Department Icon: fa-puzzle-piece */
  /* Storage Department Icon: fa-warehouse-alt */
  /* Carpentry Department Icon: fa-hammer */
  /* Administration Department Icon: fa-users-cog */
}
.department-icon :last-child {
  font-family: font-awesome-solid;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.department-icon.pipe-icon {
  color: royalblue;
}
.department-icon.pipe-icon :last-child::before {
  content: "\f043";
}
.department-icon.electro-icon {
  color: #00F801;
}
.department-icon.electro-icon :last-child::before {
  content: "\f0e7";
}
.department-icon.ventilation-icon {
  color: royalblue;
}
.department-icon.ventilation-icon :last-child::before {
  content: "\f863";
}
.department-icon.telematic-icon {
  color: cornflowerblue;
}
.department-icon.telematic-icon :last-child::before {
  content: "\f519";
}
.department-icon.security-icon {
  color: black;
}
.department-icon.security-icon :last-child::before {
  content: "\f023";
}
.department-icon.cooling-icon {
  color: royalblue;
}
.department-icon.cooling-icon :last-child::before {
  content: "\f2dc";
}
.department-icon.fire-icon {
  color: red;
}
.department-icon.fire-icon :last-child::before {
  content: "\f06d";
}
.department-icon.maintenance-icon {
  color: orange;
}
.department-icon.maintenance-icon :last-child::before {
  content: "\f7d9";
}
.department-icon.internalcontrol-icon {
  color: cornflowerblue;
}
.department-icon.internalcontrol-icon :last-child::before {
  content: "\f1dd";
}
.department-icon.lockfittings-icon {
  color: hotpink;
}
.department-icon.lockfittings-icon :last-child::before {
  content: "\f13e";
}
.department-icon.shipping-icon {
  color: cornflowerblue;
}
.department-icon.shipping-icon :last-child::before {
  content: "\f48b";
}
.department-icon.ship-icon {
  color: cornflowerblue;
}
.department-icon.ship-icon :last-child::before {
  content: "\f21a";
}
.department-icon.hms-icon {
  color: cornflowerblue;
}
.department-icon.hms-icon :last-child::before {
  content: "\f807";
}
.department-icon.thermography-icon {
  color: green;
}
.department-icon.thermography-icon :last-child::before {
  content: "\f2c8";
}
.department-icon.emergancy-icon {
  color: cornflowerblue;
}
.department-icon.emergancy-icon :last-child::before {
  content: "\f0f9";
}
.department-icon.material-icon {
  color: cornflowerblue;
}
.department-icon.material-icon :last-child::before {
  content: "\f495";
}
.department-icon.mechanical-icon {
  color: cornflowerblue;
}
.department-icon.mechanical-icon :last-child::before {
  content: "\f0ad";
}
.department-icon.cleaning-icon {
  color: cornflowerblue;
}
.department-icon.cleaning-icon :last-child::before {
  content: "淚";
}
.department-icon.cardskeys-icon {
  color: cornflowerblue;
}
.department-icon.cardskeys-icon :last-child::before {
  content: "\f084";
}
.department-icon.pneumatictube-icon {
  color: cornflowerblue;
}
.department-icon.pneumatictube-icon :last-child::before {
  content: "\f813";
}
.department-icon.agv-icon {
  color: cornflowerblue;
}
.department-icon.agv-icon :last-child::before {
  content: "論";
}
.department-icon.sdautomation-icon {
  color: cornflowerblue;
}
.department-icon.sdautomation-icon :last-child::before {
  content: "\f643";
}
.department-icon.building-icon {
  color: cornflowerblue;
}
.department-icon.building-icon :last-child::before {
  content: "\f1ad";
}
.department-icon.vvs-icon {
  color: royalblue;
}
.department-icon.vvs-icon :last-child::before {
  content: "\f72e";
}
.department-icon.teleautomation-icon {
  color: cornflowerblue;
}
.department-icon.teleautomation-icon :last-child::before {
  content: "\f8da";
}
.department-icon.energyconservation-icon {
  color: cornflowerblue;
}
.department-icon.energyconservation-icon :last-child::before {
  content: "\f241";
}
.department-icon.elevator-icon {
  color: cornflowerblue;
}
.department-icon.elevator-icon :last-child::before {
  content: "爐";
}
.department-icon.techguard-icon {
  color: black;
}
.department-icon.techguard-icon :last-child::before {
  content: "\f3ed";
}
.department-icon.ikt-icon {
  color: darkblue;
}
.department-icon.ikt-icon :last-child::before {
  content: "\f109";
}
.department-icon.pump-icon {
  color: cornflowerblue;
}
.department-icon.pump-icon :last-child::before {
  content: "\f1fb";
}
.department-icon.gas-icon {
  color: cornflowerblue;
}
.department-icon.gas-icon :last-child::before {
  content: "\f52f";
}
.department-icon.av-icon {
  color: cornflowerblue;
}
.department-icon.av-icon :last-child::before {
  content: "\f6a8";
}
.department-icon.foodreception-icon {
  color: cornflowerblue;
}
.department-icon.foodreception-icon :last-child::before {
  content: "\f2e7";
}
.department-icon.goodsreception-icon {
  color: cornflowerblue;
}
.department-icon.goodsreception-icon :last-child::before {
  content: "\f49e";
}
.department-icon.wastereception-icon {
  color: cornflowerblue;
}
.department-icon.wastereception-icon :last-child::before {
  content: "\f1b8";
}
.department-icon.ventilationandcooling-icon {
  color: royalblue;
}
.department-icon.ventilationandcooling-icon :last-child::before {
  content: "\f776";
}
.department-icon.project-icon {
  color: cornflowerblue;
}
.department-icon.project-icon :last-child::before {
  content: "\f542";
}
.department-icon.smokediverworkshop-icon {
  color: cornflowerblue;
}
.department-icon.smokediverworkshop-icon :last-child::before {
  content: "\f134";
}
.department-icon.servicegarage-icon {
  color: cornflowerblue;
}
.department-icon.servicegarage-icon :last-child::before {
  content: "喇";
}
.department-icon.hosematerialworkshop-icon {
  color: cornflowerblue;
}
.department-icon.hosematerialworkshop-icon :last-child::before {
  content: "串";
}
.department-icon.waste-icon :last-child::before {
  color: cornflowerblue;
  content: "\f2ed";
}
.department-icon.food-icon :last-child::before {
  color: forestgreen;
  content: "\f81e";
}
.department-icon.product-icon {
  color: darkgreen;
}
.department-icon.product-icon :last-child::before {
  content: "\f291";
}
.department-icon.unavailable-icon {
  color: cornflowerblue;
}
.department-icon.unavailable-icon :last-child::before {
  content: "\f141";
}
.department-icon.emergency-icon {
  color: cornflowerblue;
}
.department-icon.emergency-icon :last-child::before {
  content: "\f0f9";
}
.department-icon.inventory-icon {
  color: brown;
}
.department-icon.inventory-icon :last-child::before {
  content: "\f4b8";
}
.department-icon.specialequipment-icon {
  color: gray;
}
.department-icon.specialequipment-icon :last-child::before {
  content: "\e06d";
}
.department-icon.appliances-icon {
  color: orange;
}
.department-icon.appliances-icon :last-child::before {
  content: "\f517";
}
.department-icon.renovation-icon {
  color: orange;
}
.department-icon.renovation-icon :last-child::before {
  content: "\f6e3";
}
.department-icon.callout-icon {
  color: orange;
}
.department-icon.callout-icon :last-child::before {
  content: "\e02e";
}
.department-icon.movingwash-icon {
  color: orange;
}
.department-icon.movingwash-icon :last-child::before {
  content: "\e05d";
}
.department-icon.machine-icon {
  color: black;
}
.department-icon.machine-icon :last-child::before {
  content: "\f3fd";
}
.department-icon.opf-icon {
  color: green;
}
.department-icon.opf-icon :last-child::before {
  content: "\f12e";
}
.department-icon.storage-icon {
  color: orange;
}
.department-icon.storage-icon :last-child::before {
  content: "\f495";
}
.department-icon.carpentry-icon {
  color: brown;
}
.department-icon.carpentry-icon :last-child::before {
  content: "\f6e3";
}
.department-icon.administration-icon {
  color: blue;
}
.department-icon.administration-icon :last-child::before {
  content: "\f509";
}
    .department-icon.technicaldrawing-icon {
        color: yellow;
    }

        .department-icon.technicaldrawing-icon :last-child::before {
            content: "\f5ae";
        }

.department-icon.mta-icon {
    color: turquoise;
}

    .department-icon.mta-icon :last-child::before {
        content: "\f21e";
    }

 .department-icon.truckloading-icon-icon {
        color: black;
    }

    .department-icon.truck-icon :last-child::before {
        content: "\f4de";
    }

    .department-icon.port-icon {
        color: brown;
    }

    .department-icon.port-icon :last-child::before {
        content: "\f494";
    }
    .department-icon.loadingdock-icon {
        color: blue;
    }

    .department-icon.loadingdock-icon :last-child::before {
        content: "\f6d9";
    }

    .department-icon.racking-icon {
        color: green;
    }

        .department-icon.racking-icon :last-child::before {
            content: "\f187";
        }

    .department-icon.rollerconveyor-icon {
        color: lightblue;
    }

        .department-icon.rollerconveyor-icon :last-child::before {
            content: "\f474";
        }

    .department-icon.pumpeandekspansjon-icon {
        color: blue;
    }

        .department-icon.pumpeandekspansjon-icon :last-child::before {
            content: "\f1de";
        }

@font-face {
  font-family: font-awesome-solid;
  src: url("lib/webfonts/fa-solid-900.ttf");
}
.control-special-requirement-icon {
  font-size: 0.7em;
  /* Access: fa-key */
  /* Resources: fa-users */
  /* Competence: fa-file-certificate */
  /* Special equipment: fa-tools */
}
.control-special-requirement-icon :last-child {
  font-family: font-awesome-solid;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.control-special-requirement-icon.access-icon {
  color: royalblue;
}
.control-special-requirement-icon.access-icon :last-child::before {
  content: "\f084";
}
.control-special-requirement-icon.resources-icon {
  color: royalblue;
}
.control-special-requirement-icon.resources-icon :last-child::before {
  content: "\f0c0";
}
.control-special-requirement-icon.competence-icon {
  color: royalblue;
}
.control-special-requirement-icon.competence-icon :last-child::before {
  content: "\f5f3";
}
.control-special-requirement-icon.specialequipment-icon {
  color: royalblue;
}
.control-special-requirement-icon.specialequipment-icon :last-child::before {
  content: "\f7d9";
}

.cards-pagination.pagination > .active > a {
  border-width: 1px;
  border-style: solid;
  border-color: #0D4068;
  color: #fff;
  background-color: #0D4068;
  z-index: 2;
  cursor: default;
}

.cards-pagination.pagination > .active > a:hover {
  text-decoration: none;
}

.cards-pagination.pagination > li:not(.active) > a:hover {
  color: #0056b3;
  background-color: #ebebeb;
  border-color: rgba(33, 37, 41, 0.125);
  z-index: 2;
}

.cards-pagination.pagination > li:first-child > a {
  border-radius: 0.25rem 0 0 0.25rem;
}

.cards-pagination.pagination > li:last-child > a {
  border-radius: 0 0.25rem 0.25rem 0;
}

.cards-pagination.pagination > li > a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #0D4068;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.k-pager-sizes.page-sizer-mobile select {
  font-size: 17px;
}

.k-pager-sizes.page-sizer-mobile option {
  font-size: 17px;
}

/*Help menu*/
.help-menu {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  border-radius: 0;
  animation-name: fadeInRight;
  animation-duration: 0.5s;
  min-width: 340px;
}

.help-menu-footer {
  position: fixed;
  bottom: 0;
}

.nested-item {
  padding-left: 2.5rem;
}

a[aria-expanded=true] .help-menu-icon.fa-caret-right {
  display: none;
}

a[aria-expanded=false] .help-menu-icon.fa-caret-down {
  display: none;
}

@media screen and (max-width: 768px) {
  .help-menu, .help-menu-footer {
    min-width: 300px;
  }
}
/*Help menu*/
.freemium-background {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #FCF2E9;
}

.dark-orange {
  color: #FCF2E9;
}

.white-panel-margin {
  margin-left: -0.8em;
  margin-right: -0.95em;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #F2F3F2;
}

.google-map {
  height: 544px;
}

.text-smaller {
  font-size: 0.8em;
}

.text-big {
  font-size: large;
}

.text-bigger {
  font-size: 1.5em;
}

.letter-spacing {
  letter-spacing: 0.05em;
}

.service-book-blue {
  color: #0D4068;
}

.service-book-gray {
  background-color: #6c757d;
}

.service-book-orange {
  color: #F98973;
}

.no-outline:focus {
  box-shadow: none;
}

.gray-left-border {
  border-left: 10px solid lightgray;
}

.blue-left-border {
  border-left: 10px solid #0D4068;
}

.bg-lightblue {
  background-color: #bfdeff;
}

.row-hover:hover {
  background-color: #dee2e6;
}

.bottom-stick {
  display: none;
  position: fixed;
  bottom: 5px;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #0D4068;
  background-color: #0D4068;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  border-color: gray;
}

.cursor-pointer {
  cursor: pointer;
}

.badge-primary {
  background-color: #0D4068;
}

.count-button-hover:hover {
  font-size: 1.02em;
  transition: 0.4s;
}

.text-gray {
  color: #6c757d;
}

.text-dark-orange {
  color: #F98973;
}

.fa-mw {
  min-width: 16px;
}

.border-left-active {
  border-left: 5px solid green;
}

.border-left-passive {
  border-left: 5px solid darkred;
}

textarea.single-line {
  min-height: 38px;
  height: 38px;
}

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

.overflow-x-hidden {
  overflow-x: hidden;
}

.fileInfoTree li.k-item {
  padding-left: 0;
}
.fileInfoTree span.k-in {
  width: 100%;
  padding: 0;
}
.fileInfoTree span.k-in div.row {
  width: calc(100% + 30px);
}

.h-500 {
  height: 500px;
}

.h-700 {
  height: 700px;
}

.h-80 {
  height: 80%;
}

.mh-404 {
  max-height: 404px;
}

.mh-500 {
  max-height: 500px;
}

.mw-150 {
  min-width: 150px;
}

.z-index-10 {
  z-index: 10;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

div.input-group-prepend + span.k-widget {
  width: 0 !important;
}

kendo-multiselect.is-invalid {
  border-width: 1px;
}
kendo-multiselect.is-invalid div.k-multiselect-wrap {
  border: 0;
}

.k-dropdown-wrap.k-state-disabled {
  background-color: #e9ecef;
  opacity: 1;
}

.carousel-item a img {
  max-height: 300px;
}

/* Currently Selected Filters Tags */
.tag {
  cursor: default;
  border-color: #ced4da;
  color: black;
}

.tag:hover, .tag:active {
  color: inherit;
  background-color: white;
  border-color: #ced4da;
  cursor: default;
}

/* Currently Selected Filters Tags */
/*Reports Menu*/
.reports .card-body, .reports .card-body a, .administration .card-body, .administration .card-body a {
  color: #0D4068;
}
.reports .card-body:hover, .administration .card-body:hover {
  box-shadow: 5px 5px 10px lightgray;
  transition: 0.3s;
}

/*Reports Menu*/
/*Disabled Buttons*/
.btn:disabled, .btn-outline-primary:disabled, .btn.disabled, a.btn.disabled, fieldset:disabled a.btn {
  cursor: not-allowed;
}

.btn:disabled, .btn-outline-primary:disabled, .btn.disabled, a.btn.disabled, fieldset:disabled a.btn {
  pointer-events: visible;
}

.btn:disabled, .btn-outline-primary:disabled:hover, .btn.disabled:hover, a.btn.disabled:hover, fieldset:disabled a.btn:hover {
  background-color: inherit;
  color: #6C757D;
}

.btn-success.btn:disabled {
  background-color: #28a745;
}

.btn-warning.btn:disabled {
  background-color: #d39e00;
}

.btn-danger.btn:disabled {
  background-color: #bd2130;
}

.btn-static {
  pointer-events: none;
}

/*Disabled Buttons*/
/*Bootstrap Alert*/
.alert-warning {
  color: #856404;
  background-color: #FCF2E9;
  border-color: #FCF2E9;
}

/*Bootstrap Alert*/
/*Create object in structure tree*/
.k-item .k-bot input {
  min-width: 150px;
}

/*Create object in structure tree*/
/*Carousel caption */
.carousel-caption {
  opacity: 0.75;
}

/*Carousel caption */
.k-widget.k-combobox {
  border: none;
}

/*Kendo Angular context menu*/
kendo-popup kendo-menu ul.k-context-menu {
  border: 0;
}

/*Kendo Angular context menu*/
/*Kendo Angular multiselect tag*/
kendo-taglist ul li.k-button {
  font-size: 0.8rem;
}

/*Kendo Angular multiselect tag*/
/*Angular editor*/
angular-editor .angular-editor-textarea img {
  max-width: 100%;
}

.modal-body img {
  max-width: 100%;
}

/*Angular editor*/
.negative-margin {
  margin-bottom: -11rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ie-vh-100 {
    height: 100vh;
  }
  .ie-vh-100 .modal {
    margin-top: 10vh;
    max-height: 90vh;
  }
}
/* Freemium disabled options */
[aria-disabled=true] {
  color: gray;
  text-decoration: none;
  pointer-events: none;
}
[aria-disabled=true] * {
  color: gray;
  text-decoration: none;
  pointer-events: none;
}
[aria-disabled=true] *::after {
  content: "";
  color: gray;
  text-decoration: none;
  pointer-events: none;
}

[aria-disabled=true] * {
  color: gray;
  text-decoration: none;
  pointer-events: none;
}

[aria-disabled=true] *::after {
  content: "";
  color: gray;
  text-decoration: none;
  pointer-events: none;
}

/* Freemium disabled options */
/* Cookie banner styles */
#cookieBanner {
  display: none;
}

/* Cookie banner styles */
/*Overview page status colors*/
.k-grid .started-d .statusColor {
  background-color: #F78228;
}

.k-grid .not-started-d .statusColor {
  background-color: #bf0000;
}

.k-grid .start .statusColor {
  background-color: #ffcd19;
}

.k-grid .already-done .statusColor {
  background-color: green;
}

.k-grid .not-start .statusColor {
  background-color: #64b5f6;
}

.k-grid .dismiss .statusColor {
  background-color: #ccc;
}

/*Overview page status colors*/
/*Overview page kendo grid columns-filter width*/
.columns-filter.k-animation-container-shown, s.k-animation-container > .k-popup {
  width: 250px;
}

.pre-wrap {
  white-space: pre-wrap;
}

@-webkit-keyframes animateloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(220deg);
    transform: rotate(220deg);
  }
}
@keyframes animateloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(220deg);
    transform: rotate(220deg);
  }
}
@keyframes animateloader2 {
  0% {
    box-shadow: inset #2685ee 0 0 0 17px;
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  50% {
    box-shadow: inset #2685ee 0 0 0 2px;
  }
  100% {
    box-shadow: inset #2685ee 0 0 0 17px;
    -webkit-transform: rotate(140deg);
    transform: rotate(140deg);
  }
}
@-webkit-keyframes animateloader2 {
  0% {
    box-shadow: inset #2685ee 0 0 0 17px;
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  50% {
    box-shadow: inset #2685ee 0 0 0 2px;
  }
  100% {
    box-shadow: inset #2685ee 0 0 0 17px;
    -webkit-transform: rotate(140deg);
    transform: rotate(140deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*Fix for kendo animation with z-index 10002 value*/
.fix-kendo-z-index {
  z-index: 12000;
}
/*Added style for retweet icon*/
.custom-icon-size .fa-stack-2x {
    font-size: 1.4em; 
    margin-top: 7px;
}