* {
	font-family: system-ui;
}

.dx-field-label {
	color: #000 !important;
}

.dx-tabpanel .dx-tabs .dx-tab .dx-tab-content {
	color: #000 !important;
}

.dx-checkbox-text {
	color: #000 !important;
}

.layout-group {
	border: none !important;
	padding: 8px !important;
    border-radius: 10px;
}

.layout-group[_ngcontent-iex-c282]{
	padding: 5px !important;
}

.layout-group {
    margin: 5px !important;
}

.layout-group .dx-fieldset-header {
	background: transparent !important;
	border-bottom: none !important;
	padding: 6px 8px !important;
}

.dx-fieldset .layout-group,
.layout-group .dx-fieldset-header label {
	color: #000 !important;
	font-size: 18px;
	font-weight: 700;
}

.dx-texteditor.dx-editor-outlined {
	border: 1px solid #969696 !important;
}


.dx-widget {
	font-size: 14px !important;
}

.dx-widget,
.dx-widget input,
.dx-widget textarea {
	font-family: 'Montserrat', sans-serif !important;
}

.dx-treeview-item-without-checkbox.dx-state-selected>.dx-treeview-item {}

.dx-treeview-item-without-checkbox.dx-state-selected:not(.dx-state-focused)>.dx-treeview-item.dx-state-hover {}

.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox>.dx-treeview-item.dx-filemanager-focused-item {}

.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox>.dx-treeview-item.dx-filemanager-focused-item * {}

.dx-treeview-item-without-checkbox.dx-state-selected:not(.dx-state-focused)>.dx-treeview-item.dx-state-hover {}

.dx-treeview-item.dx-state-hover {}

.dx-button-mode-contained.dx-button-success {}

.dx-button-success .dx-state-hover {}

.dx-button-default {}

.dx-button-default .dx-state-hover {}

.dx-button {
	border-radius: 3px !important;
}

.dx-button-has-text .dx-button-content {
	padding: 8px 12px !important;
}

.toolbar {
	padding: 0 10px !important;
}

.content {
	background-color: #f9fafb !important;
}

.dx-card {
	border: 0 !important;
}

#module_layout {
	margin-bottom: 0 !important;
}

.module-title {
	border: 0 !important;
	background: transparent !important;
	color: #323232;
	padding: 8px 10px !important;
}
.dx-popup-content .dx-scrollview {
	background: #f8f8f8 !important;
}
.dx-popup-content .module-title {
	border: 1px solid #d9d9de !important;
}
.module-title>span {
	font-size: 1.5rem !important;
}
.module-content .dx-scrollview {
	padding: 15px;
}

#moduleToolbar {
    padding: 0;
    border: 1px solid #f9f9f9;
    /* background-color: #fff; */
    /* border-radius: 12px; */
    /* border: 1px solid #eeeef0; */
    padding: 16px;
	/* margin: 10px 0; */
}

.searchbtn-bar dx-button {
	margin-bottom: 0 !important;
}

.module-box {
	border: 0 !important;
	max-height: 92vh;
	background: transparent;
}

.dx-texteditor.dx-editor-outlined {
	border-radius: 3px !important;
}

.dx-texteditor.dx-editor-outlined.dx-state-disabled {
	background-color: #f5f5f5 !important;
}

.dx-texteditor {}

.dx-field,
.dx-field input,
.dx-field textarea {}

.dx-texteditor-input {
	min-height: 34px !important;
	font-size: 1.1em !important;
}

.dx-datagrid-pager {
	border-top: 1px #ebedef !important;
}

.step-list dxi-item.active {}

.fw .manager_floor {
	height: 3rem !important;
}

#mapinfo div.drag-scroll-content .zoom-content {
	width: 1635px !important;
	Height: 3000px !important
}

.manager_floor {
	height: 2.3rem !important
}

app-roomview .form-title {
	padding-left: 0 !important
}

app-roomview .form-title>div:first-child {
	padding-left: 5px !important;
	padding-right: 12px !important
}

mapinfo div.drag-scroll-content .zoom-content {
	max-width: 1635px !important;
	max-Height: 3000px !important
}

@media only screen and (min-width: 1024px) {
	#mapinfo div.drag-scroll-content .zoom-content {
		max-width: 1248px !important;
		max-Height: 3000px !important
	}
}

