/* >>> owrx.ui.freestyle (25.2.0) :: 318 <<< */

/* wrxspace-content */

.wrxspace-content {

	background-color: var(--white);
	
    flex-grow: 1;
    
    display: flex;
    
    flex-direction: column;
    
    justify-content: space-between;
    
    overflow: hidden;

}

/* wrxspace-drawer */

.wrxspace-content .dx-drawer, .wrxspace-mainDrawer-panel-wrapper {
	
    flex-grow: 1;
    
    display: flex;
    
    flex-direction: column;
    
    justify-content: space-between;
    
    overflow: hidden;
    
    min-height: 100%;

}

.wrxspace-content .dx-drawer-panel-content, .dx-drawer-shrink .dx-drawer-panel-content {

	overflow: initial;
	
}

.wrxspace-drawer-sidepanel-content {
	
	background-color: hsla(0, 100%, 0%, .5);
	
	border-color: #000000;
	
	border-style: solid;
	
	border-width: 0px;
	
}

.wrxspace-drawer-sidepanel-content-title {
	
	height: 43px;
	
	max-height: 43px;
	
}

.wrxspace-drawer-sidepanel-content-inner {
	
	height: calc(100% - 43px);
	
	max-height: calc(100% - 43px);
	
	overflow-y: auto;
	
	overflow-x: hidden;
	
}






/* Fullscreen mode */

.fullscreen {

  position: fixed;
  
  top: 0;
  
  left: 0;
  
  width: 100%;
  
  height: 100%;
  
  z-index: 1100;
  
  overflow: auto;
  
  padding:1rem;
  
  background-color:#ffffff;
  
}


/* wrx-content-securezone */

/* wrx-header */

.wrxspace-header-elements {
	
	display: flex;
	
	flex-wrap: nowrap;
	
	justify-content: space-between;
	
	align-items: center;
	
	padding: .4rem 1rem;
	
	background-color: #000000;
	
}

/* wrx-header-logo */

.wrxspace-header-primary-logo {
	
	text-align: left;
	
	width: auto;
	
	padding-right: 20px;
	
	flex-grow: 0;
	
}

.wrxspace-header-primary-logo img {
	
	max-height: 40px;
	
	max-width: 150px;
	
}

/* wrx-header-utilnav */

.wrxspace-header-utilnav {
	
	align-content: flex-start;
	
	align-items: center;
	
	display: flex;
	
	flex-wrap: nowrap;
	
	justify-content: flex-end;
	
	width: 500px;
	
	max-width: 500px;
	
	flex-grow: 0;
	
}

.wrxspace-header-utilnav-usertools {
	
	margin-left: 30px;
	
	width: auto;
	
}

.wrxspace-header-usertools-button {
	
	cursor: pointer;
	
}

/* wrx-header-mode-nav */

.wrxspace-header-mode-select {
	
	position: relative;
	
	flex-grow: 1;
	
	height: 35px;
	
}

.wrxspace-header-mode-select-nav-items {
	
	position: relative;
	
    display: flex;

    white-space: nowrap;
    
    width: max-content;
	
	z-index: 1049;

    white-space: nowrap;

}

.wrxspace-header-mode-select-nav-item-icon {
	
	color: inherit;
	
	display: inline-block;
	
	font-size: 1.3rem;
	
	vertical-align: middle;
	
	width: auto;
	
}

.wrxspace-header-mode-select-nav-item.active {
	
	-moz-transition: all 0.4s;
	
	-o-transition: all 0.4s;
	
	-webkit-transition: all 0.4s;
	
	background-color: #ffffff;
	
	color: #000000;
	
	transition: all 0.4s;
	
}

.wrx-aud-commprof {
	
	max-width: 600px;
	
	width: 100%;
	
	margin: 0 auto;
	
}

.wrxspace-header-mode-select-nav-scroller-button {
	
	font-size: 1.2rem;
	
	padding: .3rem;
	
	cursor: pointer;
	
}

.wrxspace-header-mode-select-nav-scroller-left {
	
	text-align: right;
	
	flex-grow: 0;
	
}

.wrxspace-header-mode-select-nav-scroller-right {
	
	text-align: left;
	
	flex-grow: 0;
	
}

.wrxspace-header-mode-select-nav-wrapper {
	
	display: inline-block;
	
	max-width: calc(100% - 40px);
	
	overflow: hidden;
	
	position: relative;
	
	width: auto;
	
	white-space: nowrap;
	
	flex-grow: 0;
	
}



/* WRXSPACE */

.dx-datebox-calendar .dx-dropdowneditor-icon {
	
	width: auto;
	
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
	
	background-color: initial;
	
	color: initial;
	
}

.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
	
	border: 0px;
	
	border-radius: 0px;
	
	-webkit-border-radius: 0px;
	
	-moz-border-radius: 0px;
	
	background-color: #ababab;
	
	color: #ffffff;
	
	width: auto;
	
}

.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
	
	border: 0px;
	
	border-radius: 0px;
	
	-webkit-border-radius: 0px;
	
	-moz-border-radius: 0px;
	
	background-color: #dedede;
	
	color: #ffffff;
	
	width: auto;
	
}

