/* src/styles.scss */
:root .dx-theme-generic {
  --change-password-popup-height: 190px;
}
:root .dx-theme-material {
  --change-password-popup-height: 260px;
}
html,
body {
  margin: 0;
  min-height: 100%;
  height: 100%;
}
* {
  box-sizing: border-box;
}
header {
  background-color: #1A70B7 !important;
}
.dx-theme-fluent-typography h2 {
  font-weight: 400 !important;
}
.menu-container .dx-treeview .dx-treeview-node[aria-level="1"] {
  font-weight: 400 !important;
}
.header-text {
  font-size: 22px;
  font-weight: 400;
  padding-right: 25px;
  color: var(--texteditor-label-color);
}
.title-text {
  font-size: 16px;
  font-weight: 500;
}
.subtitle-text {
  color: var(--subtitle-text-color);
  font-size: 14px;
  font-weight: 400;
}
.content {
  line-height: 1.5;
  height: 100%;
}
.content h2 {
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 20px;
}
.dx-card-box {
  height: 120px !important;
  padding: 20px !important;
  background-color: rgb(242, 242, 242) !important;
}
.dx-card-box-title {
  color: #1A70B7 !important;
}
.dx-card-box-values {
  font-size: 21pt !important;
}
.dx-card-box-lg {
  height: 120px !important;
  padding: 20px !important;
  background-color: rgb(242, 242, 242) !important;
}
.dx-card-box-lg-title {
  color: #1A70B7 !important;
  font-size: 20px !important;
}
.dx-card-box-lg-values {
  font-size: 21pt !important;
}
.responsive-paddings {
  padding: 20px;
}
.dx-dropdownbutton-content .dx-list-item {
  display: block;
}
.dx-card.wide-card {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  border-right: 0;
  border-left: 0;
}
.view-wrapper-scroll > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  height: 100%;
}
.view-wrapper-scroll > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-scrollview-content {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.embedded.embedded .layout-header,
.embedded.embedded .dx-swatch-additional,
.embedded.embedded .dx-drawer-shader {
  display: none;
}
.embedded.embedded .dx-drawer-content {
  padding: initial !important;
}
.embedded.embedded .dx-drawer-panel-content,
.embedded.embedded .dx-drawer-panel-content .dx-overlay-content {
  width: initial !important;
}
.separator {
  height: 24px;
  width: 1px;
  background: var(--border-color);
}
::ng-deep .dx-toolbar-menu-section .separator {
  height: 1px;
  width: auto;
}
.view-wrapper {
  max-width: calc(100% - var(--content-padding));
  right: 0;
  left: 0;
  padding-left: var(--content-padding);
  padding-right: var(--content-padding);
}
.dx-card.details-card {
  border: none;
}
.dx-texteditor-label {
  height: auto;
}
.dx-texteditor-label .dx-label {
  line-height: 1;
}
.dx-form.plain-styled-form.dx-form > .dx-layout-manager.dx-layout-manager-one-col .dx-field-item.dx-last-row:not(.dx-last-col) {
  padding-bottom: 0;
}
.dx-form.plain-styled-form .dx-layout-manager .dx-field-item {
  padding-bottom: 0;
}
.dx-form.plain-styled-form .dx-layout-manager .dx-field-item:not(.dx-first-col) {
  padding-left: 0;
}
.dx-form.plain-styled-form .dx-layout-manager .dx-field-item.contact-fields-group {
  padding: 15px 0;
}
.dx-form.plain-styled-form.view-mode .accent .dx-texteditor.form-editor .form-editor-input {
  color: var(--accent-color);
}
.dx-form.plain-styled-form.view-mode .dx-texteditor,
.dx-form.plain-styled-form.view-mode .dx-texteditor.dx-editor-filled,
.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor {
  pointer-events: none;
}
.dx-form.plain-styled-form.view-mode .dx-texteditor .form-editor-input,
.dx-form.plain-styled-form.view-mode .dx-texteditor.dx-editor-filled .form-editor-input,
.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor .form-editor-input {
  color: var(--texteditor-edit-color);
}
.dx-form.plain-styled-form.view-mode .dx-texteditor,
.dx-form.plain-styled-form.view-mode .dx-texteditor > *,
.dx-form.plain-styled-form.view-mode .dx-texteditor.dx-editor-filled,
.dx-form.plain-styled-form.view-mode .dx-texteditor.dx-editor-filled > *,
.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor,
.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor > * {
  background-color: transparent;
}
.dx-form.plain-styled-form.view-mode .dx-texteditor,
.dx-form.plain-styled-form.view-mode .dx-texteditor *,
.dx-form.plain-styled-form.view-mode .dx-texteditor::after,
.dx-form.plain-styled-form.view-mode .dx-texteditor.dx-editor-filled,
.dx-form.plain-styled-form.view-mode .dx-texteditor.dx-editor-filled *,
.dx-form.plain-styled-form.view-mode .dx-texteditor.dx-editor-filled::after,
.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor,
.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor *,
.dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor::after {
  border-color: transparent;
  opacity: 1;
}
.dx-tooltip-wrapper:has(.planning-calendar-appointment-tooltip) .dx-popup-content,
.dx-tooltip-wrapper:has(.planning-calendar-appointment-tooltip) .dx-popup-normal {
  max-height: 600px !important;
  border-radius: 8px;
}
.status-commission {
  color: #03a9f4;
}
.status-commission.dx-texteditor .status-input.status-editor-input,
.status-commission.dx-texteditor.dx-editor-filled .status-input.status-editor-input {
  color: #03a9f4;
}
.status-commission::before {
  background: #03a9f4;
}
.status-salaried {
  color: #2eb52c;
}
.status-salaried.dx-texteditor .status-input.status-editor-input,
.status-salaried.dx-texteditor.dx-editor-filled .status-input.status-editor-input {
  color: #2eb52c;
}
.status-salaried::before {
  background: #2eb52c;
}
.status-terminated {
  color: #de8e8c;
}
.status-terminated.dx-texteditor .status-input.status-editor-input,
.status-terminated.dx-texteditor.dx-editor-filled .status-input.status-editor-input {
  color: #de8e8c;
}
.status-terminated::before {
  background: #de8e8c;
}
.status-indicator-open {
  color: #505ed9;
}
.status-indicator-open.dx-texteditor .status-input.status-editor-input,
.status-indicator-open.dx-texteditor.dx-editor-filled .status-input.status-editor-input {
  color: #505ed9;
}
.status-indicator-open::before {
  background: #505ed9;
}
.status-indicator-in-progress {
  color: #34aa95;
}
.status-indicator-in-progress.dx-texteditor .status-input.status-editor-input,
.status-indicator-in-progress.dx-texteditor.dx-editor-filled .status-input.status-editor-input {
  color: #34aa95;
}
.status-indicator-in-progress::before {
  background: #34aa95;
}
.status-indicator-deferred {
  color: #969696;
}
.status-indicator-deferred.dx-texteditor .status-input.status-editor-input,
.status-indicator-deferred.dx-texteditor.dx-editor-filled .status-input.status-editor-input {
  color: #969696;
}
.status-indicator-deferred::before {
  background: #969696;
}
.status-indicator-completed {
  color: #2b9029;
}
.status-indicator-completed.dx-texteditor .status-input.status-editor-input,
.status-indicator-completed.dx-texteditor.dx-editor-filled .status-input.status-editor-input {
  color: #2b9029;
}
.status-indicator-completed::before {
  background: #2b9029;
}
.status-indicator-low {
  color: #d3a268;
}
.status-indicator-low.dx-texteditor .status-input.status-editor-input,
.status-indicator-low.dx-texteditor.dx-editor-filled .status-input.status-editor-input {
  color: #d3a268;
}
.status-indicator-low::before {
  background: #d3a268;
}
.status-indicator-normal {
  color: #6fbaca;
}
.status-indicator-normal.dx-texteditor .status-input.status-editor-input,
.status-indicator-normal.dx-texteditor.dx-editor-filled .status-input.status-editor-input {
  color: #6fbaca;
}
.status-indicator-normal::before {
  background: #6fbaca;
}
.status-indicator-high {
  color: #ff5722;
}
.status-indicator-high.dx-texteditor .status-input.status-editor-input,
.status-indicator-high.dx-texteditor.dx-editor-filled .status-input.status-editor-input {
  color: #ff5722;
}
.status-indicator-high::before {
  background: #ff5722;
}
.dx-theme-fluent-typography {
  font-family:
    Roboto,
    "Inter",
    sans-serif;
}
.dx-theme-fluent .dx-widget {
  font-family:
    Roboto,
    "Inter",
    sans-serif;
}
.dx-theme-fluent .dx-drawer-panel-content {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
}
.dx-theme-fluent .layout-body .menu-container.theme-dependent,
.dx-theme-fluent app-footer {
  background-color: var(--base-bg);
}
.dx-theme-fluent .layout-body .menu-container.theme-dependent {
  padding-top: 0;
}
.dx-theme-fluent .view-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  padding-top: var(--content-padding);
  margin: 0 auto;
}
.dx-theme-fluent .view-wrapper > .dx-toolbar {
  width: auto;
  position: relative;
}
.dx-theme-fluent .view-wrapper > .dx-toolbar.scrolled {
  padding-bottom: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.dx-theme-fluent .view-wrapper > .dx-toolbar dx-button[text=Cancel] {
  margin-right: 5px;
}
.dx-theme-fluent .view-wrapper .cards-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 1px;
  padding: calc(var(--content-padding) / 2) 0 var(--content-padding);
  gap: 24px;
}
.dx-theme-fluent .view-wrapper .quick-action-card {
  flex: 40%;
}
.dx-theme-fluent .view-wrapper .quick-action-card .with-clipboard-copy {
  display: flex;
  align-items: flex-end;
}
.dx-theme-fluent .view-wrapper .quick-action-card .with-clipboard-copy .dx-button {
  max-width: 18px;
  min-width: 18px;
  height: 18px;
  margin: 0 0 2px 5px;
}
.dx-theme-fluent .view-wrapper .quick-action-card .with-clipboard-copy .dx-button::ng-deep .dx-icon:active {
  color: var(--accent-color);
}
.dx-theme-fluent .view-wrapper .quick-action-card .copy-clipboard-button::ng-deep {
  background-color: transparent;
  border-radius: unset;
  border-color: transparent;
}
.dx-theme-fluent .view-wrapper .quick-action-card .copy-clipboard-button::ng-deep .dx-button-content {
  padding: 0;
}
.dx-theme-fluent .view-wrapper .quick-action-card .copy-clipboard-button::ng-deep .dx-icon {
  color: var(--subtitle-text-color);
}
.dx-theme-fluent .view-wrapper .dx-toolbar.header-toolbar-scrolled {
  border-bottom: 1px var(--subtitle-text-color) solid;
}
.dx-theme-fluent .view-wrapper .dx-toolbar.dx-widget.theme-dependent {
  background-color: var(--base-bg);
  padding: 5px var(--content-padding);
  border-radius: 8px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
}
.dx-theme-fluent .view-wrapper .grid.theme-dependent .dx-toolbar {
  background-color: var(--base-bg);
  padding: 5px var(--content-padding);
  border-radius: 8px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
}
.dx-theme-fluent .view-wrapper .grid.theme-dependent .dx-datagrid-header-panel {
  padding: 0;
}
.dx-theme-fluent .view-wrapper .panels .left {
  background-color: var(--base-bg);
  padding: 16px 24px;
  border-radius: 8px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
}
.dx-theme-fluent .view-wrapper .panels .theme-dependent.right {
  flex: 1 calc(100% - var(--left-panel-width) - 110px) !important;
}
.dx-theme-fluent .view-wrapper.crm-contact-list {
  margin-bottom: var(--content-padding);
}
.dx-theme-fluent .view-wrapper.list-page .dx-toolbar.dx-widget.theme-dependent,
.dx-theme-fluent .view-wrapper.list-page .grid.theme-dependent .dx-toolbar {
  margin-bottom: var(--content-padding);
}
.dx-theme-fluent .dx-card {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
}
.dx-theme-fluent .plain-styled-form .photo {
  border-radius: 50%;
}
.dx-theme-fluent .dx-form.plain-styled-form.view-mode .dx-texteditor.form-editor .form-editor-input,
.dx-theme-fluent .dx-form.plain-styled-form.view-mode .dx-texteditor.dx-editor-filled .form-editor-input {
  padding-left: 0;
}
.dx-theme-fluent .form-editor.dx-state-readonly .status.status-indicator .dx-state-readonly .status-input.status-editor-input {
  padding-left: 0;
}
.dx-theme-fluent .form-editor.dx-state-readonly .form-editor-input {
  padding-left: 0;
}
.dx-theme-fluent .contact-status.dx-state-readonly .status-editor-field .status-indicator {
  padding-left: 0;
  align-self: center !important;
}
.dx-theme-fluent .contact-status .status-editor-field .status-indicator {
  align-self: center !important;
}
.dx-theme-fluent .contact-status .status-editor-field .status-indicator .status {
  display: flex !important;
}
.dx-theme-fluent .cards:not(.grey) .card {
  border-radius: 8px;
  border: 0;
  background: var(--base-bg);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
}
.dx-theme-fluent .dx-form.plain-styled-form .dx-button.form-item-button {
  margin-left: 0;
  margin-top: 5px;
}
.dx-theme-fluent .contact-form .form-editor-input {
  padding-left: 0;
}
.dx-theme-fluent div.gantt {
  padding: 0 !important;
}
.dx-theme-fluent .dx-datagrid-headers.dx-datagrid-nowrap.dx-bordered-top-view {
  border-radius: 8px 8px 0 0;
}
.dx-theme-fluent .theme-dependent .dx-gridbase-container > .dx-bordered-bottom-view {
  border-radius: 0 0 8px 8px;
}
.dx-theme-fluent .profile-card .panel {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
  background-color: var(--base-bg);
}
.dx-theme-fluent .right-side-panel.open {
  background-color: var(--base-bg);
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.w-120 {
  width: 120px;
}
.panel-form {
  width: 350px;
  padding: 30px;
  background-color: rgb(235, 235, 235);
  margin: 30px;
  border-radius: 10px;
}
.dx-toast-message {
  white-space: pre-line;
}
.view-wrapper-register-merchant {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 var(--page-padding);
}
.cards {
  display: grid;
  width: 100%;
  gap: 20px;
  grid-template-columns: repeat(2, calc(50% - 10px));
}
.cards.grey {
  margin: 20px 0;
  grid-template-columns: repeat(4, calc(25% - 15px));
}
.cards.grey ::ng-deep .card {
  background-color: var(--side-panel-background);
  border: none;
  height: 120px;
}
.cards.grey ::ng-deep .card ::ng-deep .dx-button {
  background-color: var(--side-panel-background);
}
.cards.grey ::ng-deep .card ::ng-deep .content {
  height: auto;
}
.cards.grey ::ng-deep .dx-loadpanel-indicator {
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 1400px) {
  .cards.grey {
    grid-template-columns: repeat(2, calc(50% - 10px));
  }
}
@media only screen and (max-width: 1200px) {
  .cards {
    grid-template-columns: repeat(2, 100%);
    width: 50%;
  }
}
@media only screen and (max-width: 700px) {
  .cards.grey {
    grid-template-columns: repeat(1, 100%);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */