@charset "UTF-8";
@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");
/* width */
::-webkit-scrollbar {
  width: 10px; }

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; }

.login-body {
  background-image: none; }
  .login-body .login-panel {
    height: auto;
    background-color: #f1f1f1; }
    .login-body .login-panel .login-panel-header {
      background-color: #1E88E5; }
    .login-body .login-panel .login-panel-content {
      padding: 30px 20px 0 20px; }

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

body {
  margin: 0;
  padding: 0;
  background-image: url("https://www.nausys.com/resources/app/nausys-w-new.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: #f6f6f6;
  font-weight: 400;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.9rem; }
  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 .layout-wrapper.layout-menu-horizontal > .layout-sidebar.adminMenu {
    background-color: #FF9800; }
    body .layout-wrapper.layout-menu-horizontal > .layout-sidebar.adminMenu .layout-topbar {
      background: #FF9800; }
  body .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
    overscroll-behavior: contain; }
  body a {
    color: #2866B1; }
  body .ui-datatable tr.ui-state-highlight .green {
    color: #bdff00; }
  body .ui-datatable tr.ui-state-highlight .red {
    color: #ffbe00; }
  body .ui-datatable tr.ui-state-highlight a {
    color: #ffff4d; }
  body .ui-datatable tr.ui-state-highlight .ui-icon.ui-icon-notapproved {
    color: yellow; }
  body .ui-icon.ui-icon-notapproved {
    color: #FF9800;
    vertical-align: middle; }
  body .ui-widget, body .ui-widget .ui-widget, body .ui-widget .ui-widget-content, body .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.9rem; }
  body .ui-button .ui-button-text {
    font-weight: 500; }
  body .ui-buttonset > .ui-state-disabled {
    opacity: 0.65;
    filter: Alpha(Opacity=65); }
  body .ui-datatable-tablewrapper thead tr th, body .ui-datatable thead tr th {
    background-color: #BADEFC; }
  body .ui-datatable-tablewrapper tfoot tr td, body .ui-datatable tfoot tr td {
    background-color: #cccccc;
    font-weight: 400; }
  body ul.ui-autocomplete-multiple-container {
    width: 200px; }
    body ul.ui-autocomplete-multiple-container li.ui-autocomplete-token {
      z-index: 2; }
      body ul.ui-autocomplete-multiple-container li.ui-autocomplete-token span.ui-autocomplete-token-label {
        width: 150px;
        overflow-x: hidden;
        margin-right: 25px; }
  body input[aria-readonly="true"], body input[aria-disabled="true"] {
    background-color: unset !important;
    padding: 0px; }
  body .ui-datatable .img-link {
    vertical-align: middle;
    padding: 0px;
    display: inline-block; }
  body .ui-datatable td.img-link {
    padding: 4px; }
  body .ui-datatable .cell-button {
    padding: 0px;
    width: 44px;
    text-align: center; }
  body .ui-datatable td.cell-button {
    padding: 4px !important; }
  body .ui-datatable .ui-datatable-footer {
    background-color: #fff;
    color: #607D8B;
    border: 0;
    font-weight: 600; }
  body .material-icons {
    font-size: 1.1rem;
    vertical-align: text-bottom; }
  body .clearfix::after {
    content: "";
    clear: both;
    display: table; }
  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 {
    background-color: #cdcccc !important;
    color: #555555 !important; }
  body .resType1 {
    background-color: #9999ff !important;
    color: white !important; }
  body .resType1.resTypeExpired {
    color: gray !important;
    background-color: #f1dba2 !important; }
  body .resType2 {
    background-color: #ff9999 !important;
    color: white !important; }
  body .resType2.resTypeExpired {
    color: gray !important;
    background-color: #f1dba2 !important; }
  body .resType3 {
    background-color: #4d4c4c !important;
    color: white !important; }
  body .borderless {
    border: 0px !important;
    border-collapse: collapse; }
    body .borderless tbody, body .borderless td, body .borderless tr, body .borderless th {
      border: 0px !important;
      border-collapse: collapse; }
  body .marginless {
    margin: 0; }
  body .fullWitdh {
    width: 100%; }
  body .relativeBlock {
    position: relative;
    display: block; }
  body .label, body label {
    color: #2866B1; }
    body .label.ui-selectonemenu-label, body label.ui-selectonemenu-label {
      color: #000000; }
  body .label.left, body label.left {
    text-align: left; }
  body .label.right, body label.right {
    text-align: right; }
  body .left {
    text-align: left; }
  body .center {
    text-align: center; }
  body .singleWordWithSpace {
    display: inline-block;
    margin: 0px 2px;
    vertical-align: top; }
  body .label-il1 {
    text-indent: 10px; }
  body .label-il2 {
    text-indent: 20px; }
  body .label-il3 {
    text-indent: 22px; }
  body .number, body .right {
    text-align: right; }
  body .bold {
    font-weight: 600; }
  body .green {
    color: green; }
  body .blue {
    color: #1E88E5; }
  body .red {
    color: #c91e1e; }
  body .grey {
    color: #808080; }
  body .bggreen {
    background-color: green; }
  body .bgblue {
    background-color: #BADEFC; }
  body .bgred {
    background-color: #c91e1e; }
  body .bgpurple {
    background-color: #9400d3; }
  body .bgyellow {
    background-color: #FFD700; }
  body .bgorange {
    background-color: #FF9800; }
  body .floatLeft {
    float: left; }
  body .floatRight {
    float: right; }
  body .italic {
    font-style: italic; }
  body .ui-dialog {
    max-width: 1220px; }
    body .ui-dialog .ui-dialog-content {
      padding: unset; }
  body .ajaxStatus {
    background-color: transparent;
    box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    border: 0; }
    body .ajaxStatus .ui-widget-content {
      background-color: transparent;
      overflow: hidden; }
  body .scrollableTable > .ui-datatable-tablewrapper {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto; }
  body .scrollableTable.h400 > .ui-datatable-tablewrapper {
    max-height: 408px; }
  body .scrollableTable.h136 > .ui-datatable-tablewrapper {
    max-height: 136px; }
  body .ui-widget-header label {
    color: #ffffff; }
  body .simpleTable > .ui-datatable-tablewrapper > table {
    margin-top: 8px; }
    body .simpleTable > .ui-datatable-tablewrapper > table > thead > tr > th {
      padding: 0px;
      border: 0px;
      height: 0px; }
    body .simpleTable > .ui-datatable-tablewrapper > table > tbody {
      padding: 0;
      border: unset; }
      body .simpleTable > .ui-datatable-tablewrapper > table > tbody tr.ui-datatable-even {
        background: unset; }
      body .simpleTable > .ui-datatable-tablewrapper > table > tbody tr {
        padding: 0;
        border: unset; }
        body .simpleTable > .ui-datatable-tablewrapper > table > tbody tr td {
          padding: 2px;
          line-height: 14px;
          vertical-align: top;
          border: unset;
          white-space: normal; }
          body .simpleTable > .ui-datatable-tablewrapper > table > tbody tr td .ui-message {
            padding: 0px; }
          body .simpleTable > .ui-datatable-tablewrapper > table > tbody tr td.number > .md-inputfield input.ui-inputfield {
            text-align: right; }
          body .simpleTable > .ui-datatable-tablewrapper > table > tbody tr td i {
            padding-top: 2px;
            float: left;
            color: #4CAF50; }
          body .simpleTable > .ui-datatable-tablewrapper > table > tbody tr td i.material-icons {
            font-size: 1.4rem; }

body .ui-icon {
  /*display: inline-block;*/
  /*vertical-align: middle;*/ }

body .icon-delete:hover {
  background-color: #c91e1e; }

body .ui-menu .ui-menu-parent li.languagesSubmenu > ul.ui-menu-child {
  width: 120px; }

body .basketCartItemList > .basketCartItem:first-child {
  margin-top: 40px; }

body .ui-treetable thead th {
  background-color: #e1e1e1;
  font-size: 12px;
  font-weight: 600;
  white-space: normal;
  text-align: center; }

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 div.ui-selectonemenu label.ui-selectonemenu-label {
  max-width: 18vw;
  overflow: hidden;
  text-overflow: ellipsis; }

body div.ui-selectonemenu.limit-width {
  max-width: 100% !important;
  min-width: unset !important; }

body .select-limit-width {
  max-width: 100% !important;
  min-width: unset !important; }

body .ui-button.ui-button-icon-only {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin: 0px 4px; }

body .ui-buttonset .ui-button {
  height: 24px; }
  body .ui-buttonset .ui-button .ui-button-text {
    line-height: 1.8; }

body .ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon {
  top: 0; }

body .ui-panelgrid .ui-panelgrid-cell, body .ui-panelgrid tbody tr.ui-widget-content {
  border: 0px !important;
  border-collapse: collapse;
  padding: unset; }

body .inttexttable {
  display: none; }

body .layout-wrapper.layout-menu-horizontal .layout-breadcrumb {
  padding-top: 45px; }

body .layout-wrapper.layout-menu-horizontal .layout-sidebar {
  top: 0px;
  z-index: 999;
  background-color: #1E88E5; }
  body .layout-wrapper.layout-menu-horizontal .layout-sidebar * {
    color: #ffffff; }
  body .layout-wrapper.layout-menu-horizontal .layout-sidebar .sidebar-logo .app-name {
    font-size: 20px; }
  body .layout-wrapper.layout-menu-horizontal .layout-sidebar .nano {
    background-color: #1E88E5; }
    body .layout-wrapper.layout-menu-horizontal .layout-sidebar .nano .layout-topbar .layout-topbar-menu-wrapper .topbar-menu > li > ul {
      width: 270px; }
      body .layout-wrapper.layout-menu-horizontal .layout-sidebar .nano .layout-topbar .layout-topbar-menu-wrapper .topbar-menu > li > ul a {
        display: inline-block;
        vertical-align: middle; }
    body .layout-wrapper.layout-menu-horizontal .layout-sidebar .nano .layout-topbar .layout-topbar-menu-wrapper .topbar-menu .topbar-badge {
      font-size: 11px;
      right: 0px;
      top: -10px; }
      body .layout-wrapper.layout-menu-horizontal .layout-sidebar .nano .layout-topbar .layout-topbar-menu-wrapper .topbar-menu .topbar-badge.topbar-submenu-badge {
        font-size: 12px;
        float: left;
        margin-top: -2px;
        margin-right: 5px;
        padding: 3px;
        width: 24px;
        height: 24px; }
        body .layout-wrapper.layout-menu-horizontal .layout-sidebar .nano .layout-topbar .layout-topbar-menu-wrapper .topbar-menu .topbar-badge.topbar-submenu-badge.red-color {
          color: #ffffff;
          background-color: #af0000; }
        body .layout-wrapper.layout-menu-horizontal .layout-sidebar .nano .layout-topbar .layout-topbar-menu-wrapper .topbar-menu .topbar-badge.topbar-submenu-badge.orange-color {
          color: #ffffff;
          background-color: #ff9900; }
        body .layout-wrapper.layout-menu-horizontal .layout-sidebar .nano .layout-topbar .layout-topbar-menu-wrapper .topbar-menu .topbar-badge.topbar-submenu-badge.yellow-color {
          color: #000000;
          background-color: #ffff00; }
        body .layout-wrapper.layout-menu-horizontal .layout-sidebar .nano .layout-topbar .layout-topbar-menu-wrapper .topbar-menu .topbar-badge.topbar-submenu-badge.blue-color {
          color: #ffffff;
          background-color: #3377ff; }
  body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container {
    display: block;
    height: 45px;
    width: auto;
    padding: 0;
    margin: 0;
    float: left; }
    body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu {
      /*                    li ul li > a {
                                            &::before {
                                                content: '» ';
                                            }
                                        }*/ }
      body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu > li.menu-icon {
        display: none; }
        body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu > li.menu-icon > a > i {
          font-size: 1.7rem;
          line-height: 34px; }
      body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li.active-menuitem ul {
        background-color: #1E88E5; }
      body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li.icon-only > a > i {
        line-height: 30px;
        font-size: 1.8rem; }
      body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li, body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li ul li {
        padding: 0px; }
        body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li > a, body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li ul li > a {
          padding: 6px 12px;
          color: #ffffff; }
          body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li > a .menuitem-text, body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li ul li > a .menuitem-text {
            display: inline-block;
            max-width: 200px;
            margin: 0px 4px;
            word-break: normal;
            line-height: 2.3;
            vertical-align: middle;
            margin-left: 22px; }
          body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li > a:hover, body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li ul li > a:hover {
            background-color: #BADEFC; }
            body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li > a:hover .menuitem-text, body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li ul li > a:hover .menuitem-text {
              color: #2866B1; }
          body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li > a i, body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li ul li > a i {
            color: #ffffff; }
        body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li.active-menuitem, body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li ul li.active-menuitem {
          background-color: #BADEFC; }
          body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li.active-menuitem > a, body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu li ul li.active-menuitem > a {
            color: #FF9800; }
      body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-container .layout-menu > li > a > .menuitem-text {
        margin-left: 0px; }
  body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-search {
    display: block;
    height: 45px;
    width: auto;
    padding: 10px 20px;
    padding-bottom: 0px;
    margin: 0;
    float: right;
    margin-right: 120px; }
    body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-search input {
      border-bottom: 1px solid #BADEFC;
      width: 250px; }
  body .layout-wrapper.layout-menu-horizontal .layout-sidebar .layout-menu-profile {
    width: auto;
    right: 0;
    height: 45px;
    padding: 5px;
    border: 0;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    background: #1e88e5;
    background: linear-gradient(90deg, #1e88e5 0%, #2866b1 100%); }

body .layout-wrapper.layout-menu-horizontal .layout-main .layout-topbar {
  z-index: 998; }

body .layout-wrapper.layout-menu-horizontal .layout-main .layout-footer {
  background: #f1f1f1;
  background: linear-gradient(90deg, #f1f1f1 0%, #f1efec 25%, #bbbbbb 75%);
  position: fixed;
  bottom: 0px;
  padding: 10px 20px;
  width: 100%;
  z-index: 2; }
  body .layout-wrapper.layout-menu-horizontal .layout-main .layout-footer .footer-text-right {
    margin-top: 0;
    color: #ffffff;
    text-shadow: 0 0 1px #555555; }
  body .layout-wrapper.layout-menu-horizontal .layout-main .layout-footer .app-logo {
    background-image: url("https://www.nausys.com/resources/app/nausys-logo-small-new.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 100px;
    display: inline-block; }

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 .overlayInfo {
  background-color: #555555;
  border-color: #555555;
  color: #ffffff;
  text-align: left;
  opacity: 0.95;
  position: absolute;
  padding: 10px; }
  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; }
  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 .overlayInfoContent {
    display: block;
    width: 330px;
    position: relative;
    clear: both;
    margin-left: 4px; }
    body .overlayInfo .ui-overlaypanel-content .overlayInfoContent table > tbody > tr {
      border: 0px !important; }
      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) {
    width: calc(100% - 130px); }
  body .overlayInfo.ui-overlay-visible {
    min-width: 350px; }

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-datatable td {
  padding: 0.2em 0.5em !important; }

body .ui-datatable td:first-child > span.resType {
  margin-left: -14px; }

/*max: 640px*/
@media (max-width: 40em) {
  .hidden-sm-down {
    display: none !important; } }

/*min: 641px*/
@media (min-width: 40.063em) {
  .hidden-md-up {
    display: none !important; } }

/*max: 1024px*/
@media (max-width: 64em) {
  .hidden-md-down {
    display: none !important; }
  body .ui-datatable .resType {
    min-width: unset;
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis; } }

/*min: 1025px*/
@media (min-width: 64.063em) {
  .ui-datatable tbody tr td {
    white-space: nowrap; }
  .hidden-lg-up {
    display: none !important; } }

/*max: 1440px*/
@media (max-width: 90em) {
  .hidden-lg-down {
    display: none !important; } }

/*min: 1441px*/
@media (min-width: 90.063em) {
  .hidden-xl-up {
    display: none !important; } }

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 input[aria-required="true"] {
  background-image: linear-gradient(to bottom, #0059b3, #0059b3), linear-gradient(to bottom, #1aa3ff, #1aa3ff); }
  body input[aria-required="true"].ui-state-error {
    background-image: linear-gradient(to bottom, #D50000, #D50000), linear-gradient(to bottom, #FF6E6E, #FF6E6E); }

body .ui-autocomplete-panel table.ui-autocomplete-items > tbody label {
  color: #555555; }

body .ui-autocomplete-panel table.ui-autocomplete-items > tbody > tr.ui-state-highlight label {
  color: #ffffff; }

body .ui-autocomplete-multiple.ui-autocomplete-required > ul.ui-autocomplete-multiple-container {
  background-image: linear-gradient(to bottom, #0059b3, #0059b3), linear-gradient(to bottom, #1aa3ff, #1aa3ff); }
  body .ui-autocomplete-multiple.ui-autocomplete-required > ul.ui-autocomplete-multiple-container > li.ui-autocomplete-input-token > input[aria-required="true"] {
    background: transparent;
    width: unset; }

body .ui-tooltip {
  max-width: 20vw;
  padding: 6px 12px !important; }
  body .ui-tooltip label {
    color: #BADEFC;
    font-weight: 600;
    display: block; }

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-content {
  padding: 0;
  border: 0; }
  body .ui-fileupload .ui-fileupload-content .ui-fileupload-filename {
    display: none; }

body .ui-dialog.echoDialog {
  background-color: transparent !important;
  z-index: 9999 !important; }
  body .ui-dialog.echoDialog .ui-dialog-titlebar {
    display: inline !important;
    color: white !important;
    background-color: rgba(85, 85, 85, 0.9) !important; }

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.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 .yachtFilterPanel {
  width: 100%;
  border: 1px solid #e1e1e1;
  margin: 10px 0;
  background-color: #f1f1f1; }

body .hiddable {
  display: none;
  background-color: transparent;
  position: relative; }
  body .hiddable .hiddable-close-icon {
    position: absolute;
    background-color: #BADEFC;
    width: 32px;
    height: 32px;
    top: -16px;
    padding: 2px 7px;
    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 .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;
    -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 .hiddable .hiddable-open-icon.hiddable-icon-position-top {
      bottom: unset;
      top: -16px; }
    body .hiddable .hiddable-open-icon.hiddable-icon-position-bottom {
      bottom: 46px;
      top: unset; }
    body .hiddable .hiddable-open-icon i.ui-icon {
      display: inline-block;
      vertical-align: middle;
      line-height: 28px;
      background: #2866B1;
      height: 32px;
      border-radius: 16px;
      width: 32px;
      color: #fff;
      border: 2px solid white; }
    body .hiddable .hiddable-open-icon.green-icon {
      background-color: #CEE4B6;
      color: green; }
      body .hiddable .hiddable-open-icon.green-icon i.ui-icon {
        background-color: #7CB342; }
    body .hiddable .hiddable-open-icon.turquoise-icon {
      background-color: #4dd0e1;
      color: #2866B1; }
      body .hiddable .hiddable-open-icon.turquoise-icon i.ui-icon {
        background-color: #00bcd4; }
    body .hiddable .hiddable-open-icon.pink-icon {
      background-color: #f06292;
      color: #ffffff; }
      body .hiddable .hiddable-open-icon.pink-icon i.ui-icon {
        background-color: #e91e63; }
  body .hiddable.hiddable-left {
    left: 0px;
    width: 380px; }
    body .hiddable.hiddable-left .hiddable-close-icon {
      top: 8px;
      right: 8px; }
    body .hiddable.hiddable-left .hiddable-open-icon {
      right: -96px;
      text-align: right; }
      body .hiddable.hiddable-left .hiddable-open-icon i.ui-icon {
        margin-bottom: 0px;
        margin-top: -6px;
        margin-left: 6px;
        margin-right: -13px;
        padding-right: 4px; }
  body .hiddable.hiddable-right {
    right: 0px;
    width: 500px; }
    body .hiddable.hiddable-right .hiddable-close-icon {
      top: 8px;
      right: 8px; }
    body .hiddable.hiddable-right .hiddable-open-icon {
      left: -116px;
      text-align: left; }
      body .hiddable.hiddable-right .hiddable-open-icon i.ui-icon {
        margin-bottom: 0px;
        margin-top: -6px;
        margin-left: -13px;
        margin-right: 6px;
        padding-left: 4px; }
  body .hiddable.hiddable-overlay {
    position: absolute; }
  body .hiddable.hiddable-fixed {
    position: fixed; }

body {
  /*BEGIN client offer search result*/
  /* CSS za gumbe za flexible period client offer search grupiranje */
  /*END client offer search result*/ }
  body h3 > .ui-icon {
    vertical-align: middle; }
  body .ui-tabs .ui-tabs-nav {
    border: 0;
    background-color: unset; }
    body .ui-tabs .ui-tabs-nav > li.ui-state-default {
      background-color: #ededed;
      border-bottom: 2px solid #dddddd; }
      body .ui-tabs .ui-tabs-nav > li.ui-state-default a {
        color: #555555; }
    body .ui-tabs .ui-tabs-nav > li.ui-state-active {
      background-color: #6ec071;
      border-color: #4CAF50; }
      body .ui-tabs .ui-tabs-nav > li.ui-state-active a {
        color: #ffffff; }
    body .ui-tabs .ui-tabs-nav > li.ui-state-hover {
      background-color: #92cf94;
      border-color: #4CAF50; }
      body .ui-tabs .ui-tabs-nav > li.ui-state-hover a {
        color: #ffffff; }
  body .md-inputfield.inlineField {
    display: inline-block;
    margin: 0px 2px;
    width: auto !important; }
  body .p-datepicker.input-date-with-time > input {
    width: 107px; }
  body .p-datepicker > input {
    width: 72px; }
  body .p-datepicker.ui-trigger-calendar > input {
    width: 92px; }
  body .ui-radiobutton {
    margin-left: 6px;
    margin-right: 2px; }
  body .ui-datatable .ui-datatable-header {
    text-align: left; }
    body .ui-datatable .ui-datatable-header > label {
      line-height: 24px; }
    body .ui-datatable .ui-datatable-header label, body .ui-datatable .ui-datatable-header .ui-icon {
      color: #ffffff;
      line-height: 20px; }
    body .ui-datatable .ui-datatable-header button:last-of-type {
      margin-right: 8px; }
    body .ui-datatable .ui-datatable-header .panel-header-right {
      display: inline-block;
      position: relative;
      float: right; }
  body .ui-toolbar {
    padding: 8px; }
    body .ui-toolbar > .ui-toolbar-group-left {
      font-weight: 600; }
      body .ui-toolbar > .ui-toolbar-group-left > label {
        line-height: 30px;
        vertical-align: middle;
        color: #ffffff; }
  body .searchCriteriaWrapper {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 130px);
    background-color: #ffffff; }
    body .searchCriteriaWrapper .ui-widget-content, body .searchCriteriaWrapper .ui-panel-content {
      background-color: transparent; }
    body .searchCriteriaWrapper .ui-panel-content {
      padding: 0px; }
      body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper {
        height: calc(100vh - 280px);
        border: 0; }
        body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .panelSearchDocuments {
          width: calc(100% - 8px);
          margin: 16px 4px;
          margin-bottom: 0px; }
          body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .panelSearchDocuments > tbody > tr > td:nth-child(1) {
            text-align: right;
            width: 140px; }
            body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .panelSearchDocuments > tbody > tr > td:nth-child(1) label {
              word-wrap: unset;
              white-space: nowrap;
              padding: 2px 6px;
              color: #2866B1;
              line-height: 2; }
              body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .panelSearchDocuments > tbody > tr > td:nth-child(1) label::first-letter {
                text-transform: uppercase; }
          body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .panelSearchDocuments > tbody > tr > td:nth-child(2) > span.md-inputfield, body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .panelSearchDocuments > tbody > tr > td:nth-child(2) > span.ui-autocomplete {
            width: 100%; }
            body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .panelSearchDocuments > tbody > tr > td:nth-child(2) > span.md-inputfield > .ui-inputfield, body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .panelSearchDocuments > tbody > tr > td:nth-child(2) > span.md-inputfield > .ui-selectonemenu, body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .panelSearchDocuments > tbody > tr > td:nth-child(2) > span.ui-autocomplete > .ui-inputfield, body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .panelSearchDocuments > tbody > tr > td:nth-child(2) > span.ui-autocomplete > .ui-selectonemenu {
              width: 95%;
              min-width: unset !important; }
        body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .advancedSearchLink {
          display: block;
          margin-top: 16px;
          color: #455A64;
          font-size: 0.9rem; }
          body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .advancedSearchLink .ui-icon {
            vertical-align: text-bottom; }
          body .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .advancedSearchLink.visible {
            padding-bottom: 4px;
            border-bottom: 1px dashed #cccccc; }
      body .searchCriteriaWrapper .ui-panel-content .searchCriteriaButtonsWrapper {
        background-color: #455A64;
        text-align: center;
        position: relative;
        bottom: 0px; }
    body .searchCriteriaWrapper .yachtCriteriaPanel {
      padding: 20px;
      border: unset; }
      body .searchCriteriaWrapper .yachtCriteriaPanel .ui-autocomplete {
        width: 99%; }
        body .searchCriteriaWrapper .yachtCriteriaPanel .ui-autocomplete ul.ui-autocomplete-multiple-container {
          width: 100%; }
  body .layout-content.fetch-content .searchCriteriaWrapper {
    position: relative; }
    body .layout-content.fetch-content .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper .panelSearchDocuments > tbody > tr > td:nth-child(1) {
      width: unset; }
    body .layout-content.fetch-content .searchCriteriaWrapper .ui-panel-content .searchResultsWrapper .ui-datatable th, body .layout-content.fetch-content .searchCriteriaWrapper .ui-panel-content .searchResultsWrapper .ui-datatable td {
      padding: 4px 2px; }
  body .moduleTitle {
    font-weight: 800;
    font-size: 1.5rem;
    color: #2770b0;
    border-bottom: 1px solid white;
    margin-top: 16px;
    margin-bottom: 8px; }
  body .searchResultsWrapper {
    margin-top: 8px;
    display: block; }
    body .searchResultsWrapper .ui-filter-column > .ui-inputfield.ui-state-filled {
      background-color: #FF9800;
      color: #ffffff;
      text-align: center;
      font-weight: 600; }
    body .searchResultsWrapper .ui-datatable > div.ui-datatable-scrollable-body {
      max-height: calc(100vh - 410px);
      overflow-x: hidden; }
    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(100vh - 256px); }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable > div.ui-datatable-scrollable-body tbody > tr > td {
        padding: 4px 2px; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr td {
      white-space: normal;
      padding: 0px 2px !important;
      vertical-align: top; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(1) {
      width: 50px; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(2) {
      width: 210px;
      position: relative; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(2) img {
        width: 200px;
        height: 120px; }
      body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(2) button {
        height: 22px; }
        body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(2) button .ui-button-text {
          height: 22px;
          line-height: 22px;
          white-space: nowrap; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyIcon {
      width: 30px; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyValue span {
      vertical-align: top; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyValue span.yachtPropValue {
      display: inline-block;
      width: 80px; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyValue span.yachtName {
      font-size: 1rem;
      color: #2866B1; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(3) > table.previewDocumentProperties table td.propertyValue .yachtPropValueWithIcon {
      margin-left: 10px; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(3) > table.previewDocumentProperties > tbody > tr > td:nth-child(2) {
      max-width: 290px; }
    body .searchResultsWrapper .ui-datatable.clientOfferResultsTable table.clientOfferResultsTableItem > tbody > tr > td:nth-child(3) > table.previewDocumentProperties > tbody > tr > td:nth-child(3) {
      width: 50px;
      text-align: right; }
    body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable thead > tr > th {
      padding: 0px; }
    body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table.clientOfferPreviewTableItem > tbody > tr {
      border: 0px; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table.clientOfferPreviewTableItem > tbody > tr td {
        white-space: normal;
        padding: 0px 2px;
        vertical-align: top; }
        body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table.clientOfferPreviewTableItem > tbody > tr td input.ui-inputtext {
          width: 100%;
          text-align: right; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table.clientOfferPreviewTableItem > tbody > tr > td:nth-child(1) {
        width: 40px; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table.clientOfferPreviewTableItem > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyIcon {
        width: 30px;
        text-decoration: line-through; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table.clientOfferPreviewTableItem > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyValue span.yachtName {
        color: #2866B1; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table.clientOfferPreviewTableItem > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table td.propertyValue .yachtPropValueWithIcon {
        margin-left: 10px; }
      body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table.clientOfferPreviewTableItem > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable {
        width: 100px; }
        body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table.clientOfferPreviewTableItem > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable td:first-child {
          width: 46px;
          text-align: left; }
        body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table.clientOfferPreviewTableItem > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable td:last-child {
          width: 46px;
          text-align: right; }
        body .searchResultsWrapper .ui-datatable.clientOfferPreviewTable table.clientOfferPreviewTableItem > tbody > tr > td:nth-child(2) > table.previewDocumentProperties table.periodRangeTable td {
          padding: 0; }
    body .searchResultsWrapper .clientOfferTableWrapper {
      width: 460px;
      float: left;
      margin-left: 1%;
      position: fixed;
      right: 0;
      height: calc(100vh - 200px);
      overflow-y: auto;
      overflow-x: hidden; }
      body .searchResultsWrapper .clientOfferTableWrapper > .ui-panel-content {
        height: unset;
        padding: 0; }
      body .searchResultsWrapper .clientOfferTableWrapper table.topSectionTable {
        background-color: #BADEFC;
        width: 100%; }
        body .searchResultsWrapper .clientOfferTableWrapper table.topSectionTable td.label {
          vertical-align: middle;
          text-align: right;
          width: 50%; }
        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 .clientOfferResultsTable {
      width: calc(100% - 460px);
      float: left; }
  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-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; }
  body .flex-scroller {
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(100% - 58px);
    margin-left: 58px; }
  body .flex-wrapper {
    max-height: 100px; }
  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; }
  body .transparentTable.ui-datatable table {
    margin: 10px 0; }
    body .transparentTable.ui-datatable table * {
      background: none;
      border: 0; }
    body .transparentTable.ui-datatable table tbody tr {
      border: 0;
      border-bottom: 1px solid #888888;
      background: rgba(0, 0, 0, 0.2);
      vertical-align: top; }
      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;
        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-tooltip {
    opacity: 1; }
  body .previewWrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 130px);
    background: rgba(85, 85, 85, 0.9); }
    body .previewWrapper * {
      color: #ffffff; }
    body .previewWrapper label.ui-selectonemenu-label {
      color: #ffffff; }
    body .previewWrapper a {
      color: #4dd0e1; }
    body .previewWrapper .green {
      color: #7CB342; }
    body .previewWrapper .red {
      color: red; }
    body .previewWrapper h4 {
      margin-bottom: 8px;
      padding-bottom: 4px;
      border-bottom: 1px solid #888888; }
    body .previewWrapper .ui-widget-content, body .previewWrapper .ui-panel-content {
      background: none;
      border: unset; }
    body .previewWrapper .darkModeFieldset.ui-fieldset {
      padding: 0px; }
    body .previewWrapper .darkModeFieldset legend {
      display: none; }
    body .previewWrapper .ui-panel-content {
      padding: 0px; }
      body .previewWrapper .ui-panel-content .previewContentWrapper {
        height: calc(100vh - 190px); }
        body .previewWrapper .ui-panel-content .previewContentWrapper .documentCard {
          float: left;
          display: block;
          border: 0; }
        body .previewWrapper .ui-panel-content .previewContentWrapper .ui-accordion .ui-accordion-header {
          font-size: unset; }
          body .previewWrapper .ui-panel-content .previewContentWrapper .ui-accordion .ui-accordion-header .ui-icon {
            color: #ffffff; }
          body .previewWrapper .ui-panel-content .previewContentWrapper .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 .previewWrapper .ui-panel-content .previewContentWrapper .ui-accordion .ui-accordion-header .tab-badge-status.bg-red {
              background-color: #c91e1e;
              color: white; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .ui-accordion .ui-accordion-header .tab-badge-status.bg-orange {
              background-color: #FF9800;
              color: white; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .ui-accordion .ui-accordion-header .tab-badge-status.bg-green {
              background-color: green;
              color: white; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .ui-accordion .ui-accordion-header .tab-badge-status.bg-yellow {
              background-color: #FFD700;
              color: #000000; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .ui-accordion .ui-accordion-header .tab-badge-status.bg-white {
              background-color: white;
              color: #2866B1; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .ui-accordion .ui-accordion-header .tab-badge-status.bg-purple {
              background-color: #9400d3;
              color: white; }
        body .previewWrapper .ui-panel-content .previewContentWrapper .ui-accordion .ui-accordion-content {
          padding: 4px 0;
          background-color: #444444; }
          body .previewWrapper .ui-panel-content .previewContentWrapper .ui-accordion .ui-accordion-content h4 {
            margin-left: 8px;
            border-bottom: 1px solid #888; }
        body .previewWrapper .ui-panel-content .previewContentWrapper .document-list ul {
          padding-left: 32px; }
          body .previewWrapper .ui-panel-content .previewContentWrapper .document-list ul li {
            line-height: 2;
            list-style: none; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .document-list ul li::before {
              content: "➤ "; }
        body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties {
          margin: 10px 0; }
          body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td:nth-child(1) {
            text-align: right;
            white-space: nowrap; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td:nth-child(1) label {
              display: inline-block;
              width: 155px;
              color: #BADEFC; }
              body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td:nth-child(1) label::first-letter {
                text-transform: uppercase; }
              body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td:nth-child(1) label .ui-icon {
                color: orange;
                vertical-align: bottom;
                float: left;
                margin-left: 10px; }
          body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td:nth-child(2) {
            width: 100%; }
          body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td {
            vertical-align: middle;
            padding: 2px 4px; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td table td {
              padding: 0; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-1, body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-2, body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-3, body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-4, body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-5, body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-6, body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-7, body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-8, body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-9, body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-10, body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-11, body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-g-12 {
              padding: 0; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-datalist > div {
              padding: 0px; }
              body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-datalist > div > ul {
                margin: 0px;
                padding: 0px; }
                body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties > tbody > tr > td .ui-datalist > div > ul li {
                  list-style: none; }
          body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentProperties.labelsLeft > tbody > tr > td:nth-child(1) {
            text-align: left;
            vertical-align: top;
            white-space: normal; }
        body .previewWrapper .ui-panel-content .previewContentWrapper .notePanel .ui-panel-titlebar {
          padding: 4px 8px; }
          body .previewWrapper .ui-panel-content .previewContentWrapper .notePanel .ui-panel-titlebar .ui-panel-title {
            font-weight: 600; }
        body .previewWrapper .ui-panel-content .previewContentWrapper .notePanel .ui-panel-content {
          padding: 4px 8px; }
        body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable {
          width: 100%;
          border-bottom: 1px solid #dddddd;
          margin: 0; }
          body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable > tbody > tr > td {
            padding: 8px 2px;
            background: rgba(0, 0, 0, 0.3);
            vertical-align: top; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable > tbody > tr > td > table {
              width: 100%; }
              body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable > tbody > tr > td > table .propertyIcon {
                width: 30px;
                text-align: left; }
                body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable > tbody > tr > td > table .propertyIcon i.ui-icon {
                  color: #dddddd; }
              body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable > tbody > tr > td > table .propertyValue {
                text-align: left;
                line-height: 20px; }
              body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable > tbody > tr > td > table .periodRangeTable {
                width: 160px; }
                body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable > tbody > tr > td > table .periodRangeTable td:first-child {
                  width: 70px;
                  text-align: left; }
                body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable > tbody > tr > td > table .periodRangeTable td:last-child {
                  width: 70px;
                  text-align: right; }
                body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable > tbody > tr > td > table .periodRangeTable td {
                  padding: 0; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable > tbody > tr > td:nth-child(1) {
              width: 48%; }
            body .previewWrapper .ui-panel-content .previewContentWrapper .clientOfferPreviewReservationTable > tbody > tr > td:nth-child(2) {
              width: 52%; }
        body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentLinks h4 {
          margin: 0px;
          margin-top: 8px; }
        body .previewWrapper .ui-panel-content .previewContentWrapper .previewDocumentLinks button {
          margin: 4px 8px; }
    body .previewWrapper .ui-chkbox .ui-chkbox-box {
      border-color: #dddddd; }
    body .previewWrapper .ui-selectoneradio div.ui-g > div {
      padding-left: 8px; }
    body .previewWrapper .ui-radiobutton .ui-radiobutton-box {
      border-color: #dddddd; }
      body .previewWrapper .ui-radiobutton .ui-radiobutton-box .ui-icon-bullet {
        background-color: #dddddd; }
      body .previewWrapper .ui-radiobutton .ui-radiobutton-box::before {
        background-color: #dddddd; }
      body .previewWrapper .ui-radiobutton .ui-radiobutton-box.ui-state-active {
        border-color: #dddddd; }
    body .previewWrapper .ui-menu, body .previewWrapper .ui-menubar {
      background-color: #ffffff;
      color: #000000;
      opacity: 1; }
      body .previewWrapper .ui-menu .ui-menu-list, body .previewWrapper .ui-menubar .ui-menu-list {
        background-color: #ffffff;
        color: #000000; }
        body .previewWrapper .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-text, body .previewWrapper .ui-menubar .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-text {
          color: #000000;
          width: calc(100% - 20px); }
    body .previewWrapper .ui-tabs .ui-tabs-nav {
      border: 0;
      background-color: unset; }
      body .previewWrapper .ui-tabs .ui-tabs-nav > li > a {
        color: #ffffff; }
      body .previewWrapper .ui-tabs .ui-tabs-nav > li.ui-state-default {
        background: rgba(0, 0, 0, 0.3);
        border-color: #F1F1F1; }
      body .previewWrapper .ui-tabs .ui-tabs-nav > li.ui-state-active {
        background: rgba(0, 0, 0, 0.5);
        border-color: #4CAF50; }
      body .previewWrapper .ui-tabs .ui-tabs-nav > li.ui-state-hover {
        background: rgba(0, 0, 0, 0.25);
        border-color: #4CAF50; }
  body .bookingListMenubar.ui-menu.ui-menubar .ui-menubar-options {
    padding-top: 4px;
    padding-right: 4px; }
  body .md-inputfield.altCurrencyInput input {
    width: 100%;
    text-align: right; }
  body .documentDialogWrapper .ui-scrollpanel.dialog-f-xl > .ui-tabs > .ui-tabs-panels {
    height: calc(100vh - 138px);
    overflow-y: auto;
    overflow-x: hidden; }
  body .documentDialogWrapper .ui-scrollpanel.dialog-f-xl h1.documentTitle {
    position: absolute;
    right: 14px;
    top: 0;
    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 {
    padding: 0px 8px; }
    body .documentDialogWrapper fieldset.ui-fieldset .ui-fieldset-legend {
      padding: 2px;
      font-weight: 600;
      color: #333333; }
    body .documentDialogWrapper fieldset.ui-fieldset .ui-fieldset-content {
      padding: 0px 8px 8px 4px; }
  body .documentDialogWrapper textarea.ui-inputfield, body .documentDialogWrapper 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 {
    background-color: transparent; }
  body .documentDialogWrapper h1, body .documentDialogWrapper h2, body .documentDialogWrapper h3, body .documentDialogWrapper h4, body .documentDialogWrapper h5 {
    border-bottom: 1px dashed;
    color: #2866B1;
    font-weight: 600;
    margin: 4px 0px;
    padding: 0px; }
  body .documentDialogWrapper h2 {
    font-size: 1.1rem;
    margin: 8px 0px; }
  body .documentDialogWrapper h3 {
    font-size: 1rem; }
  body .documentDialogWrapper h4 {
    font-size: 0.9rem; }
  body .documentDialogWrapper .p-datepicker {
    width: 98px;
    background-color: #f1f1f1; }
    body .documentDialogWrapper .p-datepicker.input-date-with-time {
      width: 110px; }
    body .documentDialogWrapper .p-datepicker .ui-datepicker-trigger {
      position: absolute;
      top: 6px;
      right: 0px;
      padding-right: 0px; }
    body .documentDialogWrapper .p-datepicker input {
      padding: 2px 4px; }
  body .documentDialogWrapper table.dialogDocumentProperties {
    width: 100%;
    table-layout: auto; }
    body .documentDialogWrapper table.dialogDocumentProperties .ui-state-disabled {
      opacity: 1;
      color: #000000; }
    body .documentDialogWrapper table.dialogDocumentProperties .ui-inputfield.ui-state-disabled {
      border-bottom: unset; }
    body .documentDialogWrapper table.dialogDocumentProperties .ui-selectonemenu.ui-state-disabled > .ui-selectonemenu-trigger {
      display: none; }
    body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label {
      width: 140px;
      vertical-align: top;
      line-height: 24px; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label > .label, body .documentDialogWrapper 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 {
        white-space: nowrap; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label.label-50percent {
        width: 50%; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.label.label-left label {
        text-align: left; }
      body .documentDialogWrapper 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 {
          vertical-align: top; }
    body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field {
      vertical-align: top;
      line-height: 24px; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field > span.ui-autocomplete, body .documentDialogWrapper 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 {
          width: 100%; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-icon {
        vertical-align: middle; }
        body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .ui-icon.ui-chkbox-icon {
          vertical-align: top; }
      body .documentDialogWrapper table.dialogDocumentProperties > tbody > tr > td.field .material-icons {
        font-size: 1.4rem; }
      body .documentDialogWrapper 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 {
        padding: 0px; }
      body .documentDialogWrapper 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 {
      line-height: 1.2; }
    body .documentDialogWrapper table.dialogDocumentProperties.form-read-only * {
      line-height: 1.4 !important; }
  body .documentDialogWrapper div.panelBookingHeader {
    background-color: #607D8B;
    color: #ffffff; }
    body .documentDialogWrapper 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 {
      border-bottom: unset;
      color: #ffffff; }
  body .documentDialogWrapper div.panelBookingForm .reservationNotApproved {
    padding: 10px;
    background-color: #FF9800;
    color: white;
    font-weight: 600;
    text-align: center;
    position: relative; }
    body .documentDialogWrapper div.panelBookingForm .reservationNotApproved .actions-button-bar {
      position: absolute;
      right: 4px;
      top: 4px; }
      body .documentDialogWrapper div.panelBookingForm .reservationNotApproved .actions-button-bar .ui-button {
        margin: 0px 2px; }
  body .documentDialogWrapper div.panelBookingForm .ui-tabs .ui-tabs-panel {
    padding: 8px;
    padding-top: 0px; }
  body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties {
    padding: 0px; }
    body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody {
      padding: 0px; }
      body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1) {
        max-width: 30%;
        vertical-align: top; }
        body .documentDialogWrapper 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 {
            cursor: help;
            float: left;
            color: #FF9800; }
            body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td:nth-child(1) label i.ui-icon.ui-icon-warning {
              color: red; }
      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 {
        padding: 0px; }
      body .documentDialogWrapper 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 {
        display: inline-block;
        width: 100%;
        vertical-align: bottom; }
        body .documentDialogWrapper 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 {
            padding-top: 0px; }
        body .documentDialogWrapper div.panelBookingForm table.previewDocumentProperties tbody tr td > .ui-g > .number .md-inputfield .ui-message {
          padding: unset; }
  body .documentDialogWrapper div.reservationGroup {
    margin: 8px 0px; }
    body .documentDialogWrapper 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 {
      text-align: right;
      vertical-align: bottom; }
      body .documentDialogWrapper div.reservationGroup div.reservationGroupHeader div.reservationGroupButtons .ui-button {
        vertical-align: bottom; }
    body .documentDialogWrapper div.reservationGroup .reservationGroupTable thead {
      display: none; }
    body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody {
      padding: 0;
      border: unset; }
      body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody > tr {
        padding: 0;
        border: unset;
        border-bottom: 1px solid #dddddd; }
        body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody > tr > td {
          padding: 0px 2px;
          line-height: 24px;
          vertical-align: middle;
          border: unset;
          overflow: visible;
          white-space: normal; }
          body .documentDialogWrapper 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 {
            text-align: right; }
          body .documentDialogWrapper 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 {
            font-size: 1.4rem; }
        body .documentDialogWrapper div.reservationGroup .reservationGroupTable tbody > tr.ui-datatable-even {
          background: unset; }
    body .documentDialogWrapper div.reservationGroup .reservationGroupTable tfoot {
      padding: 0;
      border: unset; }
      body .documentDialogWrapper div.reservationGroup .reservationGroupTable tfoot > tr {
        padding: 0;
        border: unset; }
        body .documentDialogWrapper div.reservationGroup .reservationGroupTable tfoot > tr > td {
          text-align: right;
          padding: 0px;
          line-height: 24px;
          vertical-align: middle;
          border: unset;
          overflow: visible;
          color: #2866B1;
          background: unset; }
          body .documentDialogWrapper div.reservationGroup .reservationGroupTable tfoot > tr > td:after {
            content: " ";
            white-space: pre; }
  body .documentDialogWrapper div.panelBookingFooter .md-inputfield {
    left: 0px;
    margin-top: 8px; }
    body .documentDialogWrapper div.panelBookingFooter .md-inputfield label {
      color: #2866B1; }
    body .documentDialogWrapper div.panelBookingFooter .md-inputfield textarea {
      background-color: #ffffff;
      width: 100%;
      height: 68px;
      padding-top: 22px;
      padding-left: 5px; }
  body .documentDialogWrapper div.panelBookingFooter .assignmentsWrapper label {
    text-transform: none; }
  body .documentDialogWrapper div.historyWrapper label {
    display: block;
    margin: 4px 0px; }
  body .documentDialogWrapper div.historyWrapper .md-inputfield {
    margin: unset; }
  body .documentDialogWrapper 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 {
      margin-bottom: 10px;
      background: transparent; }
      body .documentDialogWrapper 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 {
          width: calc(100% - 10px); }
        body .documentDialogWrapper div.dialog-document-sidebar .ui-fieldset table.dialogDocumentProperties tbody > tr > td.label.label-50percent {
          width: 50%; }
  body .documentDialogWrapper div.dialog-document-content-wrapper {
    width: calc(100% - 390px); }
  body .documentDialogWrapper div.dialog-document-content {
    width: 100%;
    padding: 5px 4px;
    box-sizing: border-box; }
  body .documentDialogWrapper .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 {
      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 {
        color: #c91e1e; }
  body .documentDialogWrapper div.documentPropertiesStacked label {
    display: block;
    width: 100%;
    margin-top: 6px; }
  body .documentDialogWrapper 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 {
    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 {
      text-align: right; }
  body .documentDialogWrapper 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 {
    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 {
      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 {
        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 {
        color: #2866B1; }
      body .documentDialogWrapper 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 {
    position: relative;
    height: 120px; }
    body .documentDialogWrapper 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 {
        padding: 0px 10px; }
      body .documentDialogWrapper 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 {
        text-align: right; }
  body .ui-datatable.ui-datatable-scrollable.pricelist-scrollable-table .ui-datatable-scrollable-header th.yachtCell, body .ui-datatable.ui-datatable-scrollable.pricelist-scrollable-table .ui-datatable-scrollable-body > table > .ui-datatable-scrollable-theadclone th.yachtCell {
    width: 200px !important;
    height: 45px; }
  body .ui-datatable.ui-datatable-scrollable.pricelist-scrollable-table .ui-datatable-scrollable-header th.priceCell, body .ui-datatable.ui-datatable-scrollable.pricelist-scrollable-table .ui-datatable-scrollable-body > table > .ui-datatable-scrollable-theadclone th.priceCell {
    width: 95px !important;
    height: 45px;
    border-right: 1px solid #F1F1F1; }
  body .ui-datatable.ui-datatable-scrollable.pricelist-scrollable-table .ui-datatable-scrollable-header th {
    font-size: 12px;
    height: 60px;
    text-align: center; }
  body .ui-datatable.ui-datatable-scrollable.pricelist-scrollable-table .ui-datatable-scrollable-body {
    max-height: 64vh !important; }
    body .ui-datatable.ui-datatable-scrollable.pricelist-scrollable-table .ui-datatable-scrollable-body td.yachtCell {
      width: 200px !important;
      height: 45px; }
    body .ui-datatable.ui-datatable-scrollable.pricelist-scrollable-table .ui-datatable-scrollable-body td.priceCell {
      width: 95px !important;
      height: 45px;
      border-right: 1px solid #F1F1F1; }
      body .ui-datatable.ui-datatable-scrollable.pricelist-scrollable-table .ui-datatable-scrollable-body td.priceCell input {
        padding: 0px;
        width: 100%;
        text-align: center; }
  body .ui-datatable.ui-datatable-scrollable.pricelist-scrollable-table .ui-datatable-frozenlayout-right > .ui-datatable-scrollable-container > .ui-datatable-scrollable-header, body .ui-datatable.ui-datatable-scrollable.pricelist-scrollable-table .ui-datatable-frozenlayout-right > .ui-datatable-scrollable-container > .ui-datatable-scrollable-body {
    max-width: calc(100vw - 290px); }
  body .pricelist-columns-tree {
    width: 100%; }
    body .pricelist-columns-tree .ui-treenode-content {
      width: 100%;
      padding: 0; }
      body .pricelist-columns-tree .ui-treenode-content .ui-treenode-label {
        width: calc(100% - 20px);
        padding: 6px; }
        body .pricelist-columns-tree .ui-treenode-content .ui-treenode-label > label {
          line-height: 30px; }
        body .pricelist-columns-tree .ui-treenode-content .ui-treenode-label.ui-state-highlight {
          background-color: #f1f1f1; }
    body .pricelist-columns-tree .ui-treenode-parent > .ui-treenode-content {
      background-color: #b5dfb7;
      color: #ffffff; }
    body .pricelist-columns-tree .ui-treenode-children > .ui-treenode-leaf > .ui-treenode-content {
      padding: 0px; }
      body .pricelist-columns-tree .ui-treenode-children > .ui-treenode-leaf > .ui-treenode-content .ui-treenode-leaf-icon {
        width: 20px; }
      body .pricelist-columns-tree .ui-treenode-children > .ui-treenode-leaf > .ui-treenode-content .ui-treenode-label {
        padding: 6px; }
      body .pricelist-columns-tree .ui-treenode-children > .ui-treenode-leaf > .ui-treenode-content .table-date-range {
        display: inline;
        width: 180px; }
  body .crmSearchResultTableDataTable {
    width: 180px; }
    body .crmSearchResultTableDataTable > tbody > tr > td {
      padding: 0px;
      white-space: normal; }
    body .crmSearchResultTableDataTable > tbody > tr .label {
      white-space: normal;
      width: 30px;
      text-align: right;
      vertical-align: top; }
      body .crmSearchResultTableDataTable > tbody > tr .label label {
        white-space: normal;
        display: inline-block;
        padding-right: 4px; }
    body .crmSearchResultTableDataTable > tbody > tr .field {
      white-space: normal; }
      body .crmSearchResultTableDataTable > tbody > tr .field i {
        display: inline;
        vertical-align: middle; }
  body .fc .fc-day-grid-event {
    box-shadow: -2px -2px 8px #d1d1d1; }
  body .floating-icon-wrapper {
    position: absolute;
    bottom: -2px;
    z-index: 999;
    background: rgba(255, 255, 255, 0.75);
    width: 35px;
    padding: 5px 0px 0px 4px;
    text-align: center;
    border: 0px solid red;
    border-radius: 50%;
    height: 35px; }
  body .floating-icon-wrapper img {
    width: unset !important;
    height: 25px !important; }

body .layout-wrapper.fetch-dialog .layout-main {
  margin-left: unset; }

body .layout-wrapper.fetch-dialog .searchCriteriaWrapper {
  height: calc(100vh - 50px);
  width: calc(25% - 22px);
  position: fixed; }
  body .layout-wrapper.fetch-dialog .searchCriteriaWrapper .ui-panel-content .searchCriteriaContentWrapper {
    height: calc(100vh - 152px);
    border: 0; }
  body .layout-wrapper.fetch-dialog .searchCriteriaWrapper .ui-panel-footer {
    width: calc(25% - 24px);
    bottom: 28px; }

body .helpWrapper {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100vh;
  background-color: #ffffff;
  padding-top: 30px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: all 0.5s ease;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

body .helpIframeWrapper {
  margin: 0px auto;
  overflow: hidden;
  height: calc(100vh - 130px);
  max-width: 1215px;
  width: 95%; }

body iframe.helpIframe {
  border: 0px;
  background: transparent;
  height: calc(100vh - 4px); }

.ui-datepicker td.ui-datepicker-week-col {
  color: #ffffff;
  background-color: #2866B1; }

body #yachtReservationDialogForm\:tabView\:passengersTable .ui-datatable-header {
  text-align: left; }

body .ui-chkbox .ui-chkbox-box.ui-state-active::before {
  -webkit-animation: none;
  animation: none; }

body .ui-corner-top {
  moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

body .ui-corner-bottom {
  moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

body .ui-corner-left {
  moz-border-radius-leftleft: 4px;
  -webkit-border-left-left-radius: 4px;
  border-left-left-radius: 4px;
  -moz-border-radius-leftright: 4px;
  -webkit-border-left-right-radius: 4px;
  border-left-right-radius: 4px; }

body .ui-corner-right {
  moz-border-radius-rightright: 4px;
  -webkit-border-right-right-radius: 4px;
  border-right-right-radius: 4px;
  -moz-border-radius-rightright: 4px;
  -webkit-border-right-right-radius: 4px;
  border-right-right-radius: 4px; }

/*TODO CALENDAR SCHEDULER*/
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 .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-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 .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 .roundedCircle {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%; }

body .closedTask {
  text-decoration: line-through !important; }

/*TODO CALENDAR SCHEDULER*/
/*AGENCY PORTAL SPECIFIC*/
body .workspace-ads {
  height: 20vh;
  background-color: red;
  position: relative;
  display: none; }
  body .workspace-ads .watermark {
    color: #F1F1F1;
    font-size: 9px;
    position: absolute;
    right: 0px;
    bottom: 0px; }
    body .workspace-ads .watermark:after {
      content: 'sponsored'; }

body .workspace {
  background-color: #ffffff;
  padding: 20px; }
  body .workspace > .workspace-col h2 {
    color: #2866B1;
    border-bottom: 1px dashed #2866B1;
    font-weight: 600;
    margin-top: 0px; }
  body .workspace > .workspace-col .ui-widget-content {
    border: unset;
    padding: 0px;
    background: transparent; }
  body .workspace > .workspace-col .ui-autocomplete, body .workspace > .workspace-col .ui-autocomplete-multiple-container {
    width: 100%; }
    body .workspace > .workspace-col .ui-autocomplete > input, body .workspace > .workspace-col .ui-autocomplete-multiple-container > input {
      width: 100%; }
  body .workspace > .workspace-col li.ui-autocomplete-token {
    display: block; }
    body .workspace > .workspace-col li.ui-autocomplete-token span.ui-autocomplete-token-label {
      display: block;
      overflow: hidden;
      width: 100%; }
  body .workspace > .workspace-col.bookingList-col {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    padding: 8px 32px; }
    body .workspace > .workspace-col.bookingList-col .charterCompanyDetailsPanel {
      padding: 2px 16px; }
      body .workspace > .workspace-col.bookingList-col .charterCompanyDetailsPanel hr {
        height: 1px;
        border: 0;
        background-color: #2866B1; }
      body .workspace > .workspace-col.bookingList-col .charterCompanyDetailsPanel .companyName {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1.4rem; }
      body .workspace > .workspace-col.bookingList-col .charterCompanyDetailsPanel .dialogDocumentProperties > tbody > tr > td {
        vertical-align: top; }
        body .workspace > .workspace-col.bookingList-col .charterCompanyDetailsPanel .dialogDocumentProperties > tbody > tr > td > label {
          width: 85px;
          display: inline-block;
          text-align: right; }
  body .workspace > .workspace-col.newFleets-col .ui-accordion-header > .ui-icon {
    color: #ffffff; }
  body .workspace > .workspace-col.newFleets-col .ui-accordion-header.hotArea {
    background-color: #FF9800; }
  body .workspace > .workspace-col.newFleets-col .simpleTable > .ui-datatable-tablewrapper > table {
    margin-top: 0px;
    margin-bottom: 16px; }
    body .workspace > .workspace-col.newFleets-col .simpleTable > .ui-datatable-tablewrapper > table > tbody tr.ui-datatable-even {
      border-bottom: 1px solid #e1e1e1;
      border-top: 1px solid #e1e1e1; }

body .newsArea {
  /*background: #b8deff;*/
  font-size: 0.9rem;
  padding: 0px 0px;
  width: 100%; }
  body .newsArea > .title {
    display: block;
    width: 105px;
    padding: 8px 6px;
    line-height: 1.5;
    background: #7CB342;
    color: white;
    font-weight: bold; }
  body .newsArea > .content {
    display: block;
    width: calc(100% - 105px);
    line-height: 1.5;
    padding: 8px 6px;
    border-bottom: 1px solid #7CB342;
    background: #e1e1e1; }
    body .newsArea > .content a {
      text-decoration: underline;
      font-weight: bold; }
  body .newsArea.bl > .content {
    width: calc(100% - 190px); }

/*AGENCY PORTAL SPECIFIC*/
/*ECHO 2.0*/
body .echoWrapper .flex {
  display: flex !important; }

body .echoWrapper .echoContent {
  background: linear-gradient(-55deg, transparent, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 90%, transparent 93%), rgba(85, 85, 85, 0.9) !important; }

body .echoWrapper .flexHub2 {
  flex: 2 !important; }

body .echoWrapper .pinnedContext {
  opacity: 0.8;
  color: white;
  cursor: pointer;
  transition: all 250ms ease-in; }

body .echoWrapper .pinnedContext:hover {
  color: #fffc2f;
  border-color: #fffc2f;
  text-shadow: 0 0 1em currentcolor; }

body .echoWrapper .left {
  margin-left: 3px; }

body .echoWrapper .right {
  margin-right: 3px; }

body .echoWrapper .usersPanel {
  width: 70px;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
  overflow-x: hidden;
  transition: width 0.3s linear; }

body .echoWrapper .usersPanel:hover {
  width: 300px !important;
  transition: width 0.3s linear; }

body .echoWrapper .userInfo {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center !important;
  color: white !important; }

body .echoWrapper .userInfo > div {
  white-space: nowrap;
  overflow-x: auto;
  margin-left: 12px;
  position: relative;
  top: 1px; }

body .echoWrapper .userAvatar {
  width: 35px !important;
  margin: 5px !important;
  padding: 25px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: initial !important;
  font-style: oblique !important; }

body .echoWrapper .userAvatar > * {
  font-size: 19px !important;
  font-weight: bold !important;
  position: relative !important;
  top: 1px !important; }

body .echoWrapper .msg {
  margin-bottom: 5px; }

body .echoWrapper .myMsg {
  margin-right: 15px;
  justify-content: right; }

body .echoWrapper .receivedMsg {
  margin-left: 15px;
  justify-content: left; }

body .echoWrapper .bubble {
  padding: 10px 20px 10px 20px !important;
  justify-content: center;
  max-width: 600px !important;
  position: relative  !important;
  white-space: pre-wrap; }

body .echoWrapper .myBubble {
  background-color: #87cceb !important;
  border-radius: 20px 15px 3px 20px !important;
  float: right !important; }

body .echoWrapper .receivedBubble {
  background-color: #f1f1f1  !important;
  border-radius: 15px 20px 20px 3px  !important;
  float: left !important; }

body .echoWrapper .ui-toolbar-group-left {
  display: flex !important; }

body .echoWrapper .ui-toolbar-group-right {
  display: flex !important; }

body .echoWrapper .postContainer {
  width: 100% important; }

body .echoWrapper .echoFooter {
  justify-content: center !important;
  align-items: center;
  background-color: #455A64 !important;
  color: white !important;
  padding: 8px !important;
  max-height: 110px; }

body .echoWrapper .ui-dataview .ui-dataview-header {
  border-bottom: 0 none;
  display: none; }

body .echoWrapper .textCenter label {
  text-align: center !important;
  padding: 0.5em 0 0.5em 0; }

body .echoWrapper .ui-selectlistbox-filter-container {
  background: linear-gradient(60deg, #a3a3a3, #919191) !important; }
  body .echoWrapper .ui-selectlistbox-filter-container .ui-inputfield {
    color: #000 !important; }

body .echoWrapper .light {
  background-color: whitesmoke !important;
  border: none !important; }

body .echoWrapper .messagesWrapper {
  overflow: auto; }

body .echoWrapper .messagesWrapper .msg .note {
  border-radius: 16px;
  width: 100%;
  padding: 10px 20px;
  padding-right: 10px;
  color: black; }

body .echoWrapper .messagesWrapper .msg textarea {
  width: calc(100% - 60px);
  height: 50px;
  float: left; }

body .echoWrapper .messagesWrapper .msg .send-echobtn {
  width: 50px;
  height: 50px;
  float: left; }

body .echoWrapper .add-note-echobtn {
  margin-top: 8px; }

body .echoWrapper .signature {
  color: white !important;
  font-style: italic !important;
  font-size: 0.85em !important;
  transition: width 0.3s linear; }

body .echoWrapper .mySignature {
  justify-content: right;
  margin: 5px 10px 0 0 !important; }

body .echoWrapper .receivedSignature {
  justify-content: left;
  margin: 5px 0 0 10px !important; }

body .echoWrapper .myReplied > * {
  display: flex;
  border-radius: 16px;
  border-bottom: none !important;
  opacity: 1 !important;
  pointer-events: none;
  margin-left: 4px;
  overflow: hidden;
  background: #87cceb !important;
  color: black !important; }

body .echoWrapper .receivedReplied > * {
  display: flex;
  border-radius: 16px;
  border-bottom: none !important;
  opacity: 1 !important;
  pointer-events: none;
  margin-left: 4px;
  overflow: hidden;
  background: #f1f1f1 !important;
  color: black !important; }

body .echoWrapper .messageContent {
  opacity: 1 !important;
  backdrop-filter: blur(5px) !important;
  background: linear-gradient(120deg, rgba(181, 181, 181, 0.4), rgba(181, 181, 181, 0.1)) !important;
  font-size: 1.05em !important;
  color: white;
  border-radius: 0 !important;
  border: none !important;
  padding: 1em !important;
  width: 93% !important;
  pointer-events: all;
  max-height: 90px !important; }

body .echoWrapper .echobtn {
  border-radius: 0.5em 0.5em 0.5em 0.5em !important;
  height: 35px !important;
  overflow: hidden; }

body .echoWrapper .echobtn::before {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.2));
  width: 60%;
  height: 100%;
  top: 0%;
  left: -40%;
  transform: skew(-15deg);
  position: absolute;
  transition: left 0.5s ease-in-out; }

body .echoWrapper .echobtn:hover::before {
  left: 20%; }

body .echoWrapper .echobtn::after {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.6));
  width: 70%;
  height: 100%;
  top: 0%;
  left: -170%;
  transform: skew(-15deg);
  position: absolute;
  transition: left 0.5s ease-in-out; }

body .echoWrapper .echobtn:hover::after {
  left: 63%; }

body .echoWrapper .echobtn.addBtn {
  background: linear-gradient(60deg, #149632, #1ad947) !important; }

body .echoWrapper .echobtn.yellowBtn {
  background: linear-gradient(60deg, #d6a620, #fcc62d) !important; }

body .echoWrapper .echobtn.cancelBtn {
  background: linear-gradient(60deg, #e13a3a, #ff6363) !important; }

body .echoWrapper .echobtn.blueBtn {
  background: linear-gradient(60deg, rgba(35, 204, 235, 0.5), rgba(35, 204, 235, 0.8)) !important; }

body .echoWrapper .echobtn.blueBtn.sendBtn {
  border-radius: 0 0.5em 0.5em 0 !important;
  height: 90px !important;
  width: 50px !important;
  margin: 0 !important; }

body .echoWrapper .echobtn.clearBtn {
  border-radius: 0.5em 0 0 0.5em !important;
  height: 90px !important;
  width: 50px !important;
  margin: 0 !important;
  background-color: #455A64 !important;
  box-shadow: none !important; }

/*ECHO 2.0*/
/*RESERVATION TAGS*/
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; }

body .createdDetails {
  min-width: 135px;
  overflow-x: hidden; }

/*Image grid*/
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; }

.newsTitle {
  width: 105px;
  padding: 8px 6px;
  line-height: 1.5;
  background: #7CB342;
  color: white;
  font-weight: bold; }

.newsDescription {
  width: calc(100% - 105px);
  line-height: 1.5;
  padding: 8px 6px;
  border-bottom: 1px solid #7CB342;
  background: #e1e1e1; }

.newsWrapper {
  font-size: 0.9rem;
  padding: 0px 0px;
  width: 100%;
  position: relative; }

.showMoreNews {
  text-align: right;
  display: none;
  position: absolute;
  right: 0px;
  bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  color: #2866B1;
  background: #e1e1e1; }

.hideNews {
  max-height: 100px;
  overflow: hidden; }

.expandedNews {
  max-height: none;
  overflow: visible; }

/*Firebase messager*/
#firebaseMessager {
  border: none;
  text-align: start;
  min-width: 550px;
  padding: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
  #firebaseMessager .firebaseMessagerHeader {
    background: transparent;
    display: flex;
    justify-content: space-between;
    padding: 30px 15px 15px 15px; }
  #firebaseMessager .notification-close * {
    color: #2654ac !important; }
  #firebaseMessager .firebaseMessagerContent {
    padding: 0px 20px 20px 20px;
    overflow-y: auto;
    overflow-x: clip;
    max-height: 75vh;
    border-radius: 10px 10px 0 0; }
  #firebaseMessager .firebaseMessagerItem {
    position: relative;
    overflow: hidden;
    margin: 20px 0 0 0;
    border: none;
    width: 600px;
    border-top: 2px solid #2654ac; }
  #firebaseMessager .notification {
    display: flex;
    justify-content: space-between;
    padding: 15px 15px 15px 0; }
  #firebaseMessager .submit-btn {
    margin: 0 !important;
    width: 80px !important;
    height: 45px !important;
    transform: skewX(20deg);
    transition: all 0.3s ease !important;
    position: relative;
    left: 25px;
    bottom: 15px;
    background-color: #2654ac !important;
    border-radius: 0 !important; }
    #firebaseMessager .submit-btn * {
      display: inline-block;
      transform: skewX(-20deg);
      color: white !important;
      left: 45%; }
    #firebaseMessager .submit-btn:hover {
      width: 100px !important; }
      #firebaseMessager .submit-btn:hover * {
        left: unset; }
  #firebaseMessager .slide-out-right {
    transition: transform 0.3s ease-in-out, opacity 0.5s ease-in-out;
    transform: translateX(100%);
    opacity: 0; }
  #firebaseMessager .entry-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
  #firebaseMessager .booking-info {
    min-width: 240px;
    border-right: 1px solid #2654ac; }
  #firebaseMessager .notification-input {
    background: white;
    color: black;
    padding: 5px 0 5px 0;
    font-size: 1em;
    font-style: oblique;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    #firebaseMessager .notification-input .title-input {
      width: 100%;
      font-size: 1.1rem !important; }
    #firebaseMessager .notification-input .body-input {
      width: 100%;
      height: 80%;
      background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, #1aa3ff, #1aa3ff) !important; }
      #firebaseMessager .notification-input .body-input.ui-state-error {
        background-image: linear-gradient(to bottom, #D50000, #D50000), linear-gradient(to bottom, #FF6E6E, #FF6E6E) !important; }
  #firebaseMessager .successAnimationContainer {
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center; }
  #firebaseMessager .main-container {
    display: none;
    position: absolute; }
  #firebaseMessager .check-container {
    width: 6.25rem;
    height: 7.5rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between; }
    #firebaseMessager .check-container .check-background {
      width: 100%;
      height: calc(100% - 1.25rem);
      background: linear-gradient(to bottom right, #2654ac, #2654acc2);
      box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
      transform: scale(0.84);
      border-radius: 50%;
      animation: animateContainer 0.75s ease-out forwards 0.75s;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0; }
      #firebaseMessager .check-container .check-background svg {
        width: 65%;
        transform: translateY(0.25rem);
        stroke-dasharray: 80;
        stroke-dashoffset: 80;
        animation: animateCheck 0.35s forwards 1.25s ease-out; }
    #firebaseMessager .check-container .check-shadow {
      bottom: calc(-15% - 5px);
      left: 0;
      border-radius: 50%;
      background: radial-gradient(closest-side, #333a45, transparent);
      animation: animateShadow 0.75s ease-out forwards 0.75s; }

@keyframes animateContainer {
  0% {
    opacity: 0;
    transform: scale(0);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset; }
  25% {
    opacity: 1;
    transform: scale(0.9);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset; }
  43.75% {
    transform: scale(1.15);
    box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset; }
  62.5% {
    transform: scale(1);
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset; }
  81.25% {
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset; }
  100% {
    opacity: 1;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset; } }

@keyframes animateCheck {
  from {
    stroke-dashoffset: 80; }
  to {
    stroke-dashoffset: 0; } }

@keyframes animateShadow {
  0% {
    opacity: 0;
    width: 100%;
    height: 15%; }
  25% {
    opacity: 0.25; }
  43.75% {
    width: 40%;
    height: 7%;
    opacity: 0.35; }
  100% {
    width: 85%;
    height: 15%;
    opacity: 0.25; } }

/*Firebase messager*/