/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./projects/main/styles.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root .dx-theme-generic {
  --change-password-popup-height: 190px;
}
:root .dx-theme-material {
  --change-password-popup-height: 260px;
}

::ng-deep .dx-field-item-required-mark {
  color: red;
}

::ng-deep .dx-treeview-toggle-item-visibility {
  color: rgb(60, 141, 188);
}

::ng-deep .dx-icon {
  color: rgb(60, 141, 188);
}

::ng-deep .dx-custom-icon .dx-icon-clear::before {
  margin-left: -7px;
}

::ng-deep .dx-pager .dx-page-sizes .dx-page-size {
  height: 30px;
  width: 30px;
  padding: 9px 9px;
  line-height: 12px;
}

::ng-deep .dx-datagrid .dx-row > td {
  padding: 10px 4px;
}
@media (max-width: 1380px) {
  ::ng-deep .dx-datagrid .dx-row > td {
    padding: 8px 4px;
  }
}

span, td {
  font-size: 14px !important;
}
@media (max-width: 1380px) {
  span, td {
    font-size: 13px !important;
  }
}

::ng-deep .dx-treelist-text-content, ::ng-deep .dx-list-item-content,
::ng-deep .dx-list-select-all-label {
  font-size: 14px !important;
}

::ng-deep .dx-tab.dx-tab-selected {
  background-color: transparent;
  color: #000;
}

::ng-deep .dx-tab.dx-tab-selected::before {
  background-color: #FB973F;
}

::ng-deep .dx-pager {
  padding: 8px 11px;
}

::ng-deep .dx-state-disabled.dx-widget, ::ng-deep .dx-state-disabled .dx-widget {
  opacity: 0.7 !important;
}

