html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    font-size: 10px;
    font-family: 'Open Sans', 'Arial';
}

body {
    position: relative;
}

body,
div {
    box-sizing: border-box;
}

.menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    /*background-color: #000080;*/
    z-index: 100;
    color: #ffffff;
    text-align: center;
}

.menu .fa-bars {
    /*    font-size: 2.5em;
        line-height: 2em;
        vertical-align: middle;*/
    }

.content {
    position: relative;
    width: 100%;
    /*height: calc(100% - 70px);!* 70px for legend block, probably there is a better way to do it*!*/
    height: 100%;
    padding-left: 50px;
    padding-right: 40px;
}

.scheduler {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #cecece;
}

.dhx_cal_cover {
    height: 100% !important;
}

.dhx_cal_container {
    /*font-size: 0.8rem;*/
    font-family: Tahoma,san-serif;
}

.dhx_cal_event{
    font-size: 1.3rem;
}

.dhx_cal_event .dhx_body,
.dhx_cal_event .dhx_footer,
.dhx_cal_event .dhx_header {
    font-size: 0.8rem;
}

.custom_cal_event_width {
    width: 33% !important;
}

.dhx_cal_event_clear.event-month-bar {
    background-color: #f0e5a7;
    width: 40px !important;
    height: 40px !important;
    padding-left: 0;
    margin-bottom: 2px;
}

.dhx_cal_event_clear .event-month-text {
    height: 100%;
    text-align: center;
    font-size: 2rem;
    line-height: 45px;
}

.dhx_cal_header.clickable-header .dhx_scale_bar:hover {
    cursor: default ;
}

.enterprise-theme-color {
    background-color: #b2272e;
}

