/** backgorund settings **/
/** border settings **/
/** Tab settings **/
/** Grids **/
/** Scrollbar **/
/** Desktop **/
/** Hotspot **/
/* Taskbar */
/** Tiles **/
/** Tile selector **/
/** Object type list **/
/** Ribon **/
/** general **/
/** Theme info **/
/** backgorund settings **/
/** border settings **/
/** Tab settings **/
/** Highlighting **/
/** Grids **/
/** Scrollbar **/
/** Desktop color **/
/** Hotspot **/
/* Taskbar */
/** Tiles **/
/** Tile selector **/
/** Object type list **/
/** Ribon **/
/** general **/
/** Theme info **/
/** backgorund settings **/
/** border settings **/
/** Tab settings **/
/** Highlighting **/
/** Grids **/
/** Scrollbar **/
/** Desktop color **/
/** Hotspot **/
/* Taskbar */
/** Tiles **/
/** Tile selector **/
/** Object type list **/
/** Ribon **/
/** general **/
.xpor-tile-view {
		z-index: 10; }
		.xpor-tile-view .xpor-tile-view .thumb-img-preview {
				margin: 5px 3px 0px 3px; }
		.xpor-tile-view .item-wrap {
				float: left;
				width: 92px;
				height: 124px;
				border: 2px transparent solid;
				padding: 2px;
				padding-bottom: 5px;
				margin: 6px 0px 0px 6px;
				z-index: 400; }
				.xpor-tile-view .item-wrap .thumb-img {
						height: 80px;
						width: 80px;
						padding: 5px;
						margin: 5px 3px 0px 3px; }
				.xpor-tile-view .item-wrap .thumb-img-inner {
						height: 70px;
						width: 70px;
						background-position: center center;
						background-repeat: no-repeat; }
				.xpor-tile-view .item-wrap thumb-img-inner-fa {
						display: grid;
						align-items: center;
						justify-content: center; }
				.xpor-tile-view .item-wrap .thumb-img-count {
						position: relative;
						float: right;
						background-color: #ffffff;
						color: #000000;
						font-size: 11px;
						border: 2px #E0BABB solid;
						width: 16px;
						text-align: center; }
				.xpor-tile-view .item-wrap span {
						display: block;
						overflow: hidden;
						text-align: center;
						font-size: 11px;
						margin: 2px 7px 0px 7px; }
				.xpor-tile-view .item-wrap span.fa-layers {
						margin: 0 !important; }
		.xpor-tile-view .item-text {
				overflow: hidden;
				text-align: center;
				width: 90px; }
		.xpor-tile-view .item-wrap.x-item-over {
				border: 2px #E0BABB solid;
				background: rgba(229, 198, 199, 0.2);
				color: black; }
		.xpor-tile-view .x-item-selected.x-item-over, .xpor-tile-view .x-item-selected {
				border: 2px #E0BABB solid;
				background: rgba(229, 198, 199, 0.8);
				color: black; }
		.xpor-tile-view .item-wrap.x-item-over {
				color: black; }

.x-view-selector {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		border: 1px dotted;
		opacity: .5;
		-moz-opacity: .5;
		filter: alpha(opacity=50);
		zoom: 1;
		border: 1px dotted;
		filter: alpha(opacity=50);
		background-color: #E2BFC0;
		border-color: #E0BABB;
		z-index: 99999 !important; }

.ext-strict .ext-ie .x-tree .x-panel-bwrap {
		position: relative;
		overflow: hidden; }

.xpor-no-objects-msg {
		margin-left: 10px;
		line-height: 25px; }