.view-wrapper {
  background-color: rgb(234, 240, 240);
}
.view-wrapper .dx-field-item.input-control .dx-texteditor.dx-editor-filled {
  background-color: #f8f8ff !important;
  border-radius: 4px !important;
}
.view-wrapper .dx-field-item.input-control .dx-texteditor::after {
  border-bottom: unset !important;
}
.view-wrapper.bg-white {
  background: white !important;
}
.view-wrapper.bg-white .dx-datagrid-borders > .dx-datagrid-rowsview,
.view-wrapper.bg-white .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom-color: #f2f2f2 !important;
  border-left-color: #f2f2f2 !important;
  border-right-color: #f2f2f2 !important;
}
.view-wrapper.bg-white .dx-datagrid .dx-row-lines > td {
  border-bottom-color: #f2f2f2 !important;
}
.view-wrapper.bg-white .dx-datagrid-borders > .dx-datagrid-headers {
  border-radius: 6px 6px 0;
}
.view-wrapper.bg-white .dx-tag-content,
.view-wrapper.bg-white .dx-tag-remove-button::before {
  color: #000;
  background-color: rgba(237, 235, 255, 0.9960784314);
}
.view-wrapper.bg-white .dx-tag-content {
  border-radius: 5px;
}
.view-wrapper.custom-pager .dx-pager {
  border: 1px solid #f2f2f2;
}
.view-wrapper.custom-pager .dx-pager .dx-pages .dx-selection,
.view-wrapper.custom-pager .dx-pager .dx-page-sizes .dx-selection {
  background-color: #2d2e7f;
}
.view-wrapper.custom-action-icon .icon-edit {
  color: #2d2e7f !important;
}
.view-wrapper.custom-toolbar .dx-toolbar:not(.dx-htmleditor-toolbar) {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 1rem;
}
.view-wrapper.label-title .label-title-common {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 1rem;
}
.view-wrapper dx-button.btnCustom {
  border-radius: 5px;
}
.view-wrapper dx-button.btnCustom .dx-button-text {
  text-transform: none;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.view-wrapper dx-button.btnAdd {
  background-color: rgb(45, 46, 127);
}
.view-wrapper dx-button.btnRefresh {
  background-color: rgba(237, 235, 255, 0.9960784314);
  margin-left: 0.5rem;
}
.view-wrapper dx-button.btnRefresh .dx-icon-refresh::before {
  font-size: 22px;
  font-weight: 600;
  color: #333;
}
.view-wrapper .btn-right {
  display: flex;
  justify-content: flex-end;
}
.view-wrapper .btn-radius-3 .corner-button dx-button {
  border-radius: 3px;
}
.view-wrapper .border-top-0 .corner-button {
  border-top: none !important;
}
.view-wrapper .custom--label.dx-field-item-label-text,
.view-wrapper .custom--label dx-field-item-label-text {
  color: #313942 !important;
  font-size: 14px;
  font-weight: 500;
}
.view-wrapper .custom--labellabel,
.view-wrapper .custom--label label {
  margin-bottom: 0.4rem;
}
.view-wrapper .custom-card {
  padding: 0.5rem;
}
.view-wrapper .custom-card .list-container {
  min-height: 600px;
  border: 1px solid #f2f2f2 !important;
}
.view-wrapper .custom-card .list-container .option {
  padding: 5px;
}
.view-wrapper .custom-card .list-container .option .dx-texteditor.dx-editor-filled {
  background-color: #fff;
}

.label-title-common {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 1rem;
}

.thumbnail-container {
  position: relative;
  display: inline-block;
}
.thumbnail-container .btn-remove,
.thumbnail-container .thumbnail-backdrop {
  display: none;
}
.thumbnail-container.has-thumbnail:hover .btn-remove,
.thumbnail-container.has-thumbnail:hover .thumbnail-backdrop {
  display: block;
  position: absolute;
}
.thumbnail-container.has-thumbnail:hover .btn-remove {
  top: -10px;
  right: -10px;
  z-index: 9;
  cursor: pointer;
}
.thumbnail-container.has-thumbnail:hover .thumbnail-backdrop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.thumbnail {
  width: auto;
  max-width: 80px;
  height: 50px;
  cursor: pointer;
}

.camera-icon {
  position: absolute;
  bottom: 0px;
  right: -5px;
  width: 20px;
  height: 20px;
  background: url("/assets/icons/camera-icon.svg") no-repeat center center;
  background-size: 12px 10px;
  background-color: white;
  border: 1px solid #000;
  border-radius: 4px;
  cursor: pointer;
  z-index: 0;
}

.btnCustom.btnRefresh .dx-icon-refresh::before,
.btnCustom.btnRefresh .dx-button-text {
  color: #2d2e7f !important;
  font-weight: 500;
}

.btnAdd {
  background-color: rgb(45, 46, 127);
}
.btnAdd.dx-state-hover {
  background-color: rgb(45, 46, 127);
}

.dx-invalid-message > .dx-overlay-content {
  font-size: 14px !important;
}

.dx-data-grid .dx-overlay-wrapper.dx-invalid-message {
  z-index: 1000 !important;
  visibility: visible !important;
  white-space: nowrap;
  overflow: visible;
}

.dx-overlay-wrapper.dx-invalid-message .dx-invalid-message-content {
  max-width: none !important;
  width: auto;
}

.file-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
}

.fix-height-grid {
  min-height: 378px;
}

.filter--input {
  background-color: #f8f8ff !important;
  border-radius: 4px !important;
}
.filter--input::after {
  border-bottom: unset !important;
}