.loading-animation {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-animation-hidden {
    display: none;
}

.loading-animation .loader {
    border: 16px solid #c5c5c5;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.dhx_scale_bar,
.dhx_year_month,
.dhx_year_tooltip,
.dhx_year_tooltip .tooltip-printbtn,
.top-main-menu-scheduler,
.top-main-menu-scheduler > div,
.filter-checkbox-group.filter-additional,
.lh-menu-cb-container {
    text-transform: uppercase;
}

.overflow-visible {
    overflow: visible;
}


/* styles for today*/

.dhx_now .dhx_month_body {
    background-color: unset;
}

.dhx_scale_bar_now,
.dhx_now .dhx_month_head {
    background-color: #1b60dc;
    color: white;
}

.dhx_scale_holder_now {
    background-image: url("/libs/dhtmlxScheduler/codebase/imgs_dhx_terrace/databg.png");
}

/* color for tiles in minical */

.dhx_mini_calendar .dhx_now .dhx_month_head,
.dhx_mini_calendar .dhx_now .dhx_month_head.dhx_year_event {
    background-color: #1b60dc;
    color: white;
    border-radius: 7px;
}

.dhx_mini_calendar .dhx_calendar_click,
.dhx_mini_calendar .dhx_month_head.dhx_year_event {
    background-color: unset;
}

.dhx_cal_navline div.dhx_minical_icon {
    margin-right: 5px;
    min-width: 30px;
    background-position: 3px 3px !important;
    background-image: url("/libs/dhtmlxScheduler/codebase/imgs_dhx_material/calendar.svg") !important;
}

.dhx_cal_navline div.dhx_minical_icon:hover {
    background-color: rgba(0,0,0,.1);
    border-radius: 50%;
    transition: all .05s ease;
}

.dhtmlx_message_area {
    right: 45px;
    z-index: 105;
}

.month_week-number {
    position: absolute;
    left: 10px;
    font-size: 0.8em;
    color: #a7a7a7;
}

.dhx_year_box .month_week-number {
    left: 2px;
}

div.dhx_modal_cover {
    z-index: 109;
}

.dhtmlx_modal_box {
    z-index: 110;
}
.settings-popup {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    /*min-width: 900px;*/
    /*height: 100vh;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    margin-left: -450px;
    margin-top: -235px;
    background-color: white;
}

.settings-view {
    width: 900px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid gray;
    font-size: 1.5rem;
}

.settings-view-content {
    min-height: 400px;
    margin: 10px 0 0;
    padding: 10px;
    display: flex;
    border: 1px solid gray;
    font-size: 1.2rem;
}

.form-column,
.row-content,
.job-column{
    width: 50%;
}

.form-row {
    padding: 20px 0;
}

.row-title {
    width: 35%;
    display: inline-block;
}

.d-flex {
    display: flex;
}

.intervals span {
    line-height: 2.5rem;
}

.intervals div {
    padding: 2.5px 0;
}

.bays-number {
    padding: 7px 0 25px;
}

.sv-btn.btn-save {
    width: 35%;
    color: green;
    cursor: pointer;

}

.form-row-without-padding {
    padding-top: 0;
}


.auth-form {
    padding-bottom: 0;
}
.username {
    margin-bottom: 10px;
}

.auth-form-message > .row-content {
    max-height: 30px;
    display: inline-block;
    overflow: hidden;
}

.auth-form-message.success {
    color: green;
}

.auth-form-message.error {
    color: red;
}

.fieldset-area {
    margin: 0;
    padding: 0;
    border: none;
}

.work-hours {
    display: flex;
    padding: 0;
}

.work-hours-num {
    width: 219px;
    margin-left: 2px;
    display: flex;
    justify-content: space-between;
}
.report-settings {
    position: absolute;
    z-index: 102;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-size: 1.5rem;
}

.report-settings-outer {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .2);
}

.report-settings-popup {
    z-index: 1;
    width: 500px;
    min-height: 100px;
    padding: 10px;
    border: 1px solid gray;
    background-color: white;
}

.report-settings-content {
    margin: 10px 0 0;
    padding: 10px;
    border: 1px solid gray;
    font-size: 1.3rem;
}

.report-settings-header,
.report-settings-row,
.report-settings-col {
    display: flex;
}

.report-settings-btn-close.btn-close,
.report-settings-btn-save.btn-save {
    margin-left: auto;
}

.report-settings-row {
    margin: 5px 0;
}

.report-settings-row.last-row {
    position: relative;
    margin-top: 20px;
}

.report-settings-col {
    width: 50%;
    padding-right: 50px;
    align-items: center;
    box-sizing: inherit;
}

.rs-checkbox {
    margin-left: auto;
    width: 1.7rem;
    height: 1.7rem;
}

.report-settings-error {
    position: absolute;
    top: -20px;
    right: 0;
    width: 50%;
    text-align: center;
    color: red;
}

.report-settings-error-hidden {
    display: none;
}

.report-settings-btn-save.btn-save {
    width: 50% !important;
}


.missed-events-popup {
    position: absolute;
    top: 100px !important;
    /*left: 100px !important;*/
    z-index: 100;
    box-sizing: border-box;
    width: 90%;
    margin-left: 5%;
    padding: 10px;
    background-color: rgb(226, 226, 226);
    border: none;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    font: 1.2rem 'Open Sans', 'Arial', sans-serif;
}

.missed-events-wrapper {
    position: absolute;
    top: 0;
    left: -50px;
    z-index: 100;
    width: 150vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .2);
}

.missed-events-popup .event-list-col.due-date,
.missed-events-popup .event-list-col.days-over {
    justify-content: center;
    background-color: red;
}

.missed-events-popup.clickable-event-type .event_type {
    cursor: pointer;
    user-select: none;
}
.event-month-bar .dhx_title {
  text-align: left;
}

.dhx_cal_event .dhx_event_resize {
  display: none;
}

.job-assignment-scheduler .dhx_cal_event .dhx_event_resize {
  position: absolute;
  bottom: 0;
  display: block;
}

.job-assignment-scheduler .dhx_cal_event .dhx_footer {
  background: url("/libs/dhtmlxScheduler/codebase/imgs_contrast_white/resizing.png")
    center center no-repeat;
}

.dhx_cal_event .dhx_body,
.dhx_cal_event .dhx_footer,
.dhx_cal_event .dhx_header {
  font-size: 0.8rem;
}

.dhx_cal_event {
  text-transform: uppercase;
  font-size: 13px;
  overflow: hidden;
  border-radius: 4px;
}

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

/*.dhx_cal_event .dhx_body {*/
/*display: flex;*/
/*flex-direction: row;*/
/*justify-content: space-between;*/
/*}*/

/* new styles */
.tile-header-content {
  background-color: #ac2227;
  font-size: 14px;
  font-weight: 700;
  font-family: 'IndustryIncW00-Stencil';
  padding: 8px;
  display: flex;
  max-width: 130px;
  width: 100%;
  border-bottom-right-radius: 8px;
}

.dhx_cal_event .dhx_title {
  height: auto;
}

.tile-header-content.tile-day-view {
  font-size: 1.5rem;
}

.tile-body-content {
  font-size: 1rem;
}

.tile-body-content.tile-day-view {
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
}

.tile-header-content .tile-asset-id,
.tile-header-content.tile-day-view .tile-event-type,
.tile-body-content .tile-body-row {
  margin-right: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tile-body-content .tile-body-row.asset-id {
  font-family: IndustryIncW00-Stencil;
  font-weight: 700;
  font-style: Regular;
  font-size: 12px;
  color: #000000;
}

.tile-body-content .tile-body-row.invoice-name {
  font-family: Work Sans;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 9px;
  line-height: 100%;
  letter-spacing: 0%;
}
.tile-body-content .tile-body-row.event-make {
  font-family: Work Sans;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 9px;
}

.tile-header-content .tile-asset-id {
  margin-right: 0px;
}

.job-assignment-scheduler .tile-header-content .tile-asset-id {
  margin-right: 3px;
}

.tile-header-content.tile-day-view .tile-asset-id {
  max-width: 60%;
}

.tile-header-content.tile-day-view .tile-event-type {
  max-width: 30%;
  margin-left: auto;
  margin-right: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.tile-header-content .tile-job-card-number {
  margin-left: auto;
  font-size: 1rem;
  text-align: center;
  color: white;
}

.tile-job-card-number.tile-week {
  display: flex;
  justify-content: end;
  width: 100%;
  margin-left: -6px;
}

.tile-header-content .tile-job-card-number--color-black {
  color: black;
}

.tile-header-content.tile-day-view .tile-job-card-number {
  margin-left: 0;
  font-size: inherit;
}

.tile-body-content {
  width: 100%;
  display: flex;
}

.tile-body-content .tile-status {
  /*margin-left: auto;*/
  position: absolute;
  right: 4px;
  width: 15px;
  height: 15px;
  border-radius: 4px;
  border-radius: 50px;
}
.tile-body-content.tile-day-view .tile-status {
  width: 20px;
  height: 20px;
  border-radius: 50px;
}

.tile-body-content .tile-status.tile-status-bg-911 {
  border: 1px solid red;
}

.tile-body-content .tile-status.tile-status-bg-912 {
  border: 1px dashed red;
}

.tile-body-content .tile-status.tile-status-bg-1 {
  background-color: white;
}

.tile-body-content .tile-status.tile-status-bg-2 {
  background-color: black;
}

.tile-body-content .tile-status.tile-status-bg-3 {
  background-color: grey;
}

/* old styles */
.event-job-card {
  position: absolute;
  right: 3px;
  bottom: 3px;
  white-space: nowrap;
}

.event-job-card div {
  display: inline-block;
  vertical-align: top;
  text-align: right;
}

.event-job-card .event-job-card-number {
  font-size: 12px;
  line-height: 16px;
}

.event-job-card .event-status {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  text-align: center;
  line-height: 16px;
}

.dhx_cal_event_clear {
  color: white;
}

.dhx_cal_select_menu {
  display: none;
}

/* BAYS tiles */
.dhx_cal_event.placeholder_event > div {
  background-color: #565656c2;
}

.dhx_cal_event.placeholder_event {
  border-bottom: 1px solid #cdcdcd;
  box-sizing: border-box;
}

.dhx_cal_event.placeholder_event,
.dhx_cal_event.placeholder_event div {
  border-radius: 0;
}

.job-assignment-scheduler .tile-body-row,
.job-assignment-scheduler .tile-asset-id {
  text-overflow: unset;
  color: black;
}

.job-assignment-scheduler .tile-body-row {
  margin-right: 0;
  /*line-height: .9;*/
  line-height: 1.1;
}

.job-assignment-scheduler .tile-header-content {
  color: #000;
}

.job-assignment-scheduler .tile-job-card-number {
  font-weight: normal;
  white-space: nowrap;
}

.job-assignment-scheduler .tile-body-content {
  display: flex;
  flex-direction: column;
}

.job-assignment-scheduler .tile-statuses {
  display: flex;
  position: sticky;
  /*bottom: -2px;*/
  bottom: -4px;
  width: 100%;
  background-color: white;
}

.job-assignment-scheduler .tile-event-status {
  margin-left: auto;
  /*margin-right: 5px;*/
  color: white;
}

.job-assignment-scheduler .dhx_cal_event {
  border: 2px solid #b2272e;
}

.job-assignment-scheduler .dhx_cal_event .dhx_body {
  padding: 2px 3px 4px;
}

.job-assignment-scheduler .dhx_cal_event > div {
  background-color: white !important;
}

.job-assignment-scheduler .dhx_event_move.tile-body-wrapper {
  height: 100%;
  cursor: pointer;
  user-select: none;
}

.job-assignment-scheduler .dhx_cal_event.booking_tile--cancelled {
  border-color: #969696;
}

.booking-form .bf-header.booking_tile--cancelled {
  border-color: #969696;
  color: #969696;
}

/*.job-assignment-scheduler .dhx_cal_event.booking_tile--cancelled .dhx_footer {*/
/*    display: none;*/
/*}*/

.job-assignment-scheduler .bg_diagonal {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.job-assignment-scheduler .bg_diagonal--left {
  background: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0) calc(50% - 1px),
    #aaa,
    rgba(0, 0, 0, 0) calc(50% + 1px)
  );
}

.job-assignment-scheduler .bg_diagonal--right {
  background: linear-gradient(
    to top right,
    rgba(0, 0, 0, 0) calc(50% - 1px),
    #aaa,
    rgba(0, 0, 0, 0) calc(50% + 1px)
  );
}

.job-assignment-scheduler .tile_tech-icons {
  /*height: 20px;*/
  /*width: 100%;*/
}

.job-assignment-scheduler .tech-icons {
  display: flex;
}

.job-assignment-scheduler .tech-icon {
  box-sizing: border-box !important;
  margin-right: -2px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  /*align-items: center;*/
  border-radius: 50%;
  background-color: #a9a9a9;
  color: white;
  overflow: hidden;
}

.job-assignment-scheduler .tech-icon:hover {
  opacity: 0.7;
}

.job-assignment-scheduler .tech-icon.tech-icon_rest {
  margin-left: 2px;
  background-color: #d3d3d3;
  color: black;
  border: 1px solid white;
  line-height: 16px;
}

.job-assignment-scheduler .tech-icon img {
  width: 100%;
  height: auto;
}
/* END - BAYS tiles */

/* --- Day Row view --- */

.dhx_scheduler_day_row .dhx_cal_event_line {
  overflow: hidden;
  background-color: white;
  border: 2px solid #1796b0;
  border-radius: 4px;
  color: black;
  font-family: "Tahoma", san-serif;
  font-size: 12px;
  text-transform: uppercase;
}

.dhx_scheduler_day_row .dhx_cal_event_line.booking_tile--cancelled {
  border-color: #969696;
}

.day-row_icon-job-status {
  padding: 0 3px;
  border-radius: 4px;
}

.scale-text_icon-job-status {
  line-height: 15px;
  border-radius: 4px;
}

.dhx_cal_date .cal-date_tech-icon {
  position: relative;
  top: -2px;
  display: inline-flex;
  justify-content: center;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: white;
  font-family: Tahoma, san-serif;
  font-weight: bold;
  font-size: 12px;
}

/* --- Day Row view - END --- */
.content-header-asset-id {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  font-family: 'IndustryIncW00-Stencil';
}
.scale-tile-wrapper {
    padding: 0;
}

.scale-tile {
    box-sizing: border-box !important;
    height: 100%;
    width: 100%;
    border: 1px solid black;
}

.tech-tile {
    padding: 2px 4px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-size: 1rem;
}

.tech-tile .tech-tile_row {
    display: flex;
    align-items: center;
}

.tech-tile_col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 5px;
}

.tech-tile .tech-tile_name {
    margin-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tech-tile .tech-tile_name,
.tech-tile .tech-tile_time {
    line-height: 15px;
    font-weight: bold;
    font-size: 1.2em;
}

.tech-tile--clickable .tech-tile_name,
.tech-tile--clickable .tech-tile_avatar {
    cursor: pointer;
}

.dhx_cal_date .tech-tile_icon,
.tech-tile .tech-tile_icon {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: lightgrey;
}

.dhx_cal_date .tech-tile_avatar {
    position: static;
    margin-right: 5px;
}

.dhx_cal_date .tech-tile_avatar,
.tech-tile .tech-tile_avatar {
    display: flex;
    /* flex-shrink: 0; */
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    overflow: hidden;
}

.dhx_cal_date .tech-tile_avatar img,
.tech-tile .tech-tile_avatar img {
    width: 100%;
    height: auto;
}

.tech-tile .tech-tile_status {
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: cover;*/
}

.tech-tile .tech-tile_status.tech-tile_status--0 {
    background-image: url('/img/tech-assignment/status--blue.png');
}

.tech-tile .tech-tile_status.tech-tile_status--1 {
    background-image: url('/img/tech-assignment/status--green.png');
}

.tech-tile .tech-tile_status.tech-tile_status--2 {
    background-image: url('/img/tech-assignment/status--red.png');
}

.tech-tile .tech-tile_status.tech-tile_status--3 {
    background-image: url('/img/tech-assignment/status--black.png');
}

.tech-tile .tech-tile_times {
    justify-content: space-between;
}

.tech-tile .tech-tile_last-visit {
    color: red;
}

.tech-tile .tech-tile_load {
    width: 100%;
    height: 20px;
    line-height: 20px;
    background-color: lightgrey;
    color: white;
}

.tech-tile .tech-tile_load > div{
    height: inherit;
    line-height: inherit;
}

.dhx_cal_header .dhx_cal_next_button,
.dhx_cal_header .dhx_cal_prev_button {
    /*border: 1px solid gray;*/
    border-radius: 0;
    background-color: white;
}
.dhx_year_tooltip {
    top: 100px !important;
    /*left: 100px !important;*/
    z-index: 100;
    box-sizing: border-box;
    width: 90%;
    margin-left: 5%;
    padding: 10px;
    background-image: none;
    background-color: rgb(226, 226, 226);
    border: none;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    font: 1.2rem 'Open Sans', 'Arial', sans-serif;
}

.event-list-outer {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .2);
}

.event-list-header {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    vertical-align: middle;
}

.event-list-header .event-list-date {
    width: 20%;
    color: rgb(27, 96, 220);
    font-size: 1.2rem;
    font-weight: bold;
}

.event-list-header .event-list-title {
    width: 60%;
    background-color: rgb(27, 96, 220);
    border-radius: 5px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

.event-list-title.event-list-title-thin {
    width: 30%;
}

.btn-close {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(27, 96, 220);
    color: white;
    border-radius: 5px;
    font-size: 1.5rem;
}

.event-list-btn-close.btn-close {
    margin-left: auto;
}

.event-list-header .event-list-btn-apply-dates:hover,
.btn-close:hover {
    cursor: pointer;
    opacity: .7;
}

.event-list-content {
    max-height: calc(100vh - 200px);
    overflow-x: hidden;
    overflow-y: auto;
}

.event-list-row {
    width: 100%;
    /*height: 50px;*/
    display: flex;
}

.event-list-row .event-list-col {
    margin-right: 5px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
}

.event-list-row .event-list-col:last-child {
    margin-right: 0;
}

.event-list-col .event-subrow {
    width: 100%;
    height: 2rem;
    display: flex;
    align-items: center;
    background-color: grey;
    border-radius: 5px;
    padding-left: 5px;
    text-align: left;
}

.event-list-col .event-subrow:first-child {
    border-bottom: 1px solid;
}

.event-list-col.flex-3 {
    flex: 3;
}

.event-list-col.flex-1 {
    flex: 1;
}

.event-list-col.flex-4 {
    flex: 4;
}

.event-list-col.flex-7 {
    flex: 7;
}

.event-list-col.due-date,
.event-list-col.days-over {
    justify-content: center;
    background-color: green;
}

.col_open_today {
    background-color: red !important;
}

.col_open_tomorrow,
.col_open_yesterday {
    background-color: green !important;
}

.col_closed_today,
.col_closed_tomorrow,
.col_closed_yesterday {
    background-color: black !important;
}

.event-list-col.solid-cell {
    padding-left: 5px;
    background-color: grey;
}

.event-list-col.event_type {
    justify-content: center;
}

.event-list-col.event-col-separated {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.dhx_year_event.open_event_border {
    box-sizing: border-box !important;
    box-shadow: inset 0px 0px 0px 1px red;
}

/* range pickers */
.event-list-header .event-list-range {
    margin-left: auto;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    /*color: rgb(27, 96, 220);*/
    font-size: 1.2rem;
    font-weight: bold;
}

.event-list-header .event-list-range span {
    padding: 0 10px;
    color: rgb(27, 96, 220);
}

.event-list-header .event-list-range input {
    width: 100px;
    text-align: center;
}

.event-list-header .event-list-btn-apply-dates {
    width: 45px;
    height: 20px;
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(27, 96, 220);
    border-radius: 5px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
    border-radius: 0;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date {
    background-color: rgb(27, 96, 220);
}

.event-list-content.clickable-event-type .event_type {
    cursor: pointer;
    user-select: none;
}

.event-list-notification {
    color: black;
}
.scheduler.job-assignment-scheduler{
	/*height: calc(100% - 200px); without height of timed events*/
	height: 100%;
}

.job-assignment-scheduler.zoom_15 .dhx_scale_holder,
.job-assignment-scheduler.zoom_15 .dhx_scale_holder_now {
	background-image: url("/img/databg_15.png") !important;
}

.job-assignment-scheduler.zoom_30 .dhx_scale_holder,
.job-assignment-scheduler.zoom_30 .dhx_scale_holder_now {
	background-image: url("/img/databg_30.png") !important;
}

.job-assignment-scheduler.zoom_60 .dhx_scale_holder,
.job-assignment-scheduler.zoom_60 .dhx_scale_holder_now {
	background-image: url("/img/databg_60.png") !important;
}

.job-assignment-scheduler.zoom_21 .dhx_scale_holder,
.job-assignment-scheduler.zoom_21 .dhx_scale_holder_now {
	background-image: url("/img/databg_21.png") !important;
}

.job-assignment-scheduler.zoom_42 .dhx_scale_holder,
.job-assignment-scheduler.zoom_42 .dhx_scale_holder_now {
	background-image: url("/img/databg_42.png") !important;
}

.job-assignment-scheduler.zoom_84 .dhx_scale_holder,
.job-assignment-scheduler.zoom_84 .dhx_scale_holder_now {
	background-image: url("/img/databg_84.png") !important;
}

.non_timed_events{
	display: none;
	height:200px;
}

.scheduler-non-timed-placeholder,
.scheduler-non-timed-column{
	display: inline-block;
	position: relative;
	white-space: nowrap;
	box-sizing: border-box;
	border-left: 1px solid #cecece;
	overflow-y: auto;
	height: 100%;
}

.scheduler-non-timed-column:last-child {
	border-right: 1px solid #cecece;
}

.non-timed-event{
	margin: 1px 1px;
	position: relative;
	min-height: 50px;
}

.non-timed-event .event-header-content{
	padding-left: 0;
}
.non-timed-event .dhx_title,
.non-timed-event .dhx_body{
	padding-left: 2px;
}

.non-timed-event .dhx_title{
	height: 13px;
}

.non-timed-column-hover{
	box-shadow: 0px 7px 3px 0px #1E88E5 inset;;
}

.non-timed-column-hover::after{
	content:'';
	position:absolute;
	height:7px;
	width:100%;
	top:0;
	left:0;
	background: #1E88E5;
}
.lh-menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 470px;
    height: 100vh;
    padding-top: 14px;
    padding-right: 50px;
    /*background-color: #000080;*/
    font-size: 1.3rem;
    text-align: left;

    transition-property: left;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}

.lh-menu-hidden {
    left: -470px;
}

.lh-av-views{
    position: absolute;
    top: 74px;
    right: 4px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 2rem;
    text-align: center;
}

.lh-av-views .lh-av-views{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.lh-av-views .lh-av-views .av-views-btn{
    min-width: 32px;
    min-height: 32px;
    filter: grayscale(1) opacity(1);
}

.lh-av-views .lh-av-views .av-views-btn.av-views-btn-active{
    filter: grayscale(0);
}

.lh-menu-control {
    position: absolute;
    top: 14px;
    right: 18px;
    display: flex;
    flex-direction: column;
    font-size: 2rem;
    text-align: center;
}
.lh-menu-control span{
    margin-bottom: 15px;
}

.lh-menu-btn-hidden {
    display: none;
}

.lh-menu-header {
    display: flex;
    justify-content: center;
    background-color: gray;
}

.lh-menu-btn-reset {
    width: 150px;
    margin: 10px;
    padding: 10px;
    border: 0;
    border-radius: 5px;
    /*background-color: #000080;*/
    font-size: 2rem;
    color: inherit;
}

.lh-menu-btn-open:hover,
.lh-menu-btn-close:hover,
.lh-menu-btn-settings:hover,
.lh-menu-btn-reset:hover {
    cursor: pointer;
    opacity: .6;
}

.lh-menu-content {
    height: calc(100% - 77px);
    padding: 25px 0;
    background-color: lightgray;
    color: #000000;
    overflow-y: auto;
    overflow-x: hidden;
}

.lh-menu-content ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lh-menu-li:before {
    content: '';
    margin-right: 12px;
}

.lh-menu-li-closed:before {
    content: "+";
    margin-right: 4px;
}

.lh-menu-li-opened:before {
    content: "-";
    margin-right: 4px;
}

.lh-menu-condition > li,
.lh-menu-other > li:first-child {
    padding: 10px 0 10px 25px;
    border-bottom: 1px solid gray;

    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lh-menu-cb-container > li {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lh-menu-checkbox {
    vertical-align: bottom;
    transform:scale(1.3);
}

.lh-menu-condition > ul {
    padding-left: 9px;
}

.lh-menu-search {
    width: 95%;
    height: 3rem;
    border-radius: 5px;
    border: 1px solid transparent;
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 1.3rem;
}

.lh-menu-ul-animation {
    overflow: hidden;

    transition-duration: 0.2s;
    transition-timing-function: ease-in;
}

.lh-menu-ul-hidden {
    display: none;
}

.lh-menu-ul-visuallyhidden {
    opacity: 0;
}

.lh-menu-branch-opened {
    /*class for js*/
}

.settings-view-parent {
    position: absolute;
    z-index: 102;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .2);
}
.rh-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 101;
    height: 100%;
    display: flex;
    box-sizing: border-box;
    font-size: 1.3rem;

    transition-property: right;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}

.rh-menu-hidden {
    right: -470px;
}

.legend-wrapper {
    width: 470px;
    height: 100%;
    background-color: rgb(72, 81, 100);
    color: #ffffff;
}

.legend-header {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    font-size: 2rem;
    font-weight: bold;
}

.legend-content {
    height: calc(100% - 40px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 20px;
    padding: 10px;
    background-color: lightgray;
    color: black;
    text-transform: uppercase;
}

.legend-accordion {
    width: 100%;
    height: 100%;
}

.dhxacc_base_material div.dhxacc_cont,
.dhxacc_base_material div.dhx_cell_acc,
.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_cont_acc {
    width: 100% !important;
}


.legend-content .legend-event-types,
.legend-content .legend-event-statuses,
.legend-content .legend-job-statuses {
    position: relative;
    padding: 10px 0px 10px 10px;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.legend-content .legend-row {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.legend-content .legend-icon {
    margin-right: 10px;
}

.legend-content .legend-text {
    max-width: 370px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.legend-event-types .legend-icon {
    width: 25px;
    height: 25px;
    border-radius: 5px;
}

.nav-widget {
    position: absolute;
    top: 0;
    left: -40px;
    width: 40px;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(72, 81, 100);
    box-shadow: -2px 0 6px -2px rgba(0,0,0,0.75);
    border-radius: 5px 0 0 5px;
}

.nav-widget-item {
    margin-bottom: 7px;
}

.nav-widget-item-first {
    margin-bottom: 20px;
}

.nav-widget-item:hover {
    cursor: pointer;
    opacity: .7;
}

.nav-widget-item-first:after {
    content: '';
    width: 60px;
    height: 1px;
    display: block;
    background: grey;
    position: absolute;
    top: 40px;
    left: 0;
}

.nav-widget .icon-show-legend {
    width: 30px;
    height: 20px;
    background: center no-repeat url("/img/icon_legend.png");
    background-size: cover;
}

.nav-widget .icon-show-legend-rotated {
    transform: rotate(180deg);
}

.nav-widget .icon-print-screen {
    width: 30px;
    height: 30px;
    background: center no-repeat url("/img/icon_print_screen.png");
    background-size: cover;
}

.nav-widget .icon-print-data {
    width: 30px;
    height: 30px;
    background: center no-repeat url("/img/icon_print.png");
    background-size: cover;
}

.nav-widget .icon-report-settings {
    width: 30px;
    height: 30px;
    background: center no-repeat url("/img/icon_report_settings.png");
    background-size: cover;
}

.nav-widget .icon-print-event-list {
    width: 30px;
    height: 30px;
    background: center no-repeat url("/img/icon_print_event_list.png");
    background-size: cover;
}

.nav-widget .icon-show-missed-events {
    width: 30px;
    height: 30px;
    background: center no-repeat url("/img/icon_show_missed_events.png");
    background-size: cover;
}

.report-list-hidden {
    display: none;
}

/* EVENT STATUSES */

.icon-event-status {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    line-height: 1;
    border-radius: 50%;
    border: 1px solid black;
    background-color: #686868;
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    user-select: none;
}

.icon-event-status--small {
    width: 20px;
    height: 20px;
    font-size: 1.2rem;
}

.icon-event-status--small-15 {
    width: 13px;
    height: 13px;
    font-size: 1.2rem;
}

.icon-event-status--:after,
.icon-event-status--undefined:after,
.icon-event-status--912:after {
    content: '?';
}

.icon-event-status--0:after {
    content: '0';
}

.icon-event-status--1:after {
    content: '1';
}

.icon-event-status--2:after {
    content: '2';
}

.icon-event-status--3:after {
    content: '3';
}

.icon-event-status--4:after {
    content: '4';
}

.icon-event-status--5:after {
    content: '5';
}

.icon-event-status--6:after {
    content: '6';
}

.icon-event-status--7:after {
    content: '7';
}

/* END EVENT STATUSES */


/* JOB STATUSES */

.icon-job-status {
    width: 35px;
    height: 25px;
    border-radius: 4px;
    border: 2px solid white;
    color: white;
    padding: 5px;
    text-align: center;
}
.job-status-margin{
    margin-right: 15px;
}
.icon-job-status--small {
    width: 30px;
    height: 20px;
    border: 1px solid white;
}

.icon-job-status--small-15 {
    width: 19px;
    height: 13px;
    border: 1px solid white;
}

.icon-job-status--width-100 {
    width: 100%;
    height: 13px;
    border: 1px solid white;
}

.icon-job-status--undefined,
.icon-job-status--912 {
    background-color: #ffffff;
    border: 1px dashed red;
}

.icon-job-status--0 {
    background-color: #fa5151;
}

.icon-job-status--1 {
    background-color: #f0cf1c;
}

.icon-job-status--2 {
    background-color: #6fcc00;
}

.icon-job-status--3 {
    background-color: #318bff;
}

.icon-job-status--4 {
    background-color: #ff8000;
}

.icon-job-status--5 {
    background-color: #000000;
}

/* END JOB STATUSES */
.custom-combobox {
    position: relative;
}

.custom-combobox .fas.fa-ellipsis-v {
    position: absolute;
    right: 10px;
    top: 0;
    /*color: rgb(255, 255, 255);*/
}

.custom-combobox span {
    line-height: 30px;
    font-size: 1.2rem;
}

.custom-combobox_select-wrapper {
    position: relative;
    height: 100%;
    min-width: 70px;
}

/*.custom-custom-combobox_select-wrapper-box:hover {*/
/*opacity: .5;*/
/*cursor: pointer;*/
/*}*/

.custom-combobox_select {
    width: 100%;
    height: 100%;
    padding-left: 5px;
    color: #404040;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase;
}

.custom-combobox .custom-combobox_over-select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bf-event-list {
    position: relative !important;
    overflow: visible !important;
    z-index: 200;
}

.custom-combobox_options-box {
    position: fixed !important;
    z-index: 1000 !important;
    background-color: white;
    max-height: 400px;
    overflow-y: auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    transform: translateY(1px);
    width: inherit !important;
}

.custom-combobox_options-box.hidden {
    display: none !important;
}

.custom-combobox_options-box.reversed {
    position: absolute;
    bottom: 43px;
    flex-direction: column-reverse;
}

.custom-combobox_options-box label {
    display: flex;
    padding: 0 5px;
    border-bottom: 1px solid lightgray;
    line-height: 2;
    align-items: center;
}

.custom-combobox_options-box label:hover {
    background-color: #1e90ff;
}

.custom-combobox_options-box > label:first-child {
    border-top: 1px solid transparent;
}

.custom-combobox_options-box > label:first-child:hover {
    background-color: transparent;
}

.custom-combobox_options-box .custom-combobox_options-checkbox {
    display: none;
}

.custom-combobox_options-box .custom-combobox_options-label {
    line-height: inherit;
    max-width: 85%;
    padding-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.2rem;
}

.custom-combobox_options-search {
    width: 100%;
    height: 3rem;
    margin: 5px 0;
    padding-left: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 1.2rem;
}

.custom-combobox_options-box .custom-combobox_options {
    overflow-y: auto;
    overflow-x: hidden;
}
.box_assigned-techs.modal_box_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 100vh;
    width: 100vw;
}

.box_assigned-techs.modal_box_wrapper.visible {
    display: flex;
    align-items: center;
    justify-content: center;
}

.box_assigned-techs .dhtmlx_modal_box {
    width: 450px;
}

.box_assigned-techs .dhtmlx_no_button,
.box_assigned-techs .dhtmlx_cancel_button {
    color: #000000;
}

.box_assigned-techs .dhtmlx_no_button:hover,
.box_assigned-techs .dhtmlx_cancel_button:hover {
    background-color: #f0f0f0;
}

.box_assigned-techs .dhtmlx_no_button:active,
.box_assigned-techs .dhtmlx_cancel_button:active {
    background-color: #e3e3e3;
}

.box_assigned-techs .dhtmlx_ok_button:hover {
    opacity: .9;
}

.box_assigned-techs .dhtmlx_ok_button:active {
    opacity: .8;
}
.search-box {
    position: relative;
    width: 100%;
}

.search-box .sb_input {
    position: relative;
    width: 100%;
    padding-right: 30px;
    background-image: url("/img/select-search.png");
    background-repeat: no-repeat;
    background-position: right;
}

.search-box .sb_input::-webkit-search-cancel-button {
    position:absolute;
    right: 30px;
    top: 17px;

     -webkit-appearance: none;
    height: 10px;
    width: 10px;
    /*border-radius:10px;*/
    background: #808080;
    /*-webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);*/
    /*clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);*/
    -webkit-clip-path: polygon(10% 0, 0 10%, 40% 50%, 0 90%, 10% 100%, 50% 60%, 90% 100%, 100% 90%, 60% 50%, 100% 10%, 90% 0, 50% 40%);
    clip-path: polygon(10% 0, 0 10%, 40% 50%, 0 90%, 10% 100%, 50% 60%, 90% 100%, 100% 90%, 60% 50%, 100% 10%, 90% 0, 50% 40%);
}

.sb_options {
    position: absolute;
    /*left: 0;*/
    z-index: 10;
    width: 100%;
    /*min-height: 50px;*/
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #c3c3c3;
    background-color: #fafafa;
    box-shadow: 0 0 10px rgba(127,127,127,0.2);
    box-sizing: border-box;
}

.search-box .sb_options.hidden {
    display: none;
}

.search-box .sb_options label {
    display: flex;
    padding: 0 5px;
    border-bottom: 1px solid lightgray;
    line-height: 2;
    align-items: center;
}

.search-box .sb_options label:hover {
    background-color: #1e90ff;
}

.search-box .sb_options > label:first-child {
    border-top: 1px solid transparent;
}

/*.search-box .sb_options > label:first-child:hover {*/
    /*background-color: transparent;*/
/*}*/

.search-box .sb_options .custom-combobox_options-checkbox {
    display: none;
}

.search-box .sb_options .custom-combobox_options-label {
    line-height: inherit;
    max-width: 85%;
    padding-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.2rem;
}
/* TAGS INPUT */

.tags-input-wrapper {
    /*background: transparent;*/
    /*padding: 10px;*/
    /*border-radius: 4px;*/
    /*max-width: 400px;*/
    /*border: 1px solid #ccc*/

    /*margin-left: auto;*/
    width: 290px;
    height: 45px;
    overflow-x: hidden;
    /*min-height: 45px;*/
    padding-top: 20px;
    padding-left: 13px;
    /*box-sizing: border-box;*/
    color: #808080;
    background: white;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #C3C3C3;
    border-radius: 5px;
}

.tags-input-wrapper input {
    border: none;
    background: transparent;
    outline: none;
    width: 80px;
    /*width: 290px;*/
    /*margin-left: 8px;*/
    color: #808080;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: bold;
}

.tags-input-wrapper .tag {
    display: inline-block;
    /*height: 17px;*/
    padding: 0px 3px 0px 7px;
    margin-right: 5px;
    margin-bottom: 3px;
    background-color: #808080;
    color: white;
    border-radius: 40px;
    /*box-shadow: 0 5px 15px -2px rgba(250 , 14 , 126 , .7)*/
}

.tags-input-wrapper .tag a {
    margin: 0 7px;
    display: inline-block;
    cursor: pointer;
}

/* END TAGS INPUT */
.dhx_cal_cover {
    z-index: 102 !important;
}

.booking-form {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 103;
    display: none;
    /*padding-bottom: 20px;*/
    padding-bottom: 10px;
    box-sizing: border-box;
    width: 1030px;
    background-color: #ffffff;
    font-size: 1.5rem;
    text-transform: uppercase;
    box-shadow: 0 15px 27px 0px rgba(0,1,0,0.21);
    border-radius: 10px;
}

/*.booking-form .bf-content,*/
/*.booking-form footer {*/
    /*padding: 0 40px;*/
/*}*/

.booking-form .bf-main,
.booking-form footer {
    padding: 0 40px;
}

.booking-form.form--disabled .bf-btn-save,
.booking-form.form--disabled .bf-btn-use-jc,
.booking-form.form--disabled .bf-btn-delete,
.booking-form.form--disabled .bf-btn-unlink,
.booking-form.form--disabled .bf-btn-return-date,
.booking-form.form--disabled .bf-btn-assign-tech,
.bf-elem--disabled {
    pointer-events: none !important;
    opacity: .6 !important;
    user-select: none !important;
}

/* HEADER */

.booking-form .bf-header {
    position: relative;
    display: flex;
    height: 40px;
    padding: 10px 20px;
    background-color: #ffffff;
    color: #1796b0;
    font-size: 1.3rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: solid #1796b0;
    border-width: 10px 0 2px;
}

.booking-form .bf-header-title {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 2px;
}

.booking-form .bf-col-default {
    color: #C3C3C3;
    font-weight: bold;
}

.booking-form .bf-header-statuses {
    display: flex;
}

.booking-form .bf-header-job-number {
    display: inline-block;
}

.booking-form .bf-header-bay,
.booking-form .bf-header-job-number,
.booking-form .bf-header-job-status {
    margin-left: 10px;
}

.booking-form .bf-header-btn-close {
    position: absolute;
    top: -25px;
    right: -15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #1b60dc;
    color: #ffffff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    font-size: 1.6rem;
    transition: background-color .2s;
}

.booking-form .bf-header-btn-close:hover {
    cursor: pointer;
    background-color: #3065ec;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
}

/* END HEADER */


/* MAIN */
.booking-form .bf-main {
    min-height: 200px;
    /*max-height: 379px;*/
    /*height: calc(100vh - 300px);*/
    max-height: calc(100vh - 300px);
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #F4F4F4;
}

.booking-form .bf-tabs {
    height: 50px;
    padding-top: 10px;
    display: flex;
    justify-content: space-around;
    background-color: #ffffff;
}

.booking-form .bf-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    /*height: 70px;*/
    /*border-right: 1px solid lightgrey;*/
    transition: background-color .2s ease-in;
    border-bottom: 2px solid transparent;
}

.booking-form .bf-tab.bf-tab--inactive {
    pointer-events: none;
    opacity: 0.7;
}

.booking-form .bf-tab:hover {
    cursor: pointer;
}

.booking-form .bf-tab:hover .bf-tab-icon {
    opacity: 1;
    filter: grayscale(0);
}

.booking-form .bf-tab.bf-tab--active {
    background-color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 2px solid red;
}

.booking-form .bf-tab-icon {
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    width: 38px;
    height: 38px;
    /*font-weight: bold;*/
    user-select: none;

    opacity: .5;
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: cover;*/

    transition: opacity .2s ease-in;
    filter: grayscale(100%);
}

.booking-form .bf-tab.bf-tab--active .bf-tab-icon {
    opacity: 1;
    filter: grayscale(0);
}

.booking-form .bf-tab-icon_booking {
    background-image: url('/img/booking-form/icon_booking.svg');
}

.booking-form .bf-tab-icon_new-asset {
    /*background-image: url('/img/booking-form/icon_new-asset.svg');*/
    background-image: url('/img/booking-form/icon_new-asset.png');
}

.booking-form .bf-tab-icon_job-card {
    /*background-image: url('/img/booking-form/icon_job-card.svg');*/
    background-image: url('/img/booking-form/icon_booking.svg');
}

.booking-form .bf-tab-icon_job-card-notes, .booking-form .bf-tab-icon_job-card-instructions {
    background-image: url('/img/booking-form/icon_job-notes.svg');
}

.booking-form .bf-tab-icon_existing-job {
    background-image: url('/img/booking-form/icon_job-list.svg');
}

.booking-form .bf-tab-icon_tech-assignment {
    background-image: url('/img/booking-form/icon_tech-assignment.svg');
}

.booking-form .bf-tab-icon_event-status {
    background-image: url('/img/booking-form/icon_event-status.svg');
}

.booking-form .bf-tab-icon_event-list {
    background-image: url('/img/booking-form/icon_event-list.svg');
}

.booking-form .bf-tab-icon_vmu {
    background-image: url('/img/booking-form/icon_vmu.svg');
}

.booking-form .bf-tab-icon_audit-trail {
    background-image: url('/img/booking-form/icon_audit-trail.svg');
}

.booking-form .bf-content {
    display: none;
}

/*.booking-form .bf-content {*/
    /*min-height: 200px;*/
    /*max-height: 400px;*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
/*}*/

.booking-form .bf-content--visible {
    display: block;
}

.booking-form .content--disabled .bf-field-input,
.booking-form .content--disabled .custom-combobox_select {
    background-color: rgb(242, 242, 242);
}

.booking-form .content--disabled .bf-field {
    pointer-events: none;
}

.booking-form .content--disabled .bf-time-period-body .bf-field {
    pointer-events: all;
}

.booking-form .content--disabled .bf-time-period-body  .bf-field-input,
.booking-form .content--disabled .bf-time-period-body  .custom-combobox_select {
    background-color: #FFFFFF;
}

.jc-fields--disabled .bf-job-card .bf-search-box-wrapper .bf-field-input,
.jc-fields--disabled .bf-job-card .bf-due-date,
.jc-fields--disabled .bf-job-card_form .field--blockable input,
.jc-fields--disabled .bf-job-card_form .field--blockable .custom-combobox_select,
.bf-content_tech-assignment .bf-col_tech-duration.field--blockable {
    background-color: rgb(242,242,242);
}

/*.jc-fields--disabled .bf-job-card_form .bf-col.bf-col-margin-right .bf-field:first-child,
.jc-fields--disabled .bf-job-card_form .bf-col.bf-col-margin-right .bf-field:last-child,
.jc-fields--disabled .bf-job-card_form .bf-col.bf-col-margin-left .bf-field:last-child*/
.jc-fields--disabled .bf-job-card_form .field--blockable,
.bf-content_tech-assignment .bf-col_tech-duration.field--blockable {
    pointer-events: none;
}

.jc-fields--asset-disabled .bf-job-card .bf-search-box-wrapper .bf-field-input {
    background-color: rgb(242, 242, 242);
}

.jc-fields--asset-disabled .bf-job-card_form .bf-col.bf-col-margin-right .bf-field:first-child {
    pointer-events: none;
}

.booking-form .bf-section {
    /*width: 620px;*/
    width: 100%;
    /*margin-top: 10px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EBEBEB;
}

.booking-form .bf-section:last-child {
    border-bottom: unset;
}

.booking-form .bf-section-title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #575757;
}

.booking-form .bf-section-title.bf-section-title--under-construction {
    color: #b9b9b9;
    text-align: center;
}

.booking-form .bf-form,
.booking-form .bf-field {
    display: flex;
}

.booking-form .bf-form,
.booking-form .bf-time-period-body {
    padding-top: 5px;
}

.booking-form .bf-row {
    display: flex;
}

.booking-form .bf-col {
    display: flex;
    flex-direction: column;
    /*width: 50%;*/
    width: 100%;
}

.booking-form .bf-col.bf-col-margin-right {
    margin-right: 20px;
}

.booking-form .bf-col.bf-col-margin-left {
    margin-left: 20px;
}

.booking-form .bf-col.bf-col-margin-left--large {
    margin-left: 70px;
}

.booking-form .bf-col.bf-col-right-align {
    align-items: flex-end;
}

.booking-form .bf-field {
    position: relative;
    margin-bottom: 5px;
    align-items: center;
}

.booking-form .bf-indent {
    margin-top: 10px;
}

.booking-form .bf-field-text {
    position: absolute;
    /*z-index: 1;*/
    top: 5px;
    left: 15px;
    color: #808080;
    font-size: 1rem;

    transition: all .2s ease-in;
}

.booking-form .bf-field-input {
    margin-left: auto;
    width: 290px;
    height: 45px;
    padding-top: 15px;
    padding-left: 13px;
    box-sizing: border-box;
    color: #808080;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #C3C3C3;
    border-radius: 5px;
}

.booking-form input:placeholder-shown {
    padding-top: 0;
    transition: all .2s ease-in;
}

.booking-form input:placeholder-shown + .bf-field-text {
    opacity: 0;
}

.booking-form .custom-combobox.custom-combobox--ontop {
    z-index: 2;
}

.booking-form .bf-section.bf-job-card,
.booking-form .bf-section.bf-time-period {
    width: 620px;
}

.booking-form .bf-section.bf-job-card_details {
    padding-bottom: 15px;
}

.booking-form .bf-section.bf-job-card_details,
.booking-form .bf-section.bf-job-card_multiday {
    width: 290px;
    margin-left: 40px;
}

.booking-form .bf-job-card_multiday-header {
    display: flex;
}

.bf-job-card_multiday-toggle {
    margin-left: auto;
}

.booking-form .bf-job-card_details-header,
.booking-form .bf-job-card_multiday-header {
    /*border-bottom: 1px solid grey;*/
    user-select: none;
}

.booking-form .bf-details-icon {
    padding-right: 5px;
    padding-left: 5px;
    color: #C3C3C3;
}

.booking-form .bf-job-details-toggle.closed .bf-details-icon {
    transform: rotate(180deg);
}

.booking-form .bf-job-card_details-header > span {
    cursor: pointer;
}

.booking-form .bf-job-card_details-body {
    /*width: 620px;*/
    width: 100%;
    /*height: 68px;*/
    margin-top: 5px;
    flex-direction: column;
    font-size: 1.3rem;
    color: grey;
    opacity: 1;
    visibility: visible;
    transition: all .2s linear;
}

.booking-form .bf-job-card_details-body.hidden {
    /*display: none;*/
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0;
}

.booking-form .bf-job-card_details-body,
.booking-form .bf-owner-fields,
.booking-form .bf-invoicee-fields {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
}

.booking-form .bf-details-body-col {
    width: 100%;
    height: 95px;
    padding: 6px 15px 5px;
    border: 1px solid #C3C3C3;
    border-radius: 5px;
    background-color: #FFFFFF;
}

.booking-form .bf-details-body-col:first-child {
    margin-bottom: 5px;
}

.bf-owner-fields > .bf-col,
.bf-invoicee-fields > .bf-col {
    padding-right: 5px;
    overflow: hidden;
}

.booking-form .bf-details-title {
    font-size: 1rem;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bf-owner-title,
.bf-invoicee-title {
    font-weight: bold;
}

.booking-form .bf-details-body-field {
    padding-bottom: 4px;
    font-weight: bold;
    font-size: 1rem;
    color: #707070;
    text-overflow: ellipsis;
    overflow: hidden;
}

.booking-form .bf-time-period-body,
.booking-form .bf-start-date,
.booking-form .bf-end-date {
    display: flex;
    flex-direction: row;
}

.booking-form .bf-start-date-input,
.booking-form .bf-end-date-input {
    width: 180px;
    border: 1px solid #C3C3C3;
}

.booking-form .bf-field-input.bf-start-date-input,
.booking-form .bf-field-input.bf-end-date-input {
    padding-top: 0;
}

.dhx_inp_calendar {
    width: 22px;
    height: 25px;
    background-image: url('/img/icon_calendar.png');
    background-repeat: no-repeat;
    background-position: right 8px top 8px;
}

.booking-form .bf-hours {
    width: 100px;
    height: 45px;
    margin-right: 10px;
    padding-left: 10px;
    padding-top: 15px;
    color: #707070;
    border-color: #C3C3C3;
    border-radius: 5px;
    font-size: 1.3rem;
    font-weight: bold;
}

/* END MAIN */


/* FOOTER */

.booking-form .bf-footer {
    display: flex;
    /*margin-top: 20px;*/
    margin-top: 10px;
}

.booking-form .bf-footer.bf-footer-job-instruction, .booking-form .bf-footer.bf-footer-job-notes {
    flex-direction: column;
    justify-content: flex-end;
}

.bf-footer-job-instruction-buttons, .bf-footer-job-notes-buttons {
    text-align: right;
}

.booking-form .bf-btn {
    width: 150px;
    height: 45px;
    text-transform: inherit;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #575757;
    border: 2px solid transparent;
    border-radius: 5px;
    transition: background .2s ease-in;
}

.booking-form .ml-auto {
    margin-left: auto;
}

.booking-form .bf-btn-close {
    /*margin-left: auto;*/
    border: 2px solid #C3C3C3;
}

.booking-form .bf-btn-save {
    margin-left: 20px;
    color: #FFFFFF;
    background: #40C2A1;
}

.booking-form .bf-btn:hover {
    cursor: pointer;
    /*opacity: .6;*/
}

.booking-form .bf-btn-delete:hover,
.booking-form .bf-btn-unlink:hover,
.booking-form .bf-btn-return-date:hover {
    background-color: #C3C3C3;
}

.booking-form .bf-btn-close:hover {
    background-color: #C3C3C3;
}

.booking-form .bf-btn.bf-btn-save:hover {
    background-color: #119962;
}

/* END FOOTER */



/* TODO: move styles for custom combobox to combobox.css*/
/* CUSTOM SELECT: SINGLE CHOICE WITH SEARCH */

/*.bf-field-input.custom-combobox {*/
    /*z-index: 1;*/
    /*padding-left: 0;*/
    /*padding-top: 0;*/
/*}*/

.bf-field-input .custom-combobox_select {
    padding-top: 15px;
    padding-left: 13px;
    padding-right: 30px;
    border-color: transparent;
    border-radius: 5px;
    color: #707070;
    font-weight: bold;
    font-size: 1.3rem;
}

.bf-field-input .custom-combobox_select:active,
.bf-field-input .custom-combobox_select:focus,
.booking-form input:active, .booking-form input:focus,
/*.booking-form select:active, .booking-form select:focus,*/
.custom-combobox select:active, .custom-combobox select:focus,
.booking-form textarea:active, .booking-form textarea:focus,
.booking-form .dhxcombo_material.dhxcombo_actv {
    /*outline-color: #40C291;*/
    /*outline-color: transparent;*/
    outline: 0;
    border-color: #40C291 !important;
    box-shadow: 0px 0px 3px 0px #40C291;
}

.booking-form .tags-input-wrapper input,
.booking-form input.dhxcombo_input {
    border-color: transparent !important;
    box-shadow: unset !important;
}

.bf-field-input .custom-combobox_over-select {
    z-index: 3;
}

.bf-field-input .custom-combobox_options-box {
    position: absolute;
    z-index: 10;
    max-height: 200px;
    user-select: none;
}

.bf-field-input .fa-ellipsis-v {
    display: none;
    top: 5px !important;
    color: #C3C3C3;
}

.booking-form .search-box .sb_options label {
    color: #808080;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

/* END CUSTOM SELECT: SINGLE CHOICE WITH SEARCH */

/* TAB Job card notes bf-content-2*/
.booking-form .bf-job-card-notes-input, .booking-form .bf-job-card-instructions-input {
    width: 100%;
    padding: 10px;
    resize: none;
    font-size: 1.3rem;
    color: #808080;
    border-color: #c3c3c3;
    border-radius: 5px;
    font-family: 'Arial', sans-serif;
}

.booking-form .bf-booking-notes-input {
    width: 100%;
    padding: 10px;
    resize: none;
    font-size: 1.3rem;
    color: #808080;
    border-color: #c3c3c3;
    border-radius: 5px;
    font-family: 'Arial', sans-serif;
}
/* END TAB Job card notes bf-content-2*/

/* TAB Existing job bf-content-3*/
.booking-form .bf-section.bf-existing-job {
    width: 620px;
}

.booking-form .bf-table {
    color: #808080;
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    cursor: default;

    font-family: Arial;
    font-size: 1.3rem;
}

.bf-table .bf-table_body{
    max-height: 450px;
    overflow-y: scroll;
}

.bf-table .bf-table_row-header .bf-col_job-to-use {
    padding: 0 13.5px;
}

.bf-table .bf-table_row-header.bf-table_row:hover,
.bf-table .bf-table_row-header {
    background-color: #dadada;
}

.bf-table .bf-table_row:nth-child(2n) {
    background-color: #fbfbfb;
}

.bf-table .bf-table_row:hover {
    background-color: #f0f0f0;
}

.bf-table .bf-table_row {
    min-height: 3rem;
    display: flex;
    border-bottom: 1px solid #c3c3c3;
}

.bf-table .bf-table_row.bf-table_row--empty {
    padding: 1rem;
}

.bf-table_row .bf-table_col {
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    border-right: 1px solid #c3c3c3;
}

.bf-table_row .bf-table_col.bf-col_job-instruction-text, .bf-table_row .bf-table_col.bf-col_job-notes-text {
    word-break: break-word;
    overflow: unset;
    white-space: normal;
}

.bf-table .bf-table_row:last-child,
.bf-table_row .bf-table_col:last-child {
    border: none;
}

.bf-table_row .bf-col_job-number {
    flex: 2;
}

.bf-table_row .bf-col_job-date {
    flex: 3;
}

.bf-table_row .bf-col_job-status {
    flex: 3;
}

.bf-table_row.bf-table_row-header .bf-col_job-instructions {
    text-transform: uppercase;
    justify-content: center;
}

.bf-table_row .bf-col_job-instructions {
    /*flex: 6;*/
    flex: 15;
    /*align-items: flex-start;*/
    justify-content: flex-start;
    white-space: normal;
    text-transform: none;
}

.bf-table_row .bf-col_job-to-use {
    flex: 1;
}
/* END TAB Existing job bf-content-3*/

/* TAB Tech assignment bf-content-4*/
.bf-content_tech-assignment .bf-main {
    min-height: 300px;
}

.booking-form .bf-assign-tech .bf-col.bf-col-margin-right,
.bf-assign-tech .bf-field-input.bf-start-date-input,
.bf-assign-tech .bf-col.bf-start-date,
.bf-assign-tech .bf-col.bf-end-date,
.bf-assign-tech .bf-field-input.bf-tech-duration {
    margin-right: 15px;
}

.bf-assign-tech .bf-time-period-body {
    padding-top: 0;
}

.bf-assign-tech .bf-hours {
    margin-right: 0px;
    width: 90px;
}

.bf-assign-tech .bf-field-input.bf-start-date-input,
.bf-assign-tech .bf-field-input.bf-end-date-input {
    width: 125px;
}

.bf-assign-tech .bf-field-input.bf-tech-duration {
    width: 90px;
}

.booking-form .bf-btn-assign-tech {
    flex-shrink: 0;
    width: 90px;
    color: #40C2A1;
    background: #ffffff;
    border: 1px solid #40C2A1;
}

.booking-form .bf-btn.bf-btn-assign-tech:hover {
    background-color: #119962;
    color: #ffffff;
}

.bf-summary_table {
    margin-top: 5px;
}

.bf-summary_table .bf-table_row {
    position: relative;
}

.bf-table_row .bf-table_error {
    position: absolute;
    top: 10px;
    left: 5px;
    display: none;
    font-size: 1.5em;
    color: rgba(255, 5 ,5, 0.7);
}

.bf-table_row.bf-table_row--visible-error .bf-table_error {
    display: block;
}

.bf-table_row .bf-col_tech-name > span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.bf-table_row .bf-col_tech-name {
    flex: 4;
    padding-left: 25px;
}

.bf-table_row .bf-col_tech-start-date,
.bf-table_row .bf-col_tech-end-date {
    flex: 2;
}

.bf-table_row .bf-col_tech-start-time,
.bf-table_row .bf-col_tech-end-time {
    flex:1.6;
}

.bf-table_row .bf-col_tech-duration {
    flex: 1.2;
}

.bf-table_row .bf-col_tech-actions {
    flex: 1;
}

.bf-summary_table .bf-tech-duration {
    padding-left: 0;
    text-align: center;
}

.bf-table_row.bf-table_row-header .bf-col_tech-actions {
    padding: 0 13.5px;
}

.bf-tech-action {
    font-size: 1.5em;
    cursor: pointer;
    transition: all .2s ease-in;
}

.bf-tech-action.bf-tech-action_cancel:hover {
    color: #8b0000;
}

.bf-table_row.bf-tech--cancelled {
    pointer-events: none;
}

.bf-table_row.bf-tech--cancelled,
.bf-table .bf-tech--cancelled .bf-field-input {
    color: #c3c3c3;
}
/* END TAB Tech assignment bf-content-4*/


/* TAB Event status bf-content-5*/

.bf-table.bf-jobs_table .bf-table_body{
    max-height: none;
    overflow-y: scroll;
}

.bf-table.bf-job-instructions_table .bf-table_body, .bf-table.bf-job-notes_table .bf-table_body {
    max-height: 350px;
}

.bf-table_row.bf-table_row-header .bf-table_col {
    white-space: normal;
    text-align: center;
}

.bf-table .bf-table_row-header .bf-col_add-to-job {
    padding: 0 13.5px;
}

.bf-table_row .bf-col_event-name {
    flex: 4;
}

.bf-table_row .bf-col_completed-date,
.bf-table_row .bf-col_event-status {
    flex: 3;
}

.bf-table_row .bf-col_due-date,
.bf-table_row .bf-col_due-odometer,
.bf-table_row .bf-col_completed-odometer {
    flex: 2;
}

.bf-table_row .bf-col_close-event,
.bf-table_row .bf-col_add-to-job {
    flex: 1;
}

.bf-table .bf-field,
.bf-table .bf-field-input {
    width: 100%;
}

.bf-table .bf-field-input {
    height: 30px;
    padding-top: 0;
    margin-top: 6px;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 1.3rem;
    font-weight: normal;
}

.bf-table .bf-field-input.dhx_inp_calendar {
    background-position: right 8px top 1px;
}

.bf-field-input.bf-due-odometer,
.bf-field-input.bf-completed-odometer {
    text-align: center;
    padding: 0;
}

/* END TAB Event status bf-content-5*/


/* TAB Event list / Plan an event bf-content-6*/

/*.booking-form .bf-content.bf-content-0 .bf-main,
.booking-form .bf-content.bf-content-6 .bf-main {
    overflow: visible;
}*/

.booking-form .bf-field-input.bf-input-calendar {
    /*width: 180px;*/
    /*border: 1px solid #C3C3C3;*/
    /*padding-top: 0;*/
}

.booking-form .bf-field-text.bf-field-text--bg-white {
    top: 1px;
    left: 1px;
    width: 257px;
    padding-top: 4px;
    padding-left: 14px;
    background-color: white;
    pointer-events: none;
}

/* END TAB Event list / Plan an event bf-content-6 */


/* TAB Audit trail bf-content-8 */

.booking-form .bf-gridbox-audit-trail {
    width: 950px;
    height: 530px;
    /*max-height: 550px;*/
    box-sizing: content-box;
    border: 1px solid #c3c3c3 !important;
    border-radius: 5px;
}

.booking-form .bf-audit-trail_form {
    display: flex;
    flex-direction: column;
}

.bf-audit-trail_form .bf-time-period-body {
    padding-top: 0;
}

.bf-audit-trail_form .bf-section.bf-time-period {
    padding: 0;
}

.bf-audit-trail_form .bf-col {
    width: 150px;
}

.bf-audit-trail_form .dhxcombo_material,
.bf-audit-trail_form .hdrcell.filter > select,
.bf-audit-trail_form .hdrcell.filter > input {
    height: 30px;
    padding: 0 5px;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    text-transform: uppercase;
}

.bf-audit-trail_form .dhxcombo_material.dhxcombo_actv {
    border-width: 1px !important;
}

div.dhxcombolist_material {
    display: flex;
    flex-direction: column;
    width: 100%;
    left: 0;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    box-shadow: 0 0 10px rgba(127,127,127,0.2);
    box-sizing: border-box;
}

div.dhxcombolist_material div.dhxcombo_option {
    display: flex;
    align-items: center;
    height: auto;
    line-height: 2;
    padding: 0 5px;
    border-bottom: 1px solid lightgray;
}

div.dhxcombolist_material div.dhxcombo_option:hover {
    background-color: #1e90ff;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_option_text {
    line-height: inherit;
    max-width: 85%;
    padding-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.booking-form .dhxcombo_input {
    text-transform: uppercase;
}

.even{
    background-color: #ffffff;
}
.uneven{
    background-color: #fbfbfb;
}

div.gridbox_material.gridbox table.obj tr.rowselected {
    background-color:#f0f0f0;
}

.grid_hover {
    background-color:#f0f0f0;
}

.booking-form .hidden-label,
.booking-form .input-for-make-filter--hidden {
    display: none;
}

/*.xhdr,*/
/*div.gridbox_material.gridbox table.hdr tr:nth-child(2) td {*/
    /*background-color: #dadada !important;*/
/*}*/

div.gridbox_material.gridbox table.hdr td,
div.gridbox_material.gridbox table.obj tr td, .dhx_grid_adjust {
    color: #808080;
    font-size: 1.3rem;
    font-family: Arial, sans-serif;
}

div.dhxcombolist_material div.dhxcombo_option,
div.gridbox .filter input, div.gridbox .filter select {
    color: #808080;
    font-size: 1.2rem;
    font-family: Arial, sans-serif;
}

div.dhxcombo_material div.dhxcombo_select_button div.dhxcombo_select_img {
    background-image: url("/img/select-search.png");
}

.bf-audit-trail .bf-field-input.dhx_inp_calendar {
    padding-top: 15px;
}

/* END TAB Audit trail bf-content-8 */


/* TAB Create asset id bf-content-0 */

.booking-form .bf-form.bf-new-asset_form {
    position: relative;
}

.booking-form .bf-bg-fields-highlight {
    position: absolute;
    top: 3px;
    left: -5px;
    width: 300px;
    height: 99px;
    background-color: #ffe46a;
    border-radius: 5px;
}

.booking-form .bf-bg-fields-highlight.bf-bg-fields-highlight--reg {
    top: 103px;
    background-color: grey;
}

.booking-form .bf-field-input {
    margin-left: 0;
}

.booking-form .bf-first-field {
    width: 620px;
    margin-top: 10px;
}

.booking-form .bf-section.bf-customer-address {
    padding-top: 27px;
    padding-bottom: 0;
}

.booking-form .bf-field-input.bf-field-input--wide {
    width: 100%;
}

.booking-form select.search-icon {
    background-image: url("/img/select-search.png");
}

/*.bf-image-upload .bf-preview-image-wrapper:hover {*/
    /*cursor: pointer;*/
    /*background-color: #9c9c9c;*/
/*}*/

.booking-form .bf-image-upload {
    position: relative;
}

.booking-form .bf-input-file {
    position: absolute;
    top: 0;
    left: 0;
    height: 195px;
    width: 290px;
    cursor: pointer;
    opacity: 0;
}

.bf-input-file:hover + .bf-preview-image-wrapper {
    background-color: #9c9c9c;
}

.bf-no-image-placeholder .fa-upload {
    margin-bottom: 10px;
    font-size: 10rem;
}

.booking-form .bf-new-customer_header {
    /*border-bottom: 1px solid grey;*/
    user-select: none;
}

.booking-form .bf-new-customer_header > span {
    cursor: pointer;
}

.booking-form .bf-new-customer_body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transition: all .2s linear;
}

.booking-form .bf-new-customer_body.hidden {
    /*display: none;*/
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0;
}

.booking-form .bf-new-customer-toggle.closed .bf-details-icon {
    transform: rotate(180deg);
}

.booking-form .bf-search-box-wrapper {
    width: 100%;
}

/* END TAB Create asset id bf-content-0 */


/* Toggle switch */

.bf-multiday_toggle {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 21px;
}

.bf-multiday_toggle > input {
    opacity: 0;
    width: 0;
    height: 0;
}

.bf-multiday_toggle_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.bf-multiday_toggle_slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    /*left: 4px;*/
    bottom: 2px;
    background-color: white;
    transition: .4s;
}

input:checked + .bf-multiday_toggle_slider {
    background-color: #40C2A1;
}

input:focus + .bf-multiday_toggle_slider {
    box-shadow: 0 0 1px #40C2A1;
}

input:checked + .bf-multiday_toggle_slider:before {
    transform: translateX(26px);
}

/* Rounded sliders */
.bf-multiday_toggle_slider.bf-multiday_toggle_slider--round {
    border-radius: 21px;
}

.bf-multiday_toggle_slider.bf-multiday_toggle_slider--round:before {
    border-radius: 50%;
}

/* END Toggle switch */


/* ComboBox */

/*.booking-form select {*/
.custom-combobox select {
    -webkit-appearance: none;
    background-image: url('/img/select-dropdown.png');
    background-repeat: no-repeat;
    background-position: right;
}

.custom-combobox.bf-field-input {
    height: 45px;
    padding-top: 15px;
    padding-left: 13px;
    box-sizing: border-box;
    color: #808080;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #C3C3C3;
    border-radius: 5px;
}

.custom-combobox select.bf-field-input {
    padding-left: 13px;
    padding-right: 30px;
}

.custom-combobox .bf-field-text {
    position: absolute;
    /*z-index: 1;*/
    top: 5px;
    left: 15px;
    color: #808080;
    font-size: 1rem;
    transition: all .2s ease-in;
}

.custom-combobox .bf-field-text.bf-text-for-select {
    /*z-index: 3;*/
    user-select: none;
    pointer-events: none;
    top: -5px;
    font-weight: normal;
}

.custom-combobox.bf-field-input {
    /*z-index: 1;*/
    padding-left: 0;
    padding-top: 0;
}

.custom-combobox.disabled {
    pointer-events: none;
}

.custom-combobox.disabled .custom-combobox_select {
    background-color: rgb(242, 242, 242);
}
/* End ComboBox */

.return-date-popup {
    position: absolute;
    top: 0 ;
    left: 0;
    z-index: 106;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: #0000001a;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.show {
    display: flex!important;
}

.return-date-content {
    width: 30%;
    padding: 10px;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    font: 1.2rem 'Open Sans', 'Arial', sans-serif;
}

.return-date-header {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    position: relative;
}

.return-date-header .return-date-title {
    width: 100%;
    background-color: rgb(27, 96, 220);
    border-radius: 5px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

.booking-form .bf-field-input {
    padding-top: 0!important;
}

.btn-close {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(27, 96, 220);
    color: white;
    border-radius: 5px;
    font-size: 1.5rem;
    position: absolute;
    top: -20px;
    right: -20px;
}
.dhx_cal_tab,
.dhx_cal_today_button {
    font-size: 1.2rem !important;
}

.dhx_cal_navline .dhx_cal_date {
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 1.8rem;
}

.top-main-menu {
    display: flex;
    align-items: flex-end;
}

.top-main-menu,
.top-main-menu div
{
    top:0;
    position:relative;
}

.top-main-menu-scheduler {
    height: 104px;
    padding: 0 20px 0 5px;
    display: flex;
    align-items: center;
}

.top-main-menu-scheduler.dhx_cal_navline .dhx_cal_date{
    position:static;
}

.top-main-menu-scheduler.dhx_cal_navline .dhx_cal_tab_first {
    border-right-style:none;
}
.top-main-menu-scheduler.dhx_cal_navline .dhx_cal_tab_last {
    border-left-style:none;
}

.top-main-menu-scheduler.dhx_cal_navline .dhx_cal_tab{
    min-width:60px;
}

.top-main-menu-scheduler.dhx_cal_navline .dhx_cal_tab_standalone{
    margin-left:5px;
    margin-right:5px;
}

.top-main-menu-scheduler.dhx_cal_navline .dhx_cal_prev_button{
    border-right-style:none;
}
.top-main-menu-scheduler.dhx_cal_navline .dhx_cal_prev_button,
.top-main-menu-scheduler.dhx_cal_navline .dhx_cal_next_button
{
    min-width:60px;
}

.top-main-menu-scheduler.dhx_cal_navline .dhx_cal_today_button{
    min-width: 80px;
    margin-left: 5px;
    margin-right: 5px;
}

.top-main-menu-scheduler>div {
    position: static;
    top: 0;
}


.tab-mr-auto {
    margin-right: auto;
}

.av-views {
    width: 0;
    display: flex;
    visibility: hidden;
}

.av-views-btn {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    border-radius: 4px;
    filter: grayscale(1) opacity(.8);
}

.av-views-btn:hover {
    opacity: .6;
    cursor: pointer;
}

.av-views-btn-active {
    filter: grayscale(0);
}

.av_view_planner {
    background: center no-repeat url("/img/planner-active.png");
    background-size: cover;
}

.av_view_assignment {
    background: center no-repeat url("/img/assignment-active.png");
    background-size: cover;
}

.av_view_bays {
    background: center no-repeat url("/img/bays-active.png");
    background-size: cover;
}

/*   filter and missed events   */

.primary-filters {
    display: flex;
    font-size: 1.2rem;
}

.primary-filters span {
    line-height: 30px;
    font-size: 1.2rem;
}

.primary-filter {
    position: relative  !important;
    top: 0;
}

.primary-filters-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 2px;
}

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

.primary-filter .fas.fa-ellipsis-v {
    position: absolute;
    right: 10px; top: 2px;
    color: rgb(255, 255, 255);
}

.filter-main-wrapper {
    /*width: 200px;*/
    width: 100px;
    height: 32px;
    margin: 0 5px;
    border-radius: 5px;
    color: rgb(255, 255, 255);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none;
}

.filter-additional {
    background-color: gray;
}

.filter-additional-wrapper {
    /*width: 250px;*/
    width: 125px;
    height: 32px;
    margin: 0 5px 0 0;
}

.filter-main-wrapper .filter-select-box,
.filter-additional-wrapper .filter-select-box {
    position: relative;
}

.filter-main-wrapper .filter-select-box:hover,
.filter-additional-wrapper .filter-select-box:hover {
    opacity: .5;
    cursor: pointer;
}

.filter-main-wrapper .filter-select-box select,
.filter-additional-wrapper .filter-select-box select {
    width: 100%;
    height: 32px;
    padding-left: 5px;
    padding-right: 20px;
    border-radius: 5px;
    color: rgb(255, 255, 255);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.2rem;
}

.filter-main-wrapper .filter-over-select,
.filter-additional-wrapper .filter-over-select {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0 !important;
    bottom: 0;
}

.filter-main.filter-checkbox-group,
.filter-additional.filter-checkbox-group {
    /*width: 455px;*/
    width: 270px;
    max-height: 500px;
    margin-top: 5px;
    padding: 10px 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    border: 1px #dadada solid;
    border-radius: 5px;
    font-size: 1.2rem;
    box-sizing: border-box !important;
}

.filter-main.filter-checkbox-group {
    left: 0;
}

.filter-additional.filter-checkbox-group {
    /*right: 205px;*/
    right: 105px;
}

.filter-main.filter-checkbox-group label,
.filter-additional.filter-checkbox-group label {
    display: flex;
    padding: 0 10px;
    border-bottom: 1px solid lightgray;
    line-height: 2;
    align-items: center;
}

.filter-main.filter-checkbox-group > label:first-child {
    border-top: 1px #dadada solid;
}

.filter-main.filter-checkbox-group label:hover,
.filter-additional.filter-checkbox-group label:hover {
    background-color: #1e90ff;
}

.filter-additional.filter-checkbox-group > label:first-child:hover {
    background-color: transparent;
}

.filter-additional.filter-checkbox-group .top-menu-search {
    width: 100%;
    height: 3rem;
    margin-bottom: 10px;
    padding-left: 10px;
    border-radius: 5px;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: inherit;
}

.filter-main.filter-checkbox-group .f-main-checkbox {
    display: none;
}

.filter-additional.filter-checkbox-group .f-add-checkbox {
    height: 20px;
    width: 20px;
    margin: 3px;
    vertical-align: middle;
}

.filter-main.filter-checkbox-group .f-main-label,
.filter-additional.filter-checkbox-group .f-add-label {
    line-height: inherit;
    max-width: 85%;
    padding-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: inherit;
}

.filter-additional.filter-checkbox-group .f-add-color {
    height: 20px;
    width: 20px;
    margin: 3px 3px 3px auto;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
}

.filter-additional.filter-checkbox-group .f-add-elem-hidden {
    display: none;
}

.tmm-btn-reset-filters {
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 2rem;
    color: white;
    text-align: center;
}

.tmm-btn-reset-filters:hover {
    cursor: pointer;
    opacity: .5;
}

/*.tmm-zoom-scale {*/
    /*margin-left: 30px;*/
/*}*/

/*.zoom-scale {*/
    /*width: 50px;*/
/*}*/

.tmm-zoom-scale {
    margin-left: 10px;
    padding-top: 14px;
    width: 150px;
    display: flex;
    align-items: center;
    align-self: center;
}

.zoom-scale {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.zoom-scale:hover {
    opacity: 1;
}

.zoom-scale::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #1b60dc;
    cursor: pointer;
}

.zoom-scale::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #1b60dc;
    cursor: pointer;
}

.zoom-scale-value {
    display: inline-block;
    position: relative;
    width: 30px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    background: #1b60dc;
    padding: 5px 10px;
    margin-left: 8px;
}

.zoom-scale-value:after {
    position: absolute;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #1b60dc;
    border-bottom: 7px solid transparent;
    content: '';
 }

 .data-selector_block {
    display: inline-block;
    flex-direction: column;
    margin: 0 2px;
}

.job-assignment-scheduler .data-selector_block {
    margin: 0 7px;
}

.data-selector_block .bf-field-input .custom-combobox_options-box {
    z-index: 1;
    position: absolute;
    /*top: 44px;*/
    top: 29px;
}

.data-selector_bf-location .custom-combobox_select-wrapper {
    width: 125px;
}

.data-selector_bf-vmu .custom-combobox_select-wrapper {
    width: 300px;
}

.primary-data-selector .custom-combobox.bf-field-input {
    height: 32px;
    border: none;
}
.primary-data-selector .custom-combobox_select {
    padding-top: 0;
    background-color: #1b60dc;
    color: rgb(255, 255, 255);
    border: none;
    background-image: url('/img/select-dropdown-white.png');
    font-weight: 400;
}
.primary-data-selector .custom-combobox_options-box {
    background-color: #1b60dc;
    color: rgb(255, 255, 255);
    font-weight: 400;
    margin-top: 5px;
    border-radius: 5px;
}
.data-selector_block-label {
    text-align: center;
    font-size: 1.2rem;
}
.primary-filters_block {
    display: inline-flex;
    flex-direction: row;
}/*-- media query --*/
@media (max-width: 1790px) {
    /*.filter-main-wrapper {width: 150px;}
    .filter-additional-wrapper {width: 200px;}
    .filter-main.filter-checkbox-group, .filter-additional.filter-checkbox-group {
        width: 355px;
    }
    .filter-additional.filter-checkbox-group {right: 155px;}*/

    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_prev_button,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_next_button,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_tab{
        min-width:50px;
    }

    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_today_button {
        min-width: 70px;
    }
}

@media (max-width: 1600px) {
    html,
    body { font-size: 9px;}

    /*.filter-main-wrapper {width: 125px;}
    .filter-additional-wrapper {width: 150px;}
    .filter-main.filter-checkbox-group, .filter-additional.filter-checkbox-group {
        width: 280px;
    }
    .filter-additional.filter-checkbox-group {right: 130px;}*/

    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_prev_button,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_next_button,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_tab{
        min-width:45px;
    }

    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_today_button {
        min-width: 60px;
    }

    .lh-menu {width: 400px;}
    .lh-menu-hidden {left: -400px;}
    .legend-wrapper {width: 400px;}
    .rh-menu-hidden {right: -400px;}
    .legend-content .legend-text {max-width: 270px;}
}

@media (max-width: 1440px) {
    .filter-main-wrapper {margin: 0 3px;}
    .filter-additional-wrapper {margin: 0 3px 0 0;}

    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_prev_button,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_next_button,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_tab{
        padding: 0;
    }

    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_today_button {
        min-width: 45px;
    }

    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_tab_standalone,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_today_button {
        margin-left: 2px;margin-right: 2px;
    }

    .booking-form {
        padding-bottom: 5px;
    }

    .booking-form .bf-header {
        height: 35px;
        padding: 5px 20px;
    }

    .booking-form .bf-tabs {
         padding-top: 0px;
    }

    .booking-form .bf-main {
        max-height: calc(100vh - 210px);
    }

    .booking-form .bf-footer {
        margin-top: 5px;
    }

    .booking-form .bf-btn,
    .booking-form .bf-hours,
    .booking-form .bf-field-input {
        height: 35px;
    }

    .booking-form .custom-combobox_options-box.reversed {
        bottom: 33px;
    }

    .booking-form .bf-bg-fields-highlight {
        height: 79px;
    }

    .booking-form .bf-bg-fields-highlight.bf-bg-fields-highlight--reg {
        top: 83px;
    }

    .booking-form .tags-input-wrapper {
        height: 35px;
        padding-top: 17px;
    }

    .booking-form .bf-field-text {
        top: 3px;
    }

    .booking-form .bf-field-text.bf-text-for-select {
        top: -7px;
    }
    .custom-combobox .bf-field-text.bf-text-for-select {
        top: -7px;
    }

    .booking-form .bf-field-text.bf-field-text--bg-white {
        padding-top: 2px;
    }

    .booking-form .bf-details-body-col {
        height: 75px;
    }

    .booking-form .bf-details-body-field {
        padding-bottom: 0;
    }

    .booking-form .dhx_inp_calendar {
        background-position: right 8px top 4px;
    }

    .booking-form .bf-section.bf-customer-address {
        padding-top: 17px;
    }

    .bf-table .bf-table_body {
        max-height: 240px;
    }

    /*.bf-table.bf-jobs_table .bf-table_body {*/
        /*max-height: 330px;*/
    /*}*/

    .booking-form .search-box_input::-webkit-search-cancel-button {
        top: 12px;
    }

    .booking-form .bf-gridbox-audit-trail {
        height: 330px;
    }
}

@media (max-width: 1340px) {
    html,
    body { font-size: 8px;}

    .filter-main-wrapper {width: 100px;}
    .filter-additional-wrapper {width: 125px;}
    .filter-main.filter-checkbox-group, .filter-additional.filter-checkbox-group {
        width: 230px;
    }
    .data-selector_bf-location .custom-combobox_select-wrapper,
    .data-selector_bf-vmu .custom-combobox_select-wrapper {
        width: 100px;
    }
    .filter-additional.filter-checkbox-group {right: 103px;}

    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_prev_button,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_next_button,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_tab{
        min-width:35px;
    }

    .lh-menu {width: 360px;}
    .lh-menu-hidden {left: -360px;}
    .legend-wrapper {width: 360px;}
    .rh-menu-hidden {right: -360px;}
    .legend-content .legend-text {max-width: 240px;}
}

@media (max-width: 1200px) {
    html,
    body {
        font-size: 7px;
    }

    .filter-main-wrapper {width: 80px;}
    .filter-additional-wrapper {width: 105px;}
    .filter-main.filter-checkbox-group, .filter-additional.filter-checkbox-group {
        width: 190px;
    }
    .filter-additional.filter-checkbox-group {right: 83px;}

    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_prev_button,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_next_button,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_tab,
    .top-main-menu-scheduler.dhx_cal_navline .dhx_cal_today_button {
        min-width: 30px;
    }

    .lh-menu {width: 320px;}
    .lh-menu-hidden {left: -320px;}
    .legend-wrapper {width: 320px;}
    .rh-menu-hidden {right: -320px;}
    .legend-content .legend-text {max-width: 200px;}
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJidW5kbGUubWluLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/