: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-text {
  font-size: 22px;
  font-weight: 400;
  padding-right: 25px;
}

.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: 20px;
  margin-bottom: 20px;
}

.responsive-paddings {
  padding: 20px;
}
.screen-large .responsive-paddings {
  padding: 40px;
}

.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 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 var(--page-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: "Inter", sans-serif;
}

.dx-theme-fluent .dx-widget {
  font-family: "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 .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 {
  margin-top: 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);
}

.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-primary {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-secondary {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.toolbar-header-text {
  font-family: "Clash Grotesk", sans-serif;
}

.dx-datebox {
  width: 200px !important;
}
/*!
 * DevExpress Gantt (dx-gantt)
 * Version: 4.1.51
 * Build date: Fri Dec 08 2023
 *
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExpress licensing here: https://www.devexpress.com/Support/EULAs
 */
.dx-gantt-tsac{position:relative;overflow:hidden;background-color:white;z-index:6}.dx-gantt-tsa{position:relative}.dx-gantt-hb{position:absolute;left:0;height:0;z-index:6}.dx-gantt-vb{position:absolute;top:0;width:0;z-index:6}.dx-gantt-tm,.dx-gantt-ti,.dx-gantt-tc{position:absolute;top:0;z-index:6}.dx-gantt-tm:before,.dx-gantt-ti:before,.dx-gantt-tc:before{content:"";position:absolute;top:0;width:6px;margin-left:-3px;z-index:6;height:100%}.dx-gantt-si{position:absolute;top:0;white-space:nowrap;box-sizing:border-box}.dx-gantt-taskWrapper,.dx-gantt-milestoneWrapper,.dx-gantt-taskResWrapper{position:absolute;z-index:10;vertical-align:top;white-space:nowrap}.dx-gantt-taskWrapper>div{vertical-align:top}.dx-gantt-taskResWrapper{pointer-events:none}.dx-gantt-task{position:relative;display:inline-block;white-space:nowrap;vertical-align:top}.dx-gantt-tPrg{position:absolute;top:0;height:100%;z-index:0}.dx-gantt-taskTitle,.dx-gantt-taskRes{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dx-gantt-titleIn{position:relative;width:100%;z-index:1}.dx-gantt-titleOut{display:inline-block;width:500px;margin-left:-500px;text-align:right;text-overflow:ellipsis;padding-left:5px}.dx-gantt-taskRes{display:inline-block;overflow:hidden}.dx-gantt-task,.dx-gantt-taskTitle,.dx-gantt-titleOut,.dx-gantt-taskRes{box-sizing:border-box}.dx-gantt-sel{position:absolute;z-index:5}.dx-gantt-task.dx-gantt-milestone{transform:rotate(45deg);border-radius:0 !important;padding:0}.dx-gantt-task.dx-gantt-smallTask{text-align:center}.dx-gantt-task.dx-gantt-smallTask .dx-gantt-titleIn{padding:0;visibility:hidden}.dx-gantt-conn-h,.dx-gantt-conn-v,.dx-gantt-arrow{position:absolute;z-index:9}.dx-gantt-conn-v{top:0;width:4px;cursor:pointer;border-left-width:1px;border-left-style:solid}.dx-gantt-conn-v.active{border-left-width:2px !important}.dx-gantt-conn-h{left:0;height:4px;cursor:pointer;border-top-width:1px;border-top-style:solid}.dx-gantt-conn-h.active{border-top-width:2px !important}.dx-gantt-arrow{width:0;height:0}.dx-gantt-arrow.dx-gantt-TA{border-left-color:transparent !important;border-right-color:transparent !important;border-top-color:transparent !important}.dx-gantt-arrow.dx-gantt-RA{border-right-color:transparent !important;border-top-color:transparent !important;border-bottom-color:transparent !important}.dx-gantt-arrow.dx-gantt-BA{border-left-color:transparent !important;border-right-color:transparent !important;border-bottom-color:transparent !important}.dx-gantt-arrow.dx-gantt-LA{border-left-color:transparent !important;border-top-color:transparent !important;border-bottom-color:transparent !important}.dx-gantt-nwi{position:absolute;z-index:3}.dx-gantt-altRow{position:absolute;z-index:2}.dx-gantt-task-edit-wrapper{padding-left:1px}.dx-gantt-task-edit-wrapper,.dx-gantt-task-edit-wrapper-successor{position:absolute;z-index:11}.dx-gantt-task-edit-wrapper-custom{background-color:rgba(90,84,84,0.3)}.dx-gantt-task-edit-wrapper-custom.hide-updating{background-color:transparent;pointer-events:none}.dx-gantt-task-edit-wrapper.milestone .dx-gantt-task-edit-frame,.dx-gantt-task-edit-wrapper.hide-updating .dx-gantt-task-edit-frame{border:none !important}#dx-gantt-ta.ms-pointer-active,#dx-gantt-ta.ms-pointer-active .dx-gantt-task-edit-frame,#dx-gantt-ta.ms-pointer-active .dx-gantt-task-edit-frame div{-webkit-appearance:none;touch-action:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.dx-gantt-task-edit-wrapper.milestone .dx-gantt-task-edit-progress,.dx-gantt-task-edit-wrapper.milestone .dx-gantt-task-edit-start,.dx-gantt-task-edit-wrapper.milestone .dx-gantt-task-edit-end,.dx-gantt-task-edit-wrapper.move .dx-gantt-task-edit-progress,.dx-gantt-task-edit-wrapper.move .dx-gantt-task-edit-dependency-r,.dx-gantt-task-edit-wrapper.move .dx-gantt-task-edit-dependency-l,.dx-gantt-task-edit-wrapper.hide-dependency .dx-gantt-task-edit-dependency-r,.dx-gantt-task-edit-wrapper.hide-dependency .dx-gantt-task-edit-dependency-l,.dx-gantt-task-edit-wrapper.hide-updating .dx-gantt-task-edit-progress,.dx-gantt-task-edit-wrapper.hide-updating .dx-gantt-task-edit-start,.dx-gantt-task-edit-wrapper.hide-updating .dx-gantt-task-edit-end{display:none}.dx-gantt-task-edit-frame,.dx-gantt-task-edit-frame-successor{box-sizing:border-box;height:100%;width:100%;position:absolute;z-index:9}.dx-gantt-task-edit-frame{border:1px solid #269aff}.dx-gantt-task-edit-progress{position:absolute;width:0;height:0;bottom:0;cursor:pointer;border-style:solid;border-width:0 6px 9px 6px;border-color:transparent transparent #269aff transparent;z-index:10}.dx-gantt-task-edit-progress:before{content:"";width:10px;height:4px;background-color:white;position:absolute;bottom:-14px;left:-6px;border:1px solid #269aff;border-top:none}.dx-gantt-task-edit-progress div{position:absolute;bottom:0;cursor:pointer;border-style:solid;border-width:0 5px 7px 5px;border-color:transparent transparent white transparent;z-index:9;top:2px;left:-5px;pointer-events:none}.dx-gantt-task-edit-tooltip{position:absolute;font-family:sans-serif;width:max-content;line-height:16px;font-size:12px;border-radius:2px;display:none;z-index:12}.dx-gantt-task-edit-tooltip-default{padding:6px;color:white;background-color:rgba(0,0,0,0.64)}.dx-gantt-task-edit-tooltip-after:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid rgba(0,0,0,0.64);top:-6px;position:absolute}.dx-gantt-task-edit-tooltip-before:before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(0,0,0,0.64);bottom:-6px;position:absolute}.dx-gantt-task-edit-tooltip .dx-gantt-task-title{padding-bottom:3px}.dx-gantt-task-edit-tooltip .dx-gantt-status-time tr td:first-child{padding-right:3px}.dx-gantt-task-edit-tooltip .dx-gantt-status-time tr td:first-child,.dx-gantt-task-edit-tooltip .dx-gantt-status-time span:first-child,.dx-gantt-task-edit-tooltip .dx-gantt-task-title{font-weight:600}.dx-gantt-task-edit-dependency-r,.dx-gantt-task-edit-successor-dependency-r,.dx-gantt-task-edit-dependency-l,.dx-gantt-task-edit-successor-dependency-l{position:absolute;border-radius:50%;box-sizing:border-box;top:5px;width:10px;height:10px;background:white;border:1px solid #269aff;cursor:pointer}.dx-gantt-task-edit-dependency-r,.dx-gantt-task-edit-successor-dependency-r{left:-10px}.dx-gantt-task-edit-dependency-l,.dx-gantt-task-edit-successor-dependency-l{right:-10px}.dx-gantt-task-edit-dependency-r.dx-gantt-edit-touch,.dx-gantt-task-edit-successor-dependency-r.dx-gantt-edit-touch,.dx-gantt-task-edit-dependency-l.dx-gantt-edit-touch,.dx-gantt-task-edit-successor-dependency-l.dx-gantt-edit-touch{top:3px;width:11px;height:11px}.dx-gantt-task-edit-dependency-r.dx-gantt-edit-touch,.dx-gantt-task-edit-successor-dependency-r.dx-gantt-edit-touch{left:-15px}.dx-gantt-task-edit-dependency-l.dx-gantt-edit-touch,.dx-gantt-task-edit-successor-dependency-l.dx-gantt-edit-touch{right:-15px}.dx-gantt-task-edit-start,.dx-gantt-task-edit-end{position:absolute;height:100%;width:5px;top:0;cursor:col-resize}.dx-gantt-task-edit-end{right:0}.dx-gantt-task-edit-dependency-line{height:2px;background-color:#269aff;position:absolute;transform-origin:0% 0%;z-index:9}.dx-gantt-touch-action{touch-action:none}