.dx-dropdowneditor-button {
	
	border-left: solid 1px #dedede;
	
	border-right: none;
	
	border-top: none;
	
	border-bottom: none;
	
	border-radius: 0px;
	
	-webkit-border-radius: 0px;
	
	-moz-border-radius: 0px;
	
	padding: 0px;
	
	width: auto;

}

.dx-dropdowneditor-button:hover {
	
	border-left-color: #dedede;
	
	border-right-color: transparent;
	
	border-top-color: transparent;
	
	border-bottom-color: transparent;
	
	border-radius: 0px;
	
	-webkit-border-radius: 0px;
	
	-moz-border-radius: 0px;

}

.dx-dropdowneditor-button .dx-dropdowneditor-icon {
	
	width: auto;
	
	color: #8c8c8c;
	
}

.dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox, .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
	
	margin: .3rem 0 0 1rem;
	
	width: fit-content;
	
}

/*
.dx-button-mode-text .dx-icon {
	
	background-color: initial;
	
	color: #acacac;
	
}

.dx-button-mode-contained .dx-icon {
	
	color: inherit;
	
}
*/

.wrx-search-filter .dx-texteditor.dx-editor-outlined {
	
	background-color: #666666;
	
	color: #ffffff;
	
	border-color: #666666;
	
}

.wrx-search-filter .dx-texteditor.dx-editor-outlined:hover {
	
	background-color: #474747;
	
}

input.dx-texteditor-input {
	
	border-radius: 0px;
	
	-webkit-border-radius: 0px;
	
	-moz-border-radius: 0px;
	
	/* border: none; */
	
}

label.dx-field-item-label.dx-field-item-label-location-left {
	
	background-color: #eeeeee;	
	
	padding: .3rem .5rem;
	
}

.wrxspace-drawer-panel-control-button {
	
	background-color: #dedede;
	
	color: #1a1a1a;
	
}


.wrxspace-drawer-panel-control-button:hover {
	
	background-color: #1a1a1a;
	
	color: #ffffff;
	
}

.dx-sortable {
	
	overflow: scroll;
	
}

.dx-show-clear-button .dx-icon-clear {
	
	color: #939393;
	
}

.dx-show-clear-button .dx-icon-clear:hover {
	
	color: #3A3A3A;
	
}

.wrxspace-mode-panel-nav-wrapper p {
    color: #ffffff;
}

.wrxspace-mode-open .wrxspace-mode-panel-control-button-open {
	
	display: none;
	
}

.wrxspace-mode-open .wrxspace-mode-panel-control-button-closed {
	
	display: initial;
	
}

.wrxspace-mode-closed .wrxspace-mode-panel-control-button-open {
	
	display: initial;
	
}

.wrxspace-mode-closed .wrxspace-mode-panel-control-button-closed {
	
	display: none;
	
}





/* wrxspace-tabs */

.wrxspace-tabs {
	
    display: flex;
	
    flex-wrap: nowrap;
	
	align-items: flex-start;
	
	flex-direction: column;
	
	justify-content: space-between;
	
	height: 100%; 
	
	min-height: 100%;
	
	width: 100%;
	
    max-width: 100%;
	
    overflow: hidden;

}

/* wrxspace-tabs-nav */

.wrxspace-tabs-nav-scroller {
	
    display: flex;
	
    flex-wrap: nowrap;
	
	align-items: center;
	
	justify-content: space-between;
	
	height: 100%; 
	
	width: 100%;
	
    max-width: 100%;
	
    overflow: hidden;
	
}

/* wrxspace-tabs-nav-scroller */

.wrxspace-tabs-nav-scroller-button {
	
    font-size: 1.2rem;
	
    padding: .2rem .7rem;

	flex-grow: 0;
	
    color: var(--primary-l3);
    
    background-color: var(--white);
	
}

.wrxspace-tabs-nav-scroller-button.wrxspace-tabs-nav-scroller-active {
	
    cursor: pointer;
	
	color: #171717;
	
	background-color: #ffffff;
	
}

.wrxspace-tabs-nav-scroller-button.wrxspace-tabs-nav-scroller-active:hover {
	
    cursor: pointer;
	
	color: #ffffff;
	
	background-color: #171717;
	
}

.wrxspace-tabs-nav-scroller-viewport {
	
	flex-grow: 2;
	
	height: auto;
	
	overflow: hidden;
	
	position: relative;
	
	z-index: 10;
	
}

.wrxspace-tabs-nav-scroller-items {
	
	position: relative;
	
	z-index: 9;
	
	height: 32px;
	
	min-height: 32px;
	
	width: auto;
	
	white-space: nowrap;
	
	display: inline-block;
	
	margin-bottom: 0 !important;
	
}

.wrxspace-tabs-nav-item-li {
	
	display: inline-block;
	
	margin-bottom: 0 !important;
	
}

.wrxspace-tabs-content {
	
	width: 100%;
	
	max-width: 100%;
	
	overflow: hidden;
	
	flex-grow: 2;
}