@media only screen and (min-width: 1824px) {
	#mapinfo div.drag-scroll-content .zoom-content {
		max-width: 1635px !important;
		max-Height: 3000px !important;
	}
}

.logo {
	background: #fff !important;
	padding: 7px 18px !important;
}

.logo span {
	color: #1360a8 !important;
}

.menu-container {
	background-color: #fff !important;
	/* border-right: 1px solid #575757; */
}

.menu-container .dx-treeview {
	height: 93vh;
}

.dx-treeview-node-container.dx-treeview-node-container-opened {
	background-color: #bebebf26 !important;
	
}

.menu-container .dx-treeview .dx-treeview-item .menu-item span {
	font-size: 14px;
	color: #000 !important;
	font-weight: 500;
}

.menu-container .dx-treeview .dx-treeview-item .active {
	background-color: #dae4e38c !important;
	color: #1360a8 !important;
}

/* .menu-container .dx-treeview .dx-treeview-item .active>span {
	color: #1360a8 !important;
} */

.menu-container .menu-item img {
	/* width: 20px; */
	filter: brightness(0.5);
}

.title,
body>app-root>app-side-nav-outer-toolbar>dx-drawer>div>div.dx-drawer-content>app-header>header>dx-toolbar>div>div.dx-toolbar-before>div.dx-item.dx-toolbar-item.dx-toolbar-label.header-title>div>div {
	color: #1360a8 !important;
}

.dx-datagrid-group-panel .dx-group-panel-item, .dx-datagrid-headers {
	color: #000000d9 !important;
	font-size: 14px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row>td {
	border-bottom: none !important;
}

.dx-datagrid-headers .dx-datagrid-content {
	padding: 5px 0 !important;
}

.dx-datagrid .dx-row>td {
	padding: 12px 8px !important;
}

.dx-datagrid .dx-row-alt>td, .dx-datagrid .dx-row-alt>tr>td {
	background-color: #ffffff !important;
}

.dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
	border-bottom: 1px solid #f0f0f0 !important;
}
.dx-datagrid-rowsview .dx-row {
	border-bottom: 1px solid #f0f0f0 !important;
	padding: 5px 0;
}
.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused)>td:not(.dx-focused) {
	background-color: #fafafa !important;
}

.dx-datagrid-table .dx-selection {
	background-color: transparent !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:hover>td, .dx-datagrid-rowsview .dx-selection.dx-row>td {
	background-color: #e0e0e4 !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines)>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines)>td {
	border-bottom: 1px solid #f0f0f0 !important;
	border-top: none !important;
}

.login-header .title {
	color: #ff5722 !important;
}

.dx-texteditor.dx-editor-outlined {
	box-sizing: border-box;
	font-variant: tabular-nums;
	list-style: none;
	font-feature-settings: "tnum";
	position: relative;
	width: 100%;
	min-width: 0;
	color: #000000d9;
	font-size: 14px;
	line-height: 1.5715;
	background-color: #fff !important;
	background-image: none;
	transition: all .3s;
	display: inline-block;
	/* width: 90px; */
	margin: 0;
	padding: 0;
	border: 1px solid #d9d9d9 !important;
	border-radius: 8px;
}

.dx-texteditor.dx-editor-outlined:hover {
	border: 1px solid #2b82cf !important;
}

.dx-texteditor.dx-editor-outlined.dx-state-focused {
	border: 1px solid #2b82cf !important;
}

.dx-button-mode-contained.dx-button-default {
	background-color: #ffffff;
	border: 1px solid var(--Borders-border-primary, #d9d9de);
	color: #000000d9;
	font-size: 12px;
	font-weight: 700;
}

.dx-button-mode-contained.dx-button-default.dx-state-focused {
	background-color: #ffffff;
	border: 1px solid var(--Borders-border-primary, #d9d9de);
	color: #000000d9;
	font-size: 12px;
	font-weight: 700;
}


.dx-button-mode-contained.dx-button-default:hover {
	background-color: #55555540;
	border: 1px solid var(--Borders-border-primary, #d9d9de);
	color: #1260a8;
}
.dx-button-mode-contained.dx-button-default .dx-icon {
	color: #000000d9;
}
.dx-texteditor {
	box-shadow: none !important;
}
.dx-list-item-selected {
	background-color: #89c4f452 !important;
}
.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
	padding: 10px !important;
}

app-login-form {
	background-image: url(background.svg) !important;
	background-position: center !important;
	background-size: cover !important;
}