.ux-colorfield-trigger-preview {
		cursor: default;
		border-width: 1px 1px 1px 0;
		border-style: solid;
		background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-transparency.png");
		position: relative; }
		.ux-theme-classic .ux-colorfield-trigger-preview {
				border-color: #7EADD9; }
		.ux-theme-classic .xpor-form-trigger-wrap-focus .ux-colorfield-trigger-preview {
				border-color: #7EADD9; }
		.ux-theme-moderngray .ux-colorfield-trigger-preview,
		.ux-theme-modernblue .ux-colorfield-trigger-preview {
				border-color: #D3D3D3; }
		.ux-theme-moderngray .xpor-form-trigger-wrap-focus .ux-colorfield-trigger-preview {
				border-color: #6F6F6F; }
		.ux-theme-modernblue .xpor-form-trigger-wrap-focus .ux-colorfield-trigger-preview {
				border-color: #20588F; }
		.ux-colorfield-trigger-preview,
		.xpor-form-trigger-wrap-focus .ux-colorfield-trigger-preview, .ux-colorfield-trigger-preview.xpor-form-trigger-over,
		.xpor-form-trigger-wrap-focus .ux-colorfield-trigger-preview.xpor-form-trigger-over {
				background-position: 50% 50%; }
		.ux-colorfield-trigger-preview .ux-colorfield-trigger-preview-el {
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0; }
				.ux-colorfield-trigger-preview .ux-colorfield-trigger-preview-el.ux-colorfield-trigger-preview-nocolor {
						background-position: 50% 50%;
						background-repeat: no-repeat;
						background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/form/field/color-nocolor.png"); }

.ux-colorfield-gridcell .xpor-grid-cell-inner .ux-colorfield-gridcell-preview {
		position: relative;
		width: 16px;
		height: 13px;
		border: solid 1px #000000;
		float: left;
		background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-transparency.png"); }

.ux-colorfield-gridcell .xpor-grid-cell-inner .ux-colorfield-gridcell-preview-el {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; }
		.ux-colorfield-gridcell .xpor-grid-cell-inner .ux-colorfield-gridcell-preview-el.ux-colorfield-gridcell-preview-nocolor {
				background-position: 50% 50%;
				background-repeat: no-repeat;
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/form/field/color-nocolor.png"); }

.ux-colorfield-gridcell .xpor-grid-cell-inner .ux-colorfield-gridcell-text {
		float: left;
		padding-left: 5px; }

/** Theme info **/
/** backgorund settings **/
/** border settings **/
/** Tab settings **/
/** Highlighting **/
/** Grids **/
/** Scrollbar **/
/** Desktop color **/
/** Hotspot **/
/* Taskbar */
/** Tiles **/
/** Tile selector **/
/** Object type list **/
/** Ribon **/
/** general **/
.ux-colormixer {
		border-style: solid;
		background-color: #FFFFFF;
		color: #000000;
		border-color: #B5B8C8; }
		.ux-theme-classic .ux-colormixer {
				background-color: #DFE9F6;
				border-color: #B5B8C8; }
		.ux-theme-moderngray .ux-colormixer {
				background-color: #F9F9F9;
				border-color: #B5B8C8; }
		.ux-theme-modernblue .ux-colormixer {
				background-color: #F9F9F9;
				border-color: #B5B8C8; }
		.ux-colormixer .x-form-item-label {
				color: #000000; }

.ux-colormixer-map {
		padding: 10px; }
		.ux-colormixer-map .ux-colormixer-map-inner {
				position: relative;
				width: 256px;
				height: 256px;
				border: solid 1px #000000;
				-webkit-box-sizing: content-box;
				-moz-box-sizing: content-box;
				box-sizing: content-box; }
		.ux-colormixer-map .ux-colormixer-map-base,
		.ux-colormixer-map .ux-colormixer-map-overlay {
				width: 256px;
				height: 256px;
				position: absolute;
				top: 0;
				left: 0;
				background-repeat: no-repeat;
				background-position: 0 0; }
		.ux-colormixer-map .ux-colormixer-map-base {
				z-index: 1; }
		.ux-colormixer-map .ux-colormixer-map-overlay {
				z-index: 2; }
		.ux-colormixer-map.ux-colormixer-mode-hue .ux-colormixer-map-base {
				background-image: none; }
		.ux-colormixer-map.ux-colormixer-mode-hue .ux-colormixer-map-overlay {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-map-hue.png"); }
		.ux-colormixer-map.ux-colormixer-mode-saturation .ux-colormixer-map-base {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-map-saturation.png"); }
		.ux-colormixer-map.ux-colormixer-mode-saturation .ux-colormixer-map-overlay {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-map-saturation-overlay.png"); }
		.ux-colormixer-map.ux-colormixer-mode-brightness .ux-colormixer-map-base {
				background-image: none;
				background-color: #000000; }
		.ux-colormixer-map.ux-colormixer-mode-brightness .ux-colormixer-map-overlay {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-map-brightness.png"); }
		.ux-colormixer-map.ux-colormixer-mode-red .ux-colormixer-map-base {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-map-red-min.png"); }
		.ux-colormixer-map.ux-colormixer-mode-red .ux-colormixer-map-overlay {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-map-red-max.png"); }
		.ux-colormixer-map.ux-colormixer-mode-green .ux-colormixer-map-base {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-map-green-min.png"); }
		.ux-colormixer-map.ux-colormixer-mode-green .ux-colormixer-map-overlay {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-map-green-max.png"); }
		.ux-colormixer-map.ux-colormixer-mode-blue .ux-colormixer-map-base {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-map-blue-min.png"); }
		.ux-colormixer-map.ux-colormixer-mode-blue .ux-colormixer-map-overlay {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-map-blue-max.png"); }
		.ux-colormixer-map .ux-colormixer-map-handle {
				position: absolute;
				width: 15px;
				height: 15px;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-mappoint.gif");
				z-index: 3; }

.ux-colormixer-slider {
		padding: 10px; }
		.ux-colormixer-slider .ux-colormixer-slider-inner {
				position: relative;
				width: 20px;
				height: 256px;
				border: solid 1px #000000;
				-webkit-box-sizing: content-box;
				-moz-box-sizing: content-box;
				box-sizing: content-box; }
		.ux-colormixer-slider .ux-colormixer-slider-tl,
		.ux-colormixer-slider .ux-colormixer-slider-tr,
		.ux-colormixer-slider .ux-colormixer-slider-bl,
		.ux-colormixer-slider .ux-colormixer-slider-br {
				width: 20px;
				height: 256px;
				position: absolute;
				top: 0;
				left: 0;
				background-repeat: no-repeat;
				background-position: 0 0; }
		.ux-colormixer-slider .ux-colormixer-slider-bl {
				z-index: 1; }
		.ux-colormixer-slider .ux-colormixer-slider-tl {
				z-index: 2; }
		.ux-colormixer-slider .ux-colormixer-slider-br {
				z-index: 3; }
		.ux-colormixer-slider .ux-colormixer-slider-tr {
				z-index: 4; }
		.ux-colormixer-slider.ux-colormixer-mode-hue .ux-colormixer-slider-bl {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-hue.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-hue .ux-colormixer-slider-tr,
		.ux-colormixer-slider.ux-colormixer-mode-hue .ux-colormixer-slider-tl,
		.ux-colormixer-slider.ux-colormixer-mode-hue .ux-colormixer-slider-br {
				background-color: none;
				background-image: none;
				display: none; }
		.ux-colormixer-slider.ux-colormixer-mode-saturation .ux-colormixer-slider-bl {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-saturation.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-saturation .ux-colormixer-slider-br {
				background-color: #000000;
				background-image: none; }
		.ux-colormixer-slider.ux-colormixer-mode-saturation .ux-colormixer-slider-tr,
		.ux-colormixer-slider.ux-colormixer-mode-saturation .ux-colormixer-slider-tl {
				display: none; }
		.ux-colormixer-slider.ux-colormixer-mode-brightness .ux-colormixer-slider-bl {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-brightness.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-brightness .ux-colormixer-slider-br {
				background-color: #FFFFFF;
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-brightness.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-brightness .ux-colormixer-slider-tr,
		.ux-colormixer-slider.ux-colormixer-mode-brightness .ux-colormixer-slider-tl {
				display: none; }
		.ux-colormixer-slider.ux-colormixer-mode-red .ux-colormixer-slider-red {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-red-tl.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-green .ux-colormixer-slider-green {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-green-tl.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-blue .ux-colormixer-slider-blue {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-blue-tl.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-red .ux-colormixer-slider-red {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-red-tr.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-green .ux-colormixer-slider-green {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-green-tr.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-blue .ux-colormixer-slider-blue {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-blue-tr.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-red .ux-colormixer-slider-red {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-red-bl.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-green .ux-colormixer-slider-green {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-green-bl.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-blue .ux-colormixer-slider-blue {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-blue-bl.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-red .ux-colormixer-slider-red {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-red-br.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-green .ux-colormixer-slider-green {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-green-br.png"); }
		.ux-colormixer-slider.ux-colormixer-mode-blue .ux-colormixer-slider-blue {
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-bar-blue-br.png"); }
		.ux-colormixer-slider .ux-colormixer-slider-handle {
				position: absolute;
				width: 40px;
				height: 9px;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-rangearrows.gif");
				z-index: 5;
				left: -10px; }

.ux-colormixer-right-container {
		padding: 10px; }

.ux-colormixer-preview {
		border: solid 1px #000000;
		background-position: 0 0;
		background-repeat: repeat;
		background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-transparency.png");
		position: relative; }
		.ux-colormixer-preview .ux-colormixer-preview-inner {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0; }

.ux-colormixer-icon-nocolor {
		background-position: 2px 2px;
		background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-nocolor.png"); }

.ux-colormixer-icon-transparent {
		background-position: 2px 2px;
		background-image: url("/_system/XPOR/styles/images/default/colorpickerimages/picker/colormixer-transparent.png"); }

.ux-colormixer-icon-cancel {
		background-image: url("/_system/XPOR/styles/images/default/cross.png"); }

.ux-colormixer-icon-submit {
		background-image: url("/_system/XPOR/styles/images/default/checkmark.png"); }

.xpor-required {
		color: red; }

/*#region Button Styling */
.x-btn-icon-el, .x-btn-inner, .x-btn-button, .x-btn-wrap {
		min-width: 18px;
		min-height: 18px;
		padding: 1px; }

.x-btn-icon-el-default-toolbar-large {
		color: inherit; }

.x-btn-button-center svg {
		margin-right: auto;
		margin-left: auto; }

.x-btn-inner {
		line-height: 20px; }

.x-btn-default-toolbar-small-icon-text-left .x-btn-inner {
		padding-left: 23px; }

.x-panel-header-text, .x-panel-header-text-container {
		min-height: 20px; }

.x-menu-item-icon {
		min-width: 20px;
		min-height: 20px; }

.x-menu-icon-separator {
		left: 30px; }

.x-menu-item-link {
		padding: 0px 4px 0px 4px;
		line-height: 32px; }

.faIconLink .x-menu-item-indent {
		margin-left: 0px !important; }

.faIconLink .x-menu-item-text-default.x-menu-item-indent-no-separator, .faIconLink .x-menu-item-text-default.x-menu-item-indent {
		margin-left: 0px !important; }

.xpor-buttonset .x-btn {
		margin: 3px; }

/*#endregion Button Styling*/
/*#region Desktop*/
.xpor-desktop-view {
		background-color: white;
		background-image: url("/_client/wallpapers/XporBackground.png");
		background-repeat: no-repeat;
		background-position: bottom right; }

.ux-wallpaper-tiled {
		background-repeat: repeat; }

/*#endregion Desktop*/
/*#region Object Type Listing */
.object-type-list {
		padding: 0; }
		.object-type-list .x-item-selected {
				background-color: #E0E0E0;
				border-color: #464646;
				border-style: dotted;
				border-width: 1px;
				border-left: none;
				border-right: none; }

.object-type-list-item {
		padding-left: 28px;
		padding-top: 1px;
		padding-bottom: 1px;
		line-height: 24px;
		cursor: pointer;
		background: no-repeat 0 2px;
		background-position: 3px 3px;
		border-color: white;
		border-style: solid;
		border-width: 1px;
		border-left: none;
		border-right: none; }

.object-type-list-item-hover {
		background-color: #E0E0E0;
		border-color: #DDDDDD;
		border-style: solid;
		border-width: 1px;
		border-left: none;
		border-right: none; }

.xpor-no-show, .XPOR-NO-SHOW {
		display: none !important; }

.object-type-list-item {
		padding-left: 5px !important; }

/*#endregion Object Type Listing */
/*#region Forms*/
.x-colorpicker-field-swatch div {
		z-index: 1000; }

.x-form-display-field-default {
		min-height: 22px;
		height: auto; }

.x4-html-invalid {
		border: red 2px dashed; }

.xpor-tab-body {
		padding: 10px; }

.xpor-tab-body-no-padding {
		padding: 0px; }

.xpor-permissions-title {
		float: left;
		padding-top: 7px;
		padding-left: 8px;
		white-space: normal; }

.xpor-permissions-icon {
		float: left; }

.x-tab-default-top {
		border-width: 2px !important;
		border-bottom: none !important;
		border-color: #B5B5B5 !important;
		background-color: #DCDCDC !important; }

.x-tab-default-top-active {
		border-color: #B5B5B5 !important;
		background-color: #FFF !important; }

.tab-top-active-amber {
		border-color: #fff835 !important; }

.tab-top-amber {
		border-color: #fff835 !important; }

.x-nlg .tab-top-amber {
		background-image: url("../images/default/tab-default-top-bg.gif"); }

.x-nlg .tab-bottom-amber {
		background-image: url("../images/default/tab-default-bottom-bg.gif"); }

.x-nlg .tab-top-active-amber {
		background-image: url("../images/default/tab-default-top-active-bg.gif"); }

.x-nlg .tab-bottom-active-amber {
		background-image: url("../images/default/tab-default-bottom-active-bg.gif"); }

.x-nlg .tab-top-active-invalid {
		border-color: #ff0000 !important; }

.tab-top-invalid {
		border-color: #ff0000 !important; }

/*#region Trigger Fields */
.xpor-triggerfield-button-objectselector {
		background-image: url("/_system/XPOR/styles/images/gray/browse-trigger.gif") !important;
		cursor: pointer; }

.xpor-triggerfield-button-edit {
		background-image: url("/_system/XPOR/styles/images/gray/edit-trigger.gif") !important;
		cursor: pointer; }

.x-form-clear-trigger-double {
		background-image: url("/_system/XPOR/styles/images/gray/clear-trigger.gif") !important; }

.x-form-date-trigger-double {
		background-image: url("/_system/XPOR/styles/images/gray/date-trigger.gif") !important; }

.xpor-triggerfield-button-timeselector {
		background-image: url("/_system/XPOR/styles/images/gray/time-trigger.gif") !important;
		cursor: pointer; }

/*#endregion Trigger Fields*/
/*#endregion Forms*/
/*#region Link Buttons*/
.xpor-linkbutton .x-mask {
		background-color: transparent;
		color: #50506d; }

.xpor-linkbutton-icon {
		cursor: pointer; }

.xpor-linkbutton-linktext {
		color: #000000;
		font-size: 13px;
		padding-left: 4px;
		text-decoration: underline;
		cursor: pointer; }

/*#endregion*/
/*#region Grid Styling */
.v-vertical-header-grid .x-column-header.column-vertical .x-column-header-text {
		float: left;
		margin: 5px;
		transform: translate(0, 100%) rotate(-90deg);
		transform-origin: 0 0;
		height: 185px; }

.v-vertical-header-grid .x-column-header.column-vertical .x-column-header-text:after {
		content: "";
		float: left;
		margin-top: 100%; }

.v-vertical-header-grid .x-column-header.column-vertical {
		background-image: -ms-linear-gradient(#f9f9f9, #e3e4e6) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9F9F9', endColorstr='#E3E4E6'); }

.v-vertical-header-grid .column-vertical .x-grid-header-ct {
		background-image: -ms-linear-gradient(#f9f9f9, #e3e4e6) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9F9F9', endColorstr='#E3E4E6'); }

.x-grid-with-row-lines.x-form-item {
		height: 0px !important; }

.x-grid-row .x-grid-cell-special {
		background-color: #E0E0E0 !important !important;
		background-image: none !important;
		border-right: 1px solid #E0E0E0 !important; }

.xpor-grid-row-highlight {
		background-color: #B0B0B0; }

.xpor-wrap .x-grid-cell-inner {
		white-space: normal !important; }

.xpor-grid-title {
		max-width: calc(100% - 40px);
		float: left;
		white-space: normal;
		padding-top: 7px;
		padding-left: 8px; }

.xpor-grid-icon {
		float: left; }

.xpor-grid-icon-center {
		float: none !important; }

.x-grid-row-error td {
		color: red; }

.x-grid-with-row-lines .x-grid-cell {
		border-bottom: solid 1px white;
		border-top: solid 0px white; }

.x-grid-filters-filtered-column {
		background-image: url("/_system/xpor/styles/images/default/find.png") !important;
		background-position: calc(100% - 20px) center !important;
		background-repeat: no-repeat; }

.x-hmenu-sort-asc .x-menu-item-icon {
		background-image: url("/_system/XPOR/styles/images/default/sort_ascending_black.png"); }

.x-hmenu-sort-desc .x-menu-item-icon {
		background-image: url("/_system/XPOR/styles/images/default/sort_desccending_black.png"); }

.x-cols-icon .x-menu-item-icon {
		background-image: url("../sass/_system/XPOR/styles/images/default/columns_black.png"); }

.ux-gridfilter-text-icon {
		background-image: url("../sass/_system/XPOR/styles/images/default/search_black.png") !important; }

.ux-rangemenu-gt {
		background-image: url("/_system/XPOR/styles/images/default/greater_than_black.png") !important; }

.ux-rangemenu-lt {
		background-image: url("/_system/XPOR/styles/images/default/less_than_black.png") !important; }

.ux-rangemenu-eq {
		background-image: url("/_system/XPOR/styles/images/default/equals_black.png") !important; }

.x-menu-item-unchecked .x-menu-item-icon, .x-menu-item-unchecked .x-menu-item-icon-right {
		background-repeat: no-repeat; }

.x-grid-item-container table[style] {
		width: 100% !important; }

.x-grid-item-container table {
		width: 100% !important; }

.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before {
		border-width: 0px !important; }

.xpor-shadow-outer {
		margin: 5px 10px 10px 5px; }

.x-action-col-icon {
		height: 20px;
		width: 20px; }

/*#endregion Grid Styling*/
/*#region Change Log Styling */
.xpor-changelog-title {
		float: left;
		white-space: normal; }

.xpor-changelog-icon {
		float: left;
		padding-right: 5px; }

.xpor-changelog-grid .x-grid3-cell-inner, .xpor-changelog-grid .x-grid3-hd-inner {
		white-space: normal;
		/* changed from nowrap */ }

.x-grid-empty {
		font-size: 15px;
		text-align: center; }

/*#endregion Change Log Styling */
/*#region dashboard */
.x-tool-key {
		background-image: url("/_system/XPOR/styles/themes/default/images/key.gif") !important; }

/*#endregion dashboard */
/*#region Splashscreen */
.x-mask.splashscreen {
		background-color: #000000;
		opacity: 1;
		z-index: 99999999999999; }

.x-mask-msg .splashscreen {
		border: none;
		background-color: transparent;
		background-position: top center;
		z-index: 99999999999999; }
		.x-mask-msg .splashscreen .x-mask-msg-text {
				font-size: 24px;
				color: #FFFFFF !important;
				z-index: 99999999999999; }

/*#endregion Splashscreen*/
/*#region Box Select */
.x-boxselect.x-form-text {
		height: auto;
		cursor: text;
		padding: 0;
		overflow-y: auto; }
		.x-boxselect.x-form-text ul .x-boxselect-list {
				padding: 1px 3px !important; }

ul .x-boxselect-list.x-boxselect-singleselect {
		white-space: nowrap;
		overflow: hidden; }

.x-boxselect input {
		border: none;
		background: none;
		line-height: 18px;
		height: 20px;
		width: 100%;
		color: #FFFFFF !important; }

.x-boxselect-input, .x-boxselect-item {
		display: inline-block;
		position: relative;
		*display: inline;
		/* IE7 */
		zoom: 1;
		/* IE */
		color: #FFFFFF !important; }

.x-boxselect-stacked .x-boxselect-item {
		display: block; }

.x-boxselect-item {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border: 1px solid #50506d;
		padding: 0px 4px 2px 5px !important;
		margin: 1px 1px 1px 0;
		background-color: #80808d;
		cursor: default; }

.x-field:not(.x-item-disabled) .x-boxselect-item:hover {
		background: #ed9200;
		border: 1px solid #C86E19; }

.x-field:not(.x-item-disabled) .x-boxselect-item.selected {
		border: 1px solid #C86E19 !important;
		background: #ed9200 !important; }

.x-boxselect-item-text {
		line-height: 16px;
		padding-right: 20px !important; }

.x-boxselect-item-close {
		cursor: pointer;
		width: 11px;
		height: 11px;
		background-image: url("/_system/XPOR/styles/images/default/tab-default-close.gif");
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		opacity: 0.6;
		top: 2px;
		right: 2px; }

.x-boxselect-list {
		margin: 0px;
		padding-left: 2px; }

.x-boxselect-hideselections .x-boundlist-selected {
		display: none; }

/*#endregion Box Select */
/** portal panel **/
.x-portal-body {
		padding-left: 3px;
		padding-top: 3px; }
		.x-portal-body .x-portal-column {
				margin-right: 3px; }

.x-portlet {
		margin-top: 3px; }

/** Btn Group **/
.x-sbtn-first, .x-sbtn-last, .x-sbtn-item {
		background: none; }

.x-sbtn-first {
		border-top-right-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		border-bottom-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-bottomright: 0px;
		border-top-left-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		border-bottom-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomleft: 3px; }

.x-sbtn-last {
		border-top-right-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		border-bottom-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-left-radius: 0px;
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
		border-bottom-left-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-bottomleft: 0px; }

.x-sbtn-item {
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px; }

/*region Button Colors*/
.xpor-button-red SPAN, .xpor-button-green SPAN, .xpor-button-amber SPAN, .xpor-button-grey SPAN {
		color: #000 !important; }

.x-pressed.xpor-button-red SPAN, .x-pressed.xpor-button-green SPAN, .x-pressed.xpor-button-amber SPAN, .x-pressed.xpor-button-grey SPAN {
		color: #FFF !important; }

.xpor-button-red {
		background-color: #febbbb;
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=$start, endColorstr=$end);
		background-image: #febbbb;
		background-image: -webkit-linear-gradient(legacy-direction(top), #febbbb 0%, #fe9090 45%, #f2afa7 100%);
		background-image: linear-gradient(top, #febbbb 0%, #fe9090 45%, #f2afa7 100%);
		background: #febbbb;
		/* Old browsers */ }

.x-pressed.xpor-button-red {
		background-color: #f85032;
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=$start, endColorstr=$end);
		background-image: #f85032;
		background-image: -webkit-linear-gradient(legacy-direction(top), #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
		background-image: linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); }

.xpor-button-green {
		background-color: #f8ffe8;
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=$start, endColorstr=$end);
		background-image: #f8ffe8;
		background-image: -webkit-linear-gradient(legacy-direction(top), #f8ffe8 0%, #e3f5ab 33%, #cadd85 100%);
		background-image: linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #cadd85 100%); }

.x-pressed.xpor-button-green {
		background-color: #9dd53a;
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=$start, endColorstr=$end);
		background-image: #9dd53a;
		background-image: -webkit-linear-gradient(legacy-direction(top), #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
		background-image: linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); }

.xpor-button-amber {
		background-color: #f6e6b4;
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=$start, endColorstr=$end);
		background-image: #f6e6b4;
		background-image: -webkit-linear-gradient(legacy-direction(top), #f6e6b4 0%, #eaa148 100%);
		background-image: linear-gradient(top, #f6e6b4 0%, #eaa148 100%); }

.x-pressed.xpor-button-amber {
		background-color: #ffb76b;
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=$start, endColorstr=$end);
		background-image: #ffb76b;
		background-image: -webkit-linear-gradient(legacy-direction(top), #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
		background-image: linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); }

.xpor-button-grey {
		background-color: #CFCFCF;
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=$start, endColorstr=$end);
		background-image: #CFCFCF;
		background-image: -webkit-linear-gradient(legacy-direction(top), #CFCFCF 0%, #909090 100%);
		background-image: linear-gradient(top, #CFCFCF 0%, #909090 100%); }

.x-pressed.xpor-button-grey {
		background-color: #CFCFCF;
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=$start, endColorstr=$end);
		background-image: #CFCFCF;
		background-image: -webkit-linear-gradient(legacy-direction(top), #CFCFCF 0%, #B7B7B7 50%, #ff7c00 51%, #9B9B9B 100%);
		background-image: linear-gradient(top, #CFCFCF 0%, #B7B7B7 50%, #ff7c00 51%, #9B9B9B 100%); }

/*#endregion Button Colors*/
.xpor-cut-copy-paste-block * {
		border-color: rgba(232, 232, 232, 0); }

.xpor-cut-copy-paste-block .x-btn-over {
		border-color: #9D9D9D; }

.xpor-recycle-bin .xpor-recycle-icon {
		float: left;
		margin-right: 10px; }

.xpor-recycle-bin .xpor-recycle-title {
		padding-top: 7px; }

.x-tab-icon-el {
		width: 20px !important;
		height: 20px !important; }

.x-tip {
		width: 100%; }

.x-tip-body {
		width: auto !important; }

.x-tip-body span {
		width: auto !important; }

.xpor-tab-body-no-padding {
		overflow: hidden !important; }

#sb-container {
		z-index: 9999999999 !important; }

.checked-icon {
		background: url("/_system/XPOR/styles/images/default/checkmark.png"); }

#x-calendarwrapper {
		float: left;
		width: 100%;
		background-color: #fff; }

#x-calendar {
		/*margin-left: 0px; Set left margin to LeftColumnWidth*/ }

#x-dateNavigator {
		float: left;
		width: 310px;
		/*Width of left column*/
		margin-left: -100%;
		height: 100%;
		border-right: solid #c0c0c0 1px; }

/*#Region Multi Time*/
.ux-timepicker {
		position: absolute;
		left: 0;
		top: 0;
		border: 1px solid #1b376c;
		background-color: #FFF; }

.ux-timepicker-buttons {
		position: relative;
		border-top: 1px solid #b2d1f5;
		background-color: #dfecfb;
		background-image: linear-gradient(top, #dee8f5, #d1dff0 49%, #c7d8ed 51%, #cbdaee);
		text-align: center;
		vertical-align: middle;
		height: 30px; }

.ux-timepicker-buttons div {
		margin-left: 10px;
		margin-top: 3px; }

.ux-timepicker-table {
		display: table;
		width: 100%; }

.ux-timepicker-table-row {
		display: table-row; }

.ux-timepicker-table-cell {
		display: table-cell; }

.ux-timepicker-header {
		font: normal 11px tahoma, arial, verdana, sans-serif;
		height: 26px;
		position: relative;
		border-bottom: 1px solid #b2d1f5;
		background-image: none;
		color: white;
		background-color: #23427c;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #264888), color-stop(100%, #1f3a6c));
		background-image: -webkit-linear-gradient(top, #264888, #1f3a6c);
		background-image: -moz-linear-gradient(top, #264888, #1f3a6c);
		background-image: -o-linear-gradient(top, #264888, #1f3a6c);
		background-image: -ms-linear-gradient(top, #264888, #1f3a6c);
		background-image: linear-gradient(top, #264888, #1f3a6c); }

.ux-timepicker-header-item {
		display: table-cell;
		width: 50%;
		text-align: center;
		vertical-align: middle; }

.ux-timepicker-header-item-ie {
		width: 176px;
		float: left;
		text-align: center;
		margin-top: 7px; }

.ux-timepicker-inner-border {
		border-left: 2px solid #1B376C; }

.ux-timepicker-item {
		float: left;
		margin: 4px 0 5px;
		font: normal 11px tahoma, arial, verdana, sans-serif;
		text-align: center;
		vertical-align: middle;
		height: 17px;
		width: 44px;
		border: 0 none; }

.ux-timepicker-item a {
		display: block;
		margin: 0 5px;
		text-decoration: none;
		color: #15428b;
		border: 1px solid #FFF;
		line-height: 17px; }

.ux-timepicker-item a:hover {
		background-color: #ddecfe; }

.ux-timepicker-item a.ux-timepicker-selected {
		background-color: #dfecfb;
		border: 1px solid #8db2e3; }

.ux-timepicker-disabled {
		cursor: default;
		text-decoration: none !important;
		background-color: transparent !important;
		color: #bbb !important; }

.ux-timepicker-disabled a:hover {
		cursor: default;
		text-decoration: none !important;
		background-color: transparent;
		color: #bbb !important; }

.ux-timepicker-ampm {
		width: 88px; }

.ux-timepicker-separator {
		height: 15px;
		text-align: center; }

.ux-timepicker-separator-text {
		height: 15px;
		color: #1b376c;
		font: normal 11px tahoma, arial, verdana, sans-serif;
		width: 50px !important;
		vertical-align: middle;
		float: left; }

.ux-timepicker-separator-stricken {
		height: 15px;
		color: #1b376c;
		font: normal 11px tahoma, arial, verdana, sans-serif;
		text-decoration: line-through;
		overflow: hidden;
		vertical-align: middle;
		float: left; }

.ux-timepicker-separator-left {
		text-align: left;
		margin-left: 5px;
		width: 60px; }

.ux-timepicker-separator-right {
		text-align: right;
		width: 55px; }

.ux-timepicker-body {
		width: 176px; }

.ux-timepicker-minutes {
		height: 28px !important; }

.ux-timepicker-table-cell-ie {
		float: left; }

.ux-form-time-trigger {
		background-image: url("/_system/XPOR/styles/images/gray/time-trigger.gif"); }

/*#EndRegion*/
/*#region Types Selector */
.xpor-type-selector-view {
		background: none;
		border: 2px #A6A294 solid; }
		.xpor-type-selector-view .type-item {
				float: left;
				width: 250px;
				margin: 3px 3px 3px 3px;
				padding: 2px; }
				.xpor-type-selector-view .type-item span {
						overflow: hidden;
						text-align: center;
						vertical-align: middle; }
		.xpor-type-selector-view .type-item-text {
				overflow: hidden;
				line-height: 30px;
				padding: 0px;
				margin: 0px; }
				.xpor-type-selector-view .type-item-text IMG {
						height: 30px;
						width: 30px;
						padding: 4px 4px 4px 4px; }
				.xpor-type-selector-view .type-item-text SPAN {
						margin-right: 4px; }
		.xpor-type-selector-view .x-type-over {
				border: 2px rgba(229, 198, 199, 0.2) solid;
				padding: 0px;
				cursor: pointer; }
		.xpor-type-selector-view .x-type-selected {
				border: 2px #E0BABB solid;
				padding: 0px; }

.hMenuInActive {
		margin: 20px 0 0 0;
		background: #FF0000; }

/*#endregion*/
.x-file-empty {
		background-color: transparent; }

.x-file-server {
		background-color: #CCFFCC;
		color: #ffffff; }

.x-file-server .x-form-display-field {
		color: black !important; }

.x-file-upload .x-form-display-field {
		color: black !important; }

.x-file-upload {
		background-color: #FFFF99; }

.x-file-delete {
		background-color: #FF9191; }

.x-file-delete .x-form-display-field {
		color: black !important; }

.x-tab-bar-default-horizontal {
		height: auto; }

/*#region Tree*/
.xpor-icons-tree .x-tree-icon {
		height: 20px;
		width: 20px; }

.xpor-icons-tree .x-grid-cell-inner-treecolumn {
		min-height: 22px; }

/*#endregion Tree*/
.html-panel {
		display: block;
		width: 100%;
		height: 100%; }

.CodeMirror {
		height: calc(100% - 5px) !important; }

/*#region Button Styling */
.x-html-editor-wrap .x-btn-wrap-default-toolbar-small, .x-html-editor-wrap .x-btn-wrap, .x-html-editor-wrap .x-btn-button, .x-html-editor-wrap .x-btn-icon-el {
		min-width: 0px !important; }

.xpor-symbol-button .x-btn-inner-default-toolbar-small {
		font-size: 20px !important; }

/*#endregion Button Styling */
/*#region drag drop control*/
.xpor-modeller-form {
		margin: 10px 40px; }

.xpor-modeller-list {
		box-sizing: border-box;
		text-align: center;
		margin: 10px 40px; }

.xpor-modeller-list-item {
		border: #00AEDB 2px solid;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-sizing: border-box;
		padding: 10px;
		height: 40px;
		margin: 10px 0; }
		.xpor-modeller-list-item img {
				height: 16px; }

.xpor-modeller-list-item.x-type-selected {
		border-width: 4px;
		padding: 8px; }

.xpor-modeller-list-item.invalid {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQIW2N8LKT3X/bdJUYGKIAzMARgKjFUAABWDQgFFX2YyQAAAABJRU5ErkJggg==) repeat; }

.xpor-modeller-list-item.tentative {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQIW2N8LKT3X/bdJUYGKIAzMARgKjFUAABWDQgFFX2YyQAAAABJRU5ErkJggg==) repeat; }

.xpor-modeller-list-item.operator {
		border-color: #A200FF; }

.xpor-modeller-list-item.bracket-open {
		border-color: #000;
		height: 20px;
		border-bottom: none; }

.xpor-modeller-list-item.bracket-close {
		border-color: #000;
		height: 20px;
		border-top: none; }

.xpor-modeller-list-item-temporary {
		border: dotted 1px #00AEDB;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-sizing: border-box;
		padding: 10px;
		margin: 10px 0; }

/*#endregion drag drop control*/
.xpor-linkbutton.x-item-disabled .xpor-linkbutton-linktext {
		text-decoration: none;
		color: gray; }

/*#endregion Button Styling */
.x-form-help-icon {
		width: 16px;
		height: 18px;
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		background: transparent url("/_system/XPOR/styles/images/default/close.png") no-repeat 0 2px; }

.xpor-box-item {
		margin: 3px;
		padding: 4px;
		padding-right: 8px; }

.x-form-text {
		display: inherit;
		display: block; }

/** #region ribbon windows **/
.xpor-ribbontab .x-panel-body {
		background-image: #E8E8E8;
		background-image: -webkit-linear-gradient(legacy-direction(top), #E8E8E8, #C9C9C9, #C9C9C9, #E8E8E8);
		background-image: linear-gradient(top, #E8E8E8, #C9C9C9, #C9C9C9, #E8E8E8);
		border-top-color: #E8E8E8; }

.xpor-ribbontab .x-btn-default-toolbar-large .x-btn-inner {
		font-size: 10px !important;
		line-height: 12px; }

.xpor-ribbon-no-border {
		border: 0px !important; }

.x-btn-text.x-btn-icon-top > .x-btn-icon-el-default-toolbar-large {
		margin-bottom: 1px !important; }

.x-window-header-title-default {
		min-height: 22px !important; }

/** #endregion ribbon window **/
/*#region ICE change tracking*/
/* styles used while tracking is off */
/*
.CT-hide .ice-del, .CT-hide .ice-del {
	display: none;
}

.CT-hide .ice-ins, .CT-hide .ice-ins {
	color: #333333;
	background: none !important;
	border: none !important;
	text-decoration: none !important;
	font-weight: normal !important;
}
*/
/* styles used while tracking is on */
/*
.ice-ins, .ice-del, .ice-com {
	font-weight: bold;
}

.ice-ins {
	text-decoration: underline;
	color: blue;
	background-color: #efefff;
}

.ice-del {
	text-decoration: line-through;
	color: red;
	background-color: #ffefef;
}

.ice-com {
	text-decoration: none;
	color: black;
	background-color: yellow;
	font-family: arial;
}
*/
/*#endregion ICE change tracking*/
.xpor-dx-form-popup {
		padding: 0px; }

.xpor-dx-file-delete {
		background-color: #f0f0f0;
		color: #cccccc;
		text-decoration: line-through; }

.xpor-dx-file-delete a, .xpor-dx-file-delete span {
		color: #cccccc;
		text-decoration: line-through; }

.xpor-dx-file-delete svg {
		visibility: hidden; }

.x-column-header-trigger {
		display: block !important; }

.x-column-header-trigger,
.x-docked,
.x-tab-active,
.x-tab,
.x-tab-bar-strip {
		z-index: auto !important; }

.x-box-scroller-toolbar-default,
.x-box-scroller-tab-bar-default {
		filter: alpha(opacity=100) !important;
		opacity: 1 !important; }

a.x-tab-default-top {
		min-height: 27px;
		border-width: 2px !important;
		border-bottom: none !important;
		border-color: #e0e0e0 !important;
		background-color: #f0f0f0 !important; }

div.xpor-htmlDisplayField,
div.xpor-htmlDisplayField p,
div.x-form-display-field-default {
		line-height: 1.6em !important;
		font-size: 14px !important; }

.ice-ins, .ice-del .ice-com {
		display: none; }

.x-window .ice-ins, .x-window .ice-del, .x-window .ice-com {
		display: inline; }

.mce-panel .ice-ins, .mce-panel .ice-del, .mce-panel .ice-com {
		display: inline; }

#tinymce .ice-ins, #tinymce .ice-del, #tinymce .ice-com {
		display: inline; }

#tinymce.CT-hide .ice-del, #tinymce.CT-hide .ice-del, #tinymce.CT-hide .ice-com {
		display: none; }

#tinymce.CT-hide .ice-ins, #tinymce.CT-hide .ice-ins, #tinymce.CT-hide .ice-com {
		color: #333333;
		background: none !important;
		border: none !important;
		text-decoration: none !important;
		font-weight: normal !important; }

.x-tab-bar-strip {
		top: 40px !important;
		/* Default value is 20, we add 20 = 40 */ }

.x-tab-bar-horizontal .x-tab-bar-body {
		height: 43px !important;
		/* Default value is 23, we add 20 = 43 */
		border: 0 !important;
		/* Overides the border that appears on resizing the grid */ }

.x-tab-bar-horizontal .x-tab-bar-body .x-box-inner {
		height: 41px !important;
		/* Default value is 21, we add 20 = 41 */ }

.x-tab-bar-horizontal .x-tab-bar-body .x-box-inner .x-tab {
		height: 41px !important;
		/* Default value is 21, we add 20 = 41 */ }

.x-tab-bar-horizontal .x-tab-bar-body .x-box-inner .x-tab button {
		height: 33px !important;
		/* Default value 13, we add 20 = 33 */
		line-height: 33px !important;
		/* Default value 13, we add 20 = 33 */ }

div.x-panel .tox-tinymce {
		min-height: 100% !important; }

.x-mask {
		background-color: #CCC;
		opacity: 0.5; }

.xpor-htmlDisplayField > div {
		background-image: url(../sass/images/default/text-bg.gif); }

.x4-editor-main-toolbar {
		background-color: #222222 !important;
		background-image: url("/_system/XPOR/styles/images/xpor/XporLogo.png") !important;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		padding: 10px;
		border-bottom: 5px solid #ed1c24; }

.x4-editor-main-toolbar-button span {
		color: #ffffff !important;
		font-weight: bold;
		font-size: 13px;
		text-align: left; }

.xpor-editor-sidebar .x-btn-default-small, .xpor-editor-sidebar .x-btn-disabled.x-btn-default-small {
		border: 1px solid #af0c12 !important;
		background-color: #111111 !important;
		padding: 3px;
		margin: 2px;
		background-image: linear-gradient(to bottom, #444444 0%, #222222 51%, #000000 100%); }

.x4-editor-main-toolbar .x-btn-default-toolbar-small, .x4-editor-main-toolbar .x-btn-disabled.x-btn-default-toolbar-small {
		border: 1px solid #ed1c24 !important;
		background-color: #222222 !important;
		padding: 5px;
		margin: 5px;
		background-image: linear-gradient(to bottom, #444444 0%, #222222 51%, #000000 100%); }

.xpor-editor-sidebar-panel .x-panel-header-default {
		background-image: none !important;
		background-color: #111111 !important;
		box-shadow: none; }

.xpor-editor-sidebar .x-btn-wrap-default-small.x-btn-split-right:after {
		/*background-image: url(/_system/resources/extjs/7.5.1/build/packages/ext-theme-gray/build/resources/images/button/s-arrow-light.gif) !important;*/ }

.xpor-editor-sidebar-panel .x-title-text {
		color: #ffffff !important; }

.xpor-editor-sidebar-panel .x-panel-body-default {
		background-image: none !important;
		background-color: #222222 !important;
		color: #ffffff !important;
		box-shadow: none; }

.xpor-editor-sidebar-panel .x-panel-body-default span {
		color: #ffffff !important; }

.xpor-editor-sidebar .x-btn-over.x-btn-default-small {
		background-color: #af0c12 !important;
		padding: 3px;
		margin: 2px;
		background-image: linear-gradient(to bottom, #ed1c24 0%, #910f14 100%); }

.x4-editor-main-toolbar .x-btn-over.x-btn-default-toolbar-small {
		background-color: #ed1c24 !important;
		padding: 5px;
		margin: 5px;
		background-image: linear-gradient(to bottom, #ed1c24 0%, #910f14 100%); }

.xpor-editor-sidebar {
		background-image: none !important;
		background-color: #222222 !important;
		padding-right: 5px; }

.x-splitter-vertical {
		background-image: none !important;
		background-color: #222222 !important; }

.x-panel-body-default P, .x-panel-body-default SPAN, .x-panel-body-default A {
		font-size: 12px !important; }

/*
- COmmenting this out stopped the right click menu issue with text not aligning
.x-menu-item-text-default.x-menu-item-indent {
	margin-left: 0px;
}*/
.x-column-header-trigger {
		display: block !important;
		z-index: auto !important;
		background: transparent url("/_system/resources/extjs/7.5.1/build/classic/theme-gray/resources/images/grid/grid3-hd-btn.gif") no-repeat 0 center;
		width: 14px; }