.wrxspace-tabs-content-item {

	width: 100%;

	max-width: 100%;
	
	height: 100%;
	
	max-height: 100%;
	
	overflow: hidden;
	
	background-color: rgba(255,255,255,50%);
	
}

.wrxspace-tabs-content-item.active.show {
	
	display: block;
	
}

.wrxspace-tabs-content-item {
	
	display: none;
	
}

/* wrxspace-tabs-nav-item-button */

.nav-tabs .nav-link.wrxspace-tabs-nav-item-button {
	
    display: flex;
	
    flex-wrap: nowrap;
	
	align-items: center;
	
	justify-content: space-between;
	
	width: auto;
	
	max-width: 225px;
	
	overflow: hidden;
	
	padding: 0px;
	
	cursor: pointer;
	
    background-color: var(--primary-l3);
    
    color: var(--primary);
	
	margin: 0 .5px
	
}

.nav-tabs .nav-link.wrxspace-tabs-nav-item-button:hover {
	
    background-color: var(--white);
    
    color: var(--primary-l1);
	
}

.nav-tabs .nav-link .wrxspace-tabs-nav-item-button-icon {
	
	width: auto;
	
	flex-grow: 0;
	
	padding: .2rem .3rem;
	
	font-size: 1.2rem
	
}

.nav-tabs .nav-link .wrxspace-tabs-nav-item-button-label {
	
	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;
	
	flex-grow: 2;
	
	padding: .1rem .3rem .1rem 0;
	
}

.nav-tabs .nav-link:hover .wrxspace-tabs-nav-item-button-close {

    color: var(--primary-l3);
    
}

.nav-tabs .nav-link.wrxspace-tabs-nav-item-button.active {

    background-color: var(--white);
    
    color: var(--primary-d1);
    
    pointer-events: auto;
    
    cursor: pointer;

}

.nav-tabs .nav-link.wrxspace-tabs-nav-item-button.active:hover {
    
    color: var(--primary-l1);
    
}

.nav-tabs .nav-link .wrxspace-tabs-nav-item-button-close {
	
	width: auto;
	
	flex-grow: 0;
	
	padding: .2rem;
	
	font-size: 1rem;
	
	align-self: flex-start;
	
	color: var(--primary-font-l);
	
}

.nav-tabs .nav-link .wrxspace-tabs-nav-item-button-close:hover {

    color: var(--primary-font-d);
    
}

/* wrxspace-tabs-nav-item-button.active */

.nav-tabs .nav-link.wrxspace-tabs-nav-item-button.active .wrxspace-tabs-nav-item-button-close {

    color: var(--light-bg-d2);
    
}

.nav-tabs .nav-link.wrxspace-tabs-nav-item-button.active .wrxspace-tabs-nav-item-button-close:hover {

    color: var(--light-bg-d3);
    
}

/* wrxspace-usertools */

.wrxspace-usertools {
	
	height: 100%; 
	
	min-height: 100%;
	
	width: 100%;
	
	max-width: 100%;
	
	display: flex;
	
	flex-wrap: nowrap;
	
	justify-content: space-between;
	
	align-items: flex-start;
	
}

.wrxspace-usertools-panel {
	
	border-width: 0 0 0 1px !important;
	
	width: 700px;
	
	max-width: 700px;
	
	height: 100%;
	
	max-height: 100%;
	
    -moz-box-shadow: -2px 2px 5px 2px hsla(200,100%,5%,40%);
	
    -webkit-box-shadow: -2px 2px 5px 2px hsla(200,100%,5%,40%);
	
    box-shadow: -2px 2px 5px 2px hsla(200,100%,5%,40%);
	
}

.wrxspace-usertools-panel-control {
	
	width: 25px;
	
	max-width: 25px;
	
	flex-grow: 0;
	
}

.wrxspace-usertools-panel-control-button {
	
    -webkit-border-bottom-left-radius: 9px;
	
    -moz-border-radius-bottomleft: 9px;
	
    border-bottom-left-radius: 9px;
	
    -moz-box-shadow: -2px 2px 5px 2px hsla(200,100%,5%,40%);
	
    -webkit-box-shadow: -2px 2px 5px 2px hsla(200,100%,5%,40%);
	
    box-shadow: -2px 2px 5px 2px hsla(200,100%,5%,40%);
	
}

.wrxspace-usertools-open .wrxspace-usertools-panel-control-button-open {
	
	display: none;
	
}

.wrxspace-usertools-open .wrxspace-usertools-panel-control-button-closed {
	
	display: initial;
	
}

.wrxspace-usertools-closed .wrxspace-usertools-panel-control-button-open {
	
	display: initial;
	
}

.wrxspace-usertools-closed .wrxspace-usertools-panel-control-button-closed {
	
	display: none;
	
}

.wrxspace-content-panel {
	
    height: 100%;
	
    max-height: 100%;
	
    padding: 1rem;
	
}

.wrxspace-content-panel-block {
	
	display: flex;
	
    flex-wrap: nowrap;
	
    justify-content: space-between;
	
    align-items: center;

}