.vertical-layout {
  margin-top: 1.5em;
  padding: 1rem !important;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.vertical-layout.flex-row {
  flex-direction: row;
}
.vertical-layout .ms-auto {
  margin-left: auto !important;
}

::ng-deep .view-wrapper {
  background-color: rgb(234, 240, 240);
}
::ng-deep .view-wrapper .dx-field-item.input-control .dx-texteditor.dx-editor-filled {
  background-color: #f8f8ff !important;
  border-radius: 4px !important;
}
::ng-deep .view-wrapper .dx-field-item.input-control .dx-texteditor::after {
  border-bottom: unset !important;
}
::ng-deep .view-wrapper.bg-white {
  background: white !important;
}
::ng-deep .view-wrapper.bg-white .dx-datagrid-borders > .dx-datagrid-rowsview,
::ng-deep .view-wrapper.bg-white .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom-color: #f2f2f2 !important;
  border-left-color: #f2f2f2 !important;
  border-right-color: #f2f2f2 !important;
}
::ng-deep .view-wrapper.bg-white .dx-datagrid .dx-row-lines > td {
  border-bottom-color: #f2f2f2 !important;
}
::ng-deep .view-wrapper.bg-white .dx-datagrid-borders > .dx-datagrid-headers {
  border-radius: 6px 6px 0;
}
::ng-deep .view-wrapper.bg-white .dx-tag-content,
::ng-deep .view-wrapper.bg-white .dx-tag-remove-button::before {
  color: #000;
  background-color: rgba(237, 235, 255, 0.9960784314);
}
::ng-deep .view-wrapper.bg-white .dx-tag-content {
  border-radius: 5px;
}
::ng-deep .view-wrapper.custom-pager .dx-pager {
  border: 1px solid #f2f2f2;
}
::ng-deep .view-wrapper.custom-pager .dx-pager .dx-pages .dx-selection,
::ng-deep .view-wrapper.custom-pager .dx-pager .dx-page-sizes .dx-selection {
  background-color: #2d2e7f;
}
::ng-deep .view-wrapper.custom-action-icon .icon-edit {
  color: #2d2e7f !important;
}
::ng-deep .view-wrapper.custom-toolbar .dx-toolbar:not(.dx-htmleditor-toolbar) {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 1rem;
}
::ng-deep .view-wrapper.label-title .label-title-common {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 1rem;
}
::ng-deep .view-wrapper dx-button.btnCustom {
  border-radius: 5px;
}
::ng-deep .view-wrapper dx-button.btnCustom .dx-button-text {
  text-transform: none;
  font-size: 14px !important;
  font-weight: 400 !important;
}
::ng-deep .view-wrapper dx-button.btnAdd {
  background-color: rgb(45, 46, 127);
}
::ng-deep .view-wrapper dx-button.btnAdd.dx-state-hover {
  background-color: rgb(45, 46, 127);
}
::ng-deep .view-wrapper dx-button.btnRefresh {
  background-color: rgba(237, 235, 255, 0.9960784314);
  margin-left: 0.5rem;
}
::ng-deep .view-wrapper dx-button.btnRefresh .dx-icon-refresh::before {
  font-size: 22px;
  font-weight: 600;
  color: #333;
}
::ng-deep .view-wrapper .btn-right {
  display: flex;
  justify-content: flex-end;
}
::ng-deep .view-wrapper .btn-radius-3 .corner-button dx-button {
  border-radius: 3px;
}
::ng-deep .view-wrapper .border-top-0 .corner-button {
  border-top: none !important;
}
::ng-deep .view-wrapper .custom--label.dx-field-item-label-text,
::ng-deep .view-wrapper .custom--label dx-field-item-label-text {
  color: #313942 !important;
  font-size: 14px;
  font-weight: 500;
}
::ng-deep .view-wrapper .custom--labellabel,
::ng-deep .view-wrapper .custom--label label {
  margin-bottom: 0.4rem;
}
::ng-deep .view-wrapper .custom-card {
  padding: 0.5rem;
}
::ng-deep .view-wrapper .custom-card .list-container {
  min-height: 600px;
  border: 1px solid #f2f2f2 !important;
}
::ng-deep .view-wrapper .custom-card .list-container .option {
  padding: 5px;
}
::ng-deep .view-wrapper .custom-card .list-container .option .dx-texteditor.dx-editor-filled {
  background-color: #fff;
}
::ng-deep .view-wrapper .btnAdd {
  background-color: rgb(45, 46, 127);
}
::ng-deep .view-wrapper .btnAdd.dx-state-hover {
  background-color: rgb(45, 46, 127);
}
::ng-deep .label-title-common {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 1rem;
}
::ng-deep .thumbnail-container {
  position: relative;
  display: inline-block;
}
::ng-deep .thumbnail-container .btn-remove,
::ng-deep .thumbnail-container .thumbnail-backdrop {
  display: none;
}
::ng-deep .thumbnail-container.has-thumbnail:hover .btn-remove,
::ng-deep .thumbnail-container.has-thumbnail:hover .thumbnail-backdrop {
  display: block;
  position: absolute;
}
::ng-deep .thumbnail-container.has-thumbnail:hover .btn-remove {
  top: -10px;
  right: -10px;
  z-index: 9;
  cursor: pointer;
}
::ng-deep .thumbnail-container.has-thumbnail:hover .thumbnail-backdrop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
::ng-deep .thumbnail-container .dx-invalid-message > .dx-overlay-content {
  font-size: 14px !important;
}
::ng-deep .thumbnail {
  width: auto;
  max-width: 80px;
  height: 50px;
  cursor: pointer;
}
::ng-deep .camera-icon {
  position: absolute;
  bottom: 0px;
  right: -5px;
  width: 20px;
  height: 20px;
  background: url("/assets/icons/camera-icon.svg") no-repeat center center;
  background-size: 12px 10px;
  background-color: white;
  border: 1px solid #000;
  border-radius: 4px;
  cursor: pointer;
  z-index: 0;
}
::ng-deep .date-range-picker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-radius: 4px;
}
::ng-deep .date-range-picker .arrow {
  padding: 0 10px;
  font-size: 18px;
  color: #007bff;
}
::ng-deep .date-range-picker .dx-text-box {
  border-radius: 0;
  box-shadow: none;
}
::ng-deep .date-range-picker .dx-popup-content {
  padding: 0;
}
::ng-deep .buttons-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
::ng-deep .buttons-container a {
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  margin-right: 1em;
}
::ng-deep .dx-invalid .dx-invalid-message-auto,
::ng-deep .dx-dropdowneditor-active .dx-invalid-message-auto,
::ng-deep .dx-dropdownbox.dx-dropdowneditor-active .dx-invalid-message-auto,
::ng-deep .dx-invalid-message.dx-invalid-message-always {
  visibility: visible;
}
::ng-deep .dx-invalid-message > .dx-overlay-content {
  background-color: red;
  color: white;
}
::ng-deep .btnCustom.btnRefresh .dx-icon-refresh::before,
::ng-deep .btnCustom.btnRefresh .dx-button-text {
  color: #2d2e7f !important;
  font-weight: 500;
}
::ng-deep .dx-data-grid .dx-overlay-wrapper.dx-invalid-message {
  z-index: 1000 !important;
  visibility: visible !important;
  white-space: nowrap;
  overflow: visible;
}
::ng-deep .dx-overlay-wrapper.dx-invalid-message .dx-invalid-message-content {
  max-width: none !important;
  width: auto;
}

