@charset "UTF-8";
/* Customizations to the "$" variables should be defined here */
/*SearchCriteriaWrapper*/
/*client offer preview*/
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
:root {
  --surface-a:#ffffff;
  --surface-b:#607D8B;
  --surface-c:#455A64;
  --surface-d:#dee2e6;
  --surface-e:#ffffff;
  --surface-f:#ffffff;
  --text-color:#2866B1;
  --text-color-secondary:#6c757d;
  --primary-color:#7CB342;
  --primary-color-text:#ffffff;
  --font-family:Source Sans Pro, sans-serif;
  --surface-0: #ffffff;
  --surface-50: #FAFAFA;
  --surface-100: #F5F5F5;
  --surface-200: #EEEEEE;
  --surface-300: #E0E0E0;
  --surface-400: #BDBDBD;
  --surface-500: #9E9E9E;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --gray-50: #FAFAFA;
  --gray-100: #F5F5F5;
  --gray-200: #EEEEEE;
  --gray-300: #E0E0E0;
  --gray-400: #BDBDBD;
  --gray-500: #9E9E9E;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding:1rem;
  --inline-spacing:0.5rem;
  --border-radius:4px;
  --surface-ground:#f8f9fa;
  --surface-section:#ffffff;
  --surface-card:#ffffff;
  --surface-overlay:#ffffff;
  --surface-border:#dee2e6;
  --surface-hover: #e9ecef;
  --maskbg: rgba(0, 0, 0, 0.4);
  --focus-ring: 0 0 0 0 transparent;
  color-scheme: light; }