.wrxspace-content-panel-block-top {
	
    align-items: flex-start;

}

.wrxspace-content-panel-block-avatar {
	
    width: 116px;
	
    padding-right: 16px;
	
    flex-grow: 0;
	
}

.wrxspace-content-panel-block-detail {
	
	flex-grow: 3;
	
}

.wrxspace-content-panel-block-detail-title {
	
	text-align: center;
	
	font-size: 1rem;
	
	font-weight: bold;
	
	background-color: #ededed;
	
	padding: .5rem;
	
	margin-bottom: .7rem;
	
	width: 100%;
	
}

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
	
	padding: .3rem .3rem .3rem 1.5rem;
	
	background-color: #D8D8D8;
	
}

.dx-field-item-label.dx-field-item-label-location-left {
	
	align-self: flex-start;
	
}

.ctl-label>.hint {
	
	display: block;
	
	position: absolute;
	
	cursor: default;
	
	width: 2.5rem;
	
	right: 0;
	
	top: 0;
	
	text-decoration: none;
	
	outline: 0;
	
	color: #8b8b8b;
	
	-webkit-transition: all .1s ease-in-out;
	
	transition: all .1s ease-in-out;
	
	opacity: 0;
	
	text-align: center;

}

.wrxspace-drawer-panel-control {
	
	flex-grow: 0;
	
    height: 100%;
	
    max-height: 100%;
	
    overflow: hidden;
	
    width: 37px;
	
    max-width: 37px;
	
    min-width: 37px;
	
    display: flex;
	
    flex-wrap: nowrap;
	
    justify-content: space-between;
	
    align-items: flex-start;
	
	padding-right: .5rem;
	
}

.wrxspace-drawer-panel-control .wrx-ui-mlo-drawer-panel-control-handle  {

	padding-right: 2px;

	padding-left: 2px;

	border-right: 1px solid #ddd;

}

.wrxspace-drawer-panel-control-button, .wrxspace-subdrawer-panel-control-button {
	
	-webkit-border-bottom-right-radius: 9px;
	
	-moz-border-radius-bottomright: 9px;

	border-bottom-right-radius: 9px;
	
    background-color: #000000;
	
    color: #ffffff;
	
    font-size: .9rem;
	
    padding: .5rem .2rem .6rem .2rem;
	
	cursor: pointer;
	
	min-width: 20px;
	
	flex-grow: 3;
	
	height: auto;
	
    max-height: 100%;
	
	overflow: hidden;
	
    display: flex;
	
    flex-wrap: nowrap;
	
    justify-content: center;
	
    align-items: center;
	
}

.dx-tabpanel .dx-multiview-wrapper {
	
	/*border: 1px solid #e6e6e6;
	
	border-top: none;

	border-bottom: none;*/
	
	border: none;
	
}

.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
	
	border-color: #e6e6e6;
	
}

.dx-htmleditor {
	
	border-color: #dedede;
	
}

.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
	
	border-bottom: solid 1px #dedede;	
	
}

.dx-datagrid-header-panel .dx-toolbar .dx-toolbar-items-container > .dx-toolbar-after {

	flex-direction: row !important;
	
}

.dx-htmleditor {
	
    resize: vertical;
	
    overflow: auto;
	
}

.dx-textarea .dx-texteditor-input {
	
	resize: vertical;
	
}


.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>tr>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>tr>td {
    background-color: var(--secondary-l3);
    color: var(--primary);
    font-weight: bold;
}

.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: var(--secondary);
    
    color: var(--white);
    
}

.dx-datagrid .dx-column-indicators.dx-visibility-hidden {

    visibility: hidden;
    
    width: 0px;
    
}




.dx-form .dx-tabpanel .dx-multiview-wrapper {
	
	border-left: solid 1px  #ddd !important;
	
	border-right: solid 1px  #ddd !important;
	
	border-bottom: solid 1px  #ddd !important;
	
}

.dx-form .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
	
    -webkit-box-shadow: inset -1px 0 #dedede, inset 0 -1px #ffffff, inset 0 1px #dedede !important;
	
    box-shadow: inset -1px 0 #dedede, inset 0 -1px #ffffff, inset 0 1px #dedede !important;
	
}


