/* projects/arinware-app-console/src/styles.scss */
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Inter,
    Roboto,
    -apple-system,
    Segoe UI,
    Helvetica,
    Arial,
    sans-serif;
}
@font-face {
  font-family: "DXIcons";
  src: url("./media/dxicons-E5WDQYOD.woff2") format("woff2"), url("./media/dxicons-MPRMOOS4.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DXIconsFluent";
  src: url("./media/dxiconsfluent-4QD6YH5B.woff2") format("woff2"), url("./media/dxiconsfluent-XJAUPRGH.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.dx-icon,
i[class*=dx-icon-] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: "DXIcons", "DXIconsFluent" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.material-icons {
  font-size: var(--dx-font-size-icon, 20px) !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
::ng-deep dx-data-grid .dx-filter-row {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 4px 8px !important;
  vertical-align: middle !important;
}
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
}
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-textbox {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
}
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-textbox .dx-texteditor-input {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 2px 6px !important;
  font-size: 12px !important;
  line-height: 20px !important;
}
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-icon-search,
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-icon-search::before,
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-icon-filter,
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-icon-filter::before,
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-icon-close,
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-icon-close::before {
  font-size: 10px !important;
  width: 10px !important;
  height: 10px !important;
  line-height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  max-width: 10px !important;
  max-height: 10px !important;
}
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-editor-with-icon .dx-icon,
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-editor-with-icon .dx-icon::before {
  font-size: 10px !important;
  width: 10px !important;
  height: 10px !important;
  line-height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  max-width: 10px !important;
  max-height: 10px !important;
}
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-icon,
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-icon::before {
  font-size: 10px !important;
  width: 10px !important;
  height: 10px !important;
  line-height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  max-width: 10px !important;
  max-height: 10px !important;
}
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-selectbox,
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-dropdownbox {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
}
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-selectbox .dx-texteditor-input,
::ng-deep dx-data-grid .dx-filter-row .dx-filter-row-cell .dx-dropdownbox .dx-texteditor-input {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 2px 6px !important;
  font-size: 12px !important;
  line-height: 20px !important;
}
.dx-datagrid .dx-filter-row {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}
.dx-datagrid .dx-filter-row .dx-filter-row-cell {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 4px 8px !important;
  vertical-align: middle !important;
}
.dx-datagrid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
}
.dx-datagrid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-textbox {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
}
.dx-datagrid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-textbox .dx-texteditor-input {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 2px 6px !important;
  font-size: 12px !important;
  line-height: 20px !important;
}
.dx-datagrid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-editor-with-icon .dx-icon,
.dx-datagrid .dx-filter-row .dx-filter-row-cell .dx-editor-with-icon .dx-editor-with-icon .dx-icon::before {
  font-size: 10px !important;
  width: 10px !important;
  height: 10px !important;
  line-height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  max-width: 10px !important;
  max-height: 10px !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver {
  background-color: #1e1e1e !important;
  color: #e6e6e6 !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor textarea,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor textarea,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver textarea {
  background-color: #1e1e1e !important;
  color: #e6e6e6 !important;
  caret-color: #e6e6e6 !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_cursor,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_cursor,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_cursor {
  color: #e6e6e6 !important;
  border-left-color: #e6e6e6 !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_selection,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_selection,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_selection {
  background-color: rgba(0, 120, 212, 0.3) !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_line,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_line,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_line {
  color: #e6e6e6 !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_gutter,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_gutter,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_gutter {
  background-color: #2d2d2d !important;
  color: #999 !important;
  border-right-color: #404040 !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_active-line,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_active-line,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_active-line {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_keyword,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_keyword,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_keyword {
  color: #569cd6 !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_string,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_string,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_string {
  color: #ce9178 !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_comment,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_comment,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_comment {
  color: #6a9955 !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_scrollbar::-webkit-scrollbar,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_scrollbar::-webkit-scrollbar,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_scrollbar::-webkit-scrollbar-track,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_scrollbar::-webkit-scrollbar-track,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_scrollbar::-webkit-scrollbar-track {
  background-color: #1e1e1e !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_scrollbar::-webkit-scrollbar-thumb,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_scrollbar::-webkit-scrollbar-thumb,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_scrollbar::-webkit-scrollbar-thumb {
  background-color: #404040 !important;
  border-radius: 4px;
}
::ng-deep .dx-swatch-additional-dark .ace_editor .ace_scrollbar::-webkit-scrollbar-thumb:hover,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor .ace_scrollbar::-webkit-scrollbar-thumb:hover,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver .ace_scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #505050 !important;
}
::ng-deep .dx-swatch-additional-dark .ace_editor.dx-disabled-ace,
::ng-deep .dx-swatch-additional-dark .dx-sql_editor.dx-disabled-ace,
::ng-deep .dx-swatch-additional-dark .ace-dreamweaver.dx-disabled-ace {
  opacity: 0.6;
}
.dx-container-flex > app-audit-log-viewer,
.dx-container-flex > dx-context-menu {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
}

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