/*
 * Title:      core.css
 * Author:     dperkin
 * Company:    Eurobase Systems Limited
 * Copyright:  Copyright (c) 2025
 */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);

html {
  height: -webkit-fill-available; /* We have to fix html height */
}

body {
  min-height: auto;
  clear: none;
  padding-right: 0px;
  padding-left: 0px;
  font-weight: normal;
  font-size: 15px;
  float: none;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  font-style: normal;
  font-family: 'Open Sans' !important;
  font-weight: 300 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

@media only screen and (max-width: 800px) {
  body {
    justify-content: space-around !important;
  }
}

.bodyContainer {
  display: flex;
  flex-direction: column;
  width: 1220px;
}

/* Override for iOS Safari only */
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .body {
    min-height: -webkit-fill-available;
  }
}

.bodyContainer {
  min-width: 1220px;
}

.headerContainer {
  min-width: 1220px;
  height: 80px;
  display: flex;
  width: 100%;
  max-width: 100vw;
  position: relative;
  justify-content: flex-end;
  gap: 20px;
}

.headerContainer .title {
  display: none;
  font-style: italic;
  position: relative;
  left: 180px;
  font-size: 14px;
}

.headerContainer .title h3 {
  font-size: 1.3em;
}

.dj_ie .headerContainer .title h3 {
  font-weight: 600;
}

.headerContainer .logoContainer {
  color: #000000;
  text-align: left;
}

.headerContainer .logo {
  background-image: url("../../user/en_GB/images/iCompanyBanner.jpg");
  background-repeat: no-repeat;
  background-size: auto 63px;
  height: 80px;
  width: 240px;
  left: 30px;
  top: 10px;
  position: absolute;
}

#pageFooter {
  display: none;
  text-align: center;
}

#pageTitle {
  font-style:italic;
  position:relative;
  left:180px;
  font-size:14px;
}

.dx-textbox.dx-state-readonly.label input {
  cursor: default;
}

.dx-popup-content.dx-dialog-content {
  max-width: 500px;
}

.dx-texteditor-with-floating-label.dx-state-disabled.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-floating-label.dx-state-disabled.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-floating-label.dx-state-readonly.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-floating-label.dx-state-readonly.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-label.dx-state-disabled.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-label.dx-state-disabled.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-label.dx-state-readonly.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-label.dx-state-readonly.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-floating-label.dx-state-disabled.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-floating-label.dx-state-readonly.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-label.dx-state-disabled.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-label.dx-state-readonly.label .dx-texteditor-label .dx-label,

.dx-texteditor-with-floating-label.dx-state-disabled.dx-state-hover.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-floating-label.dx-state-disabled.dx-state-hover.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-label.dx-state-disabled.dx-state-hover.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-label.dx-state-disabled.dx-state-hover.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-label.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-label.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-floating-label.dx-state-disabled.dx-state-hover.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-label.dx-state-disabled.dx-state-hover.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-label.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label,

.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.label .dx-texteditor-label .dx-label,

.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label-after,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label-before,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-readonly.dx-state-hover.label .dx-texteditor-label .dx-label,

.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.label .dx-texteditor-label .dx-label,
.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label,

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.label .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.label .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.label .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.label .dx-texteditor-label .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.label .dx-texteditor-label .dx-label-before
{
  border: none;
}

.dx-datagrid .dx-datagrid-table .dx-edit-row td.dx-editor-cell .dx-textbox {
  border: 1px solid green;
}

.eb-standard-border,
.panel:before {
  border-radius: 5px;
  border: 1px solid #ddd;
}