.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs, .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs {
	
	-webkit-box-shadow: inset 0 -1px #ddd;
	
	box-shadow: inset 0 -1px #ddd;
	
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type, .dx-tabpanel > .dx-tabpanel-tabs.dx-state-focused .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type  {
	
	-webkit-box-shadow: inset -1px 0 #ddd, inset 1px 0 #ddd, inset 0 -1px #ddd;
	
	box-shadow: inset -1px 0 #ddd, inset 1px 0 #ddd, inset 0 -1px #ddd;
	
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab  {
	
	-webkit-box-shadow: inset -1px 0 #ddd, inset 0 -1px #ddd;
	
	box-shadow: inset -1px 0 #ddd, inset 0 -1px #ddd;
	
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
	
	-webkit-box-shadow: inset -1px 0;
	
	box-shadow: inset -1px 0;
	
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected:first-of-type {
	
	-webkit-box-shadow: inset -1px 0;
	
	box-shadow: inset -1px 0;
	
}

.dx-tabpanel .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs, .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs {
	
	-webkit-box-shadow: inset 0 -1px #ddd;
	
    box-shadow: inset 0 -1px #ddd;
	
	
}

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
	
	-webkit-box-shadow: inset -1px 0;
	
    box-shadow: inset -1px 0;
	
}

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type, .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type {
	
    -webkit-box-shadow: inset -1px 0 #ddd, inset 0 -1px #ddd;
	
    box-shadow: inset -1px 0 #ddd, inset 0 -1px #ddd;
	
}

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab {
	
	-webkit-box-shadow: inset -1px 0 #ddd, inset 0 -1px #ddd, inset 0 1px #ddd;
	
    box-shadow: inset -1px 0 #ddd, inset 0 -1px #ddd, inset 0 1px #ddd;
	
}

.wrx-modal-body .wrx-clo-panel {

	position: relative;

}
.dx-multiview.dx-swipeable.dx-tabpanel.dx-widget.dx-visibility-change-handler.dx-collection, .dxTabPanel, .dxTab {
	
	height: 100%;
	
	width:100%;
	
}

.dx-tabpanel.dx-state-focused > .dx-tabpanel-container > .dx-multiview-wrapper { 

    border-color: transparent !important; 

}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {

    width: auto !important;
    
    min-width: initial !important;
    
}

.dx-button-mode-text .dx-icon {

    color: #389cff;
    
}

.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {

    background-color: var(--secondary-l1);
    
}

.dx-dropdowneditor-button .dx-dropdowneditor-icon {

    color: var(--secondary-l1);
    
}

.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {

    background-color: #389cff;
    
}

.dx-field-item-label-text {

    color: var(--secondary-font-l);
    
}

.dx-form-group-with-caption {

    color: #389cff;
    
}

.dx-show-clear-button .dx-icon-clear {

    color: #dbedff;
    
}

.dx-show-clear-button .dx-icon-clear:hover {

    color: var(--secondary-l1);
    
}

.wrx-search-filter .dx-texteditor.dx-editor-outlined {

    background-color: var(--secondary-l1);
    
    border-color: var(--secondary-l1);
    
}

.wrx-search-filter .dx-texteditor.dx-editor-outlined:hover {

    background-color: #003d7a;
    
}

.wrxspace-drawer-sidepanel-content {

    border-color: #000a14;
    
    background-color: hsla(0, 0%, 0%, 30%);
    
}

.wrxspace-header-elements {

    background-color: #000a14;
    
    color: #ffffff;
    
}


.wrxspace-tabs-nav-scroller-button.wrxspace-tabs-nav-scroller-active {

    color: #000a14;
    
    background-color: #ffffff;
    
}

.wrxspace-tabs-nav-scroller-button.wrxspace-tabs-nav-scroller-active:hover {

    color: #ffffff;
    
    background-color: #000a14;
    
}


.wrx-ui-profile-dashboard-header-profilename-alias {

    background-color: #e6e6e6;
    
    color: #000000;
    
}

.wrx-ui-spinner-sflo #middle .plane {

    background: #e5f3ff;
    
}

.wrx-ui-spinner-sflo .plane {

    background: #000a14;
    
}

::-moz-scrollbar-thumb {

    background: #000a14;
    
}

::-moz-scrollbar-thumb:hover {

    background: #000a14;
    
}

::-webkit-scrollbar-thumb {

    background: #000a14;
    
}

::-webkit-scrollbar-thumb:hover {

    background: #000a14;
    
}

table.dx-datagrid-table.dx-pointer-events-none.dx-datagrid-table-fixed td {

    background-color: #e5f3ff;
    
    color: #000000;
    
}

.wrxspace-drawer-sidepanel-content {

    background-color: hsl(0deg 0% 100% / 30%);
    
}


.dx-field-item-content div:not(.dx-state-focused) > input[type="color"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="date"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="datetime"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="datetime-local"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="month"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="week"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="time"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="password"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="text"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="tel"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="email"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="url"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="number"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="range"],
.dx-field-item-content div:not(.dx-state-focused) > input[type="search"],
.dx-field-item-content div:not(.dx-state-focused) > textarea,
.dx-field-item-content div:not(.dx-state-focused) > select,
.dx-field-item-content div:not(.dx-state-focused) > .dx-lookup,
.dx-treeview-search div:not(.dx-state-focused) > .dx-texteditor-input {
    border: 0;
}


.dx-field-item-content input[type="color"], .dx-field-item-content input[type="date"], .dx-field-item-content input[type="datetime"], .dx-field-item-content input[type="datetime-local"], .dx-field-item-content input[type="month"], .dx-field-item-content input[type="week"], .dx-field-item-content input[type="time"], .dx-field-item-content input[type="password"], .dx-field-item-content input[type="text"], .dx-field-item-content input[type="tel"], .dx-field-item-content input[type="email"], .dx-field-item-content input[type="url"], .dx-field-item-content input[type="number"], .dx-field-item-content input[type="range"], .dx-field-item-content input[type="search"], .dx-field-item-content textarea, .dx-field-item-content select, .dx-field-item-content .dx-lookup, .dx-treeview-search .dx-texteditor-input {

    border-color: transparent;

}

.wrx-search-filter .dx-texteditor.dx-editor-outlined {

    background-color: var(--secondary-l1);
    
    border-color: var(--secondary-l1);
    
}

.wrx-search-filter .dx-texteditor.dx-editor-outlined:hover {

    background-color: var(--secondary);
    
}

.wrxspace-drawer-sidepanel-content {

    border-color: var(--primary-d3);
    
    background-color: hsla(0, 0%, 0%, 30%);
    
}

.wrxspace-header-elements {

    background-color: var(--primary-d3);
    
    color: var(--white);
    
}

.wrxspace-mode-panel-nav-wrapper p {

    color: var(--white);
    
}

.wrxspace-tabs-nav-scroller-button.wrxspace-tabs-nav-scroller-active {

    color: var(--primary-d3);
    
    background-color: var(--white);
    
}

.wrxspace-tabs-nav-scroller-button.wrxspace-tabs-nav-scroller-active:hover {

    color: var(--white);
    
    background-color: var(--primary-d3);
    
}


.wrx-ui-spinner-sflo #middle .plane {

    background: var(--primary-l3);
    
}