html,
body {
  margin: 0;
  min-height: 100%;
  height: 100%;
}

* {
  box-sizing: border-box;
}

.header-text {
  font-size: 22px;
  font-weight: 500;
  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%;
  background-color: #fff;
}
.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%;
  transform: none !important;
}
.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;
}

.dx-form-dialog .dx-field-item-label-text {
  color: #313942;
  font-weight: 500;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-button-normal .dx-button {
  border: 1px solid rgb(45, 46, 127);
  color: rgb(45, 46, 127);
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-item.btn--primary .dx-button.dx-button-default {
  background-color: rgb(45, 46, 127);
}

.view-wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.view-wrapper .grid.formCard {
  background-color: white;
}
.view-wrapper .grid.formCard .panel {
  padding: 1rem;
}
.view-wrapper .grid.formCard .dx-field-item-label-location-top {
  padding: 4px 0;
}
.view-wrapper .grid.formCard .label-title {
  background: url(/assets/images/bg_left_label.svg) no-repeat 0 1rem;
  display: flex;
  padding-left: 1rem !important;
}
.view-wrapper .grid.formCard .label-title > .dx-field-item-content {
  width: 100%;
}
.view-wrapper .grid.formCard .label-title dxi-item {
  display: flex !important;
}
.view-wrapper .grid.formCard .label-title dxi-item label.txt-label {
  font-size: 16px;
  font-weight: 600;
}
.view-wrapper .grid.formCard .label-title dxi-item hr {
  margin-left: 1rem;
  margin-top: 8px;
  width: 100%;
  border: 0;
  border-top: 2px dashed #909090;
}
.view-wrapper .grid.formCard usp-information .dx-icon-trash::before {
  color: red;
}
.view-wrapper .grid.formCard .corner-button .item-button .dx-button-normal {
  border: 1px solid rgb(45, 46, 127);
  color: rgb(45, 46, 127);
}
.view-wrapper .grid.formCard .dx-button.dx-button-default {
  background-color: rgb(45, 46, 127);
}
.view-wrapper .grid._card {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  margin: 1rem;
}
.view-wrapper .grid._card.mb-0 {
  margin-bottom: 0;
}
.view-wrapper .grid._card.formCard {
  margin-bottom: 4rem;
}
.view-wrapper .grid._card.formCard .pt-0 {
  padding-top: 0 !important;
}
.view-wrapper .grid._card.formCard .dx-datagrid-header-panel .dx-toolbar {
  background-color: white;
}
.view-wrapper .grid._card .dx-datagrid-header-panel {
  padding: 0;
}
.view-wrapper .grid._card .dx-datagrid-header-panel .dx-toolbar {
  padding-bottom: 1rem;
}
.view-wrapper .grid._card .dx-datagrid-header-panel .dx-texteditor-input-container {
  background-color: white;
  min-width: 400px;
}
@media only screen and (max-width: 600px) {
  .view-wrapper .grid._card .dx-datagrid-header-panel .dx-texteditor-input-container {
    min-width: 300px;
  }
}
.view-wrapper .grid._card .view-wrapper .grid .dx-header-row {
  background-color: rgba(237, 235, 255, 0.99) !important;
}
.view-wrapper .grid._card .dx-datagrid-scroll-container .dx-datagrid-text-content,
.view-wrapper .grid._card .dx-datagrid-scroll-container .dx-header-filter::before {
  color: #000;
}

.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;
}

.wrap-item.d-flex {
  display: flex;
}

.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-toast-content {
  word-wrap: break-word;
  /* IE 5.5-7 */
  white-space: -moz-pre-wrap;
  /* Firefox 1.0-2.0 */
  white-space: pre-wrap;
  padding: 5px 12px !important;
  /* current browsers */
}
.dx-toast-content .dx-toast-message {
  display: block !important;
}

.gridFilter .dx-header-row {
  background-color: #ebf4f9 !important;
}
.gridFilter .dx-datagrid-scroll-container .dx-datagrid-text-content {
  font-weight: 500 !important;
  color: #000000;
}

::ng-deep .gridFilter .dx-header-row {
  background-color: #edebff !important;
}
::ng-deep .gridFilter .dx-datagrid-scroll-container .dx-datagrid-text-content {
  font-weight: 500 !important;
  color: #000000;
}

.dx-icon-clear::before {
  font-size: 10px;
}

::ng-deep .dx-overlay-wrapper.dx-loadpanel-wrapper {
  width: 100%;
  height: 100% !important;
}

::ng-deep .dx-loadpanel-content {
  padding: 0 !important;
}

.order-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 20px;
  padding: 15px;
}
.order-header .form-title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: #333;
}
.order-header .message {
  margin: 0;
  font-size: 14px;
  color: #dc0b0b;
  font-weight: 400;
  max-width: 60vw;
}
.order-header .tranid {
  font-size: 18px;
  font-weight: 600;
  color: #007bff;
}
.order-header .status {
  font-size: 14px;
  color: #6c757d;
  font-weight: 400;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/devexpress-gantt/dist/dx-gantt.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/*!
 * DevExpress Gantt (dx-gantt)
 * Version: 4.1.46
 * Build date: Fri May 26 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%;top:5px;width:8px;height:8px;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}



/*# sourceMappingURL=styles.css.map*/