.panel {
  font-size: 15px;
/*  margin-left: 30px;
  margin-right: 30px;*/
  margin-top: 40px;
  padding: 2px 5px;
  position: relative;
  overflow: visible;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel:before {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: absolute;
  width: 100.5%;
  left: -1px;
  top: -35px;
}

.dx-color-scheme-dark .eb-standard-border,
.dx-color-scheme-dark .panel:before {
  border-color: #4d4d4d;
}

.dx-color-scheme-darkmoon .eb-standard-border,
.dx-color-scheme-darkmoon .panel:before {
  border-color: #596980;
}

.dx-color-scheme-darkviolet .eb-standard-border,
.dx-color-scheme-darkviolet .panel:before {
  border-color: #343840;
}

.dx-color-scheme-blue-dark .eb-standard-border,
.dx-color-scheme-blue-dark .panel:before {
  border-color: #515159;
}

.dx-color-scheme-contrast .eb-standard-border,
.dx-color-scheme-contrast .panel:before {
  border-color: #515159;
}

.dx-theme-material .panel {
  margin-top: 52px;
}

.dx-theme-material .panel:before {
  height: 52px;
  top: -53px;
}

.dx-theme-material .panel:before {
  line-height: 50px;
}

.dx-color-scheme-dark .headerContainer .logo,
.dx-color-scheme-darkmoon .headerContainer .logo,
.dx-color-scheme-darkviolet .headerContainer .logo,
.dx-color-scheme-blue-dark .headerContainer .logo,
.dx-color-scheme-contrast .headerContainer .logo,
.dx-color-scheme-dark .loginPanel::before,
.dx-color-scheme-darkmoon .loginPanel::before,
.dx-color-scheme-darkviolet .loginPanel::before,
.dx-color-scheme-blue-dark .loginPanel::before,
.dx-color-scheme-contrast .loginPanel::before {
  background-image: url(../../user/en_GB/images/lightlogo.png);
}


.editAgreement-icon {
  background: url(../../user/en_GB/images/file-alt-solid.png) no-repeat;
}

.exposure-icon {
  background: url(../../user/en_GB/images/chart-bar-solid.png) no-repeat;
}

.print-icon {
  background: url(../../user/en_GB/images/print-solid.png) no-repeat;
}

.dx-color-scheme-dark .logout.navigator:before,
.dx-color-scheme-darkmoon .logout.navigator:before,
.dx-color-scheme-darkviolet .logout.navigator:before,
.dx-color-scheme-blue-dark .logout.navigator:before,
.dx-color-scheme-contrast .logout.navigator:before,
.dx-color-scheme-dark .login.navigator:before,
.dx-color-scheme-darkmoon .login.navigator:before,
.dx-color-scheme-darkviolet .login.navigator:before,
.dx-color-scheme-blue-dark .login.navigator:before,
.dx-color-scheme-contrast .login.navigator:before {
  filter: invert(100%);
}

.dx-color-scheme-dark .dx-menu-item .dx-icon,
.dx-color-scheme-darkmoon .dx-menu-item .dx-icon,
.dx-color-scheme-darkviolet .dx-menu-item .dx-icon,
.dx-color-scheme-blue-dark .dx-menu-item .dx-icon,
.dx-color-scheme-contrast .dx-menu-item .dx-icon,
.dx-color-scheme-dark .peer2PeerChat,
.dx-color-scheme-darkmoon .peer2PeerChat,
.dx-color-scheme-darkviolet .peer2PeerChat,
.dx-color-scheme-blue-dark .peer2PeerChat,
.dx-color-scheme-contrast .peer2PeerChat {
  filter: invert(100%);
}

.dx-menu-item .dx-icon {
  width: 21px;
  background-repeat: no-repeat;
}

.dx-color-scheme-blue-light .dx-menu-item .dx-icon,
.dx-color-scheme-blue-dark .dx-menu-item .dx-icon {
  width: 25px;
}

.dx-menu-item .dx-icon-homeIcon {
  background-image: url(images/house-solid.svg);
}

.dx-menu-item .dx-icon-dealsIcon {
  background-image: url(images/arrow-right-to-bracket-solid.svg);
  transform: rotate(180deg);
}

.dx-menu-item .dx-icon-inboundIcon {
  background-image: url(images/arrow-right-to-bracket-solid.svg);
}

.dx-menu-item .dx-icon-paymentsIcon {
  background-image: url(images/right-left-solid.svg);
}

.dx-menu-item .dx-icon-uploadPaymentsIcon {
  background-image: url(images/arrow-up-from-bracket-solid.svg);
}

.dx-menu-item .dx-icon-bulkPaymentsIcon {
  background-image: url(images/arrows-up-to-line-solid.svg);
  transform: rotate(90deg);
}

.dx-menu-item .dx-icon-paymentsListIcon {
  background-image: url(images/list-solid.svg);
}

.dx-menu-item .dx-icon-payeesIcon {
  background-image: url(images/people-group-solid.svg);
}

.dx-menu-item .dx-icon-fxToolsIcon {
  background-image: url(images/arrow-down-up-across-line-solid.svg);
}

.dx-menu-item .dx-icon-trackARateIcon {
  background-image: url(images/arrow-trend-up-solid.svg);
}

.dx-menu-item .dx-icon-reportsIcon {
  background-image: url(images/file-invoice-dollar-solid.svg);
}

.dx-menu-item .dx-icon-organisationIcon {
  background-image: url(images/sitemap-solid.svg);
}

.dx-menu-item .dx-icon-preferencesIcon {
  background-image: url(images/preferencesIcon.png);
}

.dx-menu-item .dx-icon-singleCurrencyPaymentIcon {
  background-image: url(images/sterling-sign-solid.svg);
}

.dx-menu-item .dx-icon-logoutIcon {
}

.dx-datagrid-rowsview .dx-row > td, .dx-datagrid-rowsview .dx-row > tr > td {
  white-space: nowrap;
}

.label .dx-textbox.dx-state-readonly {
  background-color: transparent;
  border: none !important;
  box-shadow: none !important;
}

.buttonContainer {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 5px;
}

.buttonHolder {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 10px;
}

.buttonContainer .dx-item.dx-box-item,
.buttonHolder .dx-item.dx-box-item {
  flex: 0 0 auto !important;
  display: flex;
  gap: 8px;
}

.dx-button {
  width: auto;
  font-weight: 600;
  height: auto;
  border-radius: 0.5em;
  min-width: 120px;
}

.dx-color-scheme-light .dx-button:focus:not(.dx-state-active):not(:hover) {
  background-color: #322A77;
  outline: 2px solid #322A77;
  outline-offset: 2px;
}

.dx-field-item {
  position: relative;
}

.dx-datagrid .dx-row > td,
.dx-datagrid .dx-row > tr > td {
  padding: 4px;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

.dx-field-item-label-location-top .dx-field-item-custom-label-content .dx-icon.tool-tip {
  padding-left: 5px;
}