.wrx-ui-spinner-sflo .plane {

    background: var(--primary-d3);
    
}

::-moz-scrollbar-thumb {

    background: var(--primary-d3);
    
}

::-moz-scrollbar-thumb:hover {

    background: var(--primary-d3);
    
}

::-webkit-scrollbar-thumb {

    background: var(--primary-d3);
    
}

::-webkit-scrollbar-thumb:hover {

    background: var(--primary-d3);
    
}


table.dx-datagrid-table.dx-pointer-events-none.dx-datagrid-table-fixed td {

    background-color: var(--primary-l3);
    
    color: var(--black);
    
}

.wrxspace-drawer-sidepanel-content {

    background-color: hsl(0deg 0% 100% / 30%);
    
}



/* >>>>> New Overrides ********* START  */


.dx-widget.dx-button.dx-button-mode-contained.dx-button-button.dx-button-has-text.dx-button-has-icon:hover {

    color: var(--secondary-font-d);
    
    background-color: var(--secondary-d3);
    
}


.dx-widget.dx-button.dx-button-mode-contained.dx-button-button.dx-button-has-text.dx-button-has-icon {

    padding: 0 .2rem;
    
    border-radius: 0.4rem;
    
    margin: .3rem .5rem;
    
    font-size: .8rem;
    
    line-height: 1;
    
    color: var(--primary-font-l);
    
    background-color: var(--primary-l3);
    
    -webkit-box-shadow: none;
    
    box-shadow: none;
    
    background-image: none;
    
    border: solid 1px var(--primmary);
    
    font-weight: 600;
}

.dx-button-mode-contained .dx-icon {
    color: var(--primary);
}


.dx-popup-content .dx-toolbar-item-auto-hide .dx-widget.dx-button.dx-button-mode-contained.dx-button-button.dx-button-has-text.dx-button-has-icon .dx-button-content {

    padding: .3rem;
    
}

.dx-popup-content .dx-widget.dx-button.dx-button-mode-contained.dx-button-button.dx-button-has-text.dx-button-has-icon {

    margin: 0px;
    
    background-color: var(--secondary);

    color: var(--white);
    
    border-radius: 0px;
    
    border-bottom: solid 1px var(--white);

}

.dx-popup-content .dx-widget.dx-button.dx-button-mode-contained.dx-button-button.dx-button-has-text.dx-button-has-icon .dx-icon {

    color: var(--white);

}

.dx-popup-content .dx-widget.dx-button.dx-button-mode-contained.dx-button-button.dx-button-has-text.dx-button-has-icon:hover {
    
    background-color: var(--white);

    color: var(--secondary);
    
    border: solid 1px var(--secondary);

}

.dx-popup-content .dx-widget.dx-button.dx-button-mode-contained.dx-button-button.dx-button-has-text.dx-button-has-icon:hover .dx-icon {

    color: var(--secondary);

}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-state-active, .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-state-focused {

    border-color: transparent;

}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {

    -webkit-box-shadow: none;
    
    box-shadow: none;
    
}



/* NEW WRX FREESTYLE WRXSPACE GLOBAL UI OVERRIDES */

.wrx-bodylayout-wrxspace #wrx-canvas {

    display: flex;
    
    flex-direction: column;
    
    justify-content: space-between;
    
    overflow: hidden;
    
    height: 100%;

}

.wrx-bodylayout-wrxspace #wrx-canvas-content {

    flex-grow: 1;
    
    display: flex;
    
    flex-direction: column;
    
    justify-content: space-between;
    
    overflow: hidden;
    
    height: 100%;

}

.wrx-bodylayout-wrxspace #wrx-canvas-content-body, .wrx-bodylayout-wrxspace #wrx-canvas-content-body .wrx-content {

    flex-grow: 1;
    
    display: flex;
    
    flex-direction: column;
    
    justify-content: space-between;
    
    overflow: hidden;
    
    height: 100%;

}