/*Main NauSYS Font*/
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("/resources/fonts/roboto-v15-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("/resources/fonts/roboto-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/roboto-v15-latin-300.woff2") format("woff2"), url("/resources/fonts/roboto-v15-latin-300.woff") format("woff"), url("/resources/fonts/roboto-v15-latin-300.ttf") format("truetype"), url("/resources/fonts/roboto-v15-latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("/resources/fonts/roboto-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("/resources/fonts/roboto-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/roboto-v15-latin-regular.woff2") format("woff2"), url("/resources/fonts/roboto-v15-latin-regular.woff") format("woff"), url("/resources/fonts/roboto-v15-latin-regular.ttf") format("truetype"), url("/resources/fonts/roboto-v15-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("/resources/fonts/roboto-v15-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/resources/fonts/roboto-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/roboto-v15-latin-700.woff2") format("woff2"), url("/resources/fonts/roboto-v15-latin-700.woff") format("woff"), url("/resources/fonts/roboto-v15-latin-700.ttf") format("truetype"), url("/resources/fonts/roboto-v15-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */ }

/*Reservation tags*/
.login-body {
  background-image: none;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .login-body .login-panel {
    width: 550px;
    height: auto;
    background-color: #f1f1f1;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -275px;
    margin-top: -240px;
    padding: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14); }
    .login-body .login-panel .login-panel-header {
      /*            background-color: $color-blue-base;*/
      text-align: center;
      padding: 8px 14px; }
      .login-body .login-panel .login-panel-header img {
        vertical-align: middle;
        padding: 12px;
        height: 60px;
        width: unset; }
    .login-body .login-panel .login-panel-content {
      padding: 30px 20px 0 20px; }
      .login-body .login-panel .login-panel-content h1 {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 16px;
        text-align: center; }
      .login-body .login-panel .login-panel-content .ui-g-12, .login-body .login-panel .login-panel-content .ui-g-6 {
        padding: 1em; }
        .login-body .login-panel .login-panel-content .ui-g-12:last-child, .login-body .login-panel .login-panel-content .ui-g-6:last-child {
          text-align: center; }
          .login-body .login-panel .login-panel-content .ui-g-12:last-child a, .login-body .login-panel .login-panel-content .ui-g-6:last-child a {
            color: #607D8B; }
      .login-body .login-panel .login-panel-content .password-reset {
        text-align: right; }
        .login-body .login-panel .login-panel-content .password-reset a {
          color: #6c757d; }
      .login-body .login-panel .login-panel-content .ui-chkbox-label {
        margin: 0 0 0 8px;
        vertical-align: middle; }

@media (max-width: 640px) {
  .login-body .login-panel {
    left: 0;
    margin-left: 0;
    width: 100%; }
    .login-body .login-panel .login-panel-content {
      padding: 50px 25px; } }

/*BODY*/
body {
  /*Globalni linkovi*/
  /*Input fields*/
  /*Reservation types*/
  /*Select One Button*/
  /* Datatable row customization */
  /*Action Submenu*/
  /*Checkboxes*/
  /*Table row clickable text*/
  /*Spinner*/
  /*Navbar - Bootstrap*/
  /*NEWS*/
  /*SearchWrapper*/
  /*Search Accordion Mobile*/
  /*    .periodsPanelGroup, .responsive-search-grid, .bookingStatisticsPanel, .yachtFilterPanel, .panelFilter */
  /*collapse icon*/
  /*expand icon*/
  /*Preview Sidebar*/
  /* Search Mobile sidebar */
  /* Ispod 1200px: */
  /*    @media (max-width: 1200px) {
            #searchSidebar {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                max-width: 400px;
                height: 100%;
                background: #fff;
                box-shadow: -2px 0 8px rgba(0,0,0,0.3);
                z-index: 1006;
                overflow-y: auto;
                transition: 0.3s ease-in-out;
            }
            #searchSidebar.collapsed {
                left: -400px;
                transition: 0.3s ease-in-out;
            }
        }*/
  /* Client Offer Cart sidebar */
  /* Ispod 1200px: */
  /*    @media (max-width: 1200px) {
            #clientOfferOverlay {
                position: fixed;
                top: 0;
                right: 0;
                width: 100%;
                max-width: 400px;
                height: 100%;
                background: #fff;
                box-shadow: -2px 0 8px rgba(0,0,0,0.3);
                z-index: 1006;
                overflow-y: auto;
                transition: 0.3s ease-in-out;
            }
            #clientOfferOverlay.collapsed {
                right: -400px;
                transition: 0.3s ease-in-out;
            }
            .mobile-column {
                display: table-cell;
            }
        }*/
  /* Admin Dropdown Custom Styling */
  /* Animation */
  /*FOOTER*/
  /*Dialogs*/
  /*Upload Panel*/
  /*Client Offer Search*/
  /*BEGIN client offer search result*/
  /*Cabin Charter Clinet Offer Results*/
  /* target the 2nd and 3rd grid/flex children — Type and Onepersonprice */
  /*    .offer-grid.offer-row > div:nth-child(2),
            .offer-grid.offer-row > div:nth-child(3) {
             handles grid and modern box alignment 
            align-self: start;
    
             fallback if layout uses older flexbox behavior 
            align-self: flex-start;
    
             fallback if these are table-cells 
            vertical-align: top;
        }*/
  /* CSS za gumbe za flexible period client offer search grupiranje */
  /*END client offer search result*/
  /*Booking list*/
  /*    .material-icons {
            font-size: 1rem;
            vertical-align: text-bottom;
        }*/
  /*    .ui-datatable td{
            box-sizing: content-box !important;
            overflow: initial;
        }*/
  /*Pictures Tab*/ }
  body .helpWrapper {
    position: relative;
    overflow: hidden;
    height: 100vh;
    background-color: #ffffff; }
  body .hiddable.hiddable-fixed {
    position: fixed !important; }
  body .hiddable.hiddable-overlay {
    position: absolute; }
  body .hiddable.hiddable-right {
    right: 0;
    width: 500px; }
  body .hiddable.hiddable-right .hiddable-close-icon {
    top: 8px;
    right: 8px; }
  body .readOnlyDateRange tr td {
    border: none; }
  body .hiddable {
    display: none;
    background-color: transparent;
    position: relative; }
  body .hiddable.hiddable-right .hiddable-open-icon {
    left: -124px;
    text-align: left; }
  body .hiddable .hiddable-open-icon.pink-icon {
    background-color: #f06292;
    color: #ffffff; }
  body .hiddable .hiddable-open-icon.hiddable-icon-position-bottom {
    bottom: 46px;
    top: unset;
    display: flex;
    align-items: center; }
  body .hiddable .hiddable-open-icon {
    position: absolute;
    background-color: #BADEFC;
    width: 128px;
    height: 32px;
    font-size: 1.1rem;
    font-weight: 300;
    padding: 5px 12px;
    border-radius: 16px;
    color: #2866B1;
    cursor: pointer;
    z-index: 5;
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); }
  body .hiddable .hiddable-close-icon {
    position: absolute;
    background-color: #BADEFC;
    width: 32px;
    height: 32px;
    top: 16px;
    padding: 2px 3px;
    border-radius: 16px;
    border: 2px solid #ffffff;
    color: #2866B1;
    font-size: 1.1rem;
    font-weight: 300;
    cursor: pointer;
    z-index: 5;
    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); }
  body .helpIframeWrapper {
    margin: 0px auto;
    overflow: hidden;
    height: calc(100%h - 30px);
    max-width: 1215px;
    width: 95%; }
  body iframe.helpIframe {
    border: 0px;
    background: transparent; }
  body .workspace {
    background-color: #ffffff; }
    body .workspace > .workspace-col h2 {
      font-size: 1.4rem;
      color: #2866B1;
      border-bottom: 1px dashed #2866B1;
      font-weight: 600;
      margin-top: 0px; }
  body h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #212529; }
    body h3 .material-icons {
      font-size: 16px;
      vertical-align: middle;
      color: #6c757d; }
  body a {
    color: #2866B1; }
  body .bold {
    font-weight: 600; }
  body .layout-wrapper {
    height: 100%; }
    body .layout-wrapper.root {
      padding-top: 45px; }
  body .layout-main {
    padding: 58px 17px 10px 17px;
    height: calc(100% - 52px);
    overflow: auto; }
  body .layout-content {
    height: 100%; }
  body .layout-content-admin {
    /*margin-top: 15px;*/ }
  body input:focus {
    box-shadow: none !important; }
  body .documentDialogWrapper .ui-inputfield, body .reservationSubdialog .ui-inputfield {
    background: #F1F1F1 no-repeat;
    background-image: linear-gradient(to bottom, #7CB342, #7CB342), linear-gradient(to bottom, #ced4da, #ced4da);
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-width: 0;
    font-size: 0.9rem;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; }
    body .documentDialogWrapper .ui-inputfield.ui-state-focus, body .reservationSubdialog .ui-inputfield.ui-state-focus {
      border-width: 0;
      box-shadow: none;
      background-size: 100% 2px, 100% 1px;
      outline: none;
      /*padding-bottom: 2px;*/ }
    body .documentDialogWrapper .ui-inputfield.ui-state-disabled, body .reservationSubdialog .ui-inputfield.ui-state-disabled {
      border-bottom: 1px dotted; }
    body .documentDialogWrapper .ui-inputfield.ui-widget-content, body .reservationSubdialog .ui-inputfield.ui-widget-content {
      border-width: 1px;
      background: transparent;
      background-image: none; }
    body .documentDialogWrapper .ui-inputfield.ui-state-error, body .reservationSubdialog .ui-inputfield.ui-state-error {
      border-color: #f44336;
      background-image: linear-gradient(to bottom, #f44336, #f44336), linear-gradient(to bottom, #f44336, #f44336); }
  body .documentDialogWrapper .ui-icon-warning, body .reservationSubdialog .ui-icon-warning {
    color: red; }
  body .documentDialogWrapper .ui-fieldset, body .reservationSubdialog .ui-fieldset {
    margin: 0 0.3rem !important; }
  body .documentDialogWrapper .ui-dialog-content, body .reservationSubdialog .ui-dialog-content {
    padding: 2px !important;
    padding-top: 0 !important; }
  body .documentDialogWrapper .toolbar, body .documentDialogWrapper > .ui-toolbar, body .reservationSubdialog .toolbar, body .reservationSubdialog > .ui-toolbar {
    position: sticky;
    top: 0;
    z-index: 103;
    border-top: solid white 2px; }
  body .documentDialogWrapper .ui-selectonemenu .ui-selectonemenu-trigger, body .reservationSubdialog .ui-selectonemenu .ui-selectonemenu-trigger {
    background-color: #F1F1F1;
    height: 95%; }
    body .documentDialogWrapper .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon, body .reservationSubdialog .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
      color: #212529 !important;
      font-size: 0.7rem; }
  body .reservationSubdialog .ui-fieldset-content tr > td:first-child:has(label) {
    text-align: right; }
  body .ui-inputfield {
    background: transparent no-repeat;
    background-image: linear-gradient(to bottom, #7CB342, #7CB342), linear-gradient(to bottom, #ced4da, #ced4da);
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-width: 0;
    padding: 0.1rem 0.3rem !important;
    font-size: 0.9rem;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; }
    body .ui-inputfield.ui-state-focus {
      border-width: 0;
      box-shadow: none;
      background-size: 100% 2px, 100% 1px;
      outline: none;
      /*padding-bottom: 2px;*/ }
    body .ui-inputfield.ui-state-disabled {
      border-bottom: 1px dotted; }
    body .ui-inputfield.ui-widget-content {
      border-width: 1px;
      background: transparent;
      background-image: none; }
    body .ui-inputfield.ui-state-error {
      border-color: #f44336;
      background-image: linear-gradient(to bottom, #f44336, #f44336), linear-gradient(to bottom, #f44336, #f44336); }
  body .ui-accordion .ui-accordion-content .ui-outputlabel-label {
    color: #2866B1; }
  body .ui-accordion .ui-accordion-header {
    margin-bottom: 2px; }
  body .ui-fieldset .ui-fieldset-legend {
    background: transparent !important;
    font-size: 0.9rem;
    font-weight: 600;
    color: #333333; }
  body .ui-autocomplete {
    width: 90%; }
    body .ui-autocomplete.ui-autocomplete-multiple {
      width: 100%; }
    body .ui-autocomplete .ui-autocomplete-multiple-container {
      padding: 0px;
      width: 100%; }
    body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token {
      position: relative;
      text-wrap: auto;
      margin: 0.2em; }
      body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon {
        margin-top: -0.5rem;
        position: absolute;
        font-family: 'primeicons' !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none;
        font-size: 0.7rem;
        z-index: 10; }
        body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before {
          content: ""; }
    body .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
      width: 2rem;
      background: none;
      background-color: transparent;
      color: #212529;
      border: none;
      box-shadow: none;
      position: absolute;
      margin-left: -2rem;
      margin-top: -2px; }
      body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-icon {
        font-size: 0.7rem; }
  body .ui-autocomplete-dd {
    width: 100%; }
    body .ui-autocomplete-dd > input {
      width: 100%; }
    body .ui-autocomplete-dd.ui-state-disabled {
      opacity: 1; }
    body .ui-autocomplete-dd .ui-inputfield.ui-state-disabled {
      border-bottom: none;
      background-color: transparent;
      opacity: 0.9; }
  body .searchCriteriaWrapper .md-inputfield, body .searchCriteriaWrapper .md-inputfield input, body .searchCriteriaWrapper .ui-selectonemenu, body .searchCriteriaWrapper .ui-inputfield, body .searchCriteriaWrapper .ui-selectcheckboxmenu-multiple, body .searchCriteriaWrapper .ui-chips, body .searchCriteriaWrapper .ui-buttonset, body .contentForm .md-inputfield, body .contentForm .md-inputfield input, body .contentForm .ui-selectonemenu, body .contentForm .ui-inputfield, body .contentForm .ui-selectcheckboxmenu-multiple, body .contentForm .ui-chips, body .contentForm .ui-buttonset, body #mobileSearchForm .md-inputfield, body #mobileSearchForm .md-inputfield input, body #mobileSearchForm .ui-selectonemenu, body #mobileSearchForm .ui-inputfield, body #mobileSearchForm .ui-selectcheckboxmenu-multiple, body #mobileSearchForm .ui-chips, body #mobileSearchForm .ui-buttonset, body .fetchSearchCriteriaWrapper .md-inputfield, body .fetchSearchCriteriaWrapper .md-inputfield input, body .fetchSearchCriteriaWrapper .ui-selectonemenu, body .fetchSearchCriteriaWrapper .ui-inputfield, body .fetchSearchCriteriaWrapper .ui-selectcheckboxmenu-multiple, body .fetchSearchCriteriaWrapper .ui-chips, body .fetchSearchCriteriaWrapper .ui-buttonset {
    width: 100%; }
  body .contentForm {
    display: flex;
    flex-direction: column; }
    body .contentForm .dialog-content-wrapper {
      flex-grow: 1; }
    body .contentForm .ui-grid .ui-g, body .contentForm .label-column, body .contentForm .input-column {
      padding: 0.3em 0;
      align-items: center; }
    body .contentForm td {
      padding-bottom: 0.3em !important; }
    body .contentForm .contactType .ui-g {
      padding: 0px; }
  body .ui-widget-header .ui-inputfield, body .ui-selectlistbox-filter-container .ui-inputfield {
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #bbc9ac, #bbc9ac);
    padding-bottom: 2px; }
  body .ui-inputfield:-webkit-autofill {
    border-color: #ced4da;
    border-style: solid;
    border-width: 0px 0px 1px 0px; }
    body .ui-inputfield:-webkit-autofill.ui-state-focus {
      box-shadow: none;
      /*padding-bottom: 0px;*/ }
  body .panelSearchDocuments {
    width: 100%; }
    body .panelSearchDocuments .paddingZero {
      padding: 0; }
    body .panelSearchDocuments .labelCol {
      width: 20%;
      white-space: nowrap;
      vertical-align: top;
      font-size: 0.9rem !important;
      margin-bottom: 0.4rem; }
    body .panelSearchDocuments .inputCol {
      width: 80%;
      overflow: hidden;
      font-size: 0.9rem !important; }
      body .panelSearchDocuments .inputCol table {
        width: 100%; }
    body .panelSearchDocuments input,
    body .panelSearchDocuments .ui-autocomplete,
    body .panelSearchDocuments .ui-inputfield,
    body .panelSearchDocuments .ui-selectonebutton,
    body .panelSearchDocuments .ui-calendar,
    body .panelSearchDocuments .ui-spinner,
    body .panelSearchDocuments .ui-selectonemenu,
    body .panelSearchDocuments .sitc-textInput,
    body .panelSearchDocuments .sitc-dateRange,
    body .panelSearchDocuments .sitc-numberRange {
      width: 100%;
      box-sizing: border-box; }
  body .ui-panelgrid .ui-panelgrid-cell, body .ui-panelgrid tbody tr.ui-widget-content {
    border: 0px !important;
    border-collapse: collapse;
    padding: unset;
    background-color: transparent; }
  body .inttexttable {
    display: none; }
  body .resType {
    display: inline-block;
    font-weight: 600;
    font-size: 0.8rem;
    color: white;
    border-radius: 6px;
    text-align: center;
    min-width: 110px;
    padding: 0px 10px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    margin: 6px 2px; }
    body .resType.resTypeNull {
      color: black;
      background-color: red; }
  body .resType0 {
    border-radius: 4px;
    background-color: #cdcccc !important;
    color: #555555 !important; }
  body .resType1 {
    border-radius: 4px;
    background-color: #9999ff !important;
    color: white !important; }
  body .resType1.resTypeExpired {
    border-radius: 4px;
    color: gray !important;
    background-color: #f1dba2 !important; }
  body .resType2 {
    border-radius: 4px;
    background-color: #ff9999 !important;
    color: white !important; }
  body .resType2.resTypeExpired {
    border-radius: 4px;
    color: gray !important;
    background-color: #f1dba2 !important; }
  body .resType3 {
    border-radius: 4px;
    background-color: #4d4c4c !important;
    color: white !important; }
  body .resTag {
    display: inline-block;
    font-weight: 600;
    font-size: 0.8rem;
    border-radius: 6px;
    padding: 1px 10px;
    margin-bottom: 2px; }
  body .resTag.resTag_CREWED {
    background-color: green;
    color: #ffffff; }
  body .resTag.resTag_CABIN_CHARTER {
    background-color: #a9ffff;
    color: #666666; }
  body .resTag.resTag_CABIN_MAIN {
    background-color: #a9ffff;
    color: #666666; }
  body .resTag.resTag_CABIN_SUB {
    background-color: #a9ffff;
    color: #666666; }
  body .resTag.resTag_PRIVATE_CHARTER {
    background-color: #f5a9ff;
    color: #666666; }
  body .resTag.resTag_BERTH_CHARTER {
    background-color: #ffa9e2;
    color: #666666; }
  body .resTag.resTag_TRANSFER {
    background-color: #666666;
    color: #ffffff; }
  body .resTag.resTag_BLOCK {
    background-color: #666666;
    color: #ffffff; }
  body .ui-treetable .ui-treetable-data tr {
    background: #ffffff;
    color: #212529;
    padding: 0;
    border-bottom: 1px solid #d8d8d8;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; }
    body .ui-treetable .ui-treetable-data tr td {
      padding: 0; }
  body .ui-treetable thead th {
    background-color: #e1e1e1;
    font-size: 12px;
    font-weight: 600;
    white-space: normal;
    text-align: center;
    padding: 0.3rem; }
  body .ui-treetable tbody tr td {
    padding: 2px 4px;
    font-size: 12px; }
    body .ui-treetable tbody tr td.treenode {
      overflow: visible; }
    body .ui-treetable tbody tr td.center {
      text-align: center; }
  body .ui-treetable tfoot td.number {
    text-align: right;
    font-size: 12px; }
  body .ui-treetable tfoot td {
    background-color: white;
    font-weight: 400;
    text-align: left;
    font-size: 12px; }
  body .pricelist-columns-tree .ui-tree-container .ui-treenode .ui-treenode-content {
    display: flex;
    justify-content: center;
    align-items: center; }
  body .pricelist-columns-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover {
    background-color: #cef7d0;
    color: black;
    cursor: grab; }
  body .pricelist-columns-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover {
    background-color: #4CAF50; }
  body .pricelist-columns-tree .ui-treenode-parent > .ui-treenode-content {
    background-color: #b5dfb7;
    color: black; }
  body .pricelist-columns-tree .ui-treenode-label {
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: grab; }
  body .copy-icon {
    font-size: 18px;
    color: #2866B1;
    vertical-align: text-bottom; }
  body .ui-menu.ui-menubar {
    padding: 0rem;
    background-color: #ffffff;
    border-radius: 4px 4px 0 0; }
    body .ui-menu.ui-menubar .ui-menuitem-text {
      color: #212529;
      font-size: 0.9rem; }
  body .ui-menu .ui-menuitem-link {
    color: #212529; }
    body .ui-menu .ui-menuitem-link.ui-commandlink {
      color: #212529;
      text-wrap: auto; }
  body .md-inputfield {
    display: block;
    position: relative; }
    body .md-inputfield .ui-autocomplete-multiple {
      width: 100%; }
      body .md-inputfield .ui-autocomplete-multiple .ui-autocomplete-multiple-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
        body .md-inputfield .ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
          padding: 1px 0;
          margin: 3px 0.5rem 3px 0;
          background: #CAE9FF;
          color: #495057;
          border-radius: 4px;
          display: flex; }
          body .md-inputfield .ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label {
            padding: 0 0.5rem 0 0.5rem;
            order: 1; }
          body .md-inputfield .ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon {
            padding: 0 0.5rem 0 0;
            position: relative;
            font-family: 'primeicons' !important;
            font-style: normal;
            font-weight: normal;
            display: inline-block;
            background: none;
            order: 2; }
            body .md-inputfield .ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before {
              content: ""; }
      body .md-inputfield .ui-autocomplete-multiple .ui-autocomplete-dropdown.ui-button {
        margin-top: 0; }
    body .md-inputfield input:focus ~ label,
    body .md-inputfield input.ui-state-filled ~ label,
    body .md-inputfield textarea:focus ~ label,
    body .md-inputfield textarea.ui-state-filled ~ label,
    body .md-inputfield .ui-selectonemenu.ui-state-focus ~ label,
    body .md-inputfield .ui-selectonemenu.ui-state-filled ~ label,
    body .md-inputfield .ui-autocomplete-dd.ui-inputwrapper-focus ~ label,
    body .md-inputfield .ui-autocomplete-dd.ui-inputwrapper-filled ~ label,
    body .md-inputfield .md-inputwrapper-focus ~ label,
    body .md-inputfield .md-inputwrapper-filled ~ label {
      top: -20px;
      left: 0px;
      font-size: 12px;
      color: #607D8B; }
    body .md-inputfield input:-webkit-autofill ~ label {
      top: -20px;
      left: 0px;
      font-size: 12px;
      color: #607D8B; }
    body .md-inputfield label {
      position: absolute;
      left: 0px;
      top: 1px; }
      body .md-inputfield label:not(.ui-selectonemenu-label) {
        color: #999;
        font-weight: normal;
        pointer-events: none;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all; }
      body .md-inputfield label.ui-selectonemenu-label {
        position: static;
        left: auto;
        top: auto;
        padding: 0 2rem !important; }
    body .md-inputfield input.ui-state-error ~ label,
    body .md-inputfield .ui-selectonemenu.ui-state-focus.ui-state-error ~ label,
    body .md-inputfield .ui-selectonemenu.ui-state-filled.ui-state-error ~ label {
      color: #f44336; }
    body .md-inputfield .ui-message {
      padding: 0 !important; }
      body .md-inputfield .ui-message.ui-message-error {
        background-color: transparent;
        border: 0 none;
        margin: 0px;
        color: #f44336;
        font-size: 0.9rem; }
        body .md-inputfield .ui-message.ui-message-error .ui-message-error-icon {
          color: #f44336;
          font-size: 0.9rem;
          top: 2px; }
    body .md-inputfield .ui-widget + .ui-message {
      margin: 0 0 0 0; }
    body .md-inputfield.md-inputfield-fill input {
      background-color: #ffffff;
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 4px; }
    body .md-inputfield.md-inputfield-fill label {
      top: 2px; }
    body .md-inputfield.md-inputfield-fill input:focus ~ label,
    body .md-inputfield.md-inputfield-fill input.ui-state-filled ~ label,
    body .md-inputfield.md-inputfield-fill textarea:focus ~ label,
    body .md-inputfield.md-inputfield-fill textarea.ui-state-filled ~ label,
    body .md-inputfield.md-inputfield-fill .ui-selectonemenu.ui-state-focus ~ label,
    body .md-inputfield.md-inputfield-fill .ui-selectonemenu.ui-state-filled ~ label,
    body .md-inputfield.md-inputfield-fill .md-inputwrapper-focus ~ label,
    body .md-inputfield.md-inputfield-fill .md-inputwrapper-filled ~ label {
      top: -20px;
      font-size: 12px;
      color: #7CB342; }
    body .md-inputfield.md-inputfield-box {
      background-color: #607D8B;
      height: 44px; }
      body .md-inputfield.md-inputfield-box > *:not(label) {
        bottom: 0px;
        position: absolute;
        background-color: #ffffff; }
      body .md-inputfield.md-inputfield-box > label {
        top: 23px; }
      body .md-inputfield.md-inputfield-box input:focus ~ label,
      body .md-inputfield.md-inputfield-box input.ui-state-filled ~ label,
      body .md-inputfield.md-inputfield-box textarea:focus ~ label,
      body .md-inputfield.md-inputfield-box textarea.ui-state-filled ~ label,
      body .md-inputfield.md-inputfield-box .ui-selectonemenu.ui-state-focus ~ label,
      body .md-inputfield.md-inputfield-box .ui-selectonemenu.ui-state-filled ~ label,
      body .md-inputfield.md-inputfield-box .md-inputwrapper-focus ~ label,
      body .md-inputfield.md-inputfield-box .md-inputwrapper-filled ~ label {
        top: 1px; }
      body .md-inputfield.md-inputfield-box .input:-webkit-autofill ~ label {
        top: 1px; }
  body div.ui-selectonemenu {
    width: 100%;
    /*margin-bottom: 10px;*/
    background: transparent no-repeat;
    background-image: linear-gradient(to bottom, #7CB342, #7CB342), linear-gradient(to bottom, #ced4da, #ced4da);
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-width: 0;
    padding: 0 !important;
    border-radius: 0; }
    body div.ui-selectonemenu label.ui-selectonemenu-label {
      max-width: 18vw;
      overflow: hidden;
      text-overflow: ellipsis; }
    body div.ui-selectonemenu .ui-selectonemenu-label {
      padding-right: 2rem !important; }
    body div.ui-selectonemenu.limit-width {
      max-width: 89% !important;
      min-width: unset !important; }
    body div.ui-selectonemenu.ui-state-focus {
      border-width: 0;
      box-shadow: none;
      background-size: 100% 2px, 100% 1px;
      outline: none;
      /*padding-bottom: 2px;*/ }
    body div.ui-selectonemenu .ui-icon {
      font-size: 0.8rem;
      color: #212529; }
  body .ui-selectcheckboxmenu {
    /*margin-bottom: 10px;*/
    background: transparent no-repeat;
    background-image: linear-gradient(to bottom, #7CB342, #7CB342), linear-gradient(to bottom, #ced4da, #ced4da);
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-width: 0;
    padding: 0 !important;
    border-radius: 0; }
    body .ui-selectcheckboxmenu .ui-icon {
      font-size: 0.8rem; }
  body .ui-selectcheckboxmenu-filter-container .ui-inputfield {
    color: white; }
  body .ui-selectcheckboxmenu-filter-container .ui-icon-search {
    display: none !important; }
  body .ui-selectcheckboxmenu-close {
    color: white !important; }
  body .ui-button {
    overflow: hidden;
    background-color: #607D8B;
    color: #ffffff;
    height: 30px;
    padding: 0 14px;
    margin: 0px 3px;
    border: 0 none;
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26); }
    body .ui-button.ui-button-icon-only {
      width: 2rem;
      height: 2rem;
      border-radius: 4px; }
    body .ui-button .ui-icon-triangle-1-s {
      margin-top: -11px !important; }
    body .ui-button.ui-button-text-icon-left .ui-button-text {
      padding: 0rem 0rem 0.1rem 1.3rem; }
    body .ui-button.ui-button-text-icon-left .ui-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      /*                margin-top: -0.4rem;*/
      left: 0.5rem; }
    body .ui-button.ui-button-text-only .ui-button-text {
      padding: 0rem 0.9rem; }
    body .ui-button.orange-btn {
      background-color: #FF9800; }
      body .ui-button.orange-btn.ui-state-hover {
        background-color: #EF6C00;
        color: white; }
      body .ui-button.orange-btn.ui-state-focus {
        outline: 0 none;
        background-color: #ffad33;
        color: white; }
      body .ui-button.orange-btn.btn:hover {
        color: white !important; }
    body .ui-button.amber-btn {
      background-color: #FFC107;
      color: #212529; }
      body .ui-button.amber-btn.ui-state-hover {
        background-color: #FFC107;
        color: #212529; }
      body .ui-button.amber-btn.ui-state-focus {
        outline: 0 none;
        background-color: #ffce3a;
        color: #212529; }
      body .ui-button.amber-btn.btn:hover {
        color: #212529; }
    body .ui-button.green-btn {
      background-color: #4CAF50; }
      body .ui-button.green-btn.ui-state-hover {
        background-color: #4CAF50; }
      body .ui-button.green-btn.ui-state-focus {
        outline: 0 none;
        background-color: #6ec071; }
    body .ui-button.olive-btn {
      background-color: #7CB342; }
      body .ui-button.olive-btn.ui-state-hover {
        background-color: #7CB342; }
      body .ui-button.olive-btn.ui-state-focus {
        outline: 0 none;
        background-color: #95c563; }
    body .ui-button.red-btn {
      background-color: #F44336; }
      body .ui-button.red-btn.ui-state-hover {
        background-color: #F44336; }
      body .ui-button.red-btn.ui-state-focus {
        outline: 0 none;
        background-color: #f77066; }
    body .ui-button.ui-state-hover {
      background-color: #3e515a; }
  body .red-color {
    color: #af0000; }
  body .ui-tabs.ui-tabs-top {
    padding: 10px; }
  body .ui-tabs .ui-tabs-panels {
    border: 0 none;
    background: #ffffff;
    color: #2866B1;
    padding: 0;
    margin: 0; }
  body .request-btn {
    color: white;
    text-decoration: none;
    margin-right: 0;
    border: none;
    border-radius: 4px;
    padding: .2em 1em;
    line-height: 2em;
    background-color: orange;
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26);
    transition: all .3s; }
  body .request-btn:hover {
    background-color: #EF6C00;
    transition: all .3s; }
  body .smallScrollableHeaderTable .ui-widget-header.ui-datatable-scrollable-header {
    height: 50px; }
  body .smallScrollableHeaderTable .ui-datatable-scrollable-header-box {
    height: inherit; }
  body .ui-datatable {
    height: 100%; }
    body .ui-datatable table {
      width: 100%;
      /*now it is fixed*/
      table-layout: fixed;
      border-collapse: collapse; }
  body .ui-datatable tbody tr.ui-datatable-even {
    background-color: #f4f4f4; }
  body .ui-datatable tbody tr.ui-state-highlight {
    background-color: #7CB342;
    color: white; }
  body .simpleTable thead {
    display: none; }
  body .simpleTable table .ui-datatable-even {
    background-color: white; }
  body .simpleTable .ui-datatable-data > tr > td {
    border: none !important; }
  body div.ui-datatable.cabinPreviewTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-widget-content.ui-datatable-even,
  body div.ui-datatable.cabinPreviewTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-widget-content.ui-datatable-odd {
    border-bottom: 1px solid gray !important; }
  body .cabinPreviewTable table > tbody > tr > td table .ui-datatable-odd table .ui-datatable-even {
    background-color: white !important; }
  body .cabinPreviewTable .ui-datatable:not(.simpleTable) .ui-datatable-even, body .cabinPreviewTable .ui-datatable:not(.simpleTable) .ui-datatable-odd {
    background-color: white; }
  body .cabinPreviewTable .ui-datatable-data > tr > td {
    border: none !important; }
  body .cabinPreviewTable thead > tr > th {
    padding: 0px; }
  body .cabinPreviewTable table {
    line-height: 1.2;
    color: #2866B1;
    border-width: 0; }
    body .cabinPreviewTable table > tbody > tr {
      border: none !important; }
      body .cabinPreviewTable table > tbody > tr td {
        border-width: 0;
        white-space: normal;
        vertical-align: top;
        padding: 5px !important; }
        body .cabinPreviewTable table > tbody > tr td input.ui-inputtext {
          width: 100%;
          text-align: right; }
      body .cabinPreviewTable table > tbody > tr > td:nth-child(1) {
        width: 50px;
        text-align: center; }
      body .cabinPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties > td:last-child {
        width: 50%; }
      body .cabinPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyIcon {
        width: 16%;
        padding: 0;
        margin: 0;
        text-decoration: line-through;
        color: #757575; }
        body .cabinPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyIcon .material-icons {
          font-size: 20px; }
      body .cabinPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyValue {
        color: #212529; }
        body .cabinPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyValue .material-icons {
          color: #757575;
          font-size: 20px; }
        body .cabinPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyValue span.yachtName {
          color: #2866B1; }
        body .cabinPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyValue .yachtPropValueWithIcon {
          margin-left: 10px; }
      body .cabinPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable {
        width: 100px; }
        body .cabinPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable td:first-child {
          width: 46px;
          text-align: left; }
        body .cabinPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable td:last-child {
          width: 46px;
          text-align: right; }
        body .cabinPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable td {
          padding: 0; }
      body .cabinPreviewTable table > tbody > tr .previewDocumentProperties td:first-child {
        width: 50%; }
      body .cabinPreviewTable table > tbody > tr .previewDocumentProperties td:last-child {
        width: 50%;
        /*text-align: left;*/ }
  body .cabinPreviewTable > thead {
    display: table-header-group !important; }
  body .yachtName a {
    white-space: normal;
    text-wrap-mode: wrap;
    font-weight: bold;
    text-transform: uppercase; }
  body .overlayInfo {
    background-color: #555555;
    border-color: #555555;
    color: #ffffff;
    text-align: left;
    /*opacity: 0.95;*/
    position: absolute;
    padding: 10px;
    box-sizing: border-box; }
    body .overlayInfo h4 {
      color: #ffffff !important;
      border-bottom: unset !important; }
      body .overlayInfo h4 .overlayInfoHeaderText {
        border-bottom: 1px dotted #999999;
        padding-bottom: 6px;
        margin-left: 40px;
        font-size: 0.9rem; }
      body .overlayInfo h4 .overlayInfoHeaderBtn {
        float: left;
        height: 32px;
        width: 32px;
        font-size: 2rem;
        margin-top: -8px; }
    body .overlayInfo select,
    body .overlayInfo input,
    body .overlayInfo textarea,
    body .overlayInfo .ui-selectonemenu {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      color: white;
      background-color: transparent; }
      body .overlayInfo select .ui-selectonemenu-label,
      body .overlayInfo input .ui-selectonemenu-label,
      body .overlayInfo textarea .ui-selectonemenu-label,
      body .overlayInfo .ui-selectonemenu .ui-selectonemenu-label {
        background-color: transparent;
        color: white;
        text-wrap: auto; }
    body .overlayInfo .ui-selectonemenu-panel {
      max-width: 100% !important;
      width: auto !important;
      box-sizing: border-box; }
    body .overlayInfo .ui-overlaypanel-close {
      background-color: #00bcd4;
      padding: 1px 4px;
      top: -12px;
      right: -12px;
      border: 2px solid #fff;
      line-height: 24px; }
      body .overlayInfo .ui-overlaypanel-close span.ui-icon {
        vertical-align: unset !important; }
        body .overlayInfo .ui-overlaypanel-close span.ui-icon::before {
          top: 3px; }
    body .overlayInfo .ui-overlaypanel-content .ui-widget-content {
      background-color: unset;
      border: unset; }
    body .overlayInfo .ui-overlaypanel-content .ui-outputlabel-label {
      color: white; }
    body .overlayInfo .ui-overlaypanel-content span {
      color: white; }
    body .overlayInfo .ui-overlaypanel-content .ui-button-icon-only .ui-icon-triangle-1-s {
      color: #212529; }
    body .overlayInfo .ui-overlaypanel-content .dialogDocumentProperties > tbody > tr > td:nth-child(2) {
      display: block;
      max-width: 330px;
      margin-top: 0; }
    body .overlayInfo .ui-overlaypanel-content .overlayInfoContent {
      display: block;
      width: 330px;
      position: relative;
      clear: both;
      margin-left: 4px; }
      body .overlayInfo .ui-overlaypanel-content .overlayInfoContent table > tbody > tr {
        border: 0px !important;
        line-height: 1.8; }
        body .overlayInfo .ui-overlaypanel-content .overlayInfoContent table > tbody > tr td {
          border-width: 0; }
          body .overlayInfo .ui-overlaypanel-content .overlayInfoContent table > tbody > tr td a {
            color: #00bcd4; }
          body .overlayInfo .ui-overlaypanel-content .overlayInfoContent table > tbody > tr td .ui-chkbox .ui-chkbox-box {
            border-color: #dddddd; }
          body .overlayInfo .ui-overlaypanel-content .overlayInfoContent table > tbody > tr td .md-inputfield input {
            color: #ffffff;
            background: none;
            border-bottom: 1px solid #e1e1e1; }
      body .overlayInfo .ui-overlaypanel-content .overlayInfoContent label {
        color: #00bcd4; }
        body .overlayInfo .ui-overlaypanel-content .overlayInfoContent label.ui-selectonemenu-label {
          color: #ffffff; }
      body .overlayInfo .ui-overlaypanel-content .overlayInfoContent input, body .overlayInfo .ui-overlaypanel-content .overlayInfoContent textarea {
        color: white; }
      body .overlayInfo .ui-overlaypanel-content .overlayInfoContent table.extrasGridCalculation > tbody > tr > td:first-child, body .overlayInfo .ui-overlaypanel-content .overlayInfoContent table.extrasGridCalculation > tbody > tr > td:last-child {
        text-align: right; }
    body .overlayInfo .ui-overlaypanel-content .overlayInfoContentWarning {
      border-radius: 4px;
      margin-top: 10px;
      padding: 10px;
      background-color: #ffffff;
      color: #c91e1e; }
    body .overlayInfo .ui-overlaypanel-content label.ui-selectonemenu-label, body .overlayInfo .ui-overlaypanel-content .md-inputfield, body .overlayInfo .ui-overlaypanel-content .ui-inputtext {
      color: #ffffff; }
    body .overlayInfo .ui-overlaypanel-content .dialogDocumentProperties > tbody > tr > td {
      padding: 2px;
      white-space: normal; }
    body .overlayInfo .ui-overlaypanel-content .dialogDocumentProperties > tbody > tr > td:nth-child(1) {
      vertical-align: top;
      width: 130px; }
      body .overlayInfo .ui-overlaypanel-content .dialogDocumentProperties > tbody > tr > td:nth-child(1) label {
        color: #00bcd4;
        text-align: right;
        display: inline-block;
        width: 120px; }
    body .overlayInfo .ui-overlaypanel-content .dialogDocumentProperties > tbody > tr > td:nth-child(2) {
      max-width: 330px; }
    body .overlayInfo.ui-overlay-visible {
      min-width: 350px; }
  body .attachmentsTable {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse; }
    body .attachmentsTable tbody,
    body .attachmentsTable tr {
      display: flex;
      flex-direction: column;
      width: 100%; }
      body .attachmentsTable tbody > td,
      body .attachmentsTable tr > td {
        justify-content: space-between; }
    body .attachmentsTable td {
      padding: 0.5rem;
      display: flex;
      align-items: center; }
    body .attachmentsTable td:first-child {
      flex: 0 0 auto; }
    body .attachmentsTable td:nth-child(2) {
      flex: 1 1 auto;
      justify-content: flex-start;
      text-align: left; }
    body .attachmentsTable td:last-child {
      flex: 0 0 auto; }
  body .tableHeaderButtons {
    display: inline-block; }
    body .tableHeaderButtons .ui-button-icon-left.ui-icon {
      margin-top: -10px; }
    body .tableHeaderButtons .ui-button {
      height: 2.4rem; }
      body .tableHeaderButtons .ui-button .ui-button-text.ui-c {
        padding: 0rem 0rem 0.1rem 1rem; }
  body .commandlink-btn {
    overflow: hidden;
    background-color: #4CAF50;
    color: #ffffff !important;
    height: 30px;
    width: 100%;
    border: none;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    cursor: pointer;
    transition: background-color 0.2s ease; }
  body .commandlink-btn:hover {
    background-color: #3d8c40;
    text-decoration: none; }
  body .ui-selectbooleanbutton,
  body .ui-selectonebutton > .ui-button,
  body .ui-selectmanybutton > .ui-button {
    min-height: 24px;
    height: auto;
    text-wrap: auto;
    border: 0 none;
    padding: 0;
    border: 0 none;
    width: fit-content;
    font-size: 0.8rem;
    background: #607D8B;
    color: #ffffff;
    outline: 0 none;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s;
    align-content: center; }
    body .ui-selectbooleanbutton .ui-icon,
    body .ui-selectonebutton > .ui-button .ui-icon,
    body .ui-selectmanybutton > .ui-button .ui-icon {
      color: #ffffff; }
    body .ui-selectbooleanbutton .ui-button-text,
    body .ui-selectonebutton > .ui-button .ui-button-text,
    body .ui-selectmanybutton > .ui-button .ui-button-text {
      margin-top: 0px; }
    body .ui-selectbooleanbutton.ui-state-hover,
    body .ui-selectonebutton > .ui-button.ui-state-hover,
    body .ui-selectmanybutton > .ui-button.ui-state-hover {
      background: #455A64;
      border-color: none;
      color: #ffffff; }
      body .ui-selectbooleanbutton.ui-state-hover .ui-icon,
      body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon,
      body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon {
        color: #6c757d; }
    body .ui-selectbooleanbutton.ui-state-active,
    body .ui-selectonebutton > .ui-button.ui-state-active,
    body .ui-selectmanybutton > .ui-button.ui-state-active {
      background: #7CB342;
      border-color: none;
      color: #ffffff;
      border: none;
      border-width: 0px; }
      body .ui-selectbooleanbutton.ui-state-active .ui-icon,
      body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon,
      body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon {
        color: #ffffff; }
      body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
      body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover,
      body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
        background: #70a13b;
        border-color: none;
        color: #ffffff; }
        body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon,
        body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon,
        body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon {
          color: #ffffff; }
    body .ui-selectbooleanbutton.ui-state-focus,
    body .ui-selectonebutton > .ui-button.ui-state-focus,
    body .ui-selectmanybutton > .ui-button.ui-state-focus {
      outline: 0 none;
      box-shadow: none; }
  body .ui-selectbooleanbutton.ui-state-hover .ui-icon {
    color: white; }
  body .header-menu-button .ui-button {
    background-color: #7CB342;
    width: 2.4rem;
    height: 2.4rem; }
  body .header-menu-button .ui-icon {
    margin: 0px !important;
    top: 0.6rem !important;
    left: 0.7rem !important; }
  body .addMenuBtn .ui-menuitem .ui-menuitem-link {
    padding: 0.52rem 1rem !important;
    margin: 0 !important; }
  body .ui-sortable-column-icon {
    font-size: 0.7rem; }
  body .ui-toggleswitch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.2rem; }
    body .ui-toggleswitch .ui-toggleswitch-slider:before,
    body .ui-toggleswitch .ui-toggleswitch-handler {
      position: absolute;
      top: 50%;
      background: #ffffff;
      color: #2866B1;
      width: 0.9rem;
      height: 0.9rem;
      left: calc(.25rem - 2px);
      margin-top: -0.45rem;
      border-radius: 50%;
      transition: all 0.5s;
      font-size: 0.6rem;
      line-height: 1.2rem; }
    body .ui-toggleswitch .ui-toggleswitch-handler span {
      font-size: 0.6rem;
      line-height: 1.2rem; }
    body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before,
    body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler {
      color: #2866B1;
      transform: translateX(1.56rem);
      transition: all 0.5s; }
  body .ui-datatable-scrollable-header {
    width: 100%; }
    body .ui-datatable-scrollable-header th {
      height: auto;
      text-align: center; }
  body .ui-datatable tr.ui-state-highlight {
    color: white !important;
    background-color: #7CB342 !important; }
  body .ui-datatable thead th {
    /*background-color: transparent;*/
    /*height: 2rem;*/
    vertical-align: top; }
  body .ui-datatable td {
    padding: 0.1rem 0.8rem !important;
    white-space: nowrap;
    overflow: hidden; }
  body .ui-datatable tbody {
    /*CRM contact table*/ }
    body .ui-datatable tbody .crmSearchResultTableDataTable {
      border-width: 0;
      border: transparent; }
    body .ui-datatable tbody .crmLabelCol {
      width: 30px;
      white-space: nowrap;
      vertical-align: top;
      font-size: 0.9rem !important;
      margin-bottom: 1.1rem;
      border-width: 0;
      padding: 0 !important; }
      body .ui-datatable tbody .crmLabelCol .material-icons {
        color: #455A64;
        font-size: 1.2rem; }
    body .ui-datatable tbody .crmFieldCol {
      width: 86%;
      overflow: hidden;
      font-size: 0.9rem !important;
      border-width: 0; }
  body .ui-datatable .ui-datatable-data > tr {
    color: #212529;
    line-height: 1.2; }
  body .ui-datatable .ui-datatable-data tr.ui-state-hover {
    color: #212529; }
  body .ui-datatable .ui-datatable-header {
    background-color: #607D8B;
    color: white;
    text-align: left;
    font-size: 0.9rem;
    padding: 0.5rem;
    border-radius: 4px 4px 0 0; }
    @media (max-width: 768px) {
      body .ui-datatable .ui-datatable-header {
        height: 5.5rem; } }
    body .ui-datatable .ui-datatable-header > label {
      line-height: 24px; }
    body .ui-datatable .ui-datatable-header label,
    body .ui-datatable .ui-datatable-header .material-icons {
      color: #ffffff;
      line-height: 20px;
      vertical-align: text-bottom;
      margin-right: 8px; }
    body .ui-datatable .ui-datatable-header button:last-of-type {
      margin-right: 8px; }
    body .ui-datatable .ui-datatable-header .panel-header-right {
      display: inline-flex;
      position: relative;
      float: right;
      margin-top: 9px; }
  body .ui-datatable tfoot {
    border-color: gray;
    border-width: 0; }
    body .ui-datatable tfoot td {
      border-width: 0px;
      background-color: #cccccc;
      padding: 0;
      font-weight: 500;
      color: #212529;
      font-size: 0.9rem; }
  body .ui-datatable .ui-datatable-footer {
    background-color: #fff;
    color: #607D8B;
    border: 0;
    font-weight: 600; }
    body .ui-datatable .ui-datatable-footer table {
      border: transparent; }
      body .ui-datatable .ui-datatable-footer table .label {
        color: #2866B1; }
      body .ui-datatable .ui-datatable-footer table .field {
        color: #212529; }
  body .ui-datatable-data td[role="gridcell"]:focus,
  body .ui-datatable-data td[role="grid"] [tabindex="0"]:focus {
    outline: none !important;
    border: none; }
  body .footer-datatable thead {
    display: none !important; }
  body .footer-datatable {
    padding: 10px 0; }
  body .ui-datatable-scrollable-footer {
    border-radius: 0 0 4px 4px; }
    body .ui-datatable-scrollable-footer table {
      table-layout: auto !important; }
  body .ui-chkbox {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin: 2px;
    height: 1.3rem;
    border-radius: 2px; }
    body .ui-chkbox .ui-chkbox-box {
      width: 1.3rem;
      height: 1.3rem;
      min-width: unset; }
      body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
        overflow: visible;
        position: absolute;
        font-size: 0.8rem;
        left: 56%;
        top: 44%;
        line-height: 1.5; }
        body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
          font-family: 'primeicons' !important;
          font-style: normal;
          font-weight: normal;
          display: inline-block;
          background: none; }
          body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
            content: ""; }
        body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick {
          font-family: 'primeicons' !important;
          font-style: normal;
          font-weight: normal;
          display: inline-block;
          background: none; }
          body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before {
            content: ""; }
    body .ui-chkbox .ui-state-disabled {
      opacity: 0.6; }
      body .ui-chkbox .ui-state-disabled.ui-state-active {
        border-color: #2f8f0f;
        filter: saturate(0.8); }
  body .ui-state-highlight .ui-chkbox .ui-state-disabled.ui-state-active {
    border-color: white;
    background-color: #4d6545;
    filter: saturate(0.8); }
  body .transparentTable.ui-datatable table {
    margin: 10px 0; }
    body .transparentTable.ui-datatable table * {
      background: none;
      border: 0; }
    body .transparentTable.ui-datatable table td {
      padding: 2px 4px !important; }
    body .transparentTable.ui-datatable table tbody tr {
      border: 0;
      border-bottom: 1px solid #888888;
      background: rgba(0, 0, 0, 0.2);
      vertical-align: top;
      color: white; }
      body .transparentTable.ui-datatable table tbody tr td {
        border: 0;
        background: rgba(0, 0, 0, 0.2);
        white-space: unset;
        padding: 2px 4px; }
        body .transparentTable.ui-datatable table tbody tr td .ui-datalist > div {
          padding: 0px; }
          body .transparentTable.ui-datatable table tbody tr td .ui-datalist > div > ul {
            margin: 0px;
            padding: 0px; }
            body .transparentTable.ui-datatable table tbody tr td .ui-datalist > div > ul li {
              list-style: none; }
      body .transparentTable.ui-datatable table tbody tr.ui-datatable-even {
        background: rgba(0, 0, 0, 0.2); }
    body .transparentTable.ui-datatable table tfoot tr, body .transparentTable.ui-datatable table thead tr {
      border: 0;
      border-bottom: 1px solid #888888;
      background: rgba(0, 0, 0, 0.5); }
      body .transparentTable.ui-datatable table tfoot tr td, body .transparentTable.ui-datatable table tfoot tr th, body .transparentTable.ui-datatable table thead tr td, body .transparentTable.ui-datatable table thead tr th {
        border: 0;
        color: white;
        background: rgba(0, 0, 0, 0.5);
        font-weight: 600;
        padding: 2px 4px; }
      body .transparentTable.ui-datatable table tfoot tr td.number, body .transparentTable.ui-datatable table tfoot tr th.number, body .transparentTable.ui-datatable table thead tr td.number, body .transparentTable.ui-datatable table thead tr th.number {
        text-align: right; }
    body .transparentTable.ui-datatable table thead > tr > th > input.ui-column-filter.ui-inputfield {
      background-color: #666666;
      color: #ffffff; }
  body .ui-datatable .green {
    color: #2f9c0b; }
  body .ui-datatable tr.ui-state-highlight .green {
    color: #bdff00; }
  body .ui-datatable tr.ui-state-highlight .red {
    color: #8f100b; }
  body .ui-datatable tr.ui-state-highlight .lighterGreen {
    color: #58cc32; }
  body .ui-datatable tr.ui-state-highlight .lighterRed {
    color: #ff2b22; }
  body .ui-datatable tr.ui-state-highlight a {
    /*            color: #ffff4d;*/
    text-decoration: none; }
  body .ui-datatable tr.ui-state-highlight .ui-icon.ui-icon-notapproved {
    color: yellow; }
  body .ui-commandlink, body .ui-link {
    color: #2866B1;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s;
    white-space: nowrap;
    overflow: hidden; }
    body .ui-commandlink:hover, body .ui-link:hover {
      color: #2866B1;
      text-decoration: none; }
    body .ui-commandlink:active, body .ui-link:active {
      color: #2866B1; }
  body .ui-accordion .ui-accordion-content {
    font-size: 0.9rem;
    color: #212529 !important;
    line-height: 1.3rem;
    padding: 1rem !important; }
    body .ui-accordion .ui-accordion-content h4 {
      margin-left: 8px;
      border-bottom: 1px solid #888; }
    body .ui-accordion .ui-accordion-content.no-padding {
      padding: 0 1rem !important; }
  body .accordion-body {
    padding: 1rem; }
  body .ui-datepicker .ui-datepicker-next,
  body .ui-datepicker .ui-datepicker-prev {
    color: #ffffff !important; }
  body .p-datepicker:not(.notCalendar) input {
    text-align: left;
    width: 5rem; }
  body .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    padding-right: 0 !important; }
  body .ajax-loader {
    display: inline-block;
    font-size: 36px;
    /* adjust size to taste */
    line-height: 1;
    transform-origin: center center;
    animation: pf-rotate 1s linear infinite;
    will-change: transform;
    padding: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    overflow: hidden;
    background-color: transparent !important; }
  body .ajaxStatus {
    background-color: transparent !important;
    box-shadow: none !important; }
    body .ajaxStatus .ui-dialog-content {
      padding: 0 !important;
      background-color: transparent !important;
      box-shadow: none !important;
      overflow: hidden;
      color: #FF9800 !important; }
  body .nausys-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 45px;
    z-index: 1000;
    background: linear-gradient(90deg, #1E88E5 0%, #1E88E5 100%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
    body .nausys-navbar.admin-navbar {
      background: linear-gradient(90deg, #FF9800 0%, #FF9800 100%); }
    body .nausys-navbar .navbar-brand,
    body .nausys-navbar .nav-link {
      color: #fff;
      padding: 0; }
      body .nausys-navbar .navbar-brand:hover,
      body .nausys-navbar .nav-link:hover {
        color: rgba(255, 255, 255, 0.8); }
    body .nausys-navbar .loged-user-name {
      font-size: 0.8rem;
      margin-top: -0.7rem;
      margin-right: 1rem; }
    body .nausys-navbar .material-icons {
      font-size: 36px; }
    body .nausys-navbar .dropdown-toggle::after {
      display: none !important; }
    body .nausys-navbar .dropdown-menu {
      background-color: #1E88E5; }
      body .nausys-navbar .dropdown-menu .dropdown-item {
        color: #fff; }
        body .nausys-navbar .dropdown-menu .dropdown-item:hover {
          background-color: rgba(255, 255, 255, 0.1); }
    body .nausys-navbar .topbar-badge {
      font-size: 11px;
      right: 0px;
      top: -10px;
      float: left; }
      body .nausys-navbar .topbar-badge.topbar-submenu-badge {
        font-size: 12px;
        float: left;
        margin-top: 0px;
        margin-right: 5px;
        padding: 3px 6px;
        width: 24px;
        height: 24px;
        float: left;
        border-radius: 50%; }
        body .nausys-navbar .topbar-badge.topbar-submenu-badge.red-color {
          color: #ffffff;
          background-color: #af0000; }
        body .nausys-navbar .topbar-badge.topbar-submenu-badge.orange-color {
          color: #ffffff;
          background-color: #ff9900; }
        body .nausys-navbar .topbar-badge.topbar-submenu-badge.yellow-color {
          color: #000000;
          background-color: #ffff00; }
        body .nausys-navbar .topbar-badge.topbar-submenu-badge.blue-color {
          color: #ffffff;
          background-color: #3377ff; }
    body .nausys-navbar .ui-menu {
      border: none; }
    body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex {
      background: transparent;
      margin: 0;
      padding: 0; }
      body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list {
        display: flex;
        align-items: center; }
        body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem {
          min-width: 100px;
          font-size: 0.9rem; }
          body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.menuitem-home {
            min-width: unset; }
            body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.menuitem-home > a.ui-menuitem-link .ui-menuitem-icon,
            body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.menuitem-home > a.ui-menuitem-link .material-icons {
              font-size: 1.7rem;
              margin-right: 0; }
          body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > a.ui-menuitem-link {
            display: flex;
            font-size: 0.9rem;
            align-items: center;
            text-align: center;
            height: 45px;
            width: 100%;
            justify-content: flex-start;
            color: #fff;
            text-decoration: none;
            transition: background-color 0.2s ease; }
            body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > a.ui-menuitem-link .ui-menuitem-icon,
            body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > a.ui-menuitem-link .material-icons {
              margin-right: 0.5rem;
              font-size: 1.2rem;
              color: white !important; }
            body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > a.ui-menuitem-link .ui-menuitem-text {
              color: #fff; }
            body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > a.ui-menuitem-link:hover, body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > a.ui-menuitem-link.ui-state-active, body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > a.ui-menuitem-link.ui-state-highlight {
              background-color: #BADEFC;
              border-radius: 4px; }
              body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > a.ui-menuitem-link:hover .ui-menuitem-text, body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > a.ui-menuitem-link.ui-state-active .ui-menuitem-text, body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > a.ui-menuitem-link.ui-state-highlight .ui-menuitem-text {
                color: #2866B1 !important; }
          body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
            background-color: #2866B1; }
            body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text,
            body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
            body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .material-icons {
              color: white !important; }
              body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text.ui-state-active, body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text.ui-state-hover, body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text.ui-state-highlight,
              body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon.ui-state-active,
              body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon.ui-state-hover,
              body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon.ui-state-highlight,
              body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .material-icons.ui-state-active,
              body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .material-icons.ui-state-hover,
              body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem.ui-menuitem-active > .ui-menuitem-link .material-icons.ui-state-highlight {
                color: #2866B1 !important; }
          body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem .ui-icon {
            color: white !important; }
          body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > ul.ui-menu-list {
            position: absolute;
            background-color: #1E88E5;
            border: none;
            margin-top: 0.25rem;
            padding: 0;
            list-style: none;
            width: 240px;
            /*                        overflow-y: auto;
                                                overflow-x: hidden;
                                                max-height: 500px;*/ }
            body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > ul.ui-menu-list li.ui-menuitem > a.ui-menuitem-link {
              width: 240px;
              height: auto;
              padding: 1rem 1rem; }
              body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > ul.ui-menu-list li.ui-menuitem > a.ui-menuitem-link:hover, body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > ul.ui-menu-list li.ui-menuitem > a.ui-menuitem-link.ui-state-active, body .nausys-navbar .ui-menubar.me-auto.navbar-nav.d-none.d-lg-flex > .ui-menu-list li.ui-menuitem > ul.ui-menu-list li.ui-menuitem > a.ui-menuitem-link.ui-state-highlight {
                color: #2866B1;
                background-color: #BADEFC; }
  body .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0; }
  body .notification-badge {
    transform: translate(12%, -15%) !important;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    background-color: #FFC107;
    color: black;
    font-size: 0.7rem !important; }
  body .ui-tabs .ui-tabs-nav {
    background-color: transparent; }
    body .ui-tabs .ui-tabs-nav li.ui-tabs-header {
      margin-right: 2px !important;
      border-radius: 4px 4px 0 0; }
    body .ui-tabs .ui-tabs-nav li.ui-state-active {
      background: #6EC071; }
      body .ui-tabs .ui-tabs-nav li.ui-state-active a {
        color: white;
        font-weight: 700 !important;
        cursor: default !important; }
      body .ui-tabs .ui-tabs-nav li.ui-state-active .ui-icon {
        color: white; }
  body .newsTitle {
    width: 105px;
    padding: 8px 6px;
    line-height: 1.5;
    background: #7CB342;
    color: white;
    font-weight: bold; }
  body .newsDescription {
    width: calc(100% - 105px);
    line-height: 1.5;
    padding: 8px 6px;
    border-bottom: 1px solid #7CB342;
    background: #e1e1e1; }
  body .newsWrapper {
    font-size: 0.9rem;
    padding: 0px 0px;
    width: 100%;
    position: relative; }
  body .showMoreNews {
    text-align: right;
    display: none;
    position: absolute;
    right: 0px;
    bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    color: #2866B1;
    background: #e1e1e1; }
  body .hideNews {
    max-height: 100px;
    overflow: hidden; }
  body .expandedNews {
    max-height: none;
    overflow: visible; }
  body .form-search-panel {
    margin-top: 20px; }
    body .form-search-panel .md-inputfield, body .form-search-panel .ui-autocomplete {
      margin: 0.3em 0; }
  body #sidebar {
    border: none;
    width: 380px;
    transition: margin-left 0.3s ease;
    position: absolute;
    top: 58px;
    left: 0;
    bottom: 52px;
    z-index: 10;
    border-radius: 0 4px 4px 0;
    display: flex;
    flex-direction: column;
    padding: 0px;
    /*        @media (max-width: 1200px) {
                    margin-top: 0;
                    z-index: 1000;
                    padding: 0;
        
                }*/ }
    body #sidebar .search-bar-content {
      width: 380px;
      height: 100%; }
    body #sidebar.slide-left {
      margin-left: -380px; }
    body #sidebar .ui-widget-content {
      padding: 0 !important;
      border: none;
      /*overflow-x: hidden;*/ }
  body .searchCriteriaWrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-height: 100%; }
  body .fetchSearchCriteriaWrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-height: 100%; }
    body .fetchSearchCriteriaWrapper .searchCriteriaContentWrapper {
      max-height: 780px; }
  body .searchCriteriaForm {
    flex-grow: 1;
    height: calc(100% - 50px);
    background: white;
    display: flex;
    flex-direction: column; }
  body .searchCriteriaContentSizer {
    height: calc(100% - 52px);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: 0 !important; }
  body .searchCriteriaContentWrapper {
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1em;
    overflow-y: auto;
    /*        @media (max-width: 1200px){
                    height: 90vh;
                }*/ }
    body .searchCriteriaContentWrapper .responsive-search-grid label:nth-child(2n+1), body .searchCriteriaContentWrapper .responsive-search-grid ui-outputlabel-label:nth-child(2n+1) {
      text-align: right;
      max-width: 140px;
      color: #2866B1;
      font-size: 0.9rem;
      align-content: center; }
    body .searchCriteriaContentWrapper .responsive-search-grid div, body .searchCriteriaContentWrapper .responsive-search-grid span {
      align-content: center;
      align-items: center; }
    body .searchCriteriaContentWrapper .responsive-search-grid .ui-selectmanycheckbox .ui-g-12 {
      padding: 0.5em 0 !important; }
  body .yachtCriteriaPanel {
    padding: 1rem; }
    body .yachtCriteriaPanel .yachtCriteriaPanelui-autocomplete {
      width: 100%; }
      body .yachtCriteriaPanel .yachtCriteriaPanelui-autocomplete ul.ui-autocomplete-multiple-container {
        width: 100%; }
  body .ui-radiobutton-box.ui-state-active {
    border-color: #7CB342;
    background: white !important;
    color: white !important; }
    body .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
      background: #7CB342 !important; }
  body .advancedSearchLink {
    display: block;
    margin-top: 1rem;
    color: #455A64;
    font-size: 0.9rem;
    text-decoration: none;
    font-weight: 700; }
    body .advancedSearchLink .material-icons {
      vertical-align: bottom;
      display: inline-block;
      transition: transform 0.3s ease; }
    body .advancedSearchLink.visible {
      padding-bottom: 4px;
      border-bottom: 1px dashed #ccc;
      margin-bottom: 1rem; }
      body .advancedSearchLink.visible .material-icons {
        transform: rotate(90deg); }
  body .mobile-search-accordion {
    margin: 12px 0 6px 0;
    background-color: #f5f5f5;
    color: #212529;
    border-radius: 4px;
    transition: all 0.2s ease; }
    body .mobile-search-accordion.open {
      background-color: #BADEFC;
      color: #2866B1; }
    body .mobile-search-accordion label, body .mobile-search-accordion .ui-outputlabel-label {
      color: #2866B1;
      font-size: 0.9rem; }
    body .mobile-search-accordion .search-buttons-wrapper {
      width: 220px;
      margin: auto; }
  body .accordion-button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.4rem 0.6rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #dee2e6;
    border: 0; }
  body .left-right-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: 12px;
    margin-top: 8px; }
    body .left-right-divider::before, body .left-right-divider::after {
      content: '';
      flex: 1;
      border-bottom: 1px dotted #000; }
    body .left-right-divider .left-right-divider-text {
      margin: 0 18px;
      font-family: sans-serif;
      color: #000; }
  body .periodsPanelGroup {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 22px 0px; }
    body .periodsPanelGroup .ui-inputfield {
      width: 100%;
      box-sizing: border-box; }
    body .periodsPanelGroup::before {
      margin: 0 0.5rem;
      white-space: nowrap; }
  body .p-datepicker {
    display: inline-flex !important;
    align-items: stretch;
    flex-wrap: nowrap !important;
    gap: 0rem;
    box-sizing: border-box; }
    body .p-datepicker > input.ui-inputfield,
    body .p-datepicker input.ui-inputfield {
      height: 1.75rem;
      line-height: 1.75rem;
      flex: 1 1 auto;
      min-width: 0;
      width: 5rem;
      box-sizing: border-box;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important; }
    body .p-datepicker > .ui-datepicker-trigger,
    body .p-datepicker > button.ui-datepicker-trigger,
    body .p-datepicker button.ui-datepicker-trigger.ui-button {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: unset;
      height: 1.75rem;
      padding: 0 .3rem;
      box-sizing: border-box;
      aspect-ratio: 1 / 1;
      min-width: 1.75rem;
      width: 1.25rem;
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
      margin: 0; }
      body .p-datepicker > .ui-datepicker-trigger .ui-button-text,
      body .p-datepicker > button.ui-datepicker-trigger .ui-button-text,
      body .p-datepicker button.ui-datepicker-trigger.ui-button .ui-button-text {
        display: none !important; }
      body .p-datepicker > .ui-datepicker-trigger .ui-button-icon-left,
      body .p-datepicker > .ui-datepicker-trigger .ui-icon,
      body .p-datepicker > button.ui-datepicker-trigger .ui-button-icon-left,
      body .p-datepicker > button.ui-datepicker-trigger .ui-icon,
      body .p-datepicker button.ui-datepicker-trigger.ui-button .ui-button-icon-left,
      body .p-datepicker button.ui-datepicker-trigger.ui-button .ui-icon {
        display: block;
        line-height: 1;
        font-size: 1em !important;
        height: auto;
        width: auto;
        vertical-align: middle; }
  body .search-header {
    color: white;
    background-color: #455A64;
    font-weight: 500;
    padding: 0.8rem;
    border-radius: 0 4px 0 0; }
  body .preview-header {
    color: white;
    background-color: #455A64;
    font-weight: 500;
    padding: 0.8rem;
    border-radius: 4px 0 0 0;
    font-size: 16px; }
  body .search-footer {
    color: white;
    background-color: #455A64;
    font-weight: 500;
    padding: 0.8rem;
    position: relative;
    width: 100%;
    justify-content: center;
    border-radius: 0 0 4px 0; }
  body .search-footer-relative {
    color: white;
    background-color: #455A64;
    font-weight: 500;
    padding: 0.8rem;
    position: fixed;
    width: 100%;
    justify-content: center;
    border-radius: 0 0 4px 4px; }
  body .search-results-layout {
    padding-left: 380px;
    transition: padding-left 0.3s;
    top: 55px;
    height: 100%; }
  body .responsive-search-grid {
    display: grid;
    grid-template-columns: max-content auto;
    gap: 0.8rem 1rem;
    height: auto;
    /*        @media (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {
                    grid-template-columns: repeat(2, 1fr 1.5fr);
                    // landscape tablet = 4 columns
        
                    .ui-outputlabel:nth-child(4n - 1), label:nth-child(4n - 1){
                        margin-left: 2em;
                        margin-right: -2em;
                    }
                }*/ }
    @media (min-width: 1200px) {
      body .responsive-search-grid {
        grid-template-columns: 95px auto;
        vertical-align: bottom;
        align-content: bottom; } }
    body .responsive-search-grid .ui-selectonemenu {
      min-width: 0 !important;
      height: 1.5rem; }
      body .responsive-search-grid .ui-selectonemenu span {
        text-wrap: auto; }
  body .slide-left {
    padding: 0; }
  body .slide-right {
    padding-left: 380px; }
  body .slide-up {
    padding: 0; }
  body .slide-down {
    padding-top: fit-content; }
  body .round-close-btn {
    margin: -1em 0 -1em auto;
    border: 4px solid white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #BADEFC;
    color: #2866B1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: background-color 0.2s ease, transform 0.2s ease; }
    body .round-close-btn:hover {
      background-color: white;
      border: 4px solid #BADEFC; }
    body .round-close-btn .material-icons {
      font-size: 18px;
      font-weight: 700; }
  body .expand-btn {
    height: 2rem;
    position: fixed;
    top: 3rem;
    left: -3rem;
    z-index: 400;
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: #FF9800;
    color: white;
    border: none;
    border-radius: 0 50px 50px 0;
    padding: 0.3rem 0.8rem 0.3rem 4rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    font-size: 0.9rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s ease, transform 0.2s ease;
    /*        @media (max-width: 990px){
                    top: 0.3rem;
                }*/ }
    body .expand-btn p {
      color: white;
      margin: 0; }
    body .expand-btn:hover {
      background-color: #FF9800;
      color: white;
      transform: translateX(10%);
      cursor: pointer; }
  body .expand-btn.hidden {
    opacity: 0;
    transform: translateX(-100px);
    pointer-events: none; }
  body .moduleTitle {
    font-weight: 800;
    font-size: 1.5rem;
    color: #2770b0;
    border-bottom: 1px solid white;
    margin-bottom: 16px; }
  body .preview-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    width: 500px;
    margin-top: 46px;
    border: none;
    height: calc(100% - 98px);
    background-color: rgba(85, 85, 85, 0.9);
    overflow-y: auto;
    z-index: 999;
    transform: translateX(100%);
    transition: transform .3s ease-in-out;
    display: none;
    border-radius: 4px 0 0 4px; }
    body .preview-sidebar .ui-commandlink {
      color: #BADEFC; }
    body .preview-sidebar a {
      color: #BADEFC; }
    body .preview-sidebar .transparentTable.ui-datatable table {
      margin: 0; }
    body .preview-sidebar .ui-menu-child {
      width: 140px !important; }
    body .preview-sidebar .crewContract .crewMenu .ui-menu-child {
      width: 160px !important; }
  body .expand-preview-btn {
    height: 2rem;
    position: fixed;
    top: 3rem;
    right: -3rem;
    z-index: 1050;
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: #4DD0E1;
    color: white;
    border: none;
    border-radius: 50px 0 0 50px;
    padding: 0.3rem 4rem 0.3rem 0.8rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    font-size: 0.9rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s ease, transform 0.2s ease;
    /*        @media (max-width: 990px){
                    display: none;
                }*/ }
    body .expand-preview-btn:hover {
      background-color: #2866B1;
      color: #4DD0E1;
      transform: translateX(-10%); }
  body .help-btn {
    height: 2rem;
    position: absolute;
    bottom: 3rem;
    right: 0rem;
    z-index: 999;
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: #f06292;
    color: white;
    border: none;
    border-radius: 50px 0 0 50px;
    padding: 0.3rem 1rem 0.3rem 0.8rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    font-size: 0.9rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s ease, transform 0.2s ease; }
    body .help-btn:hover {
      background-color: #f06292;
      color: white;
      padding-right: 3em; }
    body .help-btn:focus {
      background-color: #f06292;
      color: white;
      padding-right: 3em; }
    @media (max-width: 990px) {
      body .help-btn {
        display: none; } }
  body #searchSidebar {
    position: static; }
  body #clientOfferOverlay {
    position: static; }
  body .mobile-column {
    display: none; }
  body .cartButtonsContainer {
    padding: 10px;
    color: white;
    background-color: #455A64;
    text-align: center;
    margin: 0px;
    position: relative;
    width: 460px;
    /*        @media (max-width: 1200px) {
                    bottom: 0;
                    width: 400px;
                }*/ }
  body .cartButton {
    background-color: #FF9800;
    color: white;
    padding: 0.5rem 0.7rem 0.2rem;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    position: absolute;
    right: 2em;
    bottom: 5.5em;
    z-index: 1; }
    body .cartButton .ui-badge {
      min-width: 1rem;
      height: 1rem;
      line-height: 1rem; }
    @media (max-width: 768px) {
      body .cartButton {
        bottom: 3rem; } }
  body .cartButton:focus {
    background-color: #EF6C00; }
  body .cartButton:active {
    background-color: #EF6C00; }
  body .cartButton:hover {
    background-color: #EF6C00; }
  body .darkModeFieldset legend {
    display: none; }
  body .preview-sidebar.open {
    transform: translateX(0); }
  body .preview-sidebar .previewContent {
    display: flex;
    flex-direction: column;
    background-color: rgba(85, 85, 85, 0.9); }
  body .documentCard .ui-panel-content {
    color: white !important;
    background: transparent !important;
    border-width: 0px; }
  body .previewDocumentProperties {
    width: 100%;
    table-layout: fixed;
    color: white;
    padding: 1rem;
    font-size: 0.9rem;
    line-height: 1.5rem; }
    body .previewDocumentProperties .ui-panelgrid-cell {
      color: white; }
    body .previewDocumentProperties td {
      vertical-align: top;
      padding: 4px 8px; }
    body .previewDocumentProperties td:first-child {
      width: 45%;
      text-align: right;
      white-space: nowrap; }
    body .previewDocumentProperties td:last-child {
      width: 55%;
      text-align: left; }
    body .previewDocumentProperties .fit-content {
      width: fit-content; }
      body .previewDocumentProperties .fit-content .ui-panelgrid-cell {
        margin-right: 0.4rem; }
    body .previewDocumentProperties a {
      color: #BADEFC; }
    body .previewDocumentProperties a:hover {
      color: #BADEFC; }
    body .previewDocumentProperties .labelCol {
      width: 30%;
      white-space: nowrap;
      vertical-align: top;
      font-size: 0.8rem !important;
      margin-bottom: 1.1rem; }
      body .previewDocumentProperties .labelCol.alignRight label {
        text-align: right;
        width: 100%;
        padding-right: 1em; }
    body .previewDocumentProperties .inputCol {
      width: 70%;
      overflow: hidden;
      font-size: 0.8rem !important;
      margin-bottom: 1.1rem; }
      body .previewDocumentProperties .inputCol table {
        width: 100%; }
    body .previewDocumentProperties .labelColPreview {
      width: 40%;
      white-space: nowrap;
      vertical-align: top;
      font-size: 0.8rem !important;
      margin-bottom: 0; }
      body .previewDocumentProperties .labelColPreview.alignRight label {
        text-align: right;
        width: 100%;
        padding-right: 1em; }
    body .previewDocumentProperties .inputColPreview {
      width: 60%;
      overflow: hidden;
      font-size: 0.8rem !important;
      margin-bottom: 0;
      color: white;
      text-align: left; }
      body .previewDocumentProperties .inputColPreview table {
        width: 100%; }
    body .previewDocumentProperties .ui-icon-info {
      vertical-align: bottom;
      font-size: 1.2rem;
      color: orange; }
    body .previewDocumentProperties.pricePreviewTable td {
      vertical-align: top;
      padding: 4px 8px; }
    body .previewDocumentProperties.pricePreviewTable td:first-child {
      width: 200px;
      text-align: right;
      white-space: nowrap; }
    body .previewDocumentProperties.pricePreviewTable td:last-child {
      text-align: left; }
  body .inline-period-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%; }
    body .inline-period-group .ui-panelgrid-content {
      width: 100%; }
  body .ui-scrollpanel {
    border: none;
    padding: 0;
    background-color: transparent !important; }
  body .yachtReservationCard {
    /*tabs*/ }
    body .yachtReservationCard .ui-panel-titlebar {
      padding: 0.6rem 0.8rem; }
    body .yachtReservationCard .ui-panel-content {
      color: white;
      height: auto;
      background-color: transparent;
      padding: 0;
      border-width: 0; }
    body .yachtReservationCard .ui-tabs-panels {
      padding: 0; }
    body .yachtReservationCard .ui-outputlabel-label {
      color: #BADEFC !important; }
    body .yachtReservationCard .ui-tabs .ui-tabs-panels {
      border: none;
      background: transparent;
      color: white;
      padding: 0;
      margin: 0; }
    body .yachtReservationCard .ui-tabs .ui-fieldset {
      border-width: 0px;
      padding: 0px;
      background: transparent;
      background-image: none; }
    body .yachtReservationCard .ui-tabs .ui-accordion-content {
      border-width: 0px;
      padding: 0px;
      background: transparent;
      background-image: none; }
  body .preview-sidebar h4 {
    font-size: 1rem;
    color: white !important;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid #888888; }
  body .preview-sidebar .ui-panel-content .documentCard {
    float: left;
    display: block;
    border: 0; }
  body .preview-sidebar .ui-panel-content .notePanel h3 {
    font-size: 1.1rem;
    color: white;
    padding: 10px 0; }
  body .preview-sidebar .ui-panel-content .notePanel .ui-panel-titlebar {
    padding: 4px 8px; }
    body .preview-sidebar .ui-panel-content .notePanel .ui-panel-titlebar .ui-panel-title {
      font-weight: 600; }
  body .preview-sidebar .ui-panel-content .notePanel .ui-panel-content {
    padding: 4px 8px; }
  body .preview-sidebar .ui-panel-content .notePanel .ui-commandlink {
    color: #BADEFC;
    font-weight: 700; }
  body .preview-sidebar .ui-panel-content .ui-accordion .ui-accordion-header {
    font-size: unset; }
    body .preview-sidebar .ui-panel-content .ui-accordion .ui-accordion-header .ui-icon {
      color: #ffffff; }
    body .preview-sidebar .ui-panel-content .ui-accordion .ui-accordion-header .tab-badge-status {
      position: absolute;
      top: 10px;
      right: 4px;
      display: block;
      width: 24px;
      height: 24px;
      z-index: 2000;
      margin-top: -4px;
      border-radius: 50%;
      text-align: center;
      font-weight: 600;
      font-size: 1rem;
      line-height: 23px; }
      body .preview-sidebar .ui-panel-content .ui-accordion .ui-accordion-header .tab-badge-status.bg-red {
        background-color: #c91e1e;
        color: white; }
      body .preview-sidebar .ui-panel-content .ui-accordion .ui-accordion-header .tab-badge-status.bg-orange {
        background-color: orange;
        color: white; }
      body .preview-sidebar .ui-panel-content .ui-accordion .ui-accordion-header .tab-badge-status.bg-green {
        background-color: green;
        color: white; }
      body .preview-sidebar .ui-panel-content .ui-accordion .ui-accordion-header .tab-badge-status.bg-yellow {
        background-color: #FFD700;
        color: #000000; }
      body .preview-sidebar .ui-panel-content .ui-accordion .ui-accordion-header .tab-badge-status.bg-white {
        background-color: white;
        color: #7CB342; }
      body .preview-sidebar .ui-panel-content .ui-accordion .ui-accordion-header .tab-badge-status.bg-purple {
        background-color: #9400d3;
        color: white; }
  body .preview-sidebar .ui-panel-content .ui-accordion .ui-accordion-content {
    padding: 4px 0;
    background-color: #444444; }
    body .preview-sidebar .ui-panel-content .ui-accordion .ui-accordion-content h4 {
      margin-left: 8px;
      border-bottom: 1px solid #888; }
  body .preview-sidebar .ui-panel-content .document-list {
    width: 97%; }
  body .preview-sidebar .ui-panel-content .document-list ul {
    padding-left: 32px;
    padding-bottom: 32px;
    margin-top: 16px;
    color: white; }
    body .preview-sidebar .ui-panel-content .document-list ul li {
      line-height: 2;
      list-style: none; }
      body .preview-sidebar .ui-panel-content .document-list ul li::before {
        content: "➤ "; }
      body .preview-sidebar .ui-panel-content .document-list ul li .ui-commandlink .material-icons {
        font-size: 1.1rem;
        color: white; }
  body .preview-sidebar .ui-panel-content .previewDocumentProperties {
    margin: 10px 0; }
    body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td:nth-child(1) {
      text-align: right;
      white-space: nowrap; }
      body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td:nth-child(1) label {
        display: inline-block;
        width: auto;
        color: #BADEFC; }
        body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td:nth-child(1) label::first-letter {
          text-transform: uppercase; }
        body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td:nth-child(1) label .ui-icon {
          color: orange;
          vertical-align: bottom;
          float: left;
          margin-left: 10px; }
    body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td:nth-child(2) {
      width: 100%; }
    body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td {
      vertical-align: middle;
      padding: 2px 4px; }
      body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td table td {
        padding: 0; }
      body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-1, body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-2, body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-3, body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-4, body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-5, body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-6, body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-7, body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-8, body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-9, body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-10, body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-11, body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-g-12 {
        padding: 0; }
      body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-datalist > div {
        padding: 0px; }
        body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-datalist > div > ul {
          margin: 0px;
          padding: 0px; }
          body .preview-sidebar .ui-panel-content .previewDocumentProperties > tbody > tr > td .ui-datalist > div > ul li {
            list-style: none; }
    body .preview-sidebar .ui-panel-content .previewDocumentProperties.labelsLeft > tbody > tr > td:nth-child(1) {
      text-align: left;
      vertical-align: top;
      white-space: normal; }
  body .preview-sidebar .ui-panel-content .ui-accordion-content .previewDocumentProperties {
    margin: 0;
    /* override */ }
  body .preview-sidebar .ui-panel-content .previewClientOfferPayments {
    margin: 10px 0; }
    body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td:nth-child(1) {
      text-align: right;
      white-space: nowrap; }
      body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td:nth-child(1) label {
        display: inline-block;
        width: auto;
        color: #BADEFC; }
        body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td:nth-child(1) label::first-letter {
          text-transform: uppercase; }
        body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td:nth-child(1) label .ui-icon {
          color: orange;
          vertical-align: bottom;
          float: left;
          margin-left: 10px; }
    body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td:nth-child(2) {
      width: 24%; }
    body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td {
      vertical-align: middle;
      padding: 2px 4px; }
      body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td table td {
        padding: 0; }
      body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-1, body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-2, body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-3, body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-4, body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-5, body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-6, body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-7, body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-8, body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-9, body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-10, body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-11, body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-g-12 {
        padding: 0; }
      body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-datalist > div {
        padding: 0px; }
        body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-datalist > div > ul {
          margin: 0px;
          padding: 0px; }
          body .preview-sidebar .ui-panel-content .previewClientOfferPayments > tbody > tr > td .ui-datalist > div > ul li {
            list-style: none; }
    body .preview-sidebar .ui-panel-content .previewClientOfferPayments.labelsLeft > tbody > tr > td:nth-child(1) {
      text-align: left;
      vertical-align: top;
      white-space: normal; }
  body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable {
    width: 100%;
    border-bottom: 1px solid #dddddd;
    margin: 0; }
    body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td {
      padding: 8px 2px;
      background: rgba(0, 0, 0, 0.3);
      vertical-align: top; }
      body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td .value {
        text-align: right;
        width: 100px; }
      body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td .label {
        width: auto; }
      body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td > table {
        width: 100%; }
        body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td > table .propertyIcon {
          width: 20px;
          text-align: left; }
          body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td > table .propertyIcon i.ui-icon {
            color: #dddddd; }
        body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td > table .propertyValue {
          text-align: left;
          line-height: 20px; }
        body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td > table .periodRangeTable {
          width: 160px; }
          body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td > table .periodRangeTable td:first-child {
            width: 70px;
            text-align: left; }
          body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td > table .periodRangeTable td:last-child {
            width: 70px;
            text-align: right; }
          body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td > table .periodRangeTable td {
            padding: 0; }
      body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td:nth-child(1) {
        width: 48%; }
      body .preview-sidebar .ui-panel-content .clientOfferPreviewReservationTable > tbody > tr > td:nth-child(2) {
        width: 52%; }
  body .preview-sidebar .ui-panel-content .previewDocumentLinks h4 {
    margin: 0px;
    margin-top: 8px; }
  body .preview-sidebar .ui-panel-content .previewDocumentLinks label {
    color: white; }
  body .preview-sidebar .ui-panel-content .previewDocumentLinks button {
    margin: 4px 8px; }
  body .preview-sidebar .singleWordWithSpace {
    display: inline-block;
    margin: 0px 2px;
    vertical-align: top; }
  body .serviceBookPreview .ui-icon-info {
    vertical-align: bottom;
    font-size: 1.1rem;
    color: white; }
  body .custom-radio {
    color: white !important;
    text-align: center; }
  body .custom-radio .ui-g {
    flex-wrap: nowrap; }
  body .custom-radio .ui-selectoneradio-item {
    display: inline-block;
    margin: 0 8px; }
  body .custom-radio .ui-selectoneradio-label {
    display: block;
    font-weight: bold;
    margin-top: 4px; }
  body .admin-dropdown .dropdown-menu {
    background-color: #fff;
    border: none;
    width: 270px;
    margin-top: 0.75rem;
    border-radius: 4px;
    border-top: 3px solid #1E88E5;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    animation: fadeSlideDown 0.3s ease forwards;
    transform-origin: top;
    position: absolute; }
    body .admin-dropdown .dropdown-menu::before {
      content: "";
      position: absolute;
      top: -12px;
      right: 19px;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 10px solid #1E88E5; }
    body .admin-dropdown .dropdown-menu .dropdown-item {
      display: flex;
      align-items: center;
      color: #212529;
      padding: 0.5rem 1rem;
      text-wrap: auto;
      transition: background-color 0.3s ease; }
      body .admin-dropdown .dropdown-menu .dropdown-item i,
      body .admin-dropdown .dropdown-menu .dropdown-item .material-icons {
        margin-right: 0.5rem;
        font-size: 20px; }
      body .admin-dropdown .dropdown-menu .dropdown-item:hover {
        background-color: rgba(0, 0, 0, 0.05); }
  body .admin-dropdown .dropdown-toggle::after {
    display: none !important; }
  body .navbar-toggler {
    border: none;
    background: transparent;
    color: white;
    padding: 0rem 1rem;
    margin-top: 0.3%; }
    body .navbar-toggler .material-icons {
      font-size: 28px; }
  body .navbar-toggler:focus {
    box-shadow: none;
    border: none; }
  body .offcanvas {
    background-color: #fff;
    height: 100vh; }
    body .offcanvas .offcanvas-body {
      padding: 1rem;
      overflow-y: hidden;
      /*Menu item*/
      /*Submenu item*/ }
      body .offcanvas .offcanvas-body .mobile-menu-btn {
        padding: 0.8rem;
        background-color: #2866B1;
        color: white; }
        body .offcanvas .offcanvas-body .mobile-menu-btn.collapsed {
          background-color: #dee2e6;
          color: #212529; }
      body .offcanvas .offcanvas-body .mb-3 {
        margin-bottom: 0.4rem !important; }
      body .offcanvas .offcanvas-body .ms-4 {
        border: none;
        margin: 0 !important;
        padding: 0.5rem 2rem;
        text-align: left;
        color: black;
        background-color: #badefc8a; }
      body .offcanvas .offcanvas-body .dropdown-item {
        display: flex;
        align-items: center;
        font-size: 0.95rem;
        padding: 1rem;
        color: #212121 !important;
        text-decoration: none; }
        body .offcanvas .offcanvas-body .dropdown-item i.material-icons {
          font-size: 20px;
          margin-right: 0.5rem; }
        body .offcanvas .offcanvas-body .dropdown-item:hover {
          background-color: #f5f5f5 !important;
          color: #212121 !important; }
    body .offcanvas .btn-close {
      filter: invert(0.5); }
  body .offcanvas-help {
    width: 50vw; }
  body .btn-close-help {
    position: absolute;
    right: 2rem;
    top: 1rem; }
  body .mobile-sidebar.open {
    right: 0; }
  body .overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1050; }
  body .overlay.visible {
    display: block; }

@keyframes fadeSlideDown {
  0% {
    opacity: 0;
    transform: translateY(-8px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
  body .nausys-footer {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 52px;
    background-color: #f0f0f0;
    font-size: 0.875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    z-index: 998;
    border: 1px solid #dbdbdb;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.05); }
    body .nausys-footer .app-logo {
      width: 100px;
      height: 30px;
      background-image: url("https://www.nausys.com/resources/app/nausys-logo-small-new.png");
      background-size: contain;
      background-repeat: no-repeat;
      margin-top: 8px; }
    body .nausys-footer .footer-text-right span {
      white-space: nowrap; }
  @media (max-width: 768px) {
    body .nausys-footer {
      display: none !important; } }
  body .ui-toolbar {
    border: none;
    background-color: #455A64;
    padding: 0.4rem;
    border-radius: 4px 4px 0 0; }
  body .layout-menu-vertical {
    padding: 6px; }
  body .center-text {
    text-align: center;
    justify-content: center; }
  body .dialog-s {
    width: min(350px, 95vw);
    /*height: auto;*/
    height: 350px; }
  body .dialog-m {
    width: min(535px, 95vw);
    /*height: auto;*/
    height: min(750px, 80vh); }
  body .dialog-l {
    width: min(800px, 95vw);
    /*height: auto;*/
    height: min(750px, 80vh); }
  body .dialog-xl {
    width: min(1000px, 95vw);
    /*height: auto;*/
    height: min(750px, 80vh); }
  body .dialog-f-xl {
    height: calc(100vh - 93px);
    position: relative; }
  body .dialog-xxl {
    width: min(1800px, 98vw);
    height: min(800px, 90vh); }
  body .hidden-sm-up {
    display: none !important; }
  body .hidden-xl-down {
    display: none !important; }
  body .ui-widget-overlay {
    background-color: #58575c;
    opacity: 0.9;
    /*        backdrop-filter: blur(10px);     blurs what's behind 
                -webkit-backdrop-filter: blur(10px);  for Safari */ }
  body .ui-overlay-visible {
    z-index: 1600; }
  body .ui-dialog {
    padding: 0; }
    body .ui-dialog .ui-dialog-titlebar {
      display: none !important;
      height: 0;
      min-height: 0;
      max-height: 0;
      margin: 0;
      padding: 0; }
  body .ui-dialog {
    max-width: 99%;
    max-height: 1300px; }
    body .ui-dialog .ui-dialog-content {
      padding: unset; }
  body .ui-inputfield[readonly] {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    cursor: not-allowed;
    background-image: none;
    width: 100%; }
    body .ui-inputfield[readonly].ui-state-focus {
      background-image: none; }
  body .reservationSubdialog {
    min-width: 400px; }
  body .reservationSubdialog .ui-fieldset label {
    padding-right: 8px; }
  body .ui-fieldset.intTextForm .md-inputfield input {
    width: 100%; }
  body .ui-fieldset.intTextForm table.inttexttable {
    width: 100%; }
  body .ui-fileupload .ui-fileupload-buttonbar {
    background-color: #ffffff;
    /*padding: 0;*/
    border: 0; }
    body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
      margin: 0; }
    body .ui-fileupload .ui-fileupload-buttonbar .ui-button-text {
      margin-top: 5px; }
  body .ui-fileupload .ui-fileupload-content {
    padding: 0;
    border: 0; }
    body .ui-fileupload .ui-fileupload-content .ui-fileupload-filename {
      display: none; }
  body .upload-panel {
    padding: 0 25px;
    display: block; }
  body .ui-dialog.panelForm {
    padding: 0; }
    body .ui-dialog.panelForm .ui-dialog-content {
      padding: 0; }
      body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel, body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel > .ui-tabs > .ui-tabs-panels > .ui-tabs-panel {
        border: 0;
        padding: 10px; }
        body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel > table.panelGrid, body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel > .ui-tabs > .ui-tabs-panels > .ui-tabs-panel > table.panelGrid {
          width: 100%; }
          body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel > table.panelGrid tbody td, body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel > .ui-tabs > .ui-tabs-panels > .ui-tabs-panel > table.panelGrid tbody td {
            vertical-align: top;
            padding-right: 4px; }
            body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel > table.panelGrid tbody td:nth-child(1), body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel > .ui-tabs > .ui-tabs-panels > .ui-tabs-panel > table.panelGrid tbody td:nth-child(1) {
              min-width: 30%;
              max-width: 50%;
              white-space: pre; }
            body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel > table.panelGrid tbody td textarea.ui-inputfield, body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel > table.panelGrid tbody td input.ui-inputfield, body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel > .ui-tabs > .ui-tabs-panels > .ui-tabs-panel > table.panelGrid tbody td textarea.ui-inputfield, body .ui-dialog.panelForm .ui-dialog-content .ui-scrollpanel > .ui-tabs > .ui-tabs-panels > .ui-tabs-panel > table.panelGrid tbody td input.ui-inputfield {
              font-size: 0.8rem;
              width: 100%;
              background-color: #f1f1f1;
              padding: 2px 5px; }
    body .ui-dialog.panelForm .ui-dialog-footer {
      background-color: #f1f1f1;
      color: #666666; }
  body .ui-confirm-dialog .ui-icon-alert {
    font-size: 1.5rem !important;
    margin: 0 !important; }
  body .ui-confirm-dialog .ui-dialog-content {
    padding: 1rem 0 !important;
    justify-content: center; }
  body .panelSearchWrapper {
    padding: 1rem 0rem; }
  body .panelSearchPadding {
    padding: 1rem; }
  body .ui-fieldset-content tr td {
    padding: 5px 0; }
  body .ui-fieldset legend {
    padding: 0.714em 1em !important;
    padding-left: 2px !important;
    padding-right: 8px !important;
    float: none;
    width: auto; }
  body .contentForm fieldset.ui-fieldset {
    padding: 0px 8px;
    margin: 0px 0px 15px 0px; }
    body .contentForm fieldset.ui-fieldset .ui-fieldset-legend {
      background: transparent;
      font-size: 15px;
      font-weight: 600;
      color: #333333; }
    body .contentForm fieldset.ui-fieldset .ui-fieldset-content {
      padding: 0px 8px 8px 4px; }
      body .contentForm fieldset.ui-fieldset .ui-fieldset-content tr {
        padding: 5px 0; }
  body .documentDialogWrapper .ui-scrollpanel.dialog-f-xl > .ui-tabs > .ui-tabs-panels, body .reservationSubdialog .ui-scrollpanel.dialog-f-xl > .ui-tabs > .ui-tabs-panels {
    height: calc(85vh);
    overflow-y: auto;
    overflow-x: hidden; }
  body .documentDialogWrapper .documentTitle, body .reservationSubdialog .documentTitle {
    position: absolute;
    right: 23px;
    top: 60px;
    height: 40px;
    width: 350px;
    margin: 0px;
    z-index: 100;
    text-decoration: none;
    border: unset;
    text-align: right;
    font-size: 1.6rem; }
  body .documentDialogWrapper fieldset.ui-fieldset, body .reservationSubdialog fieldset.ui-fieldset {
    padding: 0px 8px;
    margin: 0px 0px 15px 0px; }
    body .documentDialogWrapper fieldset.ui-fieldset .ui-fieldset-legend, body .reservationSubdialog fieldset.ui-fieldset .ui-fieldset-legend {
      background: transparent;
      font-size: 15px;
      font-weight: 600;
      color: #333333; }
    body .documentDialogWrapper fieldset.ui-fieldset .ui-fieldset-content, body .reservationSubdialog fieldset.ui-fieldset .ui-fieldset-content {
      padding: 0px 8px 8px 4px; }
      body .documentDialogWrapper fieldset.ui-fieldset .ui-fieldset-content tr, body .reservationSubdialog fieldset.ui-fieldset .ui-fieldset-content tr {
        padding: 5px 0; }
  body .documentDialogWrapper textarea.ui-inputfield, body .documentDialogWrapper input.ui-inputfield, body .reservationSubdialog textarea.ui-inputfield, body .reservationSubdialog input.ui-inputfield {
    font-size: 0.8rem;
    width: 100%;
    background-color: #f1f1f1;
    padding: 2px 5px; }
  body .documentDialogWrapper .ui-filter-column textarea.ui-inputfield, body .documentDialogWrapper .ui-filter-column input.ui-inputfield, body .reservationSubdialog .ui-filter-column textarea.ui-inputfield, body .reservationSubdialog .ui-filter-column input.ui-inputfield {
    background-color: transparent; }
  body .documentDialogWrapper h1, body .documentDialogWrapper h2, body .documentDialogWrapper h3, body .documentDialogWrapper h4, body .documentDialogWrapper h5, body .reservationSubdialog h1, body .reservationSubdialog h2, body .reservationSubdialog h3, body .reservationSubdialog h4, body .reservationSubdialog h5 {
    border-bottom: 1px dashed;
    color: #2866B1;
    font-weight: 600;
    margin: 4px 0px;
    padding: 0px; }
  body .documentDialogWrapper h2, body .reservationSubdialog h2 {
    font-size: 1.1rem;
    margin: 8px 0px; }
  body .documentDialogWrapper h3, body .reservationSubdialog h3 {
    font-size: 1rem; }
  body .documentDialogWrapper h4, body .reservationSubdialog h4 {
    font-size: 0.9rem; }
  body .documentDialogWrapper .p-datepicker, body .reservationSubdialog .p-datepicker {
    width: 110px;
    height: 2rem;
    background-color: #f1f1f1; }
    body .documentDialogWrapper .p-datepicker input.ui-inputfield, body .reservationSubdialog .p-datepicker input.ui-inputfield {
      width: 7rem;
      height: 2rem; }
    body .documentDialogWrapper .p-datepicker .ui-datepicker-trigger, body .reservationSubdialog .p-datepicker .ui-datepicker-trigger {
      position: absolute;
      top: 0px;
      right: 0px;
      margin-right: -1px;
      height: auto;
      bottom: 0px; }
    body .documentDialogWrapper .p-datepicker input, body .reservationSubdialog .p-datepicker input {
      padding: 2px 4px; }
    body .documentDialogWrapper .p-datepicker .ui-icon, body .reservationSubdialog .p-datepicker .ui-icon {
      margin-top: -0.7em; }
  body .documentDialogWrapper .p-datepicker.input-date-with-time, body .reservationSubdialog .p-datepicker.input-date-with-time {
    width: 8rem; }
  body .documentDialogWrapper > .ui-datepicker-trigger,
  body .documentDialogWrapper > button.ui-datepicker-trigger,
  body .documentDialogWrapper button.ui-datepicker-trigger.ui-button, body .reservationSubdialog > .ui-datepicker-trigger,
  body .reservationSubdialog > button.ui-datepicker-trigger,
  body .reservationSubdialog button.ui-datepicker-trigger.ui-button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: unset;
    height: 100%;
    padding: 0 .3rem;
    box-sizing: border-box;
    aspect-ratio: 1 / 1;
    min-width: 1.75rem;
    width: 1.25rem;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin: 0; }
    body .documentDialogWrapper > .ui-datepicker-trigger .ui-button-text,
    body .documentDialogWrapper > button.ui-datepicker-trigger .ui-button-text,
    body .documentDialogWrapper button.ui-datepicker-trigger.ui-button .ui-button-text, body .reservationSubdialog > .ui-datepicker-trigger .ui-button-text,
    body .reservationSubdialog > button.ui-datepicker-trigger .ui-button-text,
    body .reservationSubdialog button.ui-datepicker-trigger.ui-button .ui-button-text {
      display: none !important; }
    body .documentDialogWrapper > .ui-datepicker-trigger .ui-button-icon-left,
    body .documentDialogWrapper > .ui-datepicker-trigger .ui-icon,
    body .documentDialogWrapper > button.ui-datepicker-trigger .ui-button-icon-left,
    body .documentDialogWrapper > button.ui-datepicker-trigger .ui-icon,
    body .documentDialogWrapper button.ui-datepicker-trigger.ui-button .ui-button-icon-left,
    body .documentDialogWrapper button.ui-datepicker-trigger.ui-button .ui-icon, body .reservationSubdialog > .ui-datepicker-trigger .ui-button-icon-left,
    body .reservationSubdialog > .ui-datepicker-trigger .ui-icon,
    body .reservationSubdialog > button.ui-datepicker-trigger .ui-button-icon-left,
    body .reservationSubdialog > button.ui-datepicker-trigger .ui-icon,
    body .reservationSubdialog button.ui-datepicker-trigger.ui-button .ui-button-icon-left,
    body .reservationSubdialog button.ui-datepicker-trigger.ui-button .ui-icon {
      display: block;
      line-height: 1;
      font-size: 1em !important;
      height: auto;
      width: auto;
      vertical-align: middle;
      top: 60%; }
  body .documentDialogWrapper th .p-datepicker, body .reservationSubdialog th .p-datepicker {
    background: transparent; }
  body .documentDialogWrapper table.dialogDocumentProperties, body .reservationSubdialog table.dialogDocumentProperties {
    width: 100%;
    table-layout: auto;
    line-height: 1.4rem; }
    body .documentDialogWrapper table.dialogDocumentProperties .ui-state-disabled, body .reservationSubdialog table.dialogDocumentProperties .ui-state-disabled {
      opacity: 1;
      color: #000000; }
    body .documentDialogWrapper table.dialogDocumentProperties .ui-inputfield.ui-state-disabled, body .reservationSubdialog table.dialogDocumentProperties .ui-inputfield.ui-state-disabled {
      border-bottom: unset; }
    body .documentDialogWrapper table.dialogDocumentProperties .ui-selectonemenu.ui-state-disabled > .ui-selectonemenu-trigger, body .reservationSubdialog table.dialogDocumentProperties .ui-selectonemenu.ui-state-disabled > .ui-selectonemenu-trigger {
      display: none; }
    body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr .ui-datatable-even, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr .ui-datatable-even {
      background-color: white; }
    body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td {
      margin-top: 0.4em; }
    body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.label {
      width: 140px;
      vertical-align: middle;
      text-align: end;
      padding-right: 10px;
      line-height: 1.4rem; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label > .label, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label > label, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.label > .label, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.label > label {
        display: inline-block;
        text-align: right;
        color: #2866B1;
        width: calc(100% - 10px); }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label.label-nowrap, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.label.label-nowrap {
        white-space: nowrap; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label.label-50percent, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.label.label-50percent {
        width: 50%; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label.label-left label, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.label.label-left label {
        text-align: left; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label .ui-icon, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.label .ui-icon {
        cursor: help;
        vertical-align: middle;
        color: orange; }
        body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label .ui-icon.ui-chkbox-icon, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.label .ui-icon.ui-chkbox-icon {
          vertical-align: top; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label .ui-icon-info, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.label .ui-icon-info {
        cursor: help;
        vertical-align: middle;
        color: orange;
        font-size: 20px; }
    body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field {
      vertical-align: top;
      line-height: 1.4rem;
      color: #212529; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field > span.ui-autocomplete, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field > span.md-inputfield, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field > span.ui-autocomplete, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field > span.md-inputfield {
        width: 100%; }
        body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field > span.ui-autocomplete > input, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field > span.md-inputfield > input, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field > span.ui-autocomplete > input, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field > span.md-inputfield > input {
          width: 100%; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-icon, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-icon {
        vertical-align: middle; }
        body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-icon.ui-chkbox-icon, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-icon.ui-chkbox-icon {
          vertical-align: top; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .material-icons, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .material-icons {
        vertical-align: middle;
        /*font-size: 1.4rem;*/ }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .material-icons.icon-prefield, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .material-icons.icon-prefield {
        vertical-align: text-bottom;
        font-size: 1.4rem; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .material-icons.ui-icon-link, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .material-icons.ui-icon-link {
        font-size: 20px; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-message, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-message {
        padding: 0px; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-1, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-2, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-3, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-4, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-5, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-6, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-7, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-8, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-9, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-10, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-11, body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-g-12, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-1, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-2, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-3, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-4, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-5, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-6, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-7, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-8, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-9, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-10, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-11, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field .ui-g-12 {
        padding: 0px; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field table, body .reservationSubdialog table.dialogDocumentProperties > tbody > tr > td.field table {
        border-collapse: collapse;
        border: 0;
        padding: 0px;
        margin: 0px;
        line-height: 20px; }
    body .documentDialogWrapper table.dialogDocumentProperties[id$="priceCalculationPanelGrid"] > tbody > tr > td, body .reservationSubdialog table.dialogDocumentProperties[id$="priceCalculationPanelGrid"] > tbody > tr > td {
      line-height: 1.2; }
    body .documentDialogWrapper table.dialogDocumentProperties.form-read-only *, body .reservationSubdialog table.dialogDocumentProperties.form-read-only * {
      line-height: 1.4 !important; }
  body .documentDialogWrapper div.panelBookingHeader, body .reservationSubdialog div.panelBookingHeader {
    background-color: #607D8B;
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.5; }
    body .documentDialogWrapper div.panelBookingHeader .reservationId, body .reservationSubdialog div.panelBookingHeader .reservationId {
      padding: 0px;
      margin: 0px 10px;
      display: inline; }
    body .documentDialogWrapper div.panelBookingHeader h1, body .documentDialogWrapper div.panelBookingHeader h2, body .documentDialogWrapper div.panelBookingHeader h3, body .documentDialogWrapper div.panelBookingHeader h4, body .documentDialogWrapper div.panelBookingHeader h5, body .reservationSubdialog div.panelBookingHeader h1, body .reservationSubdialog div.panelBookingHeader h2, body .reservationSubdialog div.panelBookingHeader h3, body .reservationSubdialog div.panelBookingHeader h4, body .reservationSubdialog div.panelBookingHeader h5 {
      border-bottom: unset;
      color: #ffffff; }
    body .documentDialogWrapper div.panelBookingHeader .material-icons, body .reservationSubdialog div.panelBookingHeader .material-icons {
      font-size: 1rem;
      vertical-align: text-bottom; }
  body .documentDialogWrapper div.panelBookingForm .reservationNotApproved, body .reservationSubdialog div.panelBookingForm .reservationNotApproved {
    padding: 10px;
    background-color: orange;
    color: white;
    font-weight: 600;
    text-align: center;
    position: relative; }
    body .documentDialogWrapper div.panelBookingForm .reservationNotApproved .actions-button-bar, body .reservationSubdialog div.panelBookingForm .reservationNotApproved .actions-button-bar {
      position: absolute;
      right: 4px;
      top: 4px; }
      body .documentDialogWrapper div.panelBookingForm .reservationNotApproved .actions-button-bar .ui-button, body .reservationSubdialog div.panelBookingForm .reservationNotApproved .actions-button-bar .ui-button {
        margin: 0px 2px; }
  body .documentDialogWrapper div.panelBookingForm .ui-tabs .ui-tabs-panel, body .reservationSubdialog div.panelBookingForm .ui-tabs .ui-tabs-panel {
    padding: 8px;
    padding-top: 5px; }
  body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties {
    color: #212121;
    padding: 0px; }
    body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody {
      padding: 0px; }
      body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1), body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1) {
        vertical-align: top;
        text-align: left; }
        body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1) label, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1) label {
          color: #2866B1; }
          body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1) label i.ui-icon-info, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1) label i.ui-icon-info {
            cursor: help;
            float: left;
            color: orange;
            font-size: 20px; }
            body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1) label i.ui-icon-info.ui-icon-warning, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1) label i.ui-icon-info.ui-icon-warning {
              color: red; }
          body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1) label i.ui-icon-warning, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1) label i.ui-icon-warning {
            cursor: help;
            float: left;
            color: red;
            font-size: 20px; }
      body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td, body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g, body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number {
        padding: 0px; }
      body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number input, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number input {
        width: 100%;
        text-align: right; }
      body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number .md-inputfield, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number .md-inputfield {
        display: inline-block;
        width: 100%;
        vertical-align: bottom; }
        body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number .md-inputfield > .ui-selectonemenu, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number .md-inputfield > .ui-selectonemenu {
          min-width: unset !important; }
          body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number .md-inputfield > .ui-selectonemenu label, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number .md-inputfield > .ui-selectonemenu label {
            padding-top: 0px; }
        body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number .md-inputfield .ui-message, body .reservationSubdialog div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number .md-inputfield .ui-message {
          padding: unset; }
  body .documentDialogWrapper div.reservationGroup, body .reservationSubdialog div.reservationGroup {
    margin: 8px 0px; }
    body .documentDialogWrapper div.reservationGroup div.reservationGroupHeader div.reservationGroupTitle, body .reservationSubdialog div.reservationGroup div.reservationGroupHeader div.reservationGroupTitle {
      font-weight: 600;
      font-size: 0.9rem;
      color: #2866B1;
      padding-left: 0px;
      padding-right: 0px;
      vertical-align: bottom;
      line-height: 24px; }
    body .documentDialogWrapper div.reservationGroup div.reservationGroupHeader div.reservationGroupButtons, body .reservationSubdialog div.reservationGroup div.reservationGroupHeader div.reservationGroupButtons {
      text-align: right;
      vertical-align: bottom; }
      body .documentDialogWrapper div.reservationGroup div.reservationGroupHeader div.reservationGroupButtons .ui-button, body .reservationSubdialog div.reservationGroup div.reservationGroupHeader div.reservationGroupButtons .ui-button {
        vertical-align: bottom; }
    body .documentDialogWrapper div.reservationGroup .reservationGroupTable thead, body .reservationSubdialog div.reservationGroup .reservationGroupTable thead {
      display: none; }
    body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody, body .reservationSubdialog div.reservationGroup .reservationGroupTable tbody {
      padding: 0;
      border: unset; }
      body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody > tr, body .reservationSubdialog div.reservationGroup .reservationGroupTable tbody > tr {
        padding: 5px 0;
        border: unset;
        border-bottom: 1px solid #dddddd; }
        body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody > tr > td, body .reservationSubdialog div.reservationGroup .reservationGroupTable tbody > tr > td {
          padding: 0px 2px !important;
          line-height: 24px;
          vertical-align: middle;
          border: unset;
          overflow: visible;
          white-space: normal; }
          body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody > tr > td .ui-message, body .reservationSubdialog div.reservationGroup .reservationGroupTable tbody > tr > td .ui-message {
            padding: 0px; }
          body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody > tr > td.number, body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody > tr > td.number > .md-inputfield > input.ui-inputfield, body .reservationSubdialog div.reservationGroup .reservationGroupTable tbody > tr > td.number, body .reservationSubdialog div.reservationGroup .reservationGroupTable tbody > tr > td.number > .md-inputfield > input.ui-inputfield {
            text-align: right; }
          body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody > tr > td i, body .reservationSubdialog div.reservationGroup .reservationGroupTable tbody > tr > td i {
            padding-top: 2px;
            float: left;
            color: #4CAF50; }
          body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody > tr > td i.material-icons, body .reservationSubdialog div.reservationGroup .reservationGroupTable tbody > tr > td i.material-icons {
            font-size: 1.4rem; }
        body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody > tr.ui-datatable-even, body .reservationSubdialog div.reservationGroup .reservationGroupTable tbody > tr.ui-datatable-even {
          background: unset; }
    body .documentDialogWrapper div.reservationGroup .reservationGroupTable tfoot, body .reservationSubdialog div.reservationGroup .reservationGroupTable tfoot {
      padding: 0;
      border: unset; }
      body .documentDialogWrapper div.reservationGroup .reservationGroupTable tfoot > tr, body .reservationSubdialog div.reservationGroup .reservationGroupTable tfoot > tr {
        padding: 0;
        border: unset; }
        body .documentDialogWrapper div.reservationGroup .reservationGroupTable tfoot > tr > td, body .reservationSubdialog div.reservationGroup .reservationGroupTable tfoot > tr > td {
          text-align: right;
          padding: 0px !important;
          line-height: 24px;
          vertical-align: middle;
          border: unset;
          overflow: visible;
          color: #2866B1;
          background: unset; }
          body .documentDialogWrapper div.reservationGroup .reservationGroupTable tfoot > tr > td:after, body .reservationSubdialog div.reservationGroup .reservationGroupTable tfoot > tr > td:after {
            content: " ";
            white-space: pre; }
  body .documentDialogWrapper div.panelBookingFooter .md-inputfield, body .reservationSubdialog div.panelBookingFooter .md-inputfield {
    left: 0px;
    margin-top: 8px; }
    body .documentDialogWrapper div.panelBookingFooter .md-inputfield label, body .reservationSubdialog div.panelBookingFooter .md-inputfield label {
      color: #2866B1;
      left: 5px; }
    body .documentDialogWrapper div.panelBookingFooter .md-inputfield textarea, body .reservationSubdialog div.panelBookingFooter .md-inputfield textarea {
      background-color: #ffffff;
      width: 100%;
      height: 68px;
      padding-top: 22px !important;
      padding-left: 5px !important; }
  body .documentDialogWrapper div.panelBookingFooter .assignmentsWrapper, body .reservationSubdialog div.panelBookingFooter .assignmentsWrapper {
    /*padding: 0.5rem 0;*/ }
    body .documentDialogWrapper div.panelBookingFooter .assignmentsWrapper label, body .reservationSubdialog div.panelBookingFooter .assignmentsWrapper label {
      text-transform: none; }
  body .documentDialogWrapper div.panelBookingFooter .material-icons, body .reservationSubdialog div.panelBookingFooter .material-icons {
    font-size: 1rem;
    vertical-align: text-bottom; }
  body .documentDialogWrapper div.historyWrapper, body .reservationSubdialog div.historyWrapper {
    /*padding: 0.5rem 0 1rem 0;*/ }
    body .documentDialogWrapper div.historyWrapper label, body .reservationSubdialog div.historyWrapper label {
      display: block;
      margin: 4px 0px; }
    body .documentDialogWrapper div.historyWrapper .md-inputfield, body .reservationSubdialog div.historyWrapper .md-inputfield {
      margin: unset; }
      body .documentDialogWrapper div.historyWrapper .md-inputfield .p-datepicker input, body .reservationSubdialog div.historyWrapper .md-inputfield .p-datepicker input {
        padding: 0 !important;
        text-align: left; }
  body .documentDialogWrapper div.dialog-document-sidebar, body .reservationSubdialog div.dialog-document-sidebar {
    background: rgba(186, 222, 252, 0.5);
    border: unset;
    border-radius: 8px;
    padding: 12px;
    width: 390px; }
    body .documentDialogWrapper div.dialog-document-sidebar .ui-fieldset, body .reservationSubdialog div.dialog-document-sidebar .ui-fieldset {
      background: transparent; }
      body .documentDialogWrapper div.dialog-document-sidebar .ui-fieldset table.dialogDocumentProperties tbody > tr > td.label, body .reservationSubdialog div.dialog-document-sidebar .ui-fieldset table.dialogDocumentProperties tbody > tr > td.label {
        width: 120px;
        vertical-align: top; }
        body .documentDialogWrapper div.dialog-document-sidebar .ui-fieldset table.dialogDocumentProperties tbody > tr > td.label label, body .reservationSubdialog div.dialog-document-sidebar .ui-fieldset table.dialogDocumentProperties tbody > tr > td.label label {
          width: calc(100% - 10px); }
        body .documentDialogWrapper div.dialog-document-sidebar .ui-fieldset table.dialogDocumentProperties tbody > tr > td.label.label-50percent, body .reservationSubdialog div.dialog-document-sidebar .ui-fieldset table.dialogDocumentProperties tbody > tr > td.label.label-50percent {
          width: 50%; }
  body .documentDialogWrapper div.dialog-document-content-wrapper, body .reservationSubdialog div.dialog-document-content-wrapper {
    width: calc(100% - 390px); }
  body .documentDialogWrapper div.dialog-document-content, body .reservationSubdialog div.dialog-document-content {
    width: 100%;
    padding: 5px 4px;
    box-sizing: border-box; }
  body .documentDialogWrapper .ui-fieldset.fieldset-red, body .reservationSubdialog .ui-fieldset.fieldset-red {
    border: 1px solid #c91e1e; }
    body .documentDialogWrapper .ui-fieldset.fieldset-red .ui-fieldset-legend, body .documentDialogWrapper .ui-fieldset.fieldset-red .ui-fieldset-content table.dialogDocumentProperties > tbody > tr > td.label, body .reservationSubdialog .ui-fieldset.fieldset-red .ui-fieldset-legend, body .reservationSubdialog .ui-fieldset.fieldset-red .ui-fieldset-content table.dialogDocumentProperties > tbody > tr > td.label {
      color: #c91e1e; }
      body .documentDialogWrapper .ui-fieldset.fieldset-red .ui-fieldset-legend label, body .documentDialogWrapper .ui-fieldset.fieldset-red .ui-fieldset-content table.dialogDocumentProperties > tbody > tr > td.label label, body .reservationSubdialog .ui-fieldset.fieldset-red .ui-fieldset-legend label, body .reservationSubdialog .ui-fieldset.fieldset-red .ui-fieldset-content table.dialogDocumentProperties > tbody > tr > td.label label {
        color: #c91e1e; }
  body .documentDialogWrapper div.documentPropertiesStacked label, body .reservationSubdialog div.documentPropertiesStacked label {
    display: block;
    width: 100%;
    margin-top: 6px; }
  body .documentDialogWrapper div.panelInvoiceForm > div.ui-g-8, body .reservationSubdialog div.panelInvoiceForm > div.ui-g-8 {
    padding: 16px;
    padding-top: 8px; }
  body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table th, body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table td, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table th, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table td {
    padding: 4px 10px;
    white-space: unset;
    vertical-align: top; }
    body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table th.number, body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table td.number, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table th.number, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table td.number {
      text-align: right; }
  body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-even, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-even {
    background-color: #ffffff; }
  body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-headerrow, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-headerrow {
    background-color: #f1f1f1;
    color: #2866B1;
    border: unset;
    font-weight: 700;
    text-transform: uppercase; }
    body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-headerrow > td, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-headerrow > td {
      padding: 8px; }
      body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-headerrow > td a.ui-rowgroup-toggler, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-headerrow > td a.ui-rowgroup-toggler {
        padding-right: 1.5rem; }
      body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-headerrow > td span.ui-icon, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-headerrow > td span.ui-icon {
        color: #BADEFC; }
      body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-headerrow > td.number, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > div.ui-datatable-tablewrapper > table > tbody > tr.ui-datatable-headerrow > td.number {
        text-transform: none; }
  body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > .ui-datatable-footer, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > .ui-datatable-footer {
    position: relative;
    height: 120px; }
    body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > .ui-datatable-footer .dialogDocumentProperties, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > .ui-datatable-footer .dialogDocumentProperties {
      position: absolute;
      right: 40px;
      width: 300px; }
      body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > .ui-datatable-footer .dialogDocumentProperties td, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > .ui-datatable-footer .dialogDocumentProperties td {
        padding: 0px 10px; }
      body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > .ui-datatable-footer .dialogDocumentProperties .label, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > .ui-datatable-footer .dialogDocumentProperties .label {
        width: 200px;
        text-align: right; }
      body .documentDialogWrapper div.panelInvoiceForm div.offerItemList div.offerItemsTable > .ui-datatable-footer .dialogDocumentProperties .field, body .reservationSubdialog div.panelInvoiceForm div.offerItemList div.offerItemsTable > .ui-datatable-footer .dialogDocumentProperties .field {
        text-align: right; }
  body .reservationSubdialog .ui-fieldset .ui-fieldset-legend {
    padding: 2px;
    font-size: 0.9rem; }
  body .panel2Col {
    width: 50%; }
    body .panel2Col input {
      width: 90%; }
  body .panel4Col {
    width: 23%;
    margin-bottom: 0.3rem;
    margin-right: 10px; }
    body .panel4Col input {
      width: 90%; }
  body .panelAutoCol {
    width: auto;
    margin-bottom: 0.3rem;
    margin-right: 0; }
    body .panelAutoCol input {
      width: 90%; }
  body .id-column {
    /*        width: 70px;
        max-width: 70px;*/ }
  body .panelGrid-1 {
    width: 100%; }
  body .panelGrid.labelRight .ui-panelgrid-cell.label {
    text-align: right;
    /*        .ui-outputlabel-label {
                    margin-right: 0.5rem;
                }*/ }
    body .panelGrid.labelRight .ui-panelgrid-cell.label label {
      margin-right: 0.5rem; }
  body .labelRight {
    text-align: right;
    /*        .ui-outputlabel-label {
                    margin-right: 0.5rem;
                }*/ }
    body .labelRight label {
      margin-right: 0.5rem; }
  body .alignLabelTop {
    align-self: baseline; }
    body .alignLabelTop .labelRight {
      align-self: baseline; }
  body .outputText {
    color: #212529; }
    body .outputText span {
      color: #212529; }
      body .outputText span .ui-icon {
        color: white; }
    body .outputText .ui-icon {
      color: white; }
    body .outputText .ui-icon.ui-icon-triangle-1-s {
      color: #212529; }
  body .flexInput tr td:nth-child(2):not(.labelRight),
  body .flexInput tr td:nth-child(2):not(.labelRight) span,
  body .flexInput tr td:nth-child(2):not(.labelRight) .dialogMultiElement,
  body .flexInput tr td:nth-child(4):not(.labelRight),
  body .flexInput tr td:nth-child(4):not(.labelRight) span,
  body .flexInput tr td:nth-child(4):not(.labelRight) .dialogMultiElement {
    display: flex;
    align-items: center;
    gap: 0.25rem; }
  body .flexInput tr td:nth-child(2):not(.labelRight) input,
  body .flexInput tr td:nth-child(4):not(.labelRight) input {
    flex: 1; }
  body .flexInput tr td:nth-child(2):not(.labelRight) button,
  body .flexInput tr td:nth-child(4):not(.labelRight) button {
    flex-shrink: 0; }
  body .flexInput tr td:nth-child(2):not(.labelRight) .ui-button-text-icon-left .ui-button-text,
  body .flexInput tr td:nth-child(4):not(.labelRight) .ui-button-text-icon-left .ui-button-text {
    padding-left: 1rem; }
  body .flexInput div:nth-child(2):not(.labelRight) .dialogMultiElement,
  body .flexInput div:nth-child(4):not(.labelRight) .dialogMultiElement {
    display: flex;
    align-items: center;
    gap: 0.25rem; }
  body .panelGrid.labelRight .ui-panelgrid-cell.ui-g-3,
  body .previewDocumentProperties .labelRight,
  body .dialogDocumentProperties .labelRight {
    text-align: right;
    /*margin-right: 0.5rem;*/
    padding: 0;
    align-content: center; }
  body .ui-inputwrapper-filled {
    /*width: 90%;*/ }
  body .panelGrid .ui-g {
    display: flex;
    align-items: center; }
  body .panelGrid .ui-g-12 {
    display: flex;
    align-items: center;
    padding: 0 !important; }
  body .panelGrid td {
    vertical-align: top; }
  body .searchResultsWrapper {
    display: block;
    height: 100%; }
    body .searchResultsWrapper .searchResultsForm {
      height: 100%; }
    body .searchResultsWrapper .ui-filter-column > .ui-inputfield.ui-state-filled {
      background-color: #7CB342;
      color: #ffffff;
      text-align: center;
      font-weight: 600; }
    body .searchResultsWrapper .ui-datatable table {
      width: 100%; }
    body .searchResultsWrapper .ui-datatable > div.ui-datatable-scrollable-body {
      overflow-x: hidden; }
    body .searchResultsWrapper .ui-datatable .ui-datatable-even, body .searchResultsWrapper .ui-datatable .ui-datatable-odd {
      border: 1px solid #d8d8d8; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable > div.ui-datatable-tablewrapper > table > thead > tr > th {
      padding: 0px; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable > div.ui-datatable-tablewrapper > table > tbody > tr > td {
      padding: 4px 2px; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable > div.ui-datatable-scrollable-header thead > tr > th {
      padding: 0px; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable > div.ui-datatable-scrollable-body {
      height: calc(100% - 90px); }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable > div.ui-datatable-scrollable-body tbody > tr > td {
        padding: 4px 2px; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable .ui-datatable-scrollable-header {
      display: none; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table {
      line-height: 1.2;
      color: #2866B1;
      border-width: 0; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr td {
        border-width: 0;
        white-space: normal;
        padding: 0px 2px !important;
        vertical-align: top; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(1) {
        width: 50px; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(2) {
        width: 210px;
        position: relative; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(2) img {
          width: 200px;
          height: 120px; }
          body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(2) img.ui-icon {
            width: auto;
            height: auto; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(2) button {
          height: 30px; }
          body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(2) button .ui-button-text {
            height: 22px;
            line-height: 22px;
            white-space: nowrap; }
          body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(2) button.booking-btn {
            height: 22px;
            user-select: none;
            margin: 0;
            pointer-events: none;
            cursor: not-allowed; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyIcon {
        width: 30px;
        color: #757575; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyIcon .material-icons {
          font-size: 20px; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyValue {
        color: #212529; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyValue .material-icons {
          color: #757575;
          font-size: 20px; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyValue span {
          vertical-align: top; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyValue span.yachtPropValue {
          display: inline-block;
          width: 80px; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyValue span.yachtName {
          font-size: 1rem;
          color: #2866B1; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyValue .yachtPropValueWithIcon {
          margin-left: 10px; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties > tbody > tr > td:nth-child(1) {
        max-width: 290px;
        width: 50%; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties > tbody > tr > td:nth-child(2) {
        max-width: 290px;
        width: 50%; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties > tbody > tr > td:nth-child(3) {
        width: 50px;
        text-align: right; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties > tbody > tr .label {
        width: 70%;
        color: #2866B1;
        text-align: left; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr > td:nth-child(3) > table.previewDocumentProperties > tbody > tr .number {
        width: 50%;
        color: #212529;
        text-align: right; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table > tbody > tr a {
        color: #2866B1;
        text-decoration: none; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table {
      line-height: 1.2;
      color: #2866B1;
      border-width: 0; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table > tbody > tr td {
        border-width: 0;
        white-space: normal;
        padding: 0px 2px !important;
        vertical-align: top; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table > tbody > tr > td:nth-child(1) {
        width: 50px; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table > tbody > tr > td:nth-child(2) {
        width: 210px;
        position: relative; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table > tbody > tr > td:nth-child(2) img {
          width: 200px;
          height: 120px; }
          body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table > tbody > tr > td:nth-child(2) img.ui-icon {
            width: auto;
            height: auto; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table > tbody > tr > td:nth-child(2) button {
          height: 24px; }
          body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table > tbody > tr > td:nth-child(2) button .ui-button-text {
            height: 22px;
            line-height: 22px;
            white-space: nowrap; }
          body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table > tbody > tr > td:nth-child(2) button.booking-btn {
            height: 22px;
            user-select: none;
            margin: 0;
            pointer-events: none;
            cursor: not-allowed; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table > tbody > tr > td:nth-child(3) td {
        width: auto;
        max-width: unset; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table > tbody > tr > td:nth-child(3) table.previewDocumentProperties > tbody > tr > td:nth-child(1) {
        max-width: unset; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable table > tbody > tr a {
        color: #2866B1; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable .sorting {
      width: 300px;
      display: inline-block; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable .sorting label {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.8; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable .sorting .ui-selectonemenu {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.8;
        margin-left: 8px;
        width: 100px; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable.yachtsForSaleTable .sorting .ui-selectonemenu .ui-inputfield {
          background: #dee2e6; }
    body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable {
      overflow: auto; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable .ui-datatable-rowordering.ui-state-active {
        border: none;
        color: #2866B1; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable thead {
        display: none; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable thead > tr > th {
        padding: 0px; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table {
        line-height: 1.2;
        color: #2866B1;
        border-width: 0; }
        body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr {
          border: none; }
          body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr td {
            border-width: 0;
            white-space: normal;
            vertical-align: top;
            padding: 5px !important; }
            body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr td input.ui-inputtext {
              width: 100%;
              text-align: right; }
          body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(1) {
            width: 50px;
            text-align: right; }
          body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties > td:last-child {
            width: 50%; }
          body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyIcon {
            width: 16%;
            padding: 0;
            margin: 0;
            text-decoration: line-through;
            color: #757575; }
            body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyIcon .material-icons {
              font-size: 20px; }
          body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyValue {
            color: #212529; }
            body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyValue .material-icons {
              color: #757575;
              font-size: 20px; }
            body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyValue span.yachtName {
              color: #2866B1; }
            body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyValue .yachtPropValueWithIcon {
              margin-left: 10px; }
          body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable {
            width: 100px; }
            body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable td:first-child {
              width: 46px;
              text-align: left; }
            body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable td:last-child {
              width: 46px;
              text-align: right; }
            body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable td {
              padding: 0; }
          body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr .previewDocumentProperties td:first-child {
            width: 50%; }
          body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table > tbody > tr .previewDocumentProperties td:last-child {
            width: 50%;
            /*text-align: left;*/ }
        body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table .ui-datatable-even {
          border: 1px solid #d8d8d8;
          background-color: #f4f4f4; }
        body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table .ui-datatable-odd {
          border: 1px solid #d8d8d8;
          background-color: #white; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable a {
        color: #2866B1; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable .ui-datatable-empty-message td:nth-child(1) {
        text-align: center !important; }
    body .searchResultsWrapper .clientOfferScrollPanel {
      height: calc(100% - 99px);
      display: flex;
      flex-direction: column; }
    body .searchResultsWrapper .client-offer-overlay.collapsed .clientOfferTableWrapper {
      width: 0 !important; }
    body .searchResultsWrapper .clientOfferTableWrapper {
      width: 460px;
      position: absolute;
      top: 56px;
      right: 0;
      bottom: 52px;
      border-radius: 4px 0 0 4px;
      z-index: 2;
      transition: width 0.3s ease;
      overflow: hidden;
      /*            @media (max-width: 1200px){
                            width: 100%;
                            position: relative;
                            margin-top: 0px;
                            height: 100vh;
                            margin: 0;
                        }*/ }
      body .searchResultsWrapper .clientOfferTableWrapper > div {
        width: 460px; }
      body .searchResultsWrapper .clientOfferTableWrapper > .ui-panel-content {
        height: 100%;
        padding: 0; }
      body .searchResultsWrapper .clientOfferTableWrapper table.topSectionTable {
        background-color: #BADEFC;
        width: 100%; }
        body .searchResultsWrapper .clientOfferTableWrapper table.topSectionTable .md-inputfield {
          display: inline; }
        body .searchResultsWrapper .clientOfferTableWrapper table.topSectionTable td.label {
          vertical-align: middle;
          text-align: right;
          width: 50%;
          line-height: 1; }
        body .searchResultsWrapper .clientOfferTableWrapper table.topSectionTable td.number {
          line-height: 1; }
        body .searchResultsWrapper .clientOfferTableWrapper table.topSectionTable td input.ui-inputtext {
          padding: 5px;
          margin: 0px 6px; }
        body .searchResultsWrapper .clientOfferTableWrapper table.topSectionTable td .ui-icon-warning {
          color: red;
          height: 30px;
          font-size: 1.5rem;
          margin-left: 8px;
          cursor: help; }
      body .searchResultsWrapper .clientOfferTableWrapper .clientOfferPreviewTable {
        /*                min-height: 81vh;*/ }
    body .searchResultsWrapper .clientOfferResultsTable {
      width: calc(100% - 460px - 10px);
      height: 100%;
      transition: width 0.3s ease;
      /*            @media (max-width: 1200px) {
                            width: 100%;
                        }*/ }
    body .searchResultsWrapper .clientOfferResultsTable.fullWidth, body .searchResultsWrapper .offer-container.fullWidth {
      width: calc(100% - 20px); }
  body .fetchSearchResultsWrapper {
    width: 97%;
    margin-top: 0.5rem;
    height: 970px; }
    body .fetchSearchResultsWrapper #searchResultsForm {
      height: 100%; }
      body .fetchSearchResultsWrapper #searchResultsForm .ui-datatable .ui-datatable-scrollable-body {
        height: calc(100% - 175px); }
  body .searchCriteriaButtonsWrapper {
    display: flex;
    align-items: center;
    background-color: #455A64;
    text-align: center;
    justify-content: center;
    width: 100%; }
  body .searchCriteriaButtonsWrapper .ui-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 30px !important; }
  body .searchCriteriaButtonsWrapper .ui-button .material-icons {
    line-height: 1;
    vertical-align: middle; }
  body .ui-datatable.clientOfferResultsTable > .ui-datatable-header {
    padding: 4px 4px; }
    body .ui-datatable.clientOfferResultsTable > .ui-datatable-header .ui-chkbox {
      margin: 0px; }
      body .ui-datatable.clientOfferResultsTable > .ui-datatable-header .ui-chkbox .ui-chkbox-box {
        border-color: #e1e1e1;
        line-height: 26px; }
  body .ui-datatable.clientOfferResultsTable > div.ui-datatable-scrollable-body tbody > tr > td.push-charter {
    background: rgba(161, 252, 3, 0.15); }
    body .ui-datatable.clientOfferResultsTable > div.ui-datatable-scrollable-body tbody > tr > td.push-charter > .push-charter-label {
      display: flex;
      justify-content: space-between;
      background: rgba(161, 252, 3, 0.25);
      font-weight: bold; }
      body .ui-datatable.clientOfferResultsTable > div.ui-datatable-scrollable-body tbody > tr > td.push-charter > .push-charter-label > .push-charter-label-left {
        text-align: left; }
      body .ui-datatable.clientOfferResultsTable > div.ui-datatable-scrollable-body tbody > tr > td.push-charter > .push-charter-label > .push-charter-label-right {
        text-align: right;
        padding-right: 20px; }
  body .ui-datatable.clientOfferResultsTable .ui-outputlabel-label {
    text-wrap-mode: nowrap; }
  body .ui-datatable.clientOfferResultsTable .text-wrap span {
    text-wrap-mode: wrap !important; }
  body .w-60 {
    width: 60px; }
  body .hasDiscount {
    text-decoration: line-through; }
  body .offer-container {
    height: 100%;
    overflow-y: auto;
    transition: width 0.3s ease;
    width: calc(100% - 470px);
    /*        @media (max-width: 1200px) {
                    width: 100%;
                }*/ }
  body .package-container {
    margin-bottom: 30px;
    color: #2866B1; }
  body .package-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px; }
  body .package-title {
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0;
    color: #2866B1; }
  body .company-info {
    display: flex;
    align-items: center;
    margin: 5px 0; }
  body .yacht-features {
    margin: 5px 0; }
  body .offer-grid {
    display: grid;
    grid-template-columns: 15% 20% 15% 15% 15% 15% 5%;
    width: 100%;
    align-items: center;
    padding: 8px 0;
    font-size: 0.9rem;
    color: #2866B1; }
    body .offer-grid .ui-outputlabel-label {
      text-wrap-mode: wrap !important; }
  body .offer-header {
    font-weight: bold;
    background-color: #f5f5f5;
    border-bottom: 2px solid #ddd;
    position: sticky;
    top: 0;
    z-index: 1; }
  body .offer-row {
    border-bottom: 1px solid #eee;
    line-height: 1.2; }
  body .offer-row:hover {
    background-color: #f9f9f9; }
  body .ui-selectonebutton.departureType .ui-state-default {
    /*                background-color: #1E88E5;*/
    background-color: #d1d1d1;
    color: #000; }
  body .ui-selectonebutton.departureType .ui-state-active {
    background-color: #7CB342;
    color: #fff; }
  body .ui-selectonebutton.departureType .ui-button-text {
    font-size: 16px;
    line-height: 1.4 !important;
    margin-top: 0px !important; }
  body .flex-scroller {
    overflow-x: visible;
    overflow-y: hidden;
    width: calc(100% - 58px);
    margin-left: 58px; }
  body .flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: auto !important;
    max-width: 100%; }
  body .flex-item {
    display: inline-block;
    width: 120px;
    color: black;
    border-radius: 8px;
    border: 1px solid #26aa5a;
    border-bottom-width: 5px;
    padding: 2px;
    text-align: center;
    margin: 2px;
    cursor: pointer; }
  body .flex-item:hover {
    box-shadow: 0px 0px 6px 1px #aaaaaa; }
  body .flex-periods {
    height: 38px;
    color: #666666; }
  body .flex-selected {
    background-color: #E0FBC3; }
  body .flex-period {
    float: left;
    width: calc(50% - 12px);
    margin: 0px 3px;
    text-align: center; }
  body .flex-period-separator {
    float: left;
    width: 12px;
    text-align: center;
    line-height: 1.7;
    color: #666666;
    font-size: 1.3rem; }
  body .flex-date {
    margin-bottom: 8px;
    font-size: 0.9rem; }
  body .flex-day {
    font-size: 0.8rem; }
  body .flex-price {
    position: relative;
    font-size: 1rem;
    margin-top: 2px;
    font-weight: bold;
    color: #555555; }
  body .flex-discount {
    display: none;
    position: absolute;
    top: -24px;
    left: calc(50% - 16px);
    font-size: 0.75rem;
    padding: 4px;
    display: inline-block;
    border-radius: 10px;
    color: red;
    width: 28px;
    background: #e1e1e1;
    font-weight: bold; }
  body .flex-item-price-lt {
    border-bottom-color: #00ba17; }
  body .flex-item-price-eq {
    border-bottom-color: #199ce3; }
  body .flex-item-price-gt {
    border-bottom-color: #ce0202; }
  @media (max-width: 640px) {
    body {
      /*Body - Mobile*/
      overflow-x: hidden; } }
  body .layout-dialog {
    padding: 2px;
    padding-top: 0; }
    body .layout-dialog .documentDialogWrapper > .ui-toolbar {
      z-index: 12; }
    body .layout-dialog .toolbar {
      position: sticky;
      top: 0;
      z-index: 103;
      border-top: solid white 2px; }
  body .dialog-content-wrapper > .ui-tabs {
    padding: 0; }
  body .inttextelement .ui-g .ui-outputlabel-label {
    margin-right: 0.5em; }
  body .inttextelement .inttextColumn1 {
    max-width: 80px; }
  body .inttextelement .inttextColumn2 {
    width: 100%; }
  body .intText-noWrap .ui-g {
    flex-wrap: nowrap; }
  body .intText-noWrap .ui-g .ui-message {
    padding: 0; }
  body .cyan-btn {
    background-color: #00BCD4; }
    body .cyan-btn.ui-state-hover {
      background-color: #00838F; }
    body .cyan-btn.ui-state-focus {
      outline: 0 none;
      background-color: #00b2c2; }
  body .tagExample {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 6px 9px 0px rgba(0, 0, 0, 0.16); }
  body .ui-icon-expand-content, body .ui-icon-close-fullscreen {
    padding: 0.5rem;
    transition: 0.2s ease;
    opacity: 0.8; }
  body .ui-icon-expand-content:hover {
    transform: scale(1.2);
    opacity: 1;
    transition: 0.2s ease; }
  body .ui-icon-close-fullscreen:hover {
    transform: scale(1.2);
    opacity: 1;
    transition: 0.2s ease; }
  body .tableFixed table {
    table-layout: fixed !important; }
  body .regionDisabled {
    opacity: 0.5;
    pointer-events: none; }
  body .width100 {
    width: 100%; }
  body .width100fr {
    width: 100% !important; }
  body .newsArea .title {
    background: linear-gradient(60deg, rgba(220, 0, 0, 0.5), rgba(200, 0, 0, 0.8)) !important;
    border-radius: 0.5em 0 0 0.5em;
    box-shadow: 0 0 0.3em 0 #c2c2c2;
    transition: box-shadow 0.3s linear !important;
    display: block;
    width: 105px;
    padding: 8px 6px;
    line-height: 1.5;
    color: white;
    font-weight: bold; }
  body .newsArea .title:hover {
    box-shadow: 0 0 0.7em 0 rgba(200, 0, 0, 0.6);
    transition: box-shadow 0.3s linear !important; }
  body .newsArea .content {
    display: block;
    width: calc(100% - 105px);
    line-height: 1.3;
    padding: 0.8em;
    border-bottom: 1px solid #7CB342;
    background: #e1e1e1; }
  body .ui-selectonemenu {
    min-width: 0 !important; }
    body .ui-selectonemenu .ui-inputfield {
      text-wrap: auto; }
  body .newsWrapper {
    font-size: 0.9rem;
    padding: 0px 0px;
    width: 100%;
    position: relative; }
    body .newsWrapper .newsTitle {
      width: 105px;
      padding: 8px 6px;
      line-height: 1.5;
      background: #7CB342;
      color: white;
      font-weight: bold; }
    body .newsWrapper .newsDescription {
      width: calc(100% - 105px);
      line-height: 1.3;
      padding: 0.8em;
      border-bottom: 1px solid #7CB342;
      background: #e1e1e1; }
  body .hideNews {
    max-height: 100px;
    overflow: hidden; }
  body .expandedNews {
    max-height: none;
    overflow: visible; }
  body .hideNewsButton {
    position: relative;
    right: 1em;
    top: 0.2em;
    z-index: 998;
    width: auto;
    height: 1.8em;
    color: #183681;
    font-size: 16px;
    border-radius: 0.8em;
    border: 2px solid #97bcdb;
    diplay: flex;
    align-items: center;
    justify-content: center; }
    body .hideNewsButton .ui-icon {
      margin: 0 !important;
      position: initial !important; }
    body .hideNewsButton .ui-button-text {
      padding-left: 0.5em !important; }
  body .hideNewsButton:hover {
    color: #2866B1;
    background-color: #white;
    border: 2px solid #97bcdb; }
  body .showMoreNews {
    text-align: right;
    display: none;
    position: absolute;
    right: 0px;
    bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    color: #2866B1;
    background: #e1e1e1; }
  body .ui-selectoneradio div.ui-g > div {
    padding: 1px;
    margin: 1px; }
  body .tag {
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 400;
    margin: 2px;
    color: #555555 !important;
    line-height: 20px; }
    body .tag.owner-week {
      background: #f792ff; }
      body .tag.owner-week:before {
        content: 'OW'; }
    body .tag.online-booking {
      background: #a0ff9e; }
      body .tag.online-booking:before {
        content: 'OB'; }
    body .tag.allotment {
      background: #9ef9ff; }
      body .tag.allotment:before {
        content: 'AL'; }
    body .tag.simple-checklist {
      color: #212121 !important;
      background: #BADEFC; }
      body .tag.simple-checklist:before {
        content: 'S'; }
    body .tag.maintenance-checklist {
      color: #212121 !important;
      background: #BADEFC; }
      body .tag.maintenance-checklist:before {
        content: 'M'; }
    body .tag.circle {
      padding: 5px 0px;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      text-align: center; }
  body .ui-datatable table {
    table-layout: fixed; }
  body .ui-datatable-tablewrapper {
    height: 100%; }
  body .ui-datatable-tablewrapper table {
    table-layout: fixed; }
  body .numOfGuests {
    width: 10% !important; }
  body .number {
    text-align: right;
    text-wrap-mode: nowrap; }
  body .red {
    color: #c91e1e; }
  body .ui-widget, body .ui-widget .ui-widget, body .ui-widget .ui-widget-content, body .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
    font-size: 0.9rem; }
  body #yachtReservationDialogForm\:tabView\:crewListNoteCaption {
    margin-top: 10px; }
  body .ui-selectonemenu-panel {
    max-width: 400px; }
    body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
      right: 18px;
      color: white;
      top: 15px;
      left: initial; }
  body .labeledCurrencyGrid {
    display: grid;
    grid-template-columns: max-content 5em max-content;
    /*width: fit-content;*/
    text-align: right;
    margin: 1em;
    row-gap: 3px; }
    body .labeledCurrencyGrid .ui-outputlabel {
      text-align: left; }
    body .labeledCurrencyGrid label {
      margin-right: 1em; }
  body .ui-button.deep-orange-btn {
    background-color: #FF9800; }
  body .inlineField {
    display: inline;
    margin-left: 10px; }
  body .layout-line-direction {
    display: flex;
    flex-wrap: wrap; }
    body .layout-line-direction > div {
      width: auto; }
  body .flex-noWrap {
    display: flex;
    flex-wrap: nowrap; }
    body .flex-noWrap.gap {
      gap: 10px; }
  body .tagExample {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); }
  body .tagShortName {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    font-size: 0.6rem;
    opacity: 0.7; }
  body .tagName {
    display: inline-block;
    font-weight: 600;
    font-size: 0.8rem;
    border-radius: 6px;
    text-align: center;
    padding: 0px 10px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    margin: 6px 2px; }
  body .tagHolder {
    width: fit-content; }
  body .tagHolder.horizontal {
    float: left;
    margin-right: 6px; }
  body .tagList {
    list-style-type: none;
    padding: 0;
    min-width: 20px;
    margin: 0;
    clear: both; }
  body .resDetailsHolder {
    display: flex;
    justify-content: center; }
  body .createdDetails {
    min-width: 135px;
    overflow-x: hidden; }
  body .todo-list > .ui-datalist-header.ui-widget-header {
    border: unset;
    background: unset;
    padding: 0px;
    text-align: left;
    color: #2866B1;
    margin-top: 13px; }
    body .todo-list > .ui-datalist-header.ui-widget-header label {
      color: #000000; }
      body .todo-list > .ui-datalist-header.ui-widget-header label.ui-outputlabel {
        color: #2866B1;
        line-height: 22px;
        margin-right: 10px; }
  body .todo-list > .ui-datalist-content {
    border: unset;
    padding: 0px;
    max-height: 850px;
    overflow-y: auto; }
  body .todo-list .todo-list-item {
    margin: 2px 0px;
    padding: 6px;
    padding-left: 10%;
    border-width: 1px;
    border-style: solid;
    position: relative; }
    body .todo-list .todo-list-item .todo-list-item-expired {
      position: absolute;
      top: 1px;
      left: 1px; }
      body .todo-list .todo-list-item .todo-list-item-expired > .ui-icon.ui-icon-warning {
        color: #ffffff;
        font-size: 18px; }
    body .todo-list .todo-list-item .todo-list-author {
      font-size: 0.7rem;
      color: #666;
      border-bottom: 1px dashed #c1c1c1;
      display: block;
      width: 100%;
      padding-bottom: 4px;
      margin-bottom: 8px; }
    body .todo-list .todo-list-item .todo-list-title {
      display: inline-block;
      width: calc(100% - 36px); }
    body .todo-list .todo-list-item .todo-list-actions {
      display: inline-block;
      width: 36px; }
      body .todo-list .todo-list-item .todo-list-actions > .ui-menubutton > button {
        background: unset;
        box-shadow: unset; }
        body .todo-list .todo-list-item .todo-list-actions > .ui-menubutton > button .ui-icon {
          color: #666; }
  body .schedule_highTaskPriority {
    background: red;
    border-color: red;
    background: linear-gradient(90deg, red 0%, red 8%, white 8%); }
  body .schedule_mediumTaskPriority {
    background: #ffb300;
    border-color: #ffb300;
    background: linear-gradient(90deg, #ffb300 0%, #ffb300 8%, white 8%); }
  body .schedule_lowTaskPriority {
    background: #07ba00;
    border-color: #07ba00;
    background: linear-gradient(90deg, #07ba00 0%, #07ba00 8%, white 8%); }
  body .fc-unthemed th, body .fc-unthemed td, body .fc-unthemed thead, body .fc-unthemed tbody, body .fc-unthemed .fc-divider, body .fc-unthemed .fc-row, body .fc-unthemed .fc-content, body .fc-unthemed .fc-popover, body .fc-unthemed .fc-list-view, body .fc-unthemed .fc-list-heading td {
    border-color: #eaeaea; }
  body .fc-row td {
    cursor: pointer; }
  body .fc-scroller.fc-time-grid-container {
    display: none !important; }
  body .fc-day-top > .fc-day-number {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0px;
    text-align: center;
    line-height: 20px;
    background: #e1e1e1;
    color: #666666;
    border-radius: 4px 0px 4px 0px; }
  body .fc-day-top.fc-today > .fc-day-number {
    background: #2866B1;
    color: white; }
  body .fc-event {
    margin: 1px 4px;
    padding: 1px 4px;
    padding-left: 10%;
    border-radius: 0px;
    color: black !important;
    font-size: 0.8rem;
    line-height: 1.5; }
    body .fc-event .fc-title {
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      color: #666; }
    body .fc-event.taskBorder {
      border-width: 1px 0px 1px 0px;
      border-style: dashed; }
    body .fc-event.ownTasks {
      border-style: solid; }
    body .fc-event.hasAttachments .fc-title:before {
      content: '[A] '; }
    body .fc-event.hasLinks .fc-title:before {
      content: "[L] "; }
    body .fc-event.hasAttachments.hasLinks .fc-title:before {
      content: "[L,A] "; }
    body .fc-event.waitingTasks .fc-title:before {
      content: '[W] '; }
    body .fc-event.waitingTasks.hasLinks .fc-title:before {
      content: "[W,L] "; }
    body .fc-event.waitingTasks.hasAttachments .fc-title:before {
      content: "[W,A] "; }
    body .fc-event.waitingTasks.hasAttachments.hasLinks .fc-title:before {
      content: "[W,L,A] "; }
  body .roundedCircle {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%; }
  body .closedTask {
    text-decoration: line-through !important; }
  body .relativeBlock {
    position: relative;
    display: block; }
  body .newFleetsWithoutContract tr {
    background: none !important; }
  body .newFleetsWithoutContract .right {
    width: max-content; }
  body .floating-icon-wrapper {
    position: absolute;
    z-index: 998;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.75);
    width: 35px;
    text-align: center;
    border: 0px solid red;
    border-radius: 50%;
    height: 35px; }
    body .floating-icon-wrapper img {
      width: 100% !important;
      height: 100% !important;
      border-radius: 50%; }
  body .incomeDivisionTable {
    width: 100%;
    table-layout: initial;
    text-wrap: nowrap; }
    body .incomeDivisionTable > tbody > tr > td:nth-child(2) {
      color: #2866B1;
      padding-right: 5px !important; }
  body .tox-statusbar {
    flex-direction: row-reverse;
    height: fit-content !important; }
    body .tox-statusbar .tox-statusbar__text-container {
      display: none; }
    body .tox-statusbar .tox-statusbar__resize-handle {
      height: fit-content !important; }
  body .tox-promotion {
    display: none !important; }
  body .tox-tbtn:not(.tox-tbtn--select) {
    width: 29px !important;
    height: 29px !important; }
  body .sednaImporterPanel .ui-panel-titlebar {
    width: 200px; }
  body .sednaImporterPanel .ui-panel-content {
    width: 1500px; }
  body .dialogMultiElement {
    flex-wrap: nowrap; }
  body .generalPanel .dialogMultiElement {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px; }
  body .settingsPanel .ui-grid .ui-g, body .settingsPanel .label-column, body .settingsPanel .input-column, body .generalPanel .ui-grid .ui-g, body .generalPanel .label-column, body .generalPanel .input-column {
    padding: 0.1em 0;
    align-items: center; }
  body .legendPanelGrid td.colIcon {
    width: 60px;
    max-width: 60px;
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 8px; }
  body .legendPanelGrid td.colLabel {
    width: auto;
    white-space: nowrap;
    vertical-align: baseline;
    padding-right: 12px;
    padding-top: 2px; }
  body .legendPanelGrid .bookinglistLegendDiv {
    display: inline-block;
    width: 40px;
    height: 14px;
    box-sizing: border-box; }
  body .legendPanelGrid .ui-panelgrid-cell {
    display: table-cell;
    width: auto !important; }
  body .yachtCriteriaPanel .ui-selectmanycheckbox {
    margin-top: -6px; }
  body .bookingListMenubar .ui-menubar-options {
    margin-top: 6px !important; }
  body .yachtFilterPanel .ui-outputlabel-label {
    text-align: right;
    display: block;
    padding-right: 0.5rem; }
  body .fixGeneratedSpanGrow .ui-inputwrapper-filled {
    flex-grow: 1; }
  body .ui-datatable-frozenlayout-left th, body .ui-datatable-frozenlayout-right th {
    box-sizing: border-box !important; }
  body .ui-datatable td.company-indicator {
    padding: 0 !important; }
  body .ui-datatable-scrollable-theadclone[style="height: 0px;"] th {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  body .ui-outputlabel-rfi {
    margin: 0px !important; }
  body .ui-tooltip {
    max-width: 400px; }
  body .fitColumnCentered {
    display: flex;
    flex-direction: column;
    width: fit-content;
    align-items: center; }
  body .intTextAreaForm .intLabel {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 2px;
    font-weight: 600; }
  body .intTextAreaForm textarea {
    margin-top: -0.5em; }
  body .image-grid {
    display: flex;
    flex-wrap: wrap; }
    body .image-grid .image-item {
      position: relative;
      flex: 1 0 calc(33.33%);
      box-sizing: border-box;
      text-align: center;
      padding: 0; }
      body .image-grid .image-item:hover .hover-content {
        transition: 0.5s ease;
        background-color: rgba(0, 0, 0, 0.5); }
    body .image-grid .image-item img {
      width: 100%;
      object-fit: cover;
      padding: 0; }
    body .image-grid .hover-content {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 240px;
      transition: 0.5s ease;
      background-color: rgba(0, 0, 0, 0.1);
      text-align: center; }
      body .image-grid .hover-content .hover-content-items {
        color: white;
        position: absolute;
        width: 100%;
        top: 70%; }
    body .image-grid .image-checkbox {
      position: absolute;
      top: 14px;
      left: 14px;
      color: white;
      display: block;
      z-index: 5; }
  body .resultsTable thead {
    position: sticky;
    top: 0;
    z-index: 2; }
  body .resultsTable tfoot {
    position: sticky;
    bottom: 0;
    z-index: 2; }
  body .resultsTable tfoot td, body .resultsTable thead td {
    font-size: 0.75rem; }
  body .resultsTable tfoot td {
    font-weight: 600;
    background-color: #e1e1e1;
    color: black; }
  body .resultsTable tfoot td.number {
    padding: 2px 5px; }
  body .resultsTable td.number {
    padding-right: 10px !important; }
  body .resultsTable td.value > div.ui-selectonemenu {
    width: 90%; }
  body .resultsTable td.value > .ui-autocomplete {
    width: 90%; }
  body .yachtBalanceTree tfoot td.cell-number {
    font-weight: 600;
    color: black; }
  body .limitedTextRows {
    /* prvo display block, onda webkoit za fallback */
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: wrap;
    line-height: 1.2em;
    max-height: 4.8em;
    -webkit-line-clamp: 4; }
  body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
    padding: 0.1rem 2rem 0.1rem 0.3rem !important; }
  body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label {
    padding: 0 1.3rem 0 0.5rem; }
  body .ui-selectonebutton, body .ui-selectmanybutton {
    display: inline-flex;
    flex-wrap: wrap;
    height: fit-content !important;
    gap: 5px; }
    body .ui-selectonebutton .ui-button, body .ui-selectmanybutton .ui-button {
      flex-grow: 1;
      border-radius: 5px !important; }
    body .ui-selectonebutton.limit .ui-button, body .ui-selectmanybutton.limit .ui-button {
      max-width: 150px; }
  body .ui-chips .ui-chips-container .ui-chips-token {
    display: inline-flex;
    align-items: center; }
    body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label {
      order: 0; }
    body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon {
      position: relative;
      margin: 0;
      order: 1; }
  body .ui-datepicker .ui-datepicker-header {
    padding: 0.5rem 1rem;
    border-bottom-width: 0; }
  body .ui-datepicker .ui-datepicker-calendar {
    margin: 0 0 0.5rem 0 0; }
    body .ui-datepicker .ui-datepicker-calendar .ui-datepicker-weeknumber, body .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col {
      background: #2866B1;
      color: white;
      width: 3.5em; }
      body .ui-datepicker .ui-datepicker-calendar .ui-datepicker-weeknumber span, body .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col span {
        color: white !important;
        opacity: 1 !important; }
    body .ui-datepicker .ui-datepicker-calendar thead tr, body .ui-datepicker .ui-datepicker-calendar thead th {
      color: white;
      background: #607D8B !important; }
  body.mobile .ui-dialog {
    top: 100px !important;
    left: 50% !important;
    transform: translate(-50%, 0%); }
    @supports (-webkit-touch-callout: none) {
      body.mobile .ui-dialog {
        position: absolute !important; } }
  body .ui-dialog .ui-dialog-footer button {
    margin: 0 0.5rem 0 0; }
  body .ui-fieldset {
    padding-top: 0px; }
    body .ui-fieldset .ui-fieldset-legend {
      padding: 0 !important;
      margin: 0 !important; }
  body .preview-sidebar .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    color: #BADEFC; }
  body .ui-selectcheckboxmenu {
    width: 100%; }
    body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
      background: #F1F1F1 no-repeat;
      background-position-x: 0%;
      background-position-y: 0%;
      background-image: none;
      background-size: auto;
      background-position-x: 0%;
      background-position-y: 0%;
      background-image: none;
      background-size: auto;
      background-image: linear-gradient(to bottom, #7CB342, #7CB342), linear-gradient(to bottom, #ced4da, #ced4da);
      background-size: 0 2px, 100% 1px;
      background-position: 50% 100%, 50% 100%;
      transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
      color: #212529;
      width: 100%; }
    body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token:last-of-type {
      margin-right: 25px; }
    body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
      margin: 3px 0.5rem 3px 0;
      text-wrap: auto;
      display: flex; }
      body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label {
        order: 1; }
      body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
        padding: 0 0.5rem 0 0;
        margin-top: 0;
        position: relative;
        order: 2;
        display: flex;
        align-items: center; }
  body .fetchOrClearLinks {
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    white-space: inherit; }

.ui-datepicker-saturday .ui-state-default {
  font-weight: 600;
  background-color: #e1e1e1; }