.wrx-bodylayout-wrxspace #wrx-canvas-content-head, .wrx-bodylayout-wrxspace #wrx-canvas-content-foot {

    flex-grow: 0;

}

.wrx-bodylayout-wrxspace #wrx-canvas-header-fixed {
    
    padding: 0;
    
}

.wrx-bodylayout-wrxspace .wrx-ui-brandbar {

    border-radius: 0;
    
    -moz-border-radius: 0;
    
    -webkit-border-radius: 0;
    
    background-color: var(--white);
    
    padding: .3rem 1rem;

}

.wrx-bodylayout-wrxspace .wrx-ui-brandbar-logo {

    margin-right: 1rem;
    
}

.wrx-bodylayout-wrxspace .wrx-ui-brandbar-button {
    
    color: var(--primary-l3);
    
}

.wrx-bodylayout-wrxspace .wrx-ui-brandbar-button:hover {
    
    color: var(--white);
    
}

.wrx-bodylayout-wrxspace .wrx-ui-nav-context-menu-title {

    color: var(--primary-d3);
    
    background-color: var(--white);
    
    border-bottom: 1px solid var(--primary-d3);
    
}

.wrx-bodylayout-wrxspace .wrx-ui-nav-context-menu-title:hover {

    color: var(--primary-d3);
    
    background-color: var(--secondary-l1);
    
}

.wrx-bodylayout-wrxspace .wrx-ui-nav-context-menu-l1-item-row {

    background: linear-gradient(to bottom, var(--silver-l3), var(--white));
    
    color: var(--primary-d3);
    
    font-family: inherit;
    
}

.wrx-bodylayout-wrxspace .wrx-ui-nav-context-menu-l1-item-row.active {

    background: var(--primary-l3);
    
    color: var(--primary);
    
}

.wrx-bodylayout-wrxspace .wrx-ui-nav-context-menu-l1-item-row.active .wrx-ui-nav-context-menu-l1-item-icon {

    color: var(--primary);
    
}

.wrx-bodylayout-wrxspace .wrx-ui-nav-context-menu-l2-item-row {

    color: var(--primary-d1);
    
    border-color: var(--secondary-l1);
    
}

.wrx-bodylayout-wrxspace .wrx-ui-nav-context-menu-l2-item-row.active {

    background: var(--primary-l3);
    
    color: var(--primary);
    
}

.wrx-bodylayout-wrxspace .wrx-ui-nav-context-menu-l2-item-row.active .wrx-ui-nav-context-menu-l2-item-icon {

    color: var(--primary-l1);
    
}

.wrx-bodylayout-wrxspace .wrx-ui-nav-context-menu-l2-item-row:hover {

    background: var(--primary-l3);
    
    color: var(--primary-d3);
    
}

.wrx-bodylayout-wrxspace .wrx-ui-nav-context-menu-l3-item-row {

    background: var(--primary-l3);
    
    color: var(--primary-d3);
    
    border-color: var(--primary-l2);
    
}

.wrx-bodylayout-wrxspace .wrx-ui-nav-context-menu-l3-item-row:hover {

    background: var(--secondary-l1);
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--secondary-l1)",endColorstr="var(--primary-d3)",GradientType=1);
    
    color: var(--white);
    
}


/* WRXSPACE 24 UI AND LAYOUTClasses */


.wrxspace-tabs-nav {
	
	height: 32px; 
	
	min-height: 32px;
	
	width: 100%;
	
    max-width: 100%;
	
    overflow: hidden;
	
	background-color: var(--silver-l3);
	
	flex-grow: 0;
	
	-moz-box-shadow: 1px 3px 7px 4px hsla(0, 0%, 0%,15%);

	-webkit-box-shadow: 1px 3px 7px 4px hsla(0, 0%, 0%,15%);

	box-shadow: 1px 3px 7px 4px hsla(0, 0%, 0%,15%);

	transition: opacity 0.2s ease, box-shadow 0.2s ease;
	
}

.wrxspace-header-mode-select-nav {
	
	display: flex;
	
	flex-wrap: nowrap;
	
	justify-content: flex-start;
	
	align-items: center;
	
	overflow: hidden;

	width: 100%;
	
	color: var(--dark-font-l);
	
}

.wrxspace-header-mode-select-nav-scroller-button {

    color: var(--primary-l3);

}

.wrxspace-header-mode-select-nav-item {

	width: auto;
	
	-moz-transition: all 0.5s;
	
	-o-transition: all 0.5s;
	
	border-radius: 0.8rem;
	
	cursor: pointer;
	
	display: inline-block;
	
	margin-right: 10px;
	
	padding: 1px 5px 1px 9px;
	
	position: relative;
	
	transition: all 0.5s;
	
}

.wrxspace-header-mode-select-nav-item.wrxspace-header-mode-select-nav-item-activeixtag {

    background-color: var(--primary-l3);
    
    color: var(--primary);
    
}

.wrxspace-header-mode-select-nav-item:hover {
    
    background-color: var(--primary-l1);
    
    color: var(--primary-l3);
    
}

.wrxspace-header-mode-select-nav-item-label {
	
	color: inherit;
	
	display: inline-block;
	
	font-size: .6rem;
	
	text-transform: uppercase;
	
	vertical-align: middle;
	
	width: auto;
	
	padding-left: .4rem;
	
	padding-right: .3rem;
	
}

/* wrxspace-drawer */

.wrxspace-drawer-sidepanel-control-button {
	
    color: var(--primary);
    
    background-color: var(--primary-l3);
	
    cursor: pointer;
	
    font-size: 1rem;
	
    padding: .4rem .2rem .5rem .2rem;
	
	position: relative;
	
	z-index: 10;
	
	text-align: center;
	
}

.wrxspace-drawer-sidepanel-control-button:hover {
	
    color: var(--primary-l3);
	
    background-color: var(--primary-l1);
	
}


/* wrxspace-mode */

.wrxspace-mode {
	
	height: 100%; 
	
	min-height: 100%;
	
	width: 100%;
	
	max-width: 100%;
	
	display: flex;
	
	flex-wrap: nowrap;
	
	justify-content: space-between;
	
	align-items: flex-start;

}

.wrxspace-mode-panel {
	
	border-width: 0!important;
	
	width: 275px;
	
	max-width: 275px;
	
	height: 100%;
	
	max-height: 100%;
	
    -moz-box-shadow: none;
	
    -webkit-box-shadow: none;
	
    box-shadow: none;
	
}

.wrxspace-mode-panel div#wrx-ui-nav-context-menu-mode {

    display: flex;
    
    flex-direction: column;
    
    justify-content: space-between;
    
    height: 100%;
    
    max-height: 100%;
    
    overflow: hidden;
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu {
    
    margin: 0;
    
    max-width: 100%;
    
}


.wrxspace-mode-panel-nav-wrapper p {
	
	color: #ffffff;
	
	text-align: center;
	
	padding: 1rem;
	
}

.wrxspace-mode-panel-control {
	
	width: 25px;
	
	max-width: 25px;
	
	flex-grow: 0;
	
}

.wrxspace-mode-panel-control-button {
	
    -webkit-border-bottom-right-radius: 9px;
	
    -moz-border-radius-bottomright: 9px;
	
    border-bottom-right-radius: 9px;
	
    -moz-box-shadow: 2px 2px 5px 2px hsla(200,100%,5%,40%);
	
    -webkit-box-shadow: 2px 2px 5px 2px hsla(200,100%,5%,40%);
	
    box-shadow: 2px 2px 5px 2px hsla(200,100%,5%,40%);
	
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-title {
	
	color: var(--primary-d3);
	
	background-color: var(--white);
	
	text-transform: uppercase;
	
	border: 0px;
	
	border-right: none;
	
	border-top: none;

    -webkit-border-radius: 0 !important;

    -moz-border-radius: 0 !important;

    border-radius: 0 !important;
    
    -webkit-box-shadow: none !important;
    
    box-shadow: none !important;
    
    cursor: none;
    
    font-size: 1.1rem;

}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-title:hover {

	color: var(--primary);
	
	background-color: var(--white);
	
	cursor: none;
	
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-title-icon, .wrxspace-mode-panel .wrx-ui-nav-context-menu-title-icon:hover {
	
	color: #ffffff;
	
	background-color: var(--primary);
	
	text-align: center;
	
    padding: .4rem 1rem !important;
    
    cursor: none;
    
    width: auto;
	
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-title-text {

    padding: .3rem .6rem;

}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-title-text:hover {

    cursor: crosshair;

}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-l1 {

    flex-grow: 1;
    
    overflow-y: auto;
    
    overflow-x: hidden;
    
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-l1-item-row {

    font-size: 1.1rem;
    
    color: var(--primary-d3);
    
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-l1-item-row .wrx-icon {

    color: var(--silver);
    
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-l1-item-row:hover .wrx-icon {

    color: var(--primary);
    
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-l1-item-row:hover .wrx-ui-nav-context-menu-l1-item-icon {

    color: var(--primary);
    
    background-color: var(--secondary);
    
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-l1-item-row:hover {

    background: var(--secondary);
    
    color: var(--white);
    
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-l2-item-row {

    color: var(--primary-d3);
    
    border-color: var(--secondary-l1);
    
    font-size: 1rem;
    
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-l2-item-row:hover {

    background: var(--secondary);
    
    color: var(--white);
    
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-l1-item-icon, .wrxspace-mode-panel .wrx-ui-nav-context-menu-l2-item-icon, .wrxspace-mode-panel .wrx-ui-nav-context-menu-l3-item-icon {

    width: 3rem;
    
    font-size: 1rem;
    
    padding: 0.4rem;
    
}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-l2-item-icon, .wrxspace-mode-panel .wrx-ui-nav-context-menu-l3-item-icon {

    width: 2.5rem;

}

.wrxspace-mode-panel .wrx-ui-nav-context-menu-l3-item-row {

    font-size: .9rem;

}