@font-face{
    font-family: "Inter";
    src:url("../../../rdx/core/css/fonts/inter/Inter-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;

}
@font-face{
    font-family: "Inter";
    src:url("../../../rdx/core/css/fonts/inter/Inter-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;

}
@font-face{
    font-family: "Inter";
    src:url("../../../rdx/core/css/fonts/inter/Inter-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;

}
@font-face{
    font-family: "Inter";
    src:url("../../../rdx/core/css/fonts/inter/Inter-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;

}
@font-face{
    font-family: "Inter";
    src:url("../../../rdx/core/css/fonts/inter/Inter-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;

}
@font-face{
    font-family: "Inter";
    src:url("../../../rdx/core/css/fonts/inter/Inter-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;

}
@font-face{
    font-family: "Inter";
    src:url("../../../rdx/core/css/fonts/inter/Inter-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;

}
@font-face{
    font-family: "Inter";
    src:url("../../../rdx/core/css/fonts/inter/Inter-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;

}
@font-face{
    font-family: "Inter";
    src:url("../../../rdx/core/css/fonts/inter/Inter-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;

}

  
@font-face{
    font-family: "icons";
    src:url("fonts/citrix_icons/icons.ttf");
    src:url("fonts/citrix_icons/icons.eot") format('eot'),
        url("fonts/citrix_icons/icons.woff") format("woff"),
        url("fonts/citrix_icons/icons.ttf") format("truetype");  
}
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	-ms-filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	-ms-filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/* 
 * dragtable
 *
 * @Version 2.0.15
 *
 * default css
 *
 */
/*##### the dragtable stuff #####*/
.dragtable-sortable { 
    list-style-type: none; margin: 0; padding: 0; -moz-user-select: none;
}
.dragtable-sortable li {
    margin: 0; padding: 0; float: left; font-size: 1em; background: white; 
}

.dragtable-sortable th, .dragtable-sortable td{
    border-left: 0px;
}

.dragtable-sortable li:first-child th, .dragtable-sortable li:first-child td {
    border-left: 1px solid #CCC; 
}

.ui-sortable-helper {
    opacity: 0.7;filter: alpha(opacity=70);
}
.ui-sortable-placeholder { 
    -moz-box-shadow: 4px 5px 4px #C6C6C6 inset;
    -webkit-box-shadow: 4px 5px 4px #C6C6C6 inset;
    box-shadow: 4px 5px 4px #C6C6C6 inset;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    visibility: visible !important;
    background: #EFEFEF !important; 
    visibility: visible !important;
}
.ui-sortable-placeholder * { 
    opacity: 0.0; visibility: hidden; 
}

/*******************************************************************************
 * Tree container
 */
ul.dynatree-container
{
	white-space: nowrap;
	padding: 3px;
	margin: 0; /* issue 201 */
	background-color: white;
	border: 1px dotted gray;
	overflow: auto;
/*	height: 100%; /* issue 263, 470 */
	min-height: 0%;
}

ul.dynatree-container ul
{
	padding: 0 0 0 16px;
	margin: 0;
}

ul.dynatree-container li
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	-moz-background-clip:border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: repeat-y;
	background-image: url("vline.gif");
	background-position: 0 0;
	/*
	background-image: url("icons_96x256.gif");
	background-position: -80px -64px;
	*/
	margin: 0;
	padding: 1px 0 0 0;
}
/* Suppress lines for last child node */
ul.dynatree-container li.dynatree-lastsib
{
	background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.dynatree-no-connector > li
{
	background-image: none;
}

/* Style, when control is disabled */
.ui-dynatree-disabled ul.dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver;
}

/*******************************************************************************
 * Common icon definitions
 */
span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker
{
	width: 16px;
	height: 16px;
/*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221 */
/*	-moz-box-align: start; /* issue 221 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("icons.gif");
	background-position: 0 0;
}

/** Used by 'icon' node option: */
ul.dynatree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}


/*******************************************************************************
 * Lines and connectors
 */

span.dynatree-connector
{
	background-position: -16px -64px;
}

/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */

span.dynatree-expander
{
	background-position: 0px -80px;
	cursor: pointer;
}
.dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */
{
	background-position: 0px -96px;
}
.dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */
{
	background-position: -64px -80px;
}
.dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */
{
	background-position: -64px -96px;
}
.dynatree-exp-e span.dynatree-expander,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander  /* Expanded, delayed, not last sibling */
{
	background-position: -32px -80px;
}
.dynatree-exp-el span.dynatree-expander,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander  /* Expanded, delayed, last sibling */
{
	background-position: -32px -96px;
}
.dynatree-loading span.dynatree-expander  /* 'Loading' status overrides all others */
{
	background-position: 0 0;
	background-image: url("loading.gif");
}


/*******************************************************************************
 * Checkbox icon
 */
span.dynatree-checkbox
{
	margin-left: 3px;
	background-position: 0px -32px;
}
span.dynatree-checkbox:hover
{
	background-position: -16px -32px;
}

.dynatree-partsel span.dynatree-checkbox
{
	background-position: -64px -32px;
}
.dynatree-partsel span.dynatree-checkbox:hover
{
	background-position: -80px -32px;
}

.dynatree-selected span.dynatree-checkbox
{
	background-position: -32px -32px;
}
.dynatree-selected span.dynatree-checkbox:hover
{
	background-position: -48px -32px;
}

/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'dynatree-radio' in the tree options.
 */
span.dynatree-radio
{
	margin-left: 3px;
	background-position: 0px -48px;
}
span.dynatree-radio:hover
{
	background-position: -16px -48px;
}

.dynatree-partsel span.dynatree-radio
{
	background-position: -64px -48px;
}
.dynatree-partsel span.dynatree-radio:hover
{
	background-position: -80px -48px;
}

.dynatree-selected span.dynatree-radio
{
	background-position: -32px -48px;
}
.dynatree-selected span.dynatree-radio:hover
{
	background-position: -48px -48px;
}

/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */

span.dynatree-icon /* Default icon */
{
	margin-left: 3px;
	background-position: 0px 0px;
}

.dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
	background-position: 0px -16px;
}

.dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
{
	background-position: -64px -16px;
}

/* Status node icons */

.dynatree-statusnode-wait span.dynatree-icon
{
	background-image: url("loading.gif");
}

.dynatree-statusnode-error span.dynatree-icon
{
	background-position: 0px -112px;
/*	background-image: url("ltError.gif");*/
}

/*******************************************************************************
 * Node titles
 */

/* @Chrome: otherwise hit area of node titles is broken (issue 133)
   Removed again for issue 165; (133 couldn't be reproduced) */
span.dynatree-node
{
/*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221*/
/*	-moz-box-align: start; /* issue 221 */
	display: inline-block; /* issue 373 Required to make a span sizeable */
	vertical-align: top;
}


/* Remove blue color and underline from title links */
ul.dynatree-container a
/*, ul.dynatree-container a:visited*/
{
	color: black; /* inherit doesn't work on IE */
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 3px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
}

ul.dynatree-container a:hover
{
/*	text-decoration: underline; */
	background-color: #F2F7FD; /* light blue */
	border-color: #B8D6FB; /* darker light blue */
}

span.dynatree-node a
{
	display: inline-block; /* Better alignment, when title contains <br> */
/*	vertical-align: top;*/
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.dynatree-folder a
{
	font-weight: 500;
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link  /* @IE */
{
	background-color: #EFEBDE; /* gray */
}

span.dynatree-has-children a
{
}

span.dynatree-expanded a
{
}

span.dynatree-selected a
{
	color: green;
	font-style: italic;
}

span.dynatree-active a
{
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
}

/*******************************************************************************
 * Drag'n'drop support
 */

/*** Helper object ************************************************************/
div.dynatree-drag-helper
{
}
div.dynatree-drag-helper a
{
	border: 1px solid gray;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.8;
}
span.dynatree-drag-helper-img
{
	/*
	position: relative;
	left: -16px;
	*/
}
div.dynatree-drag-helper /*.dynatree-drop-accept*/
{

/*    border-color: green;
	background-color: red;*/
}
div.dynatree-drop-accept span.dynatree-drag-helper-img
{
	background-position: -32px -112px;
}
div.dynatree-drag-helper.dynatree-drop-reject
{
	border-color: red;
}
div.dynatree-drop-reject span.dynatree-drag-helper-img
{
	background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/

#dynatree-drop-marker
{
	width: 24px;
	position: absolute;
	background-position: 0 -128px;
	margin: 0;
/*	border: 1px solid red; */
}
#dynatree-drop-marker.dynatree-drop-after,
#dynatree-drop-marker.dynatree-drop-before
{
	width:64px;
	background-position: 0 -144px;
}
#dynatree-drop-marker.dynatree-drop-copy
{
	background-position: -64px -128px;
}
#dynatree-drop-marker.dynatree-drop-move
{
	background-position: -64px -128px;
}

/*** Source node while dragging ***********************************************/

span.dynatree-drag-source
{
	/* border: 1px dotted gray; */
	background-color: #e0e0e0;
}
span.dynatree-drag-source a
{
	color: gray;
}

/*** Target node while dragging cursor is over it *****************************/

span.dynatree-drop-target
{
	/*border: 1px solid gray;*/
}
span.dynatree-drop-target a
{
}
span.dynatree-drop-target.dynatree-drop-accept a
{
	/*border: 1px solid green;*/
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
	text-decoration: none;
}
span.dynatree-drop-target.dynatree-drop-reject
{
	/*border: 1px solid red;*/
}
span.dynatree-drop-target.dynatree-drop-after a
{
}


/*******************************************************************************
 * Custom node classes (sample)
 */

span.custom1 a
{
	background-color: maroon;
	color: yellow;
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: solid 1px #e4e7ea;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 3px 5px #ccc;
    background: #fff;
    color: #000;
    z-index: 999;
    border-radius: 8px;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
    position: absolute;
    left: 10px;
    border-radius: 15px;
    padding: 5px;
    color: #666;
    text-shadow: 1px 1px 1px #fff;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
    font-size: 16px;
    border: 2px solid #666;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.jvectormap-zoomin {
    bottom: 100px;
}

.jvectormap-zoomout {
    bottom: 70px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}

.jvectormap-legend-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    left: 0;
    width: 100%;
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}

.jvectormap-legend {
    color: #333;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    padding: 3px;
    width: 100%;
    background: rgba(234, 239, 244, 0.8);
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left;
    margin-right: 10px;
    width: auto;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    background-size: 40% !important;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 13px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}

.jvectormap-marker {
    cursor: pointer;
}

.axis path,
.axis line {
  fill: none;
  stroke: black;
  shape-rendering: crispEdges;
}

.axis text {
  font-family: var(--brand-font);
  font-size: 10px;
}

.timeline-label {
  font-family: var(--brand-font);
  font-size: 12px;
}

#timeline2 .axis {
  transform: translate(0px,40px);
  -ms-transform: translate(0px,40px); /* IE 9 */
  -webkit-transform: translate(0px,40px); /* Safari and Chrome */
  -o-transform: translate(0px,40px); /* Opera */
  -moz-transform: translate(0px,40px); /* Firefox */
}

.coloredDiv {
  height:20px; width:20px; float:left;
}
/**
 * Theme for jQRangeSlider
 * Inspired by http://cssdeck.com/item/381/itunes-10-storage-bar
 *        and http://cssdeck.com/item/276/pure-css-arrow-with-border-tooltip
 */

.ui-rangeSlider{
  height: 30px;
}

.ui-rangeSlider,
.ui-rangeSlider-container,
.ui-rangeSlider-arrow{
  -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
          box-sizing:content-box;
}

.ui-rangeSlider-withArrows .ui-rangeSlider-container{
}

.ui-rangeSlider-withArrows .ui-rangeSlider-container,
.ui-rangeSlider-noArrow .ui-rangeSlider-container,
.ui-rangeSlider-arrow{
}

.ui-rangeSlider-disabled.ui-rangeSlider-withArrows .ui-rangeSlider-container,
.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow{
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container{
 
}

.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container{
  border-color: #8490a3;
}

.ui-rangeSlider-container,
.ui-rangeSlider-arrow{
 	height: 4px; 
  top: 0; 
  bottom: 0; 
  margin: auto;
  background: #d9d9d9;
}

.ui-rangeSlider-disabled .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow{
  border-top-color: #49576b;
  border-bottom-color: #9ca7b3;
}

.ui-rangeSlider-container,
.ui-rangeSlider-arrow,
.ui-rangeSlider-label{
  background: #67707F;
  background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67707F), color-stop(100%,#888DA0));
}

.ui-rangeSlider-disabled .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow,
.ui-rangeSlider-disabled .ui-rangeSlider-label{
  background: #95a4bd;
  background: -moz-linear-gradient(top, #95a4bd 0%, #b2bbd8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95a4bd), color-stop(100%,#b2bbd8));
}

.ui-rangeSlider-arrow{
  width:14px;
  cursor:pointer;
}

.ui-rangeSlider-leftArrow{
  border-radius:4px 0 0 4px;
  border-left: solid 1px #515862;
}

.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow{
 border-left-color: #8792a2; 
}

.ui-rangeSlider-rightArrow{
  border-radius:0 4px 4px 0;
  border-right: solid 1px #515862;
}

.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow{
 border-right-color: #8792a2; 
}

.ui-rangeSlider-arrow-inner{
  position: absolute;
  top: 50%;
  border: 10px solid transparent;
  width:0;
  height:0;

  margin-top: -10px;
}

.ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner{
  border-right:10px solid #a4a8b7;
  left: 0;
  margin-left: -8px;
}

.ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner{
  border-right:10px solid #b3b6c2;
}

.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner,
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner{
  border-right-color: #bbc0cf;
}

.ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner{
  border-left:10px solid #a4a8b7;
  right: 0;
  margin-right: -8px;
}

.ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner{
  border-left:10px solid #b3b6c2;
}

.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner,
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner{
  border-left-color: #bbc0cf;
}

.ui-rangeSlider-innerBar{
  width: 110%;
  height: 100%;
  left: -10px;
  overflow: hidden;
}

.ui-rangeSlider-bar
{
	background: #f1aa2d; 
  height: 4px; 
  cursor:move;
}

.ui-rangeSlider-disabled .ui-rangeSlider-bar{
  background: #93aeca;

  -webkit-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.3);
     -moz-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.3);
          box-shadow: inset 0 2px 6px RGBA(0,0,0,0.3);
}

.ui-rangeSlider-handle
{
	width:13px; 
  height:21px; 
  background: #fff; 
  margin-top: -9px; 
  cursor:col-resize; 
  border: 1px solid #999; 
  border-radius: 2px; 
  box-shadow: 0 0 2px #999;
  padding: 6px 4px; 
  box-sizing: border-box; 
}

.ui-rangeSlider-label
{
  padding: 5px 10px; 
  bottom:30px; 
  border-radius: 2px; 
  color:white; 
  font-size:12px; 
  cursor:col-resize; 
  background: #488cca;
}

.ui-rangeSlider-label-inner
{
  position: absolute;
  top: 100%;
  left: 50%;
  display: block;
  z-index:99;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-left: -10px;
  border-top: 10px solid #488cca;
}

.ui-rangeSlider-disabled .ui-rangeSlider-label-inner{
  border-top-color: #b2bbd8; 
}

.ui-editRangeSlider-inputValue{
  width:2em;
  text-align:center;
  font-size:15px;
}

.ui-rangeSlider .ui-ruler-scale{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
}

.ui-rangeSlider .ui-ruler-tick { 
  float: left; 
}

.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-inner{
  color:white;
  margin-top:1px;
  border-left: 1px solid white;
  height:29px;
  padding-left:2px;
  position:relative;
}

.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label{
  position:absolute;
  bottom: 6px;
}

.ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-inner{
  border-left:1px solid white;
  margin-top: 25px;
  height: 5px;
}

.ui-rangeSlider-handle-inner 
{
  width: 1px; 
  border-left: 1px solid #999; 
  border-right: 1px solid #999; 
  height: 7px;
}

.ui-rangeSlider-leftArrow,
.ui-rangeSlider-rightArrow 
{
  display: none;
}
/***
Spectrum Colorpicker v1.7.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}


.advCharts.adv-event-block {

    margin-bottom: 2px;
    margin-left: 30px;
                      
}

.advCharts.adv-event-type {
	text-align: center;
	font-size: 90%;
}


.advCharts.adv-xAxis line {
	fill: none;
	stroke: rgba(151,151,151,0.5);
	stroke-width: 0.5px;
}

.advCharts.adv-xAxis path {
	display: none;
}

.advCharts.adv-xAxis text {
	fill: "#4A4A4A";
	text-align: center;
	font-family: "citrixsans", AvenirNext-Medium, sans-serif ;
	font-weight: 500;
	font-size: 1.5vmin;
}

.advCharts.adv-heatmapLabel {

	fill: "#4A4A4A";
	text-align: center;
	font-family: "citrixsans", AvenirNext-DemiBold, sans-serif ;
	font-weight: 700;
	font-size: 100%

}

.advCharts.heatmaplegendLinear.legendText {

	fill: "#4A4A4A";
	text-align: center;
	font-family: "citrixsans", AvenirNext-DemiBold, sans-serif ;
	font-weight: 700;
	font-size: 83.3%;
}

.advCharts.heatmaplegendLinear.legendTitle {

	fill: "#4A4A4A";
	text-align: center;
	font-family: "citrixsans", AvenirNext-DemiBold, sans-serif ;
	font-weight: 100;
	font-size: 90%;
}
.advCharts.adv-heatmapRadial.adv-rings {
	fill: #F0F0F0;
}


.advCharts.adv-heatmapRadial.adv-timeRings {
	fill: #C1C1C1;
}

.advCharts.adv-heatmapRadial.adv-time1 {
	fill: rgba(193,193,193,0.7);
}

.advCharts.adv-heatmapRadial.adv-time2 {
	fill: rgba(240,240,240,0.7);
}

.advCharts.adv-heatmapRadial.adv-timeAxisLabels {

	font-family: "citrixsans", AvenirNext-Medium, sans-serif ;
	font-size: 1.3vmin;
	fill: #666;
	cursor:pointer;
}

.advCharts.adv-heatmapRadial.adv-xAxis text {

	font-family: "citrixsans", AvenirNext-Medium, sans-serif ;
	font-size: 1.3vmin;
	fill: #666;
}

.advCharts.adv-heatmapRadial.adv-dateLabel {

	font-family: "citrixsans", AvenirNext-Medium, sans-serif ;;
	font-size: 2.2vmin;
	fill: #4A4A4A;
}

.advCharts.adv-heatmapRadial.adv-timeLabel {

	font-family: "citrixsans", AvenirNext-Medium, sans-serif ;;
	font-size: 3vmin;
	fill: #FFBE3C;
}

.advCharts.adv-heatmapRadial.adv-toolTipLabels {

	font-family: "citrixsans", AvenirNext-Medium, sans-serif ;
	font-size: 1.3vmin;
	fill: #FFFFFF;
	cursor:pointer;
}

.advCharts.adv-heatmapRadial.adv-timeAxis {
	cursor:pointer;
}

.advCharts.adv-heatmapRadial.adv-event {
	cursor:pointer;
}

.advCharts.colBar.dataLabel {
	
	font-family: "citrixsans", AvenirNext-Regular;
	font-size: 2vmin; /*0.8em;*/
	color: #4A4A4A;
}

.advCharts.colBar.yAxisLabel {

	font-family: "citrixsans", AvenirNext-Regular;
	font-size: 2vmin; /*0.8em;*/
	color: #4A4A4A;

}
.advCharts.heatmapGridlegend.legendText {

	fill: "#4A4A4A";
	text-align: center;
	font-family: "citrixsans", AvenirNext-DemiBold, sans-serif ;
	font-weight: 700;
	font-size: 83.3%;
}

.advCharts.heatmapGridlegend.legendTitle {

	fill: "#4A4A4A";
	text-align: center;
	font-family: "citrixsans", AvenirNext-DemiBold, sans-serif ;
	font-weight: 100;
	font-size: 91.7%;
}

.advCharts.adv-heatmapGrid.cellLabel {

	fill: "#4A4A4A";
	text-align: center;
	font-family: "citrixsans", AvenirNext-DemiBold, sans-serif ;
	font-weight: 100;
	font-size: 100%;
}

.advCharts.adv-heatmapGrid.cellData1, .advCharts.adv-heatmapGrid.cellData2 {

	fill: "#4A4A4A";
	text-align: center;
	font-family: "citrixsans", AvenirNext-Regular, sans-serif ;
	font-weight: 10;
	font-size: 100%;
}
.advCharts.adv-metricSum.adv-trendArrow {
	fill: #FA7961;
}

.advCharts.adv-metricSum.adv-name {
	font-family: "citrixsans", "Avenir Next", sans-serif ;
	font-size: 125%;
	font-weight: 600;
	fill: #4a4a4a;
}

.advCharts.adv-metricSum.adv-count {
	font-family: "citrixsans", AvenirNext-DemiBold, sans-serif ;
	font-size: 80%;
	font-weight: 500;
	fill: #666;
}

.advCharts.adv-metricSum.adv-unit {
	font-family: "citrixsans", "Avenir Next", sans-serif ;
	font-size: 1.5vmin;
	font-weight: 500;
	fill: #666;
}

.advCharts.adv-metricSum.adv-trend , .advCharts.adv-metricSum.adv-trendformat {
	font-family: "citrixsans", "Avenir Next", sans-serif ;
	font-size: 1.2vmin;
	font-weight: 500;
	fill: #666;
}

.advCharts.adv-metricSum.adv-value {
	font-family: "citrixsans", "Avenir Next", sans-serif ;
	font-size: 2vmin;
	font-weight: 500;
	fill: #FA7961;
}	

.advCharts.adv-metricSum.adv-metric {
	-ms-flex: 1 1 auto;
	    flex: 1 1 auto;
    right: 0;
    top: 0;
}

.advCharts.adv-metricSum.adv-trendLine {
	-ms-flex: 1 1 auto;
	    flex: 1 1 auto;
    right: 0;
    top: 0;
}
.advCharts.adv-metricBar.adv-trendArrow {
	fill: #7ed321;
}

.advCharts.adv-metricBar.adv-name {
	font-family: "citrixsans", "Avenir Next", sans-serif ;
	font-size: 125%;
	font-weight: 600;
	fill: #4a4a4a;
}

.advCharts.adv-metricBar.adv-count {
	font-family: "citrixsans", "Avenir Next", sans-serif ;
	font-size: 80%;
	font-weight: 500;
	fill: #666;
}

.advCharts.adv-metricBar.adv-unit {
	font-family: "citrixsans", "Avenir Next", sans-serif ;
	font-size: 1.5vmin;
	font-weight: 500;
	fill: #666;
}

.advCharts.adv-metricBar.adv-trend , .advCharts.adv-metricBar.adv-trendformat {
	font-family: "citrixsans", "Avenir Next", sans-serif ;
	font-size: 1.7vmin;
	font-weight: 500;
	fill: #666;
}

.advCharts.adv-metricBar.adv-value {
	font-family: "citrixsans", "Avenir Next", sans-serif ;
	font-size: 3vmin;
	font-weight: 500;
	fill: #4a4a4a;
}	

.advCharts.adv-metricBar.adv-metric {
	-ms-flex: 1 1 auto;
	    flex: 1 1 auto;
    right: 0;
    top: 0;
}
.advCharts.adv-dataLabel {
	
	font-family: "citrixsans", AvenirNext-Regular;
	font-size: 1.7vmin;
	color: #4A4A4A;
}
.advCharts.multiBarChart.y.axis line {
  fill: none;
  stroke: #dedede;
  shape-rendering: crispEdges;
}

.advCharts.multiBarChart.axis path {
  display: none;
}

.advCharts.multiBarChart.axis path {
  display: none;
}

.advCharts.multiBarChart.legend text, .advCharts.multiBarChart.axis text {
	font-family: "citrixsans", AvenirNext-Regular, SansSerif;
	font-size: 100%;
	color: #4a4a4a;
}
.advCharts.adv-radialProgressLabel {

    font-family: "citrixsans", AvenirNext-Regular, SansSerif;
    color: #4A4A4A;
}
.advCharts.adv-tooltip.av-arrow-box {
	position: relative;
	background: #FFFFFF;
	border: 1px solid #C2C2C2;
	font-size: 1.6vmin;
	font-family: "citrixsans", "Avenir Next", sans-serif ;
	min-width: 100px;
	display: inline-block;
	box-shadow: 1px 1px 8px rgba(0,0,0,.175);
	border-radius: 4px;

}

.advCharts.adv-tooltip #tooltip-message {
	font-weight: normal;
	font-style: italic;
}

.advCharts.adv-tooltip.bottom.av-arrow-box:after, .bottom.av-arrow-box:before {
	top: 100%;
	left: 90%;

	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.advCharts.adv-tooltip.bottom.av-arrow-box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #FFFFFF;
	border-width: 9px;
	margin-left: -5px;
}

.advCharts.adv-tooltip.bottom.av-arrow-box:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #C2C2C2;
	border-width: 10px;
	margin-left: -6px;
}

.advCharts.adv-tooltip.av-arrow-box dl{ 
	padding:6px 12px 5px 12px;
	margin-bottom: 4px;
}

.advCharts.adv-tooltip.av-tooltip-box{
    display: block;}


.advCharts.adv-tooltip.av-tooltip-box dl{ margin-bottom: 0px;}

.advCharts.adv-tooltip.first.top.av-arrow-box:after, .advCharts.adv-tooltip.first.top.av-arrow-box:before,.advCharts.adv-tooltip.first.bottom.av-arrow-box:after, .advCharts.adv-tooltip.first.bottom.av-arrow-box:before {left: 10%;}
.advCharts.adv-tooltip.middle.top.av-arrow-box:after, .advCharts.adv-tooltip.middle.top.av-arrow-box:before ,.advCharts.adv-tooltip.middle.bottom.av-arrow-box:after, .advCharts.adv-tooltip.middle.bottom.av-arrow-box:before {left: 47%;}
.advCharts.adv-tooltip.last.top.av-arrow-box:after, .advCharts.adv-tooltip.last.top.av-arrow-box:before, .advCharts.adv-tooltip.last.bottom.av-arrow-box:after, .advCharts.adv-tooltip.last.bottom.av-arrow-box:before {left: 90%;}

.advCharts.adv-tooltip.top.av-arrow-box:after, .advCharts.adv-tooltip.top.av-arrow-box:before {

	left: 10%;
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.advCharts.adv-tooltip.top.av-arrow-box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 9px;
margin-left: -7px;
}
.advCharts.adv-tooltip.top.av-arrow-box:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #C2C2C2;
	border-width: 10px;
margin-left: -8px;
}

.advCharts.adv-tooltip.first.right.av-arrow-box:after, .advCharts.adv-tooltip.first.right.av-arrow-box:before, .advCharts.adv-tooltip.first.left.av-arrow-box:after, .advCharts.adv-tooltip.first.left.av-arrow-box:before { top: 25%}
.advCharts.adv-tooltip.middle.right.av-arrow-box:after, .advCharts.adv-tooltip.middle.right.av-arrow-box:before, .advCharts.adv-tooltip.middle.left.av-arrow-box:after, .advCharts.adv-tooltip.middle.left.av-arrow-box:before { top: 59%}
.advCharts.adv-tooltip.last.right.av-arrow-box:after, .advCharts.adv-tooltip.last.right.av-arrow-box:before, .advCharts.adv-tooltip.last.left.av-arrow-box:after, .advCharts.adv-tooltip.last.left.av-arrow-box:before { top: 90%}

.advCharts.adv-tooltip.right.av-arrow-box:after, .advCharts.adv-tooltip.right.av-arrow-box:before {
	left: 100%;
	top: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.advCharts.adv-tooltip.right.av-arrow-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
border-width: 6px;
margin-top: -12px;
}
.advCharts.adv-tooltip.right.av-arrow-box:before {
	border-color: rgba(0, 0, 0, 0);
border-left-color: #c2c2c2;
border-width: 7px;
margin-top: -13px;
}


.advCharts.adv-tooltip.left.av-arrow-box:after, .advCharts.adv-tooltip.left.av-arrow-box:before {
	right: 100%;
	top: 25%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.advCharts.adv-tooltip.left.av-arrow-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 6px;
margin-top: -10px;
}
.advCharts.adv-tooltip.left.av-arrow-box:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #c2c2c2;
border-width: 7px;
margin-top: -11px;

}
.advCharts.adv-tooltip.dl-horizontal dt:after{ content: ':'}
.advCharts.adv-tooltip.dl-horizontal dt {
width: 125px;
font-weight: normal;
}



.advCharts.adv-tooltip.dl-horizontal dd{ font-weight: 700;margin-left: 140px;}

.advCharts.adv-tooltip.av-obtn-pane{background:#f2f2f2; padding:5px; border-radius: 0 0 4px 4px; display: none;}
.advCharts.adv-tooltip.av-obtn-pane ul{margin-bottom:0px;}

.advCharts.adv-tooltip.av-lvl-1{font-weight: 700;
padding: 0 10px 10px;
border-bottom: 1px solid #eee; margin-bottom: 0px;}
.advCharts.adv-tooltip.av-lvl-2{ font-size: 133.3%; padding-right: 10px;}
.advCharts.adv-tooltip.av-lvl-3{ font-size: 116.7%; padding-right: 5px; font-weight: 200; color: #999;}

.advCharts.adv-tooltip.av-arrow-box-inner{ padding:5px 7px 5px 7px;}


.advCharts.adv-tooltip.option-btn.left.last.av-arrow-box:after {
border-right-color: #f2f2f2!important;}


.advCharts.adv-tooltip.option-btn.right.last.av-arrow-box:after {
border-left-color:#f2f2f2!important;}


.advCharts.adv-tooltip.option-btn.bottom.av-arrow-box:after{ border-top-color: #f2f2f2 !important;}
.advCharts.adv-tooltip.option-btn .av-obtn-pane{ display: block!important;}

.advCharts.adv-tooltip.av-obtn-pane li a{ color: #666;}

.advCharts.adv-tooltip.av-obtn-pane li a:hover{ color: #333; text-decoration: none;}
.advCharts.adv-tooltip tbody tr td:last-child b{padding-left: 5px; padding: 0 0 0 5px!important}
.advCharts.adv-tooltip tbody tr td:first-child{ padding:0 5px 0 0;}

.advCharts.adv-tooltip tbody tr td:first-child{  max-width: 11vmax;vertical-align: text-top; white-space: nowrap;}
.advCharts.adv-tooltip tbody tr td:last-child{  max-width: 300px;}
.advCharts.adv-tooltip tbody tr td{  
	text-align: left !important;
  overflow: hidden;
  
  text-overflow: ellipsis;
   word-wrap: break-word;
  }

.advCharts.adv-tooltip .text-capitalize {
	font-family: "citrixsans", "Avenir Next", sans-serif ;
	font-weight: 600;

}
.advCharts.treemap.parent.label {

	font-family: "citrixsans", AvenirNext-Medium, sans-serif ;
	font-size: 80%;
	fill: #4A4A4A;
}

.advCharts.treemap.child.label {

	font-family: "citrixsans", AvenirNext-Medium, sans-serif ;
	font-size: 80%;
	fill: #4A4A4A;
}

.advCharts.treemap.navigation.label {

	font-family: "citrixsans", AvenirNext-Medium, sans-serif ;
	font-size: 90%;
	font-weight: 600;
	fill: #4A4A4A;
}

.advCharts.treemap.parents, .advCharts.treemap.childs , .advCharts.treemap.label {
	cursor:pointer;
}


.advCharts.treemaplegendLinear.legendText {

	fill: "#4A4A4A";
	text-align: center;
	font-family: "citrixsans", AvenirNext-DemiBold, sans-serif ;
	font-weight: 700;
	font-size: 83.3%;
}

.advCharts.treemaplegendLinear.legendTitle {

	fill: "#4A4A4A";
	text-align: center;
	font-family: "citrixsans", AvenirNext-DemiBold, sans-serif ;
	font-weight: 100;
	font-size: 91.7%;
}

.bar_chart
{
    position: relative;
    width: 70%;
    line-height: 16px;
}

.bar_chart a:hover
{
    text-decoration: none !important;
}

.bar_chart .background
{
    float: left;
    width: 100%;
    background: url("background.png") repeat-x 50%;
    height: 18px;
}

.bar_chart .foreground
{
    position: absolute;
    left: 0px;
    border-left: 2px;
    border-right: 2px;
    background: url("foreground.png") repeat-x 50% !important;
    height: 18px;
}

.bar_chart .label
{
    position: absolute;
    right: -32px;
}

.bar_chart.green_foreground .foreground
{
    background: url("foreground_green.png") repeat-x 50% !important;
}
body { 
  font-size: 10px;
}
#cy {
    height: 440px;
    border:1px solid #485163;
}
.cy-title {
    padding-bottom: 1px;
}
.cy-title__name {
    line-height: 2px;
    font-size: 0.04em;
    color: #fff;
    background: #898989;
    width:7.499px;
    text-align: center;
}
/*******************************************************************************
 * Tree container
 */
.tree_list ul.dynatree-container
{
    background: #fff;
    display: block;
    overflow: visible;
}
.tree_list .tree_div {
    border-color: #bababb;
}
.tree_list ul.dynatree-container ul
{
	padding: 0;
	margin: 0;
}
.bind_unbind_list div.available_bkg.tree_list {
    padding: 5px 10px;
    overflow: visible;
    padding-bottom: 0px;
}
.bind_unbind_list div.available_bkg.tree_list .tree_div{
   overflow-y: auto;
   overflow-x: visible;
   height: 390px;
   margin-bottom: 10px;
}
.tree_list ul.dynatree-container li
{
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
}
.tree_list ul.dynatree-container li li{
    border:none;
}
/* Suppress lines for last child node */
.tree_list ul.dynatree-container li.dynatree-lastsib
{
	background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
.tree_list ul.dynatree-no-connector > li
{
	background-image: none;
}

/* Style, when control is disabled */
.tree_list .ui-dynatree-disabled ul.dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver;
}

/*******************************************************************************
 * Common icon definitions
 */
.tree_list span.dynatree-empty,
.tree_list span.dynatree-vline,
.tree_list span.dynatree-connector,
.tree_list span.dynatree-expander,
.tree_list span.dynatree-icon,
.tree_list span.dynatree-checkbox,
.tree_list .tree_list span.dynatree-radio,
.tree_list span.dynatree-drag-helper-img,
.tree_list #dynatree-drop-marker
{
	width: 16px;
	height: 16px;
	display: -moz-inline-box; /* @ FF 1+2 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("list-icons.png");
	background-position: 0 0;
}

.tree_list span.dynatree-expander
{
    background: url("plus_minus.png") no-repeat 50% 5px;
}

/** Used by 'icon' node option: */
.tree_list ul.dynatree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}


/*******************************************************************************
 * Lines and connectors
 */

.tree_list span.dynatree-connector
{
	background: none;
}

/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */

.tree_list span.dynatree-expander
{
    cursor: pointer;
}
.tree_list .dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */
{
    background-position: 50% 5px;
}
.tree_list .dynatree-exp-e span.dynatree-expander, 
.tree_list .dynatree-exp-ed span.dynatree-expander, 
.tree_list .dynatree-exp-el span.dynatree-expander, 
.tree_list .dynatree-exp-edl span.dynatree-expander,
.tree_list .dynatree-exp-c span.dynatree-expander, 
.tree_list .dynatree-exp-cd span.dynatree-expander, 
.tree_list .dynatree-exp-cl span.dynatree-expander, 
.tree_list .dynatree-exp-cdl span.dynatree-expander,
.tree_list li.dynatree-lastsib span.dynatree-exp-cl span.dynatree-expander,
.tree_list li.dynatree-lastsib span.dynatree-exp-el span.dynatree-expander
{
    background-image: url("plus_minus.png") !important;
    background-repeat: no-repeat;
    background-position: 50% 5px!important;
}
.tree_list .dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */
{
    background: url("plus_minus.png") no-repeat 50% 5px;
}
.tree_list .dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */
{
	background-position: 50% 7px;
}
.tree_list .dynatree-exp-e span.dynatree-expander,  /* Expanded, not delayed, not last sibling */
.tree_list .dynatree-exp-ed span.dynatree-expander,  /* Expanded, delayed, not last sibling */
.tree_list .dynatree-exp-el span.dynatree-expander,  /* Expanded, not delayed, last sibling */
.tree_list .dynatree-exp-edl span.dynatree-expander, 
.tree_list li.dynatree-lastsib span.dynatree-exp-el span.dynatree-expander  /* Expanded, delayed, last sibling */
{
	background-position: 50% -22px!important;
}
.tree_list .dynatree-loading span.dynatree-expander  /* 'Loading' status overrides all others */
{
	background-position: 0 0;
	background-image: url("loading.gif");
}


/*******************************************************************************
 * Checkbox icon
 */
.tree_list span.dynatree-checkbox
{
	margin-left: 3px;
	background-position: 50% 0;
        position: relative;
        top:3px;
}
.tree_list span.dynatree-checkbox:hover
{
	background-position: 50% -16px;
}

.tree_list .dynatree-partsel span.dynatree-checkbox
{
	background-position: 50% -64px;
}
.tree_list .dynatree-partsel span.dynatree-checkbox:hover
{
	background-position: 50% -80px;
}

.tree_list .dynatree-selected span.dynatree-checkbox
{
	background-position: 50% -32px;
}
.tree_list .dynatree-selected span.dynatree-checkbox:hover
{
	background-position: 50% -48px;
}

/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'dynatree-radio' in the tree options.
 */
.tree_list span.dynatree-radio
{
	margin-left: 3px;
	background-position: 0px -48px;
}
.tree_list span.dynatree-radio:hover
{
	background-position: -16px -48px;
}

.tree_list .dynatree-partsel span.dynatree-radio
{
	background-position: -64px -48px;
}
.tree_list .dynatree-partsel span.dynatree-radio:hover
{
	background-position: -80px -48px;
}

.tree_list .dynatree-selected span.dynatree-radio
{
	background-position: -32px -48px;
}
.tree_list .dynatree-selected span.dynatree-radio:hover
{
	background-position: -48px -48px;
}

/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */

.tree_list span.dynatree-icon /* Default icon */
{
	display: none;
}

.tree_list .dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
	background-position: 0px -16px;
}

.tree_list .dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
{
	background-position: -64px -16px;
}

/* Status node icons */

.tree_list .dynatree-statusnode-wait span.dynatree-icon
{
	background-image: url("loading.gif");
}

.tree_list .dynatree-statusnode-error span.dynatree-icon
{
	background-position: 0px -112px;
/*	background-image: url("ltError.gif");*/
}

/*******************************************************************************
 * Node titles
 */

/* @Chrome: otherwise hit area of node titles is broken (issue 133)
   Removed again for issue 165; (133 couldn't be reproduced) */
.tree_list span.dynatree-node
{
    display: block;
    padding:8px;
    /*  display: -moz-inline-box; /* @ FF 1+2 */
/*  display: inline-block; /* Required to make a span sizeable */
}

.tree_list li li span.dynatree-node
{
    padding:4px 0 0 30px;
    /*  display: -moz-inline-box; /* @ FF 1+2 */
/*  display: inline-block; /* Required to make a span sizeable */
}
/* Remove blue color and underline from title links */
.tree_list ul.dynatree-container a
/*, ul.dynatree-container a:visited*/
{
	color: black; /* inherit doesn't work on IE */
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 3px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
}


.tree_list span.dynatree-node a,
.tree_list li.dynatree-lastsib span.dynatree-node a
{
    width:auto;
	display: inline-block; /* Better alignment, when title contains <br> */
/*	vertical-align: top;*/
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
.tree_list span.dynatree-folder a
{
	font-weight: bold;
}

.tree_list ul.dynatree-container a:focus,
.tree_list span.dynatree-focused a:link  /* @IE */
{
	background-color: #EFEBDE; /* gray */
}

.tree_list span.dynatree-selected a
{
	color: green;
	font-style: italic;
}

.tree_list span.dynatree-active a
{
	background-color: #3169C6 !important;
	color: black !important; /* @ IE6 */
}

/*******************************************************************************
 * Drag'n'drop support
 */

/*** Helper object ************************************************************/
.tree_list div.dynatree-drag-helper
{
}
.tree_list div.dynatree-drag-helper a
{
	border: 1px solid gray;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.8;
}
.tree_list span.dynatree-drag-helper-img
{
	/*
	position: relative;
	left: -16px;
	*/
}
.tree_list div.dynatree-drag-helper /*.dynatree-drop-accept*/
{

/*    border-color: green;
	background-color: red;*/
}
.tree_list div.dynatree-drop-accept span.dynatree-drag-helper-img
{
	background-position: -32px -112px;
}
.tree_list div.dynatree-drag-helper.dynatree-drop-reject
{
	border-color: red;
}
.tree_list div.dynatree-drop-reject span.dynatree-drag-helper-img
{
	background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/

.tree_list #dynatree-drop-marker
{
	width: 24px;
	position: absolute;
	background-position: 0 -128px;
}
.tree_list #dynatree-drop-marker.dynatree-drop-after,
.tree_list #dynatree-drop-marker.dynatree-drop-before
{
	width:64px;
	background-position: 0 -144px;
}
.tree_list #dynatree-drop-marker.dynatree-drop-copy
{
	background-position: -64px -128px;
}
.tree_list #dynatree-drop-marker.dynatree-drop-move
{
	background-position: -64px -128px;
}

/*** Source node while dragging ***********************************************/

.tree_list span.dynatree-drag-source
{
	/* border: 1px dotted gray; */
	background-color: #e0e0e0;
}
.tree_list span.dynatree-drag-source a
{
	color: gray;
}

/*** Target node while dragging cursor is over it *****************************/

.tree_list span.dynatree-drop-target
{
	/*border: 1px solid gray;*/
}
.tree_list span.dynatree-drop-target a
{
	/*background-repeat: no-repeat;
	background-position: right;
	background-image: url("drop_child.gif");*/
}
.tree_list span.dynatree-drop-target.dynatree-drop-accept a
{
	/*border: 1px solid green;*/
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
	text-decoration: none;
}
.tree_list span.dynatree-drop-target.dynatree-drop-reject
{
	/*border: 1px solid red;*/
}
.tree_list span.dynatree-drop-target.dynatree-drop-after a
{
	/*background-repeat: repeat-x;
	background-position: bottom;
	background-image: url("drop_append.gif");*/
}


/*******************************************************************************
 * Custom node classes (sample)
 */

.tree_list span.custom1 a
{
	background-color: maroon;
	color: yellow;
}

/* Search Functionality */
.search-panel{
	position:relative;
	margin-bottom:5px;
}
	.search-panel input[type="text"]{
		width: 288px;
		border:1px solid #bababb;
		padding:4px 4px 5px;
		font-style:italic;
	}
	.search-panel.loading{
		background:#fff url(spinner.gif) no-repeat 98% 50%;
	}
	.clear{
		background: url("close_icons.png") no-repeat scroll 0 -1px rgba(0, 0, 0, 0);
height: 20px;
position: relative;
right: 23px;
top: 5px;
width: 22px;
display: inline-block;
	}
	.clear.hover{
		background-position:0 -28px;
	}
	.clear.active{
		background-position:0 -55px;
	}
        
        .hidden{
            display:none;
        }
        
.tree_list ul.dynatree-container > li.dynatree-lastsib > span 
{
    display: block;
}

.search_text_box
{
    background-color: #FFF !important;
}

/*.tree_list li.dynatree-lastsib span.dynatree-exp-cl span.dynatree-expander 
{
background-image: none !important;
background: url("plus_minus.png") no-repeat 50% 5px !important;
}

.tree_list li.dynatree-lastsib span.dynatree-exp-el span.dynatree-expander 
{
background-image: none !important;
background: url("plus_minus.png") no-repeat  50% -25px !important;
}

.tree_list .dynatree-selected ul.dynatree-container > li.dynatree-lastsib > ul > li > span > span 
{
    width: 16px;
height: 16px;
display: -moz-inline-box;
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
background-position: left;
background-image: url("list-icons.png");
background-position: 50% -32px;
}
*/

.tree_list ul.dynatree-container > li.dynatree-lastsib > ul > li > span,
.tree_list ul.dynatree-container > li.dynatree-lastsib > ul > li:hover > span,
.tree_list ul.dynatree-container li ul,
.tree_list ul.dynatree-container li ul li .dynatree-connector,
.tree_list ul.dynatree-container > li.dynatree-lastsib > ul > li > span > span.dynatree-connector{
    background: none!important;
}

.tree_list ul.dynatree-container > li.dynatree-lastsib > ul > li > span {
    border: none;
}

.tree_list ul.dynatree-container > li > ul > li, 
.tree_list ul.dynatree-container > li {
    padding-top: 0!important;
}

.tree_list ul.dynatree-container > li.dynatree-lastsib > ul > li > span > a{	
	position: static;
	height: auto;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.tree_list ul.dynatree-container > li.dynatree-lastsib > ul > li > span > span {
    top: 3px;
}
.tree_list ul.dynatree-container > li.dynatree-lastsib > ul > li > span {
    padding-left: 30px;
}

.tree_list  span.dynatree-active a, 
.tree_list  span.dynatree-active a:hover, 
.tree_list  span.dynatree-active a:visited, 
.tree_list  span.dynatree-active a:active 
{
background-color: white !important;
}

.tree_list  span.dynatree-active{
    font-weight: normal;
}


.bind_unbind_list .search_div
{
    position: relative;
    background: white;
    margin: 0 0 5px;
    border-color: #bababb;
}

.bind_unbind_list .search_div input[type="text"].search_text_box
{
    border: 1px solid #bababb;
    padding: 4px 4px 5px;
}

.ribbon
{
	width: 100%;
    padding: 0;
    overflow: auto;
    display: flex;
    flex-direction: row;
}

.config_layout .ribbon
{
	padding-left: 0px;
	padding-right: 0px;
	min-height: auto;
}

.ribbon .ribbon_div
{
    overflow: hidden;
    margin: 4px;
    float: left;
    min-width: 60%;
    flex: auto;
}
.ribbon_div table, .ribbon_div tbody, .ribbon_div tr, .ribbon_div td {
    border: 0;
    margin: 0;
    padding: 0;
}

.action_links_ct {
    float: right;
    max-width: 40%;
    margin-left: auto;
}
.action_links_block {
    float: left;
}

.ribbon td
{
    text-align: center;
    white-space: nowrap;
}

.ribbon .ribbon_list_wrapper, .title_description_toolbar_container .ribbon_list_wrapper
{
    margin-left: 12px;
    min-width: 90px;
    height: 31px;
    position: relative;
}

.title_description_toolbar_container .ribbon_list_wrapper:hover
{
    background: var(--charcoal-grey-grad30);
}

.ribbon_bottom .ribbon_label_div
{
	padding:0px;
}

.ribbon td.disabled img
{
    opacity: 0.3;
}

.ribbon .ribbon_items_table
{
   /*if the border spacing is changed here, please change the _border_spacing_from_css in ribbon.js to the same value. It is
    currently set to 4. This is used for computing the scroll width of the ribbon*/
   border-spacing: 4px 0px;
}

.ribbon .rdx_button {
    padding: 6px 15px;
}

.toolbar_buttons .ribbon .ribbon_items_table
{
   border-spacing: 0;
   height: 25px;
}

.toolbar_buttons > .ribbon_div {
    border: 1px solid var(--element-border-color);
    border-radius: 2px;
    padding: 2px 0px;
    display: block;
    overflow: auto;
}

.ribbon .ribbon_items_selectable_table
{
   /*if the border spacing is changed here, please change the _border_spacing_from_css in ribbon.js to the same value. It is
    currently set to 4. This is used for computing the scroll width of the ribbon*/
   border-spacing: 4px !important;
}

.ribbon .ribbon_items_table td
{
    padding: 2px;
}

.ribbon .ribbon_items_table td img.left
{
	padding-right: 3px;
}

.ribbon .ribbon_items_table td img.right
{
	padding-left: 3px;
}

.ribbon .ribbon_items_table td.disabled
{
	color: #A4A4A4;
}

.ribbon_back_button .ribbon_label_div
{
	position:relative;
    cursor: pointer;
}
.ribbon_back_button .ribbon_label_div:before {
    font-family: "icons";
    content: "\F100";
    font-size: 22px;
    vertical-align: middle;
    color: var(--brand-color-grad50);
    outline: none;
}

.ribbon .separator {
    height: 35px;
}

.separator
{
    padding-right: 4px;
    background-image: url("separator.png");
    background-repeat: no-repeat;
    background-position: right center;
}

.ribbon .ribbon_items_selectable_table td.selected .ribbon_label_div
{
    border: 1px solid #E4E4E4;
    box-shadow: 0 0 5px #E69E1A;
    -webkit-box-shadow: 0 0 5px #E69E1A;
    -moz-box-shadow: 0 0 5px #E69E1A;
}

.ribbon .ribbon_items_table td .ribbon_label_div:hover, .ribbon .ribbon_items_selectable_table td.selected .ribbon_label_div:hover
{
    cursor: pointer;
}

.ribbon .ribbon_items_table td.disabled div:hover
{
    cursor: auto;
}

/*For image placement of top & bottom, we create table within each cell of "ribbon_items_table"
To avoid inheritance for this table's cell, we override some styles here.*/
.ribbon .ribbon_items_table td table td
{
    padding: 0px;
}

.ribbon .ribbon_items_table td table td div:hover
{
    border: 1px solid transparent;
}

/* ----- Other classes are added for Expression Editor Component ----- */
.ribbon .ribbon_list_wrapper .ribbon_dropdown_list,
.expression_textbox .ribbon_list_wrapper .ribbon_dropdown_list,
.expression_builder_box_div .ribbon_list_wrapper .ribbon_dropdown_list,
.expression_evaluate_dialog .ribbon_list_wrapper .ribbon_dropdown_list,
.title_description_toolbar_container .ribbon_list_wrapper .ribbon_dropdown_list
{
	background: url("ddarrow.png") no-repeat scroll 100% center transparent;
	bottom: 0;
	left: 0;
	padding:7px 10px;
	position: absolute;
	right: 10px;
	text-align: left;
	top: 0;
    display: inline-block;
}

.pagination_div .ribbon_label_div.ribbon_list_wrapper .ribbon_dropdown_list
{
   text-align: right;
}

/* This has been added here to avoid image duplication */

.search_filter_action
{
    border: 1px solid transparent;
    box-shadow: none;
    position: relative;
    padding: 12px 15px;
    float: left;
    cursor: pointer;
    height: 45px;
}

.search_filter_action span
{
    background: url(/admin_ui/rdx/core/css/TreeExpanded.png) no-repeat right center;
    padding: 0px 16px 0px 0px;
    display: inline-block;
}
.search_filter_active
{
    background: var(--charcoal-grey-grad30);
    border-left-color: #e4e7ea;
    border-right-color: #e4e7ea;
    z-index: 1;
}

.search_filter_active span
{
	background: url(rdx_grey_arrow_expanded.png) no-repeat right center;
}
.action_links_block.show_hide_link {
    padding: 13px;
}


/* Classic Windows Theme (default) */
/* =============================== */
.context-menu-theme-default {
	border:2px outset white;
	background-color:#D4D0C8;
}
.context-menu-theme-default .context-menu-item {
	text-align:left;
	cursor:pointer;
	padding:4px 28px 4px 16px;
	color:black;
	font-size:11px;
}
.context-menu-theme-default .context-menu-separator {
	margin:4px 2px;
	font-size:0%;
	border-top:1px solid #808080;
	border-bottom:1px solid white;
}
.context-menu-theme-default .context-menu-item-disabled {
	color:#808080;
}
.context-menu-theme-default .context-menu-item .context-menu-item-inner {
	background:none no-repeat fixed 999px 999px; /* Make sure icons don't appear */
}
.context-menu-theme-default .context-menu-item-hover {
	background-color:#0A246A;
	color:white;
}

.context-menu-item-hover-child-menu {
	background-image:url('+o.icon+');
	background-position:right;
}


.context-menu-theme-default .context-menu-item-disabled-hover {
	background-color:#0A246A;
}

/* Windows Vista Theme */
/* =================== */
.context-menu-theme-vista {
	border:1px solid #868686;
}
.context-menu-theme-vista .context-menu-item {
	text-align:left;
	cursor:pointer;
	color:black;
}
.context-menu-theme-vista .context-menu-separator {
	margin:0px 0px 0px 32px;
	font-size:0%;
	border-top:1px solid #C5C5C5;
	border-bottom:1px solid #F5F5F5;
}
.context-menu-theme-vista .context-menu-item .context-menu-item-inner {
	padding:4px 18px 4px 35px;
	margin-left:1px;
	background-color:none;
	background-repeat:no-repeat;
	background-position:3px center;
	background-image:none;
}
.context-menu-theme-vista .context-menu-item .context-menu-item-inner a{
	color: #333;
}

.context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {

	margin-left:1px;
}
.context-menu-theme-vista .context-menu-item-disabled {
	color:#A7A7A7;
}

.context-menu-theme-vista
{
	background : var(--charcoal-grey-grad30);
	border:1px solid #D3D3D3;
    min-width: 186px;
}

.context-menu-theme-vista .context-menu-item:hover
{
	background:none;
    background-color: #CBE2F2;
}

.context-menu-item
{
	border: 1px solid #e4e7ea;
}
.context-menu-theme-vista .context-menu-item .context-menu-item-inner
{
	padding: 6px 18px 4px 10px;
    height: 30px;
}

.chart
{
    position: relative;
}

.chart .min_max_percentile
{
        position: absolute;
    width: 100%;
    left: 0px;
    text-align: center;
    color: #4a4a4a;
    font-size: 11px;
}

.chart .min_max_percentile_show_always
{
    position: absolute;
    left: 0px;
    text-align: center;
    color: #808080;
    text-align: right;
    right: 10px;
}

.chart .link
{
    position: absolute;
    top: 3px;
    right: 20px;
}

.chart .progress_image
{
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.radial_gradient
{
    background: url("radial_gradient.png") no-repeat scroll 40% 55% transparent;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0.5;
    position: absolute;
    right: 25%;
    top: 10px;
    z-index: 0;
}

.radial_gradient_z_index
{
    background: url("radial_gradient.png") no-repeat scroll 40% 55% transparent;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0.5;
    position: absolute;
    right: 25%;
    top: 10px;
    z-index: 100;
}


.chart_tooltip {
    background: rgba(255, 255, 255, .9);
    border: 1px solid var(--element-border-color);
    border-radius: 4px 4px 4px 4px;
    margin-right: -10px;
    height: auto;
    padding: 6px 10px;
    font-size: 92.3%;
}

.chart_tooltip .chart_tooltip_time
{
    font-weight:bold;
    margin-bottom:10px;
    display:inline-block
}

/*.chart_tooltip .tooltip_item
{
    opacity: 0.6;
}

.chart_tooltip .tooltip_item.highlight_item
{
    opacity: 1;
}*/


.chart_tooltip .tooltip_value
{
    font-weight:bold;
}


.chart_tooltip .tooltip_key
{
    font-weight:normal;
    font-size: 15px;
}



.chart_tooltip .holder {
    background: repeat scroll 100% 0 transparent;
    bottom: 5px;
    height: 13px;
    position: absolute;
    right: -17px;
    width: 8px;
}

 .chart_tooltip .point_value 
{
    font-weight: bold;
    font-size: 116.7%;
}

.chart_tooltip .point_header {
    padding: 2px 0;
    margin: 0;
    font-size: 115% ;
    font-weight: bold;
}

.chart_tooltip .point_name {
    font-size: 108.3%;
}

.chart_view_chart_no_data
{
    font-style: italic;
    padding: 10px;
}
.chart_view{
    position: relative;
    height: 100%;
}
.highcharts-container
{
    margin:0 auto;
}

.sparkline_charts .chart .chart_tooltip {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid var(--element-border-color);
    border-radius: 2px 2px 2px 2px;
    margin-right: -15px;
    height: auto;
    padding: 3px 5px;
}

.sparkline_charts .chart .chart_tooltip .holder
{
    background: repeat scroll 100% 0 transparent;
    bottom: 2px;
    height: 10px;
    position: absolute;
    right: -20px;
    width: 5px;
}

.sparkline_charts .chart .chart_tooltip_time
{
    font-size: 66.7%;
}

.sparkline_charts .chart .chart_tooltip .point_value 
{
    font-weight: normal;
    font-size: 66.7%;
}

.sparkline_charts .chart .chart_tooltip .point_name {
    font-size: 66.7%;
}
.geo_vector_map_view
{
    /*min-height: 300px;*/
    height:auto;
    border: 1px solid #e4e5e6;
}

.geo_vector_legend_class:hover
{
    cursor: pointer;
}

.enable_legend
{
    opacity: 1;
}

.disable_legend
{
    opacity: 0.5;
}
.search_gadgets
{
    position: absolute;
    right: 0px;
    background-color: #F6F5F6;
    border-left: 1px solid #C5D7EF;
    max-width: 50%;
    height: 98%;
    overflow: auto;
    z-index: 10;
}

.search_gadgets_content
{
    display: none;
    margin: 5px 0px;
    padding: 5px 0px;
    border-top: 1px solid #C5D7EF;
}

.search_gadgets_content input[type="text"]
{
    width: 85%;
}

.search_gadgets_content input[type="submit"]
{
    margin-left: 5px;
    width: 11%;
}

.search_gadgets_result
{
    margin: 10px 0px;
    padding: 5px 0px;
    border-top: 1px solid #C5D7EF;
}

.search_gadgets_result b, .search_gadgets_result a
{
    margin: 3px;
}

.dashboard_container
{
    white-space: nowrap;
    height: auto;
}

.dashboard_column
{
    float: left;
    vertical-align: top;
    min-height: 50px;
}

.gadget
{
    border: 1px solid #C5D7EF;
    margin: 2px;
    height: 100%;
}

.gadget:hover
{
    border: 1px solid #87AFDA;
}

.gadget_header
{
    background-color: #95A2AC;
    padding: 5px;
    color: #FFFFFF;
    cursor: move;
}

.gadget_header .count
{
    font-weight: bold;
}

.gadget_content
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-y: hidden;
    text-align: center;
}

.gadget_content .refresh_image
{
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.gadget_collapse_expand
{
    float: right;
    cursor: pointer;
    padding-top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid transparent;
}

.gadget_collapse_expand:hover
{
    border: 1px solid #808080
}

.gadget_collapse
{
    padding-top: 4px;
    background: url("navigate_open.png") no-repeat center;
}

.gadget_expand
{
    padding-top: 4px;
    background: url("navigate_close.png") no-repeat center;
}

.gadget_maximize
{
    background: url("window.png") no-repeat center;
}

.gadget_restore
{
    background: url("windows.png") no-repeat center;
}

.gadget_close
{
    background: url("navigate_cross.png") no-repeat center;
}

.resizable_helper
{
    border: 2px dotted #87AFDA;
}

.sortable_placeholder
{
    border: 1px dotted black;
    visibility: visible;
    height: 50px;
    margin: 10px;
}

.sortable_placeholder *
{
    visibility: hidden;
}
.wizard
{
    width: 100%;
}

.wizard div
{
    float: left;
}

.wizard .rdx_help_cell_container
{
	float: none;
}

.wizard div .form .group_name_div
{
    float: none;
}

.wizard div .form .group_div
{
  clear: both;
  float: none;
}
.wizard_top_panel
{
    width: 99%;
}

.wizard_header_panel
{
    height: 30%;
    width: 100%;
}

.wizard_left_border
{
    border-left: 1px solid #64727E;
}

.wizard_right_border
{
    border-right: 1px solid #64727E;
}

.wizard_top_border
{
    border-top: 1px solid #64727E;
}

.wizard_bottom_border
{
    border-bottom: 1px solid #64727E;
}

.wizard_panel_spacing_top
{
    margin-top: 4px;
}

.wizard_panel_spacing_bottom
{
    margin-bottom: 4px;
}

.wizard_content_panel_spacing
{
    margin-left: 5px;
}

.wizard_top_panel_border
{
    border: 1px solid #64727E;
}

.wizard_title_panel
{
    padding-left: 5px;
    padding-top: 5px;
}

.wizard_description_panel
{
    min-height: 30px;
    height: auto;
    width: 99%;
    overflow: auto;
    padding-left: 5px;
    padding-top: 5px;
}

.wizard_center_panel
{
    width: 100%;
}

.wizard_link_nodes_panel
{
    height: 100%;
    width: 30%;
}

.wizard_content_panel
{
    overflow: auto;
    height: 100%;
    width: 68%;
}

.wizard_form_panel
{
    height: 100%;
    width: 100%;
    overflow: auto;
    float: left;
}

.wizard_form_panel .view_div_decorator
{
	border: none;
}

.wizard_border
{
    border: 1px solid #64727E;
}

.wizard_current_node
{
    font-weight: bold;
}

.wizard_link_node_image
{
    padding-right: 5px;
    padding-left: 5px;
}

.wizard_help
{
    text-align: left;
}

.wizard_show_button
{
    display: inline!important;
}

.wizard_navigation_bar
{
    text-align:right;
    vertical-align: middle;
    height: 20px;
}
.wizard .wizard_navigation_bar input
{
    margin-left: 5px;
}

.wizard_form_panel > div
{
	width: 98% !important;
}

.wizard_form_panel .form .config_layout
{
    overflow: visible;
}

.wizard_form_panel > div > div
{
	width: 98% !important;
}

.wizard_form_panel > div > div > div
{
	width: 98% !important;
}

.wizard_form_panel .config_layout , .wizard_form_panel .config_layout .form_container
{
	width: 98% !important;
}

.wizard_form_panel .view_div_decorator
{
    width: 100%;
}
.wizard_form_panel  .custom_view_title_bar .form_base_container
{
    border: none;
}
.rdx_wizard .ui-dialog-titlebar
{
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.op_wizard
{
    padding: 0px 25px;
    width: 100%;
}

.op_wizard_title
{
    font-size:150% !important;
    margin: 5px auto;
    padding-top: 10px;
    text-align: left;
}

.op_wizard_page
{
	margin-bottom: 10px;
	border-left: 1px solid #e4e7ea;
	border-right: 1px solid #e4e7ea;
	border-bottom: 1px solid #e4e7ea;
	border-bottom: 0px solid transparent;
}

.op_wizard .op_wizard_right_container
{
    vertical-align: top;
    width: 250px;
    padding-left: 10px;
    font-weight: bold;
}

.op_wizard .op_wizard_left_container
{
    vertical-align: top;
}


.op_wizard .op_wizard_right_container .op_wizard_right_section
{
    width: 250px;
    position: fixed;
}

.op_wizard .op_wizard_right_container span
{
    padding-top: 16px;
    display: inline-block;
}

.op_wizard .op_wizard_adv_view_container
{
    background: transparent;
    border-bottom: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}

.op_wizard .op_wizard_adv_view_container:hover, .op_wizard .op_wizard_help_container:hover
{
    cursor: pointer;
}

.op_wizard .op_wizard_adv_view_container span
{
    padding-left: 10px;
    padding-top: 16px;
}

.op_wizard .op_wizard_advanced_section
{
    margin-top: 15px;
    height: 47px;
    padding-left: 10px;
    border-radius: 0px;
    background-color: var(--charcoal-grey-grad30);
}

.op_wizard .op_wizard_disabled_advanced_section
{
    opacity: 0.4;
    filter: alpha(opacity = 40);
}

.op_wizard_center_panel_table td:first-child
{
    width: 50px;
}

.list_view_inline_view .op_wizard
{
    padding: 0px;
}

.list_view_inline_view .op_wizard_left_container
{
    padding: 0px;
}

.op_custom_summary_view .op_wizard_center_panel_border
{
    border-top: 1px solid #e4e7ea;
}

.op_wizard .op_wizard_adv_view_container a
{
    background: url(plus_bullet.png) no-repeat 15px center transparent;
    padding-left: 30px;
    height: 45px;
    display: inline-block;
    width: 100%;
}

.op_wizard .op_wizard_adv_view_container a:focus, .op_wizard .op_wizard_adv_view_container a:hover
{
    background-color: var(--charcoal-grey-grad30);
}

.op_wizard .op_wizard_help_container
{
    padding-left: 10px;
    height: 47px;
    background: url("arrow_thin.png") no-repeat 220px center var(--charcoal-grey-grad30);
}
/* If a list_view is defined in OP, and the list does not have an action bar remove the extra border on th and op already adds a border*/
.op_wizard_page .base_view_no_view_top_container .table_form_parent_div .table th
{
    border-top: none;
}

/* List views have border by default. But in opwizard views we dont need them.*/
.op_wizard_content_panel .form .view_div_decorator .table_form_parent_div
{
  border-bottom: medium none;
}

.op_wizard_page_border
{
	border: 1px solid #e4e7ea;
}

.rdx_top_panel
{
    background-color: #F2F2F2;
    overflow: hidden;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}


.op_wizard_page .op_wizard_link_panel
{
	float: right;
	padding: 10px 20px 8px;	
}

.op_wizard_page .op_wizard_change_link
{
    background: url("pen.png") no-repeat center center;
    height: 36px;
    padding: 0px;
    width: 40px;
    border-left: 1px solid #e4e7ea;
}

.op_wizard_page .op_wizard_cross_link
{
    background: url("cross.png") no-repeat center center;
    height: 36px;
    padding: 0px;
    width: 40px;
    border-left: 1px solid #e4e7ea;
    border: none;
    margin-right: 2px;
    margin-top: 2px;
}

.op_wizard_page .list_table td:first-child, .op_wizard_form_panel .list_table td:first-child
{
    width: auto;
}

.view_no_decorator .view_div_decorator
{
    border: none;
}

.op_wizard_page .op_wizard_change_link:hover
{
    cursor: pointer;
    background: url("pen.png") no-repeat center center #D7D7D7;
}

.op_wizard_page .op_wizard_cross_link:hover
{
    background: url("cross.png") no-repeat center center #D7D7D7;
    cursor: pointer;
}

.op_wizard_page .op_wizard_view_link
{
    background: url("plus_white.png") no-repeat center center;
    height: 47px;
    padding: 0px;
    width: 40px;
    border-left: 1px solid #e4e7ea;
}

.op_wizard_page .op_wizard_view_link:hover
{
    background: url("plus_white.png") no-repeat center center #D7D7D7;
    cursor: pointer;
}

.op_wizard_introduction_message
{
    margin: 10px 25px;
}

.rdx_title_panel
{
    display: inline;
    padding: 10px 20px 8px;
    float: left;
    border: none;
    font-weight: bold;
    font-size: 116.7% !important;
    color: #4D4F53;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.op_wizard_page .rdx_title_panel
{
    padding: 10px 20px 14px;
}

.op_wizard_page .tool_bar_table .title
{
    font-weight: bold;
    font-size: 116.7%;
    color: #4D4F53;
    padding-left: 0px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.op_wizard_form_panel .tool_bar_table .title{
    padding: 0 10px;
}
/*For detail view search inside op*/
.op_wizard_form_panel .form .options_container td input
{
    height: 30px
}

.op_wizard_center_panel
{
	padding: 10px;
	border-bottom: 1px solid #e4e7ea;
}

.op_wizard_center_panel_bottom_border
{
	border-bottom: 1px solid #e4e7ea;
}

/*//
.op_wizard_center_panel_border
{
    padding: 10px;
}*/

.op_wizard_center_panel_top_border
{
    border-top: 1px solid #e4e7ea;
}

.op_wizard_description_panel
{
	font-size: 266.7% !important;
}

.op_wizard_center_panel_table
{
	width: 100%;
	vertical-align: middle;
	border-bottom: 1px solid #e4e7ea;
}

.rdx_top_panel .title_tool_bar_table
{
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border: none !important;
    height: auto !important;
    background-color: transparent !important;
    margin-bottom: 0px !important;
    padding-left: 20px;
}

.op_wizard_center_panel_table td:nth-child(2n)
{
	width: 150px;
}

.op_wizard_page .op_wizard_form_panel .config_layout
{
    padding: 0;
}

.op_wizard_form_panel .form
{
    width: auto;
}

.form_inline .op_wizard_center_panel_top_border .form_base_container
{
    border-top: none;
}

.op_wizard_form_panel .form_buttons
{
    padding: 0px;
}

.op_wizard_page .config_layout
{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.op_wizard_form_panel .form td.label
{
    width: 5px !important;
}

.op_wizard_form_panel .no_label_field td:first-child
{
    padding-left: 20px;
}

.op_wizard_form_panel .form td.rdx_label_heading
{
    font-size: 166.7% !important;
    font-weight: bold;
}

.op_wizard_form_panel .form .ip_v4_v6_component
{
    width: auto;
}

.op_wizard_form_panel .form td span.input_label
{
    color: #666666 !important;
    line-height: 27px;
}

.op_wizard_form_panel .form td input
{
    font-size: 108.3% !important;
    display: inline-block;
    height: 30px;
    margin: 1px 8px 0 0;
    padding: 5px 20px;
    width: 250px;
}

.op_wizard_form_panel .form .fileupload_table
{
    width: 220px !important;
}
.op_wizard_form_panel .fileupload_td_textbox
{
    padding-left: 0px;
    display: block;
    float: left;
}

.op_wizard_form_panel .form .cus_file
{
    height: 30px !important;
    white-space: nowrap;
}

.op_wizard_form_panel .form td input[type="password"]
{
	background-color: #FFFFFF;
	box-sizing: border-box;
    display: inline-block;
    height: 30px;
    margin: 1px 0px 0 0;
    padding: 5px 20px;
    width: 250px;
}
/*
.op_wizard_form_panel .form td input[type="password"]:focus
{
	outline-width: 0;
    border-color: #7cafd9;
}
*/
.op_wizard_form_panel .form td input[type="text"], .ip_textfield
{
	background-color: #fff;
    box-sizing: border-box;
    display: inline-block;
    height: 30px;
    margin: 1px 0 0 0;
    padding: 5px 20px;
    width: 250px;
}
/*
.op_wizard_form_panel .form td input[type="text"]:focus, .ip_textfield:focus {
    outline-width: 0;
    border-color: #7cafd9;
}
*/
button.secondary_button.site_location_search {
    margin-left: 10px;
    height: 27px;
}

/*For detail view search inside configure view/OP View*/
.op_wizard_form_panel .form .search_block .options_container td .selectbox 
{
    height: 28px;
    width: 100%;
    min-width: 150px;
}

.ip_textfield 
{
   overflow: hidden;
   min-width: 250px;
   width: auto;
   max-width: 350px;
   -moz-user-select: text !important;
   border: 1px solid var(--element-border-color);
}

.ip_padding
{
    width:30px;
    display: inline-block;
    text-align: center;
}

.op_wizard_form_panel .form td.second_column
{
    width: 116px;
}

.op_wizard_form_panel .form td.second_column input[type="text"]
{
    height: 30px;
    width: 116px;
}

.op_wizard_form_panel .op_wizard_form_panel .form td .form_field_disabled
{
    pointer-events: none;
    border-color: var(--element-border-color) !important;
    background: #f4f5f6 !important;
    color: #aeb5c1 !important;
}

.op_wizard_button_panel
{
	background-color: #F2F2F2;
	width: 100% !important;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 0px 0px 4px 4px;
}

.op_wizard_form_panel .op_wizard_button_panel
{
    width: 100% !important;
}

.op_wizard_button_panel .submit_button
{
    height: 28px !important;
    min-width: 90px !important;
    width: auto !important;
    color: #fff;
    background: -moz-linear-gradient(top, #66ABD1 0%, #197CAF 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66ABD1), color-stop(100%,#197CAF)) !important;
    background: -webkit-linear-gradient(top, #66ABD1 0%,#197CAF 100%) !important;
    background: -o-linear-gradient(top, #66ABD1 0%,#197CAF 100%) !important;
    background: -ms-linear-gradient(top, #66ABD1 0%,#197CAF 100%) !important;
    background: linear-gradient(to bottom, #66ABD1 0%,#197CAF 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ABD1', endColorstr='#197CAF',GradientType=0 );
    text-shadow: none;
    border: 1px solid #1E70A7 !important;
    border-radius: 2px !important;
    margin-left: 9px;
    /*outline-width: 0;*/
    text-align: center;
    margin-top: 1px;
}

/* TODO: for some reason :focus selector is not being applied. To debug that */
.op_wizard_button_panel .submit_button:hover,
.op_wizard_button_panel .submit_button:focus
{
    background: -moz-linear-gradient(top, #75bae0 0%, #288abd 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75bae0), color-stop(100%,#288abd)) !important;
    background: -webkit-linear-gradient(top, #75bae0 0%,#288abd 100%) !important;
    background: -o-linear-gradient(top, #75bae0 0%,#288abd 100%) !important;
    background: -ms-linear-gradient(top, #75bae0 0%,#288abd 100%) !important;
    background: linear-gradient(to bottom, #75bae0 0%,#288abd 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75bae0', endColorstr='#288abd',GradientType=0 );
    cursor: pointer;
}

.op_wizard_button_panel .submit_button:active
{
    background: -moz-linear-gradient(top, #75bae0 0%, #288abd 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75bae0), color-stop(100%,#288abd)) !important;
    background: -webkit-linear-gradient(top, #75bae0 0%,#288abd 100%) !important;
    background: -o-linear-gradient(top, #75bae0 0%,#288abd 100%) !important;
    background: -ms-linear-gradient(top, #75bae0 0%,#288abd 100%) !important;
    background: linear-gradient(to bottom, #75bae0 0%,#288abd 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75bae0', endColorstr='#288abd',GradientType=0 );
}


/*.submit_button:disabled
{
    background: none;
}*/

.op_wizard_button_panel .cancel_button
{
    height: 28px !important;
    min-width: 90px !important;
    width: auto !important;
    color: #000;
    background: -moz-linear-gradient(top, #ffffff 0%, #d6d7d8 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d7d8)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%,#d6d7d8 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%,#d6d7d8 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%,#d6d7d8 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%,#d6d7d8 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d7d8',GradientType=0 );
    text-shadow: none;
    border: 1px solid #929292 !important;
    border-radius: 2px !important;
    margin-left: 9px;
    /*outline-width: 0;*/
    text-align: center;
    margin-top: 1px;
}

.op_wizard_button_panel .cancel_button:hover
{
    background: -moz-linear-gradient(top, #ffffff 0%, #d6d7d8 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d7d8)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%,#d6d7d8 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%,#d6d7d8 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%,#d6d7d8 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%,#d6d7d8 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d7d8',GradientType=0 );
    cursor: pointer;
}

/*.cancel_button:disabled
{
    background: none;
}*/

.op_wizard_button_panel .cancel_button:active
{
    background: -moz-linear-gradient(top, #ffffff 0%, #d6d7d8 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d7d8)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%,#d6d7d8 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%,#d6d7d8 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%,#d6d7d8 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%,#d6d7d8 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d7d8',GradientType=0 );
    border: 0px !important;
    outline: none !important;
}

.op_wizard_form_panel .form td textarea
{
    width: 250px;
    font-size: 108.3% !important;
}

.op_wizard_form_panel .form .ip-v4-v6-parent
{
    width: 250px !important;
    background: #fff;
}

.op_wizard_form_panel .form .ip-v4-v6-parent input[type="text"]
{
    height: 26px !important;
    border: 0px solid transparent;
    position: relative;
    /*outline-width: 0;*/
    padding: 0;
}

.op_wizard_form_panel .form td .list
{
    display: inline-block;
    width: 250px;
}

.op_wizard_form_panel .form .ribbon_list_wrapper .list{width:auto}

.op_wizard_form_panel .form td .list_multiselect
{
    height: 50px;
    background-image: none;
    padding: 0;
}

.op_wizard_form_panel .form .edittable_list table
{
    width: 100% !important;
}

.op_wizard_form_panel .form .edittable_list
{
    width: 220px;
	display: inline-block;
	vertical-align: middle;
}

.op_wizard_form_panel .form .edittable_list button
{
    width: auto;
    padding: 0px;
}

/*
 CSS for radio buttons
*/
.op_wizard_form_panel .form td table.radio_group
{
    
    overflow-x: visible;
}

.op_wizard_form_panel .form td table.radio_group td
{
    vertical-align: middle !important;
}

.op_wizard_form_panel .form td input[type="radio"]:focus{
    outline-width: 5px;
}

.op_wizard_form_panel .form_buttons
{
    width: 100% !important;
}

.op_wizard_page .op_wizard_text_button
{
    color: var(--brand-color-grad50);
    padding: 13px;
    border-left: 1px solid #e4e7ea;
}

.op_wizard_page .op_wizard_text_button:hover
{
    cursor: pointer;
    background-color: #D7D7D7;
}

.op_wizard_page .op_wizard_content_panel .form .config_layout {
    overflow: visible !important;
}

.op_wizard_page .optional_page_class:hover
{
	background-color: #E8F3F9;
	cursor: pointer;	
}

.rdx_top_panel .optional_page_index
{
	border-right: 1px solid #FFF;
	float: left;
	font-size: 133.3%;
	padding: 10px 20px 8px;
}

.rdx_top_panel .title_border
{
	border-left: 1px solid #e4e7ea !important;
}

.op_wizard_collapsable_header {
    background: url("collapsable_arrow.png") no-repeat scroll 17px 8px;
    cursor: pointer;
    font-size: 150%;
    font-weight: bold;
    padding: 10px;
    margin-top: 6px;
}

.op_wizard_collapsable_header.expand {
    background: url("collapsable_arrow.png") no-repeat scroll 15px -22px;
}

.op_wizard .overview_table_border
{
    border: none;
    margin: 0px;
}

.op_wizard .form .view_div_decorator
{
    border: none;
}

.op_wizard_form_panel .view_top_container
{
    width: 100%;
}

.op_wizard_center_panel_table .op_wizard_content_panel .op_wizard_form_panel .form_base_container
{
    border-bottom: none;
}

.op_wizard .overview_table_border td.overview_table_cell_non_empty:hover
{
    background-color: transparent;
}

.op_wizard_page .view_div_decorator
{
    border : none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.op_wizard_page .form_embedded_view
{
    padding: 0px;
}

.op_wizard_page .view_div_decorator .add_table_bottom_border
{
	border-bottom: 1px solid #e4e7ea !important;	
}

.op_wizard_page .view_div_decorator .pagination_div
{
    border-bottom: 1px solid #e4e7ea;
}

.op_wizard_page .form .no_padding_field
{
    padding: 0px;
}

.op_wizard_form_panel .table_body_table_div table
{
    width: 100% !important;
}

.form_inline .form_base_container .form_no_button_bar
{
    border-bottom: none;
}

.op_wizard .op_wizard_no_border
{
    border: none;
}

.op_wizard .op_wizard_no_border .op_wizard_button_panel
{
    background: none;
    border: none;
}

.op_wizard .op_wizard_no_border .op_wizard_content_panel .form
{
    border-bottom: none;
}

.op_wizard .op_wizard_right_container .op_flow_settings_container
{
    margin-bottom: 20px;
}

.op_wizard .op_wizard_right_container .op_flow_settings_header
{
    color: #333;
    font-size: 116.7%;
    padding: 15px 20px;
}

.op_wizard .op_wizard_right_container .op_flow_section_container
{
    height: 40px;
}

.op_wizard .op_wizard_right_container .op_flow_num_container
{
    color: #666;
    font-size: 100%;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #e4e7ea;
    width: 15%;
    font-weight: bold;
    padding-top: 0px;
}

.op_wizard .op_wizard_right_container .op_flow_sec_title_contaner
{
    padding-left: 20%;
    text-align: left;
    line-height: 40px;
    display: inline-block;
    padding-top: 0px;
}

.op_wizard .op_wizard_right_container  .op_flow_state_container
{
    width: 12%;
    display: inline-block;
    float: right;
    padding-top: 0px;
}

.final_info_div
{
    margin-bottom: 10px;
}

.rdx_down_flow_padding
{
    height: 10px;
}




.op_wizard_summary_page_form_panel .form .label
{
	width: 5% !important;
	padding-right: 0px;
}

.op_wizard_summary_page_form_panel .form .field
{
	padding-left: 15px;
	padding-top: 2px;
	word-break: break-all;
}

.op_wizard_summary_page_form_panel .form .form_two_column_layout .field
{
	padding-left: 0px;
}

.op_custom_summary_view .op_wizard_center_panel
{
	border-bottom: none;
	padding: 0px;
}

.op_wizard_summary_page_form_panel .field .label_input
{
	font-size: 108.3% !important;
	font-weight: bold;
	white-space: pre-wrap;
	min-width: 200px;
	display: inline-block;
}

.op_two_column_summary_view .config_layout table tr td.label
{
	padding-top: 10px;
}

.op_two_column_summary_view td.field
{
	padding-bottom: 10px;	
}

.op_two_column_summary_view td.field .label_input
{
	padding-left: 20px;
	padding-bottom: 0px;	
}

.op_two_column_summary_view .config_layout table tr td
{
	border-right: 1px solid #e4e7ea;
	width: auto;
}

.op_two_column_summary_view .config_layout table tr td:last-child
{
	border-right: none;
}

.op_two_column_summary_view .config_layout table tr td table tr td
{
	border-right: none;
	padding-left: 14px;
}

.op_two_column_summary_view .op_wizard_form_panel
{
	margin-bottom: 0px;
}
.op_custom_summary_view .config_layout .form_container .form_embedded_view
{
	padding: 0px !important;
	border-bottom: 0px !important;
	border-top: 0px !important;
}

.op_custom_summary_view .config_layout .form_container .form_embedded_view:first-child
{
	padding: 0px !important;
	border-bottom: 0px !important;
	border-top: 0px !important;
}

.op_custom_summary_view .form .view_div_decorator .table_form_parent_div
{
  border-bottom: medium none;
}

.form
{
	width : 100%;
}

.form, .rdx_form_style
{
    background: #FFF;
}

.form_field_disabled
{
    pointer-events: none;
    border-color: var(--element-border-color) !important;
    background: #f4f5f6 !important;
}

.form_field_read_only
{
    pointer-events: initial;
    border-color: var(--element-border-color);
    background: #f4f5f6;
}

.form .mandatory {
    color: #db1300;
    margin-left: 2px;
}

.form table.group
{
    border-collapse: collapse;
    border: none;
}
/*line separator to the left of an element */
.lineseparator
{
    border-left: 1px solid #E7E7E7;
   padding-left: 10px !important;
}


.form .tab_component .rdx_form_section_separator
{
	background-color: var(--grey-color-grad20);
}




.form .rdx_form_section_separator .form_multi_layout_container .label
{
	padding-left: 15px;
}

.form .rdx_form_section_separator .form_multi_layout_container .field
{
	padding-left: 15px;
}

.form .rdx_form_section_separator .rdx_checkbox_component
{
	padding-left: 15px;
}

.form tr.hidden
{
    display: none;
}

.form td.field
{
	padding-right: 10px;
}

.form td.field:last-child
{
    padding-right: 0px;
}

.form .rdx_form_title
{
    background-color: var(--grey-color-grad20);
    border-bottom: 1px solid #e4e7ea;
    padding: 10px 5px 7px 20px;
    color: #333333;
}

.form_cell_decoration td:nth-child(2n)
{
    padding-right: 4px;
    color: #64727E;
}

.form table.group td.field
{
	padding-right: 10px;
}

.form table.group td.field:last-child
{
    padding-right: 0px;
}

.form td.tab_spacing
{
    padding:0px!important;
    padding-top:5px!important;
    margin: 3px;
}

.form_inline .form
{
    border-bottom: 1px solid #e4e7ea;
}

.form td.tab_layout_border
{
    border: 1px solid #e4e7ea;
    padding: 2px;
    padding-bottom:5px!important;
    padding-right:5px!important;
    padding-left:5px!important;
}

.form .config_layout div.tab_layout_border
{
     border-left: none;
    border-right: none;
    padding: 0 0 0 10px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.form .config_layout div.tab_layout_border div.tab_layout_border
{
     border-left: 1px solid #e4e7ea;
    border-right: 1px solid #e4e7ea;
}

.form div.tab_layout_border
{
    border: 1px solid #e4e7ea;
    padding: 2px;
    padding-bottom:5px!important;
}

.form tr.hidden
{
    display: none;
}

.form td
{
    white-space: nowrap;
    text-align: left;
    padding: 2px 2px 2px 5px;
}

.form td.label
{
    vertical-align: top;
    color: var(--color-black-grad30);
    padding-right: 8px;
    padding-top: 4px;
}

.form td input[type="text"]
{
    width: 100%;
    background-color: transparent;
    min-width: 100px;
}

.form td input[type="password"]
{
    width: 100%;
    background-color: transparent;
    min-width: 100px;
}

.form_inline
{
    border: 1px solid #e4e7ea;
}

.form_inline .view_top_container
{
    width: 100% !important;
}

.form .config_layout
{
    overflow: auto;
}

.form_inline .config_layout
{
    padding-top: 10px;
    padding-bottom: 10px;
    overflow:visible;
}

.form_inline .form .label_title
{
    padding: 20px;
}

.form_inline .form_base_container
{
    border-top: none;
}

.form_inline .configure_view_top_panel
{
    border-bottom: 1px solid #e4e7ea;
}

.form_inline .form_base_container .form_base_container
{
    border-top: none;
}

.form td input[type="checkbox"]:disabled
{
    opacity: 0.4;
    filter: alpha(opacity = 40);
}

.form td textarea
{
    width: 100%;
    min-width: 100px;
    resize: none;
    padding: 5px 10px;
    color: var(--text-color-form-input);
    border: 1px solid var(--element-border-color);
}

.form td .edittable_list
{
    width: 100%;
}

.form td span.input_label
{
    vertical-align: middle;
}

/*This should be overriden for IE in html  (ex: main.html)*/
.form td input[type="submit"]
{
    min-width: 60px;
    width: 60px;
}

.form td input[type="button"]
{
    min-width: 60px;
    width: auto;
}

.form_note_row
{
    padding-top: 12px;
}

.form_inline .form_note_row
{
    padding-left: 0px;
    padding-right: 0px;
}

.form .form_field_separator td
{
    padding: 0px;
}

.form_note
{
    min-height: 15px;
    overflow: auto;
    border-spacing: 6px;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

.form_inline .form_note
{
    padding-left: 20px;
    padding-right: 20px;

}

.form_note_border
{
    padding-bottom: 3px;
    padding-top: 3px;
}

.form .table_component td input[type="text"]
{
    width: 99%;
    background-color: transparent;
    min-width: 10px ;
}
.form .table_component td select
{
    width: 99%;
    background-color: transparent;
    min-width: 50px;
}

.form_buttons
{
    padding: 0px;
    margin: 0;
    width: 100% !important;
}

.form_buttons td
{
    padding: 0 0 2px 0;
}

.form .form_columns_container
{
    width: 100%;
    table-layout: fixed;
}

.form_columns_container td
{
    padding: 0px;
}

.form_columns_container .form_column
{
    border-right: 1px solid #e4e7ea;
    padding: 10px;
    vertical-align: top;
}


.form_columns_container .form_column:last-child
{
    border-right: none;
}

.form_buttons .form_buttons
{
    width: auto !important;
    border: none;
    position: relative;
    top: 2px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-dialog-content .form_buttons
{
    padding: 0px;
    padding-top: 5px;
    background: transparent;
    border: none;
}

.form .group_name_div_disabled
{
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.form .group_name_div_disabled a
{
    cursor:default;
}

.form .group_name_div_disabled a:hover
{
    cursor:default;
    text-decoration: none;
    color: #1F6C88 !important;
}

.form .label_title
{
    color: #1F6C88;
    font-weight: 500;
    font-size: 1.25em;
}

.form .rdx_label_heading
{
    font-size: 166.7%;
    font-weight: bold;
}
.form .label_disable
{
    opacity: 0.6;
    font-weight: bold;
}
.form .label_error
{
    color: #FF0000 !important;
}
.form .tab_component .radio_group td input[type="radio"]
{
    width: auto;
    margin-left: 15px;
}

.form .tab_component .radio_buttons_div .radio_group .current_text
{
     border-top: 1px solid #e4e7ea;
     border-right: 1px solid #e4e7ea;
     background-color: #fff;
    -moz-border-radius: 0px 4px 0px 0px;
    -webkit-border-radius: 0px 4px 0px 0px;
    border-radius: 0px 4px 0px 0px;
}
.form .tab_component.radio_component
{
   border-top: 1px solid #e4e7ea;
   background-color: var(--charcoal-grey-grad30);
   padding: 20px;
   margin-top:0;
   margin-bottom: 0;
}
.form .radio_component
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.form_inline .form .tab_container .form
{
	width: 100%;
}

.form_inline .radio_component .tab_container
{
    padding-left: 0px;
    padding-right: 0px;
}

.form_inline  .tab_container .tabs
{
    padding-left: 0;
    background: #fff;
    border-width: 1px 0 !important;
    overflow: visible;
    height: 60px;
}

.form_inline  .tab_container .tabs .each_tab
{
    pointer-evnts: auto;
    padding: 5px 10px;
    display: inline-block;

}

.form_inline  .tab_container .tabs .each_tab.current_tabs
{
    font-weight: bold;
}

.form_inline  .tab_container div.tab_layout_border
{
    padding-top: 10px
}

.form .radio_component .toggle_container
{
    padding: 10px;
}

.form .ip_v4_v6_component
{
    width: 100%;
}

.form_inline .form .ip_v4_v6_component
{
    width: auto;
}

.form .tab_component .radio_group
{
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 0px solid transparent;
    height: 22px;
    font-size: 108.3%;
    font-weight:bold;
    color: #585A5D;
}

.form .tab_component .toggle_container
{
    background-color: #ffffff;
    border: 1px solid #e4e7ea;
}
.form .tab_component
{
    width: auto;
}
.form .tab_component .radio_buttons_div
{
	height:40px;
}
.form .tab_component .radio_buttons_div .radio_group
{
	height:41px;
	float: left;
}
.form .tab_component .radio_buttons_div .radio_group .current_button
{
     border-top: 1px solid #e4e7ea;
     border-left: 1px solid #e4e7ea;
     background-color: #ffffff;
    -moz-border-radius: 4px 0px 0px 0px;
    -webkit-border-radius: 4px 0px 0px 0px;
     border-radius: 4px 0px 0px 0px;
}

.form .tab_component .radio_buttons_div .radio_group .label_cell
{
	padding:  7px !important;
}

.form .tab_component .radio_group .toggle_container
{
    background-color: var(--grey-color-grad20);
}

.form .tab_component .radio_group td
{
    background-color: transparent;
}
.form .radio_component input[type="radio"]
{
    margin-left: 5px;
    height: 27px;
}

.rdx_button
{
    cursor: pointer;
    border-radius: 2px;
    display: inline-block;
    color: var(--color-black-grad60);
    padding: 6px 30px;
    height: auto;
    border: 1px solid var(--brand-color-grad50);
    margin: 0 8px 0 0;
    font-size: 108.3%;
    line-height: inherit;
}

.form .form_field_separator .separator
{
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #BCBCBC;
}

.form .form_field_separator .rdx_thin_separator
{
	margin: 0;
	padding : 0;
    border: none;
    border-bottom: 1px solid #BCBCBC;
}

.rdx_button_disabled, .rdx_button_disabled:hover
{
    cursor: auto;
    opacity: 0.4;
    pointer-events: none;
}

.rdx_tab_button
{
    display: inline-block;
    border: 1px solid transparent;
    box-shadow: none;
    padding: 0px 8px;
    position: relative;
    bottom: -1px;
    margin-right: 15px;
    float: right;
}

.rdx_tab_button span
{
    padding: 6px 13px 6px 0px;
    display: inline-block;
}

.rdx_tab_button:hover
{
background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
border: 1px solid #939393;
-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
box-shadow: none;
cursor: pointer;

}

.rdx_tab_button_active
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #BCBCBC;
    border-top: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
    padding-bottom: 4px;
    position: relative;
    top: 3px;
    z-index: 1;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.rdx_tab_button_active:hover
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #BCBCBC;
    border-top: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.rdx_tab_button_close
{
    background: url(cross.png) no-repeat 0 0;
    position:absolute;
    width: 11px;
    height: 12px;
    top:9px;
    margin-left:6px;
    cursor:pointer;
}

.rdx_tab_button_dropdown
{
    background: url(ddarrow.png) no-repeat 0 0;
    position:absolute;
    width: 11px;
    height: 12px;
    top:11px;
    margin-left:6px;
    cursor:pointer;
}

.button_bar_link
{
    text-decoration: none !important;
    cursor: pointer;
}

.form .form_embedded_view .table_form_parent_div
{
    overflow: auto;
    border-bottom: 1px solid #e4e7ea;
}

/*Remove the border for view (configure view) inside a form in rainmaker*/
.form .view_div_decorator
{
    border-bottom : none;
    border-left: none;
    border-right: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.form .view_div_decorator .add_table_bottom_border
{
	border-bottom: 1px solid #e4e7ea !important;
}

.form .view_div_decorator .pagination_div
{
    border-bottom: 1px solid #e4e7ea;
}

.form td.form_embedded_view
{
    padding-right: 8px;
}

.form td.form_embedded_view .rdx_form_section_separator
{
    background-color: var(--section-bg-color) !important;
}

.card_container .form td.field:last-child
{
	padding-right: 8px;
}

.rdx_slider_top_container .rdx_slider_cross_container {
    background: url(sprite.png) no-repeat scroll -100px -88px transparent;
    height: 20px;
    width: 20px;
    margin-right: 15px;
    float: right;
    margin-top: 15px;
}


 .rdx_slider_top_container .rdx_slider_refresh_container {
     background: url("/admin_ui/rdx/core/images/refresh.png") no-repeat;
     height: 20px;
     width: 20px;
     margin-right: 5px;
     float: right;
     margin-top: 15px;
 }

.rdx_slider_top_container .rdx_slider_cross_container:hover ,.rdx_slider_top_container .rdx_slider_refresh_container:hover{
    cursor: pointer;
}

.rdx_slider_top_container .rdx_slider_help_container
{
    padding-right: 25px;
    float: right;
    padding-top: 11px;
}

.rdx_slider_top_container .rdx_slider_help_container:hover
{
    cursor: pointer;
}

.list_table .link_cell
{
    width: 10px;
}

.form_inline .form_embedded_view .view_top_container
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.group_name_div{
    display: block;
    width: 100%;
}

.form_inline .group_div .group_name_div
{
    padding-left: 32px;
    font-weight: 500;
}

.form_inline td.form_embedded_view
{
    padding: 0px !important;
}

.form_inline .group_div .group_name_div a
{
    color: #485164;
    font-weight: bold;
    padding-right: 10px;
    text-decoration: none;
}

.form_inline .group_div .group_name_div.disabled a
{
    opacity: 0.7;
}
.group_div_section
{
    background-color: var(--section-bg-color);
    background-repeat: no-repeat;
    border-top: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
    cursor: pointer;
    padding: 5px 10px;
    margin-top: 10px;
}

.group_div_section_open
{
    margin-bottom: 10px;
    background-image: url(../images/navigate_close_black.png);
    background-position: 10px center;
    padding:10px;
    font-size: 1.125em;
}
.group_div .group_div_section_padding {
    padding: 15px;
}

.group_div_section_close
{

    background-image: url(../images/navigate_open_black.png);
    background-position: 5px center;
}

.group_container_show
{
    line-height: 25px;
    margin-top: 10px;
    border-top: 1px solid #e4e7ea;
    cursor: pointer;
    background-image: url(../images/navigate_open_black.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-color: #f6f9fa;
    border-bottom: 1px solid #e4e7ea;
}
.group_container_show.show_less{
        background-image: url(../images/navigate_up_black.png);
}

.group_name_div a.link_text
{
	vertical-align: middle;
}

.form_inline .config_layout .tab_container
{
    padding-left: 0;
    padding-right: 0;
    overflow: visible !important;
}

.form_inline .config_layout .tab_container .tab_container
{
    padding-left: 20px;
    padding-right: 20px;
}

.form_inline .tab_container
{
    padding-left: 20px;
    padding-right: 20px;
}

.form_inline .no_label_field td:first-child
{
    padding-left: 20px;
}

.form_inline .no_label_field .ribbon td:first-child
{
    padding: 0px;
}

.form .form_two_column_layout td.label
{
    padding: 0px;
    padding-left: 20px;
    padding-bottom: 3px;
}

.form_inline .form td.label, .form_inline .info_view td.field
{
    padding: 0px;
    padding-left: 20px;
    padding-bottom: 3px;
}

.form_inline .form td.no_field
{
    padding: 0px;
    padding-bottom: 15px;
}

.form_inline .list_multiselect
{
    height: 50px;
}

.form_inline .form_two_column_layout  td.field
{
    padding: 0px;
    padding-left: 20px;
    padding-top: 0px;
}

.form .form_two_column_layout
{
    width: 100%;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.form_inline .form .form_two_column_layout .label_title,.form_inline.form .form_two_column_layout .label_title
{
    background-color: var(--section-bg-color);
    vertical-align: middle;
    padding: 10px 20px;
    border-top: 1px solid #E4E7EA;
    border-bottom: 1px solid #E4E7EA;
}

.form .form_two_column_view_layout
{
    padding: 0px;
}

.form .form_two_column_layout td.form_embedded_view
{
    padding: 0;
}

.form .form_multi_layout_container
{
    padding: 0px;
	width: 100%;
    vertical-align: top;
}

.form .form_field_label
{
    font-weight: 600;
}

.form_inline .rdx_checkbox_component
{
    padding: 0px;
    padding-left: 20px;
}

.form_inline .form .form
{
    padding: 0px;
    border: none;
}

.form th .table_th_label_div input[type="checkbox"]
{
    margin-left: 2px;
}

.rdx_help_cell_container
{
	display: inline-block;
	height: 17px;
	width: 22px;
	visibility:visible;
}

.rdx_help_cell_container.search_bubble { display: table-cell; }

.rdx_help_cell_container .help_cell
{
	margin-left: 5px;
    cursor: pointer;
}

.rdx_help_cell_container .help_cell::before {
    content: "\F109";
    font-family: "icons";
    font-size: 17px;
    vertical-align: middle;
    color: var(--grey-color-grad60);
}

.rdx_help_cell_container.rdx_tooltip_active .help_cell
{
	opacity: 1;
}

.help_cell_container_inactive
{
	visibility: hidden !important;
}

/* Needed to over-write component CSS to make sure Help icon appears next and aligned middle */
.component_alignment
{
	display: inline-block !important;
	vertical-align : middle !important;
}

.extra_field_component_alignment
{
	margin-left: 10px !important;
	display : inline-block;
}
.custom_form_inline
{
    border:1px solid #e4e7ea;
}
.form .group_div.rdx_form_section_background
{
    margin: 10px;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    border-left: 1px solid #e4e7ea;
    border-right: 1px solid #e4e7ea;
}

.custom_view_title_bar .form_base_container
{
    border:1px solid #e4e7ea;
    border-width:1px;
}

.custom_view_title_bar .form_embedded_view .form_base_container
{
    border: none;
    border-width:0;
}

.custom_view_title_bar
{
    border: none;
}

.image-button {
	background: url("/admin_ui/rdx/core/images/bind.png") no-repeat 50%;
	width: 80px;
	padding-bottom: 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #929292;
	text-shadow: none;
	color: #FFFFFF !important;
	height: 30px;
}

.image-button .icon {
  margin-left: 25px;
  background: #fff;
}

.image-button .icon {
  background: transparent;
}

a.image-button:hover
{
  color: #FFFFFF !important;
  text-decoration: none !important;
}
.form_base_container
{
    height:100%;
}

.system_security_settings
{
    height:100%;
}
.system_security_settings .config_layout
{
    height:100%;
}
.system_security_settings .form_field_label
{
    height:100%;
}
.system_security_settings .form_container
{
    height:100%;
}
.system_security_settings td.label
{
    height:100%;
}

.form td input.hide{
    display: none !important;
}

input[type=password]::-ms-reveal{
     display: none;
}
input[type=password]::-ms-clear {
    display: none;
}
.password-eye {
    position:absolute;
    top:5px;
    right: 5px;
    display:inline-block;
    width:25px;
    height:17px;
	cursor:pointer;
    background: url("sprite_new.png") no-repeat -39px -262px;
}
.password-eye-closed{
    background-position-x: -8px;
}
.char-validation-check {
    background-color: #FFF2F2;
    padding: 5px;
    margin-right: 10px;
    border: none;
    border-radius: 3px;
    color: #f11308;
    font-size: smaller;
}

.char-validation {
    margin: 15px 0;
}
.char-validation-pass{
    background-color: #e6f6f3;
    color: #33a083
}
.char-validation-fail{
    background-color: #FFF2F2;
    color: #CF3434
}


.form_inline .form .categorize .form.group
{
    border: 1px solid #E7E7E7;
    padding:5px 0 10px 0;
    width: 98% !important;
}

.form_inline .categorize.group_div
{
    padding-left: 20px;
}

.form_inline .categorize.group_div .group_header_div ,.form_inline .categorize.group_div .group_name_div
{
    margin-bottom: 0;
    padding: 10px 10px !important;
    margin-top: 10px;
    border: solid 1px #E7E7E7;
    display: inline-block;
    width: auto;
    position: relative;
    top: 1px;
    min-width: 220px;
}
.form_inline .categorize.group_div .group_header_div
{
    background: #f9f9f9;
}

.form_inline .categorize.group_div .group_name_div.group_div_section_open
{
    border-bottom: 0
}

.extra_field_label {
    padding: 0 5px;
    color: #666666;
}


.autocompelte-parent
{
    position: relative;
}

.autocompelte-parent *::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #f1f1f1;
    border-radius: 10px;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 220px;
    min-width: 220px;
    overflow-y: auto;
    background: #fff;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #f1f1f1;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: #f1f1f1 !important;
}

.bind_unbind_list
{
    border-collapse: collapse;
    width: 100%;
}
.bind_unbind_list div
{
    float: none;
}

.bind_unbind_tree_div
{
    background-color: white;
}

.bind_unbind_list td
{
    padding: 0px ;
}

.bind_unbind_list table td
{
    padding: 0px;
}

.bind_unbind_list button img
{
    vertical-align: baseline;
    margin-right: 2px;
}

.bind_unbind_list .table_parent
{
    height: 100%;
    border: 1px solid var(--element-border-color);
    padding: 2px 2px;
}

.bind_unbind_list td span.ui-icon
{
    position: relative;
    float: right;
    
}
.bind_unbind_list .available_label
{
    color: #666666;
    font-weight: bold;
}
.bind_unbind_list div.available
{
    background-color: white;
    margin-bottom: 10px;
    overflow: auto;
    position: relative;
    width: 100%;
}

.bind_unbind_list div.configured
{
    background-color: white;
    margin-bottom: 10px;
   overflow: auto;
    position: relative;
    width: 100%;
}

.bind_unbind_list input.custom_field_textbox
{
   margin-left: 0%;
   margin-bottom:5px;
   width: 56% !important;
}

.bind_unbind_list input.custom_field_textbox.shown
{
   margin-left: 54%;
   margin-bottom:5px;
   width: 31% !important;
}

.bind_unbind_list div.available_bkg
{
    background-color: var(--charcoal-grey-grad30);
    padding-left: 10px;
    padding-right: 14px;
    border: 1px solid var(--element-border-color);
}

.bind_unbind_list div.configured_bkg
{
    overflow: auto;
    background-color: var(--charcoal-grey-grad30);
    padding-left: 10px;
    padding-right: 14px;
    border: 1px solid var(--element-border-color);
}

.bind_unbind_list .button_table_parent {
    height: 100%;
}

.bind_unbind_list .select_link {
    width: 50%;
}
.bind_unbind_list .remove_link {
  width: 50%;
}


.bind_unbind_list div.new_available {
    margin-bottom: 0px;
}


.bind_unbind_list td.max_width {
    padding-left: 10px ;
    padding-right: 10px ;
    width: 50px;
}
 
.bind_unbind_list td.td_style {
  width: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
   user-select: none;
}


.bind_unbind_list .configured_label {
    color: #666;
    font-weight: bold;
}
.bind_unbind_list  .search_list{
        border-radius: 4px;
        width: 100% !important;
}
.bind_unbind_list .select_link > a {
    float: right;
}

.bind_unbind_list .remove_link > a {
    float: right;
}

.bind_unbind_list .add_button_div {
    float: left;
    margin-top: -50px;
    padding-left: 5px;
}

.bind_unbind_list .disable_link {
    pointer-events: none;
    cursor: default;
    color: #4d4f53 !important;
}

.bind_unbind_list .prose {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bind_unbind_list .fixed {
    table-layout: fixed;
    width: 100%;
}

.bind_unbind_list .table tbody tr:hover td{
    background-color: #E8F3F9;
}


.bind_unbind_list .header {
    width: 100%;
    padding: 2px 0;
    min-height: 40px;
}

.bind_unbind_list .configured_table_increment
{
    margin-top: 20px;
}

.bind_unbind_list .move-btn {
    width: 30px;
    height: 20px;
    position: relative;
    background: var(--grey-color-grad30);
    border: 1px solid #999;
	border-radius: 2px;
	margin: 10px 0;
    display: block;
}
.bind_unbind_list .move-btn.move-r{
    background: url(../images/arrow_right.png) #ddd no-repeat center center;
}

.bind_unbind_list .move-btn.move-l{
    background: url(../images/arrow_left.png) #ddd no-repeat center center;
}

.bind_unbind_list .move-btn:hover {
	background-color:var(--charcoal-grey-grad30);
	cursor: pointer;
}

.bind_unbind_list div.configured_bkg.orderable_rows
{
    padding-right: 6px;
}

.bind_unbind_list .orderable_rows div.configured
{
    width: 90%;
    float: left;
}
.bind_unbind_list .up_down_buttons
{
    padding-top: 40px;
    width: 10%;
    display: inline-block;
    
}
.move_up.move-btn
{
    background:url("sprite.png")  -88px -244px no-repeat #ccc;
    height: 20px;
    width: 22px;
}	
.move_down.move-btn
{
    background:url("sprite.png") -88px -260px no-repeat #ccc;
    height: 20px;
    width: 22px;
    margin-top: 5px;

}
.move_up.move-btn, .move_down.move-btn
{
    cursor: pointer;
    margin: 8px auto;
}

.move_up.move-btn.disable, .move_down.move-btn.disable
{
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.bind_unbind_list .move_up.move-btn:hover
{
    background:url("sprite.png")  -88px -244px no-repeat var(--charcoal-grey-grad30)
}
.bind_unbind_list .move_down.move-btn:hover
{
    background:url("sprite.png") -88px -260px  no-repeat var(--charcoal-grey-grad30);
}
.bind_unbind_list .move_up.move-btn.disable:hover
{
    background:url("sprite.png")  -88px -244px no-repeat #ccc

}
.bind_unbind_list .move_down.move-btn.disable:hover
{
    background:url("sprite.png") -88px -260px no-repeat #ccc;

}

.op_wizard_form_panel .form .bind_unbind_list input[type="text"]
{
    margin: 0 10px 5px 2px;
}


.bind_unbind_list div.available::-webkit-scrollbar  ,.bind_unbind_list div.configured::-webkit-scrollbar 
{
    -webkit-appearance: none;    
}

.bind_unbind_list div.available::-webkit-scrollbar:vertical  ,.bind_unbind_list div.configured::-webkit-scrollbar:vertical
{
     width: 11px;
}

.bind_unbind_list div.available::-webkit-scrollbar:vertical  ,.bind_unbind_list div.configured::-webkit-scrollbar:vertical
{
    height: 11px;
}

.bind_unbind_list div.available::-webkit-scrollbar-thumb  ,.bind_unbind_list div.configured::-webkit-scrollbar-thumb
{
    border-radius: 50px;
    border: 2px solid #fff; 
    background-color: rgba(0, 0, 0, .5);
}

.bind_unbind_list ul.dynatree-container > li.dynatree-lastsib > ul > li > span > span
{
    float: left;
    padding-right: 0px;
}


.ui-icon-plus,.ui-icon-minus
{
    background-color: transparent;
    border: none;
    float: right;
}

.ip-range-parent
{
	width: 100%;
}
.ip-range-ip
{
	width: 52%;
}
.ip-range-range
{
	width: 50px !important;
}

.ip-range-tbl td
{
	padding: 0px;
	text-align: center;
}

.ip-v4-v6-parent
{
         border: 1px solid var(--element-border-color);
         padding: 0 15px;
         width: 100%;
}

.ip-v4-v6-parent:focus-within {
    border-color: #7cafd9;
}

.ip-v4-v6-octet 
{
        min-width: 0px !important;
        max-width: 30px !important;
        border: 0 none !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        padding-right: 1px !important;
        padding-left: 4px !important;
        margin-top: 2px !important;
        margin-bottom: 0px !important;
}
.ip-v4-v6-octet-wrap
{
         padding : 0px !important;
         padding-left: 0px !important;
         padding-right: 4px !important;
         margin-right: 0px !important;
         margin-left: 0px !important;
         background-color: #fff;
         
}
.list
{
    width: 100%;
    min-width: 100px;
}

.list_table
{
    width: 100%;
}

.form_inline .list_table
{
    width: auto;
}

.op_wizard_form_panel .list_table
{
    width: auto;
    vertical-align : middle;
    display: inline-block;
}


.list_table .link_cell
{
    display: inline-block;
    height: auto;
    width: auto;
    border-radius: 4px;
    margin: 0px 2px;
}


.list_table .link_cell.add_action
{
    margin-left: 10px;
}


.list_table  .secondary_button
{
    margin-right: 0;
    padding: 6px 30px;
}

.list_table .disabled
{
    opacity: 0.5;
    cursor: not-allowed;
}

.list_table td
{
    padding: 0px !important;
}

.list_table td:first-child
{
    width: 100%;
}
.list.ie_select
{
    width: auto !important;
}

.ribbon_list_wrapper .list option[disabled]
{
    color: var(--grey-color-grad20);
}

.ribbon_list_wrapper .list option
{
    background: #fff !important;
    color: #333
}
.edittable_list
{
}

.edittable_list .table_parent
{
    border: 1px solid #e7e7e7;
    border-top: none;
    padding: 2px 2px;
    overflow: auto;
    width: 221px;
}

.edittable_list button img
{
    vertical-align: baseline;
    margin-right: 2px;
}

.edittable_list input[type="text"] 
{
    width: 222px !important;
    margin-right: 5px;
}

.edittable_list button 
{
    background: url("multiple_field.png") no-repeat scroll -108px 0 #FFF;
    border: medium none;
    height: 30px;
    width: 28px !important;
    position: relative;
    left: 1px;
    top:1px;
}
.edittable_list button.close{
    background-position-x:3px; 
}
.edittable_list button:hover
{
    cursor: pointer;
}

.edittable_list span
{
    display: inline-block;
}

.edittable_list .input_widget
{
    height: 27px;
    width: 250px;
}

.edittable_list .editable_list_text
{
    float: left;
    width: 220px;
}


.edittable_list .table td
{
    padding: 5px;
    border: none;
}

.edittable_list .table_parent > div
{
    border: none;
}

.edittable_list .arrow
{
    display: inline-block;
    height: 27px;
    width: 27px;
    border: 1px solid #999;
    box-sizing: border-box;
    border-radius: 0 2px 2px 0;
    background: url("/admin_ui/rdx/core/images/arrow_thin.png") no-repeat 50% #F3F4F5;
    cursor: pointer;
    float: right;
    position: relative;
    top: 1px;
    left: -9px;
}

.editable_list_text input[type="text"]
{
    height: 27px !important;
}

.edittable_list .table_table_div
{
    overflow: initial !important;
}

.editable_combobox
{
    width: auto;
    border-spacing: 0pt 1pt;
}

.editable_combobox td
{
	width: 100%;
	padding-left: 0px ;
}
.radio_group table
{
    width: auto;
}


.radio_group td 
{
    padding: 0px 15px 0 0 !important;
}

.radio_group td.label_cell
{
    padding-left: 5px !important;
    padding-right: 10px !important;
}

.form table.radio_group, .form table.radio_group td
{
    padding: 0px;
    border-collapse:collapse;
	vertical-align: top;
}

td.tooltip_holder table.radio_group
{
    padding: 0px;
    border-collapse:collapse;
    display : inline-block;
    vertical-align : middle;
}

.radio_group .radio_label{
    margin: 5px 15px 5px 0;
    display: inline-block;
}

.radio_group .rdx_radio_container{
    padding-bottom: 5px !important;
}

.radio_group .rdx_radio_grouping_with_border
{
    margin-bottom: 10px;
    width: 100%;
}

.rdx_border .radio_group .rdx_border
{
    border-left: 1px solid #e4e7ea;
    border-right: 1px solid #e4e7ea;
}

.radio_group .rdx_radio_group_title .radio_desc
{
    padding-bottom: 10px;
    white-space: normal;
}

.radio_group .rdx_radio_single_button
{
    width: 15px;
}

.radio_group .rdx_radio_grouping_with_border .rdx_radio_single_button
{
    padding-left: 20px !important;
    padding-top: 8px !important;
    font-weight: bold;
}

.radio_group .rdx_radio_grouping_with_border .rdx_radio_subtext
{
    padding-left: 45px;
}

.radio_group .rdx_radio_grouping_with_border .rdx_radio_text_cell
{
    padding-top: 8px !important;
    padding-left: 10px !important;
}

.rdx_radio_subtext 
{
    white-space: normal;
}

.card
{
    padding-bottom:2px;
    padding-top:2px;
}

.form_inline .card fieldset
{
    border: none;
}

.form_inline  .card .card_component
{
   border: none;
}

.form_inline .card legend
{
    margin-left: 20px;
}

.card fieldset
{
    padding: 0px;
    height: 100%;
}

.form_inline .card .card_container
{
    margin-top:0px;
    margin-bottom:0px;
}

.card fieldset
{
    border: 1px solid #95A2AC;
}

.card .card_component
{
    border: 1px solid #95A2AC;
}

.card legend
{
    margin-left: 5px;
}

.card .card_container
{
    margin-top:5px;
    margin-bottom:5px;
}
/* Drop down styles*/
div.selectbox-wrapper {
  position:absolute;
  max-width: 350px;
  background-color:white;
  border:1px solid #afafaf;
  margin:0px;
  margin-top:-2px;
  padding:0px;
  text-align:left;
  max-height:200px;
  overflow-y:auto;
  overflow-x: hidden;
  z-index: 99999;
  color: #000;
  -moz-box-shadow: 0 1px 3px #afafaf;
  -webkit-box-shadow: 0 1px 3px #afafaf;
  box-shadow: 0 1px 3px #afafaf;
  zoom: 1;
}

/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  min-width: inherit;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current { 
  background: #D9DEE3;
}

.tool_bar_table .options_container
{
  width: 120px;
  padding-top: 2px;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 10px;
  cursor: pointer;
  color: #666;
  box-sizing: border-box;
  height: 28px;
  white-space: nowrap;
  line-height: 12px;
}

.options_container span
{
  display: block;
  height: 28px;
  width: 10px;
  border: 1px solid #969798;
  
  background-color: #fff;
}

.options_container .column_one span{
  border-right: 0;
  border-top-left-radius:2px;
  border-bottom-left-radius:2px;
}

.options_container .first_column
{
  width: 10px;
  cursor:pointer;
}

.options_container .second_column
{
  width: 100%;
  cursor:pointer;
}

.options_container .third_column
{
  width: 29px;
  cursor:pointer;
}

.options_container
{
  overflow: hidden;
}

.options_container table
{
  width: 100%;
}

.options_container table td
{
  padding: 0px;
}

.options_container .menu_ex
{
  background: #fff url(/admin_ui/rdx/core/css/TreeExpanded.png) no-repeat center center;
  height: 28px;
  display: block;
  width: 27px;
  border-left: 0;
  border-top-right-radius:2px;
  border-bottom-right-radius:2px;
}

/* Look and feel of select box */
.selectbox 
{
  padding-left:2px;
  font-size:100%;/* Resize Font*/
  display : block;
  text-align:left;
  background: url("combo_stretch.png") repeat-x scroll 13px -1px transparent;
  cursor: pointer;
  color:#333;
  border: none;
  height: 30px;
  border: none;
  width: 100%;
}

.options_container table td .selectbox {
    background-image: none;
    color: #485264;
    background-color: #ffffff !important;
    margin: 0px !important;
    padding: 0px !important;
    border-bottom: 1px solid #979899 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    height: 28px;
    border-radius: 0 !important;
}

.options_container .selectbox_readonly
{
  opacity: 0.3;
}

.ui-menu {
    width:400px;
    background-color:white;
    border:1px solid #ccc;
    margin:0px;
    margin-top:-10px;
    padding:0px;
    text-align:left;
    max-height:200px;
    overflow:auto;
    z-index: 99999;
    color: #000;
    -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    zoom: 1;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 2px;
	float: left;
	clear: left;
	width: 100%;
        text-decoration: none;
}
.ui-menu .ui-menu-item a {
	display:block;
        color: #000;
        text-decoration: none;
        height: 100%;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
        background: url("combo_stretch.png") repeat-x scroll 13px -167px transparent;
        text-decoration: none ;
        display:block;
        margin:0;
        cursor:pointer;
        color: white ;
        border: none ;
}

.ns_header .options_container table td .selectbox
{
  color: #fff;
}
.ns_header .selectbox-wrapper
{
  min-width: inherit !important;
  border: none !important;
  margin-top: 0;
}

.ns_header .options_container
{
  width:107px;
  background: none;
  border-left: 1px solid #74767A;
  padding-left: 6px;
  margin-left: 10px;
  top: 3px;
  position: relative;
  overflow: visible;
  
}
.ns_header .options_container table.active
{
  -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
  -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
  box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
  background:#fff;
}
.ns_header .options_container table.active td .selectbox{
  color: #000;
}

.ns_header .options_container span,.ns_header .options_container .selectbox
{
  background:transparent !important;
}

.ns_header .options_container .menu_ex,.ns_header .options_container menu_prefix
{
  height: 32px;
}

.ns_header div.selectbox-wrapper ul li{
  width:100%;
  padding-left: 12px;
}

.ns_header div.selectbox-wrapper ul li.selected
{
  background: none;
}

.ns_header .options_container .menu_ex
{
  background: url("login_sprite.png") no-repeat scroll 11px -158px transparent !important;
  top: 5px;
  position: relative;
}
.tree_input_component li{
	list-style: none;
}

.tree_input_component ul li {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 26px;
    margin-right: 0;
}

.tree_input_component {
    overflow: scroll;
    border: 1px solid var(--element-border-color);
    min-width: 310px;
    width: auto;
    padding: 10px;
}
.tree_input_component:hover .all_view_select_button_container{
    opacity: 1;
}
.tree_input_component .tree-node, .tree_input_component .tree-node .children {
    display: block;
    list-style: none;
}

.tree_input_component .tree-node.collapsed > .children, .tree_input_component .tree-node.collapsed .sub-tree{
    display: none;
}
.tree_input_component .tree-node.expanded > .children{
    display: block;
}

.tree_input_component .tree-node.expanded.leaf-parent > .children{
    margin: 0;
}

.tree_input_component .tree-node.leaf-parent.expanded .tree-node{
    display: inline-block;
}

.tree_input_component .tree-node .node-el{
    display: inline-block;
    height: 22px;
    vertical-align: baseline;
    line-height: 22px;
}

.tree_input_component .leaf-parent.sub-tree .tree-node {
    display: inline-block;
}

.tree_input_component .leaf-parent.sub-tree.expanded {
    width: 300px;
    background-color: var(--charcoal-grey-grad30);
    border-radius: 4px;
    border: 1px solid #e4e7ea;
}

.tree_input_component .sub-tree .children{
    display: none;
}

.tree_input_component .node-name {
    height: 18px;
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
    font-weight: bold;
}

.dialog-title {
    text-align: center;
    padding-top: 12px;
}
.dialog-close {
    position: relative;
    top: -45px;
    background: url(sprite.png) no-repeat scroll -90px -76px transparent;
    height: 40px;
    width: 28px;
    float: right;
    cursor: pointer;
}
.arrow{
    display: inline-block;
    background-color: #d6d7d8;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: url(TreeCollapsed.png) center center no-repeat transparent;
}

.tree_input_component .tree-node .ui-icon {
    display: inline-block;
    vertical-align: baseline;
    height: 14px;
    width: 14px;
    background-color: #d6d7d8;
    border-radius: 26%;
    cursor: pointer;
}
.tree_input_component .tree-node.collapsed > .node-el .ui-icon{
    background-position: -17px -130px;
    border:none;
    vertical-align: middle;
}

.tree_input_component .tree-node.expanded > .node-el .ui-icon{
    background-position: -49px -130px;
    border:none;
    vertical-align: middle;
}
.tree_input_component .all_view_select_button_container {
    float: right;
    opacity: 0;
    transition: 0.5s;
}
.tree_input_component .tree-node.expanded > .node-el .ui-icon:focus,.tree_input_component .tree-node.collapsed > .node-el .ui-icon:focus{
    background-color: rgba(128, 128, 128, 0.81)
}
.drag_drop_editor_top_panel .editor_top_panel_field
{
  display: inline-block;
  width: 285px;
  margin: 10px 20px;
}
.drag_drop_container select
{
   background: #fff url("config_arrow.png") no-repeat right 4px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 5px !important;
}
.drag_drop_editor_parent
{
  background-color: var(--charcoal-grey-grad30);
  min-height: 100px;
  padding:15px;
  border-top: 1px solid #e4e7ea;
  position:relative;
}
.editor_title_div
{
  margin-bottom: 12px;
  display:block;
  overflow: auto;
  text-align: right;
  overflow: hidden;
}
.drag_drop_editor_container
{
  overflow:auto;
  border: 1px solid #84b8d6;
  border-radius: 4px;
}
.editor_title_div .title
{
  float:left;
  font-weight: bold;
  font-size: 116.7%;
  line-height: 30px; 
}

.source_info_container
{
    width:25%;
    float: left;
    overflow:auto;
    background-color: #ffffff;
}
.source_info_container, .editor_area_container
{
    height: 500px;
}
.source_selection_div
{
  padding: 10px 20px 10px 0;
  margin-left: 20px;
  border-bottom: 1px solid #e4e7ea;
}
.source_info_container .label
{
  white-space: initial;
  margin-bottom: 5px;

}

.source_info_container .auto_rollback_toggle_button .label {
  display: inline-flex;
  padding: 20px 0px 0px 20px;
}

.source_selection_data_div .selection_dependent_fields
{
    padding: 10px 20px 0;
    min-height: 40px;
}

.source_info_container .help_description_div
{
  margin: 5px 0 10px 20px;
  padding: 10px 20px 10px 0;
  font-style: italic;
  color: #666;
  line-height: 150%;
  font-size: 100%;
  white-space: normal;
}
.source_info_content_div
{
  max-height: 240px;
  overflow-y: auto;
  padding-bottom: 3px;
}

.source_info_container .toggle_component_container {
    margin-left: 10px;
}

.source_info_container .toggle_button .icon {
    height: 11px;
    width: 11px;
    top: 2px;
}

.source_info_container .toggle_button {
    width: 30px;
    height: 15px;
}

.editor_area_container
{
  width: 75%;
  background-color: #fff;
  border-left: 1px solid #84b8d6;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  float: left;
  display:block;
}
.save_info_checkbox
{
  clear: both;
  padding: 15px 0 0;
}
.drag_source_action_button, .padding_10_20
{
   padding: 10px 20px;
}

.drag_source_action_button .rdx_button
{
    padding: 4px 15px;
    width: auto;
}

.editor_title_div .rdx_button.active
{
    background: #FAFAFA;
    border: 1px solid #ccc;
    z-index: 10000;
    position: relative;
    top: 1px;
}

.preview .dialog_action_button {
  border-top: 1px solid #ccc;
}

.editor_title_div .btn-icon.full_screen {
    background: url(/admin_ui/rdx/core/images/icon_popout.png) 0 0 no-repeat transparent;
    background-size: cover;
    padding: 5px;
}
.editor_title_div .btn-icon.minimize {
    background: url(/admin_ui/rdx/core/images/minimize.png) 0 0 no-repeat transparent;
    background-size: cover;
    padding: 5px;
}

.editor_title_div .btn-icon {
    height: 20px;
    width: 20px;
    cursor: pointer;
    transition: 1s all;
    display: inline-block;
    margin: 0px 5px;
}

.drag_drop_editor_parent.drag_drop_container.modal {
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 100 !important;
}

.drag_source_action_button .drag_source_action_grey_button
{
  text-align: center;
  min-width: 90px !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
}

.drag_source_list_container
{
  max-height: 260px;
  overflow-y: auto;
  padding-bottom: 3px;
}
.drag_source_list_container .draggable-templ
{
  padding-left:25px;
  border-top: 1px solid #e4e7ea;
  cursor: move;
  background-image: url("move-icon-light.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  position: relative;
}
.drag_source_list_container  > div:hover {
	color: inherit;
	background-color:#fffbe9;	
  color:#1c80b7;
}
.ui-draggable-helper { 
    z-index: 5000
} 
.drag_source_list_container  >div.ui-draggable-dragging {
	background: none;
	border: none;
	z-index: 100;
}
.drag_source_list_container .draggable_template_name
{
  display:inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 70%;
  padding:8px 0;
  padding-right: 25px;
  vertical-align: middle;
}
.drag_source_list_container .delete_template
{
  display:inline-block;
  min-width:15px;
  height:15px;
  cursor:pointer;
  padding-left: 15px;
  top: 3px;
  position: relative;
  margin-right: 10px;
  border: none; 
  background: none;
}

.drag_source_list_container .download_template
{
  display:inline-block;
  min-width:15px;
  height:15px;
  cursor:pointer;
  padding-left: 15px;
  position: relative;
  top: 3px;
  border: none; 
  background: none;
}

.drag_source_list_container .add_template
{
    display: inline-block;
    min-width: 15px;
    height: 15px;
    cursor: pointer;
    position: relative;
    margin-right: 15px;
    top: 3px;
    border: none;
    background: none;
}

.drag_source_list_container  > div:hover .delete_template,
.drag_source_list_container  > div.focus .delete_template
{
  background: url("icon_trashbin.png") left center no-repeat;
}


.drag_source_list_container  > div:hover .download_template,
.drag_source_list_container  > div.focus .download_template
{
  background: url("../images/icon-download.png") left center no-repeat;
}

.drag_source_list_container  > div:hover .add_template,
.drag_source_list_container  > div.focus .add_template
{
  background: url("multiple_field.png") no-repeat -80px -5px transparent
}

.drag_source_list_container .delete_template.confirm_delete
{
  background: #F797A5 url("icon_trashbin_white.png") 5px center no-repeat;
  color:white;
  padding:8px 8px 8px 25px;
  right:0;
  position: absolute;
  vertical-align: middle;
  top: 0;
  z-index: 100;
  margin-right: 0;
}
.drag_source_list_container  > div:hover .confirm_delete,
.drag_source_list_container  > div.focus .confirm_delete
{
  background: #F797A5 url("icon_trashbin_white.png") 5px center no-repeat;
}
.drag_source_list_container > div.confirm_delete
{
    border: 1px solid #F797A5;
    background-color:#fffbe9;
}
.editor_commands_block
{
  margin: 15px 0 0;
  position: relative;
  padding: 15px 0 0;
  border-top: 1px dotted #e4e7ea;
}
.editor_commands_block .editor_commands_lines
{
  display: flex;
  overflow: visible;
  position: relative;
}
.editor_commands_block:first-child .protocol, .editor_commands_block:first-child .command-statement
{
  border-top: none;
}
.editor_protocol_separator
{
  width: 132px;
  position: absolute;
  top: 0;
  left: 1px;
  bottom: 0;
  border-right: 1px solid #e4e7ea;
  background-color: #FAFAFA;
}
.editor_commands_block .editor_protocols
{
  border-top: 1px solid #e4e7ea;
  border-right: 1px solid #e4e7ea;
  display: inline-block;
  width: 132px;
  background: #FAFAFA;
  padding:0 5px;
  vertical-align: top;
  flex: 1;
  margin-right: 3px;
}
.editor_commands_block select
{
  height:31px;
  border: none !important;
  width:47px;
  padding-left: 10px;
}
.editor_commands_block > div
{
  border-top: 1px solid transparent;
}
.editor_commands_block .editor_statements
{
  min-height:32px;
  outline: none;
  white-space: normal !important;
  display:flex;
  word-break:break-word;
  width: calc(100% - 135px);
}

.commands{
  padding: 5px 10px;
  width: 50%;
  flex: 2;
}

.rollback_commands{
  padding: 5px 10px;
  width: 50%;
  color: coral;
  background-color: #ededed;
}

.editor_title{
  width: calc(100% - 135px);
}
.commands_title{
  margin-left: 133px;
  margin-top: 0px;
  background: #f5f7fb;
  color: #667286;
  display: inline-block;
  padding: 8px;
  width: 50%;
  text-align: left;
}

.rollback_commands_title{
  margin-top: 0px;
  background: #f5f7fb;
  color: #667286;
  display: inline-block;
  padding: 8px;
  width: 50%;
  text-align: left;
  border-left: .21428571rem solid #fff;
}

.auto_rollback_toogle_button {
    padding: 20px;
    border-top: 1px solid #e4e7ea;
}
.editor_commands_control
{
  position: absolute;
  top: -14px;
  height: 20px;
  left: 0;
  width: 100%;
}
.commands-block:hover .editor_commands_control
{
	padding-right: 30px;
}
.editor_commands_block .editor_commands_control .protocol_list_separator
{
  position: absolute;
  width: 132px;
  height: 34px;
  background: #fff url("list.png") no-repeat 50%;
  top: -5px;
  border-top: 1px solid #e4e7ea;
  border-right: 1px solid #e4e7ea;
}
.editor_commands_block:first-child .editor_commands_control .protocol_list_separator
{
  border-top: none;
}
.editor_commands_block .editor_commands_control .editor_commands_name
{
  margin-left: 135px;
  height: 20px;
  padding: 2px 3px;
  font-size: 91.7%;
  background: #e4e7ea;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top: 5px;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.editor_commands_block .commands_block_remove:hover,
.editor_commands_block:hover .commands_block_remove,
.editor_commands_block .commands_block_remove:focus
{
  background: #bce4ef url("control-cross.png") no-repeat 50%;
  border: solid 1px #e7e7e7;
}

.editor_commands_block .commands_block_remove
{
  background:none;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  width: 30px;
  height: 28px;
  position:absolute;
  border: none;
  top:-10px;
  right:0;
}
.editor_commands_block:hover 
{
	border-color: #e4e7ea;
  background:#f7fcfd;
}
.editor_commands_block:hover .editor_commands_name
{
	background-color: #bce4ef;
}
.read_only_mode
{
  pointer-events: none;
  color: #2A2723 !important;
}

.background_readonly
{
   background-color: #D8D8D8 !important;
}
.disable_pointer_events
{
  pointer-events: none;
}
.editor_commands_lines
{
  border:1px solid transparent;
}
.save_info_checkbox
{
  clear: both;
  padding: 20px 0 0;
}
.save_info_template_div
{
  padding: 10px 20px;
}
.save_info_template_div div input[type="text"]
{
    margin-bottom: 10px !important;
}
.drag_editor_submit_button_panel
{
  margin: 10px 0;
}
.drag_editor_submit_button
{
    text-align: center;
    min-width: 90px !important;
    border-radius: 4px;
    height: 34px !important;
    padding: 4px 8px !important;
    margin-right: 10px !important;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid #cccccc !important;
}
.drag_editor_submit_button.blue_button
{
    background-color: var(--brand-color-grad50) !important;
    color: #fff;
    border: none !important;
}
.drag_editor_submit_button.grey_button
{
    background-color: #ffffff;
    color: #333;
}
.variable_popup_dialog
{
  position: absolute;
  right: 18px;
  width: 300px;
  background: #fffbe9;
  border: 1px solid #ffe579;
  box-shadow: 0 0 6px rgba(0,0,0,.2);
  border-radius: 4px;
  z-index: 9999
}
.variable_popup_dialog.preview{
    width: 940px;
    top: 47px;
    right: 15px;
    background: #FAFAFA;
    border: 1px solid #ccc;
}
.variable_popup_dialog .pop_up_title
{
    padding: 15px 20px;
    position: relative;
    font-weight: bold;
    font-size: 108.3%;
}
.variable_popup_dialog .pop_up_title .close_pop_up
{
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background: url("close.png") no-repeat 50%;
  cursor: pointer;
}
.variable_popup_dialog .dialog_advanced_section_container
{
  border-top: 1px solid #ffe579;
  clear: both;
}
.variable_popup_dialog.preview .dialog_advanced_section_container{
  clear: none;
  display: block;
  overflow: auto;
  float: left;
  border-top: 0;
}
.variable_popup_dialog .advanced_section
{
    padding: 10px 8px;
    background: url(collapsed.png) no-repeat 250px 50%;
    position: relative;
    font-weight: bold;
    cursor: pointer;
}
.editor_statements .blue_tag, .editor_statements .green_tag, .editor_statements .yellow_tag
{
    background-color: #b1fff9;
    padding: 3px;
    color: #0655cc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  cursor: pointer;
}
.editor_statements .green_tag
{
  background-color: #aaea93;
}
.editor_statements .yellow_tag
{
    background-color: #ffe579;
}
.editor_statements.selected
{
  border-bottom: 1px solid #e4e7ea;
  background-color: #fffbe9;
}
.editor_statements.sibling_selected
{
  border-bottom: 1px solid #e4e7ea;
}


.dialog_fields_container
{
    margin: 0 10px;
    display: block;
    overflow: auto;
    border-bottom: 1px solid #ededed;
}
.dialog_fields_container .field_set
{
    margin: 8px;
    display: block;
    overflow: auto;
    border-bottom: 1px solid #ededed;
    float: left;
}
.dialog_action_button
{
  background-color: transparent;
  border-top: 1px solid #ffe579;
  padding: 10px 20px;
}

.editor_commands_block:first-child  .editor_commands_lines
{
    /*border-top: none;*/
}
.drag_drop_editor_help
{
  position: absolute;
  top: -230px;
  left: 130px;
  padding: 15px 25px;
  color: #fff;
  width: 310px;
  height: 110px;
  background: #0077a1;
  border: 1px solid #5d5c5d;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(135,135,135,.7);
}
.drag_drop_editor_help .drag_editor_help_content
{
  white-space: normal;

}
.drag_drop_editor_help .drag_drop_editor_help_close
{
  position: absolute;
  top: 10px;
  right: 10px;
  background: url("editor_help_close.png") no-repeat 50%;
  width: 20px;
  height: 20px;
  cursor:pointer;
}
.drag_drop_editor_help .drag_drop_editor_help_bottom_arrow
{
  width: 0;
  height: 0;
  position: absolute;
  top: 108px;
  left: 140px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 18px solid #0077a1;

}
.editor_statements.editor_help_info_placeholder
{
  font-style: italic;
  color:#565656;
  padding: 5px 10px;
}
.variable_conversion_pop_up
{
  position: absolute;
  padding: 10px;
  color: #fff;
  width: 130px;
  height: 35px;
  background: #0051cf;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(135,135,135,.7);
  z-index:10001;
  cursor:pointer;
}
.variable_conversion_pop_up .pop_up_bottom_container
{
  width: 0;
  height: 0;
  position: absolute;
  top: 35px;
  left: 58px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #0051cf;
}
.editor_commands_lines .editor_protocols .line-index{
    width: 49px;
    border: 1px solid #ededed;
    font-size: 84% !important;
    text-align: right;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
}
.editor_commands_lines:hover {
  border: 1px double #CDE;
  background-color:ffffff

}
.editor_commands_lines:hover * {
  visibility: visible !important;
}
.editor_commands_lines:hover *,
.editor_commands_lines:focus * {
  /*display: inline-block !important; */
}
.editor_commands_lines .delete-line:focus,
.editor_commands_lines .delete-line:hover {
    background: url(sprite_new.png) no-repeat -70px -146px;
}
.editor_commands_lines .delete-line {
    width: 15px;
    top: -2px;
    right:0;
    position: absolute;
    height: 22px;
    border: none;
    background: none;
    cursor: pointer;
}
.drag_drop_container .dialog_content input, .drag_drop_container .dialog_content .list, .drag_drop_container .dialog_content .ip_textfield{
  width: 160px !important;
  min-width: 160px !important;
}

.op_wizard_form_panel .form td .drag_editor_submit_button_panel .drag_editor_submit_button.blue_button {
    color: #FFFFFF;
}

.op_wizard_form_panel .form td .drag_editor_submit_button_panel .drag_editor_submit_button.grey_button {
    border: 1px solid #2f628d !important;
    color: #2f628d;
}

.sortable-placeholder-dragdrop-editor {
   height:30px;
}

.days_wrapper
{
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #d0d0d0;
}
.days_wrapper span
{
  display: inline-block;
  padding: 9px 20px;
  background: #fff;
  cursor: pointer;
  border-right: 1px solid #d0d0d0;
}
.days_wrapper span.selected
{
  background: var(--brand-color-grad50);
  color: #ffffff;
}
.days_wrapper:last-child
{
  border-right: none;
}
.time_chooser select
{
  width: 185px;
  border: 1px solid #d0d0d0 !important;
  border-radius: 2px;
  padding-left: 10px;
  height: 35px;
  background: #fff url("config_arrow.png") no-repeat 160px 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.time_chooser select.hour
{
  border-right: none !important;
  border-radius: 2px 0 0 2px;
}
.time_chooser select.mini
{
  width: 60px;
  background-position: 40px 50%;
}
.time_chooser select.minute
{
  border-radius: 0 2px 2px 0;
}
.time_drop_down 
{
  display: inline-block;
}
.toggle_am_pm
{
  margin-left: 10px;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #d0d0d0;
}
.toggle_am_pm input[type=radio] + label 
{
  display: inline-block;
  padding: 9px 20px;
  background: #fff;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.toggle_am_pm > label:first-of-type
{
  border-right: 1px solid #d0d0d0;
}
.toggle_am_pm input[type=radio]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
}
.toggle_am_pm input[type=radio]:checked +label
{
    background: var(--brand-color-grad50);
    color: #fff;
}

.toggle_am_pm input[type=radio]:checked::after {
    opacity: 0;
    width: 0;
}

.toggle_am_pm input[type=radio]:focus +label {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
}
.expression_editor
{
    max-width: 90%;
    width: 80%;
    padding-right: 20px;
}

.pe_expression_editor
{
    padding-right: 15px;
}

.expression_editor .expression_eval_builder_link
{
    color: var(--brand-color-grad50);
}

.expression_builder_div
{
    background: none repeat scroll 0 0 var(--charcoal-grey-grad30);
    border: 1px solid #e4e7ea;
    border-radius: 2px 2px 0 0;
    margin: 0;
}
.expression_editor .expression_builder_exp
{
    margin: 5px 0;
}
.expression_editor .expression_builder_exp div
{
    padding-right: 0px;
    cursor:pointer;
    color: #4D4F53;
}
.expression_builder_parent .expression_editor_title, .expression_evaluate_dialog .expression_editor_title, .expression_builder_div .expression_editor_title, .variable_sup .expression_editor_title
{
    padding: 10px;
    font-weight: bold;
    color: #4D4F53;
}
.expression_builder_parent .expression_builder_box_div, .expression_evaluate_parent .expression_builder_box_div, .variable_sup .expression_builder_box_div
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 2px;
    border: 1px solid #e4e7ea;
    margin: 5px;
    min-height: 100px;
    padding: 5px;
    max-height: 400px;
    overflow-y: auto;
}

.rdx_readonly_message
{
    text-align:center;
    color:#c5281c;
    font-style:italic;
    background:#d9d9d9;
    opacity:.8;
    filter:alpha(opacity=80);
    font-weight: normal;
    position: relative;
    right:-200px;
}

.expression_editor .expression_textbox.error_text
{
	border: 1px solid red;
}

.expression_editor .expression_textbox, .expression_evaluate_parent .expression_textbox
{
    border: 1px solid #999;
    position: relative;
    border-radius: 2px;
    margin: 5px 0;
    background: #FFF;
}

.expression_evaluate_parent .expression_textbox
{
    border: 1px solid #e4e7ea;
}

.ns_body textarea.expression_textarea, .ns_body .expression_textarea
{
    color: #4D4F53; 
    width: 98% !important;
    resize: none;
    outline: none;
    border:none;
    padding: 4px;
    height: 55px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-all;
    overflow : auto;
}

.ns_body textarea.expression_textarea.classic_expression_textarea
{
    height: 47px;
    margin: 0px;
}

.ns_body textarea.expression_textarea.expression_textarea_watermark:empty:before, .expression_textarea_watermark:empty:before
{
	content: attr(placeholder);
	color: grey;
}

.expression_evaluate_dialog .custom_expression_div
{
    border:none;
    outline:none;
    height: 200px;
    background-color: #FFFFFF;
    overflow: auto;
    padding-right: 10px;
    width: 98%;
    resize: none;
    margin: 10px;
    white-space: pre-wrap;
    font-size: 91.67%;
}

.expression_evaluate_dialog .custom_result_textarea
{
    height: 100px;
    overflow: auto;
    outline: none;
}

.expression_textbox .expression_editor_title span
{
    font-weight: normal;
}

.expression_textarea > span
{
    background-color: #FDFF39;
}

.expression_editor .cleartext, .expression_evaluate_parent .cleartext
{
    cursor: pointer;
    background-image: url("/admin_ui/rdx/core/images/icon-clear.png");
    background-repeat: no-repeat;
    position: relative;
    height: 15px;
    width: 20px;
    z-index: 1000;
    margin-top: 5px;
    border: none;
}

.expression_evaluate_dialog .ribbon_list_wrapper .list
{
    z-index: 800 !important;
}

.expression_textbox .title
{
    background: none repeat scroll 0 0 var(--charcoal-grey-grad30);
    border: none;
    border-bottom: 1px solid #999;
}
.expression_editor .title, .expression_evaluate_dialog .title, .classic_expression_parent .title
{
    padding: 5px;
}
.classic_expression_parent .expression_textbox .title
{
    background: none repeat scroll 0 0 var(--charcoal-grey-grad30);
    border: none;
}

.expression_evaluate_dialog .expression_textbox .title
{
    border-bottom: 1px solid #e4e7ea
}
.expression_editor .expression_evaluate
{
    margin: 5px 0;
    color: #4D4F53;
    height: 17px;
}
.expression_builder_parent .expression_name
{
    padding-left: 20px;
}
.expression_builder_parent expression_name:focus
{
    outline: none;
}
.expression_builder_parent .expression_input_val
{
    moz-box-sizing: border-box;
    background-color: white !important;
    border: 1px solid #999999 !important;
    box-shadow: 0 0 1px #C0C0C0;
    display: inline-block;
    font-size: 108.3%;
    /*margin: 1px 8px 0 0;*/
    padding: 3px;
    height: 28px;
    margin-top: 0;
    width: 300px;
    outline: none;
}
.expression_builder_parent .expression_input_val:focus
{
    border: 1px solid #065aa0 !important;
    outline: none;
}
.expression_builder_dialog .checkbox_label
{
    color: #4D4F53;
    display: inline-block;
    height: 18px;
    padding-top: 1px;
    cursor: pointer;
    position: relative;
    top: -3px;
    margin: 2px 3px;
}
.expression_builder_parent .preview_expression
{
    margin:10px 20px 20px;
}
.expression_evaluate_dialog .preview_expression
{
    margin: 10px 0 5px;
}

.expression_builder_parent .preview_expression .expression_builder_box_div, .expression_evaluate_dialog .preview_expression .expression_builder_box_div, .expression_evaluate_dialog .expression_result .expression_builder_box_div
{
    margin: 0;
    min-height: 60px;
    border-radius: 0 0 2px 2px;
    overflow: hidden;
}
.expression_evaluate_dialog .expression_result .expression_builder_box_div, .expression_evaluate_dialog .preview_expression .expression_builder_box_div, .expression_builder_parent .preview_expression .expression_builder_box_div
{
    background: #FFF;
    margin: 10px;
}
.expression_builder_dialog .expression_editor_help
{
    display: inline-block;
    float: left;
    padding: 5px 2px 1px;
    height: 31px;
    cursor: pointer;
    margin-top: 2px;
}

.expression_builder_dialog .expression_editor_help span
{
    background: url(/admin_ui/rdx/core/images/help.png) no-repeat 50% 0;
    width: 25px;
    display: inline-block;
    cursor: pointer;
    height: 22px;
}
.expression_builder_dialog .expression_editor_parameter
{
    moz-box-sizing: border-box;
    border: 1px solid #999999;
    box-shadow: 0 0 1px #C0C0C0;
    display: inline-block;
    font-size: 108.3%;
    /*margin: 1px 8px 0 0;*/
    padding: 2px 3px;
    width: 196px !important;
    float: left;
    height: 28px;
    margin-top: 0;
    margin-right: 3px;
    outline: none;
}

.expression_editor_parameter.time
{
    width: 230px !important;
}

.expression_builder_dialog .expression_editor_parameter:focus
{
    border:1px solid #065aa0 !important;
    outline: none;
}
.expression_builder_parent .expression_builder_dialog, .variable_sup
{
    background: none repeat scroll 0 0 var(--charcoal-grey-grad30) !important;
    border: 1px solid #e4e7ea !important;
    display: block;
    height: auto;
    min-height: 115px;
    width: auto;
    margin:20px 20px 5px;
    padding: 5px;
}
.variable_sup > table
{
    width: 100%;
}
.expression_evaluate_parent .expression_evaluate_dialog
{
    margin: 5px 20px 20px;
}
.expression_evaluate_dialog .expression_editor_flow_type, .classic_expression_parent .expression_editor_flow_type
{
    float: left;
    font-size: 108.3%;
    padding-right: 8px;
    color: #4D4F53;
    padding-top: 6px;
}

.expression_evaluate_dialog .evaluate_dropdown
{
    margin: 3px 0 1px;
    padding: 3px 3px 3px 0;
    float: left;
}
.expression_evaluate_dialog .dangling_component > table
{
    padding: 3px 3px 3px 0;
}
.expression_builder_dialog .parameter_height
{
    height: 31px;
    margin-left: 2px;
    margin-top: 2px;
}

.dangling_component:before, .dangling_component:after
{
  content: ".";    
  display: block;  
  height: 0;    
  overflow: hidden; 
}

.dangling_component:after {clear: both;}
.expression_builder_parent .ui-corner-all, .expression_evaluate_parent .ui-corner-all
{
    border-radius: 0 0 0 0;
}
.expression_builder_parent, .expression_evaluate_parent
{
    border-radius: 0 0 0 0;
}

.ip-v4-v6-parent.expression_editor_parameter
{
    height: 34px;
	background-color:#fafafa;
    padding: 0;
}
.ns_body .preview_expression textarea, .ns_body .expression_result textarea
{
    border: none;
    height: 52px;
    resize: none;
    width: 100%;
    background: #fff;
    outline: none;
}

.ns_body .expression_result textarea
{
    background: #FFF !important;
}
.expression_evaluate_dialog .preview_expression .expression_editor_title, .expression_evaluate_dialog .expression_result .expression_editor_title
{
    padding: 10px;
    border-bottom: 1px solid var(--grey-color-grad20);
    border-radius: 0 0 2px 2px;
}
.ui-dialog .ui-dialog-content.expression_evaluate_dialog
{
    padding:0;
    margin-top: 10px;
}
.expression_evaluate_dialog .expression_result .cleartext
{
    margin: 0;
    font-weight: normal;
}
.expression_evaluate_dialog .ribbon_list_wrapper .list
{
    width: auto !important;
    max-width: 206px;
}

.expression_builder_box_div .ribbon_list_wrapper .list
{
    width: auto !important;
    overflow: hidden;
    max-width: 672px;
}

.expression_textbox .ribbon_list_wrapper, .expression_builder_box_div .ribbon_list_wrapper
{
    margin: 2px 2px 1px;
}
.expression_textbox .ribbon_list_wrapper, .expression_builder_box_div .ribbon_list_wrapper, .expression_evaluate_dialog .ribbon_list_wrapper
{
    position: relative;
}

.expression_builder_box_div .parameter_height .ribbon_label_div
{
    margin-top: 0px;
}
.ribbon_list_wrapper .list option.rdx_bold
{
    font-weight: bold;
}

.expression_textbox .title.dangling_component span
{
    cursor: pointer;
}

.expression_builder_box_div .ribbon_dropdown_list.textoverflow
{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}


.rdx_left.saved_policy_exp
{
    width: 185px;
}

.rdx_left.frequently_used_exp
{
    width: 210px;
}

.op_wizard_form_panel .expression_textbox .ribbon_list_wrapper .list.saved_policy_exp
{
    width: 185px !important;
}

.op_wizard_form_panel .expression_textbox .ribbon_list_wrapper .list.frequently_used_exp
{
    width: 210px !important;
}

.add_new_exp, .sel_new_exp, .expr_new_exp
{
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedfe0));
    background: -moz-linear-gradient(center top , #FFFFFF, #DEDFE0) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -ms-linear-gradient(top, #ffffff 0%,#dedfe0 100%);
    border: 1px solid #999999;
    border-radius: 2px;
    display: inline-block;
    height: 28px;
    padding: 4px 5px 5px;
    position: relative;
    width: 26px;
}

.expr_new_exp
{
    margin: 0 0 -10px -4px;
}

.expr_new_exp div {
    background: url("/admin_ui/rdx/core/images/expression.png") no-repeat scroll 0 50%;
    cursor: pointer;
    height: 12px;
    margin-left: 1px;
    margin-top: 3px;
    width: 11px;
}

.add_new_exp div {
    background: url("/admin_ui/rdx/core/images/addedit.png") no-repeat scroll 0 50%;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    margin-left: 2px;
    margin-top: 3px;
    width: 11px;
}

.add_new_exp
{
    margin: 0 4px -10px -4px;
}

.sel_new_exp div
{
    background: url("/admin_ui/rdx/core/images/addedit.png") no-repeat scroll 100% 50% transparent;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    margin-left: 2px;
    margin-top: 3px;
    width: 11px;
}

.sel_new_exp
{
    margin: 0 4px -10px -6px;
}

.sub_exp
{
    background: none repeat scroll 0 0 #FFFFFF;
    left: 710px;
    position: absolute;
    top: -1px;
    width: 710px;
    margin: 0;
    z-index: 1000000;
}

.expression_builder_box_div input
{
    width: 100%;
}
.expression_textbox .ribbon_list_wrapper .list{
    height: 28px;
}

.expression_builder_box_div > table
{
    width: 100%
}

.expression_builder_box_div > table.radio_group
{
    width: auto;
}

.rdx_relative
{
    position: relative;
}

.expression_builder_parent, .expression_evaluate_parent
{
    z-index: 1001 !important;
}

.expression_builder_box_div td:first-child
{
    white-space: nowrap;
}
.ns_body .rdx_intellisense_cell
{
	min-width: 100px;
	border: 1px solid #bababb;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 0 6px #bababb;
	background-color: #fff;
	z-index: 5005;
	max-height: 500px;
	padding: 2px;	
}

.rdx_intellisense_cell .intellisense_option_holder
{
	overflow: auto;
	max-height: 225px;
	z-index: 2005;
	position: relative;
	cursor:pointer;
	cursor: hand;
}

.rdx_intellisense_cell .intellisense_text_box
{
	min-width: 100px;
}

.rdx_intellisense_cell .toggle_tooltip_holder
{
	background-color: #F2F2F2;
}

.toggle_tooltip_holder .toggle_help_text_container
{
	padding:5px;
	color:#006EC1;
	font-weight: bold;
	width: 65px;
	cursor:pointer;
	cursor: hand;
}

.intellisense_option_holder .intellisense_cell_options
{
	padding: 4px;
	position: relative;
	margin: 1px;
	white-space: nowrap;
	color: 2A2723;
	border-bottom: 1px dotted #bababb;
}

.intellisense_option_holder .intellisense_option_focussed_cell
{
	background:#5f86f8;
	background: -moz-linear-gradient(top,#5f86f8 0,#2260f6 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5f86f8),color-stop(100%,#2260f6));
	background: -webkit-linear-gradient(top,#5f86f8 0,#2260f6 100%);
	background: -o-linear-gradient(top,#5f86f8 0,#2260f6 100%);
	background: -ms-linear-gradient(top,#5f86f8 0,#2260f6 100%);
	background: linear-gradient(to bottom,#5f86f8 0,#2260f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f86f8',endColorstr='#2260f6',GradientType=0);
    color: white;
}

.rdx_expression_editor_intellisense_z_index
{
	z-index: 5001;
}

.rdx_intellisense_help_bubble
{
	width: 198px;
	word-wrap: break-word;
	min-height: 100px;
}

.rdx_intellisense_help_bubble .rdx_intellisense_help_header_holder
{
	padding: 8px 10px 4px 10px;   
}

.rdx_intellisense_help_bubble .rdx_intellisense_help_header_holder
{
	border-bottom: 1px solid #bababb;
	background-color: #F2F2F2;
}

.rdx_intellisense_help_bubble .rdx_intellisense_help_content_holder
{
	padding: 10px;
	max-height: 260px;
	overflow: auto;
}

.rdx_intellisense_help_header_holder .rdx_intellisense_help_header_content_holder
{
	word-break: break-all;
	padding-left: 2px;
}

.rdx_intellisense_help_bubble .rdx_intellisense_help_image
{
	padding-left: 19px;
	background: url("tooltip_help.png") no-repeat 0% 0%;
	display: inline-block;
	height: 17px;
	opacity: 1;
}

.rdx_intellisense_help_bubble .rdx_intellisense_help_header_content_holder, .rdx_intellisense_help_bubble .rdx_intellisense_help_image
{
	vertical-align:middle;
}
.classic_expression_parent .ribbon_list_wrapper .list
{
    width: auto !important;
}

.expression_builder_box_div .label
{
    color: #666666;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.expression_builder_box_div .expression_editor_form td .list
{
    background-color: #FFFFFF;
    font-size: 108.3% !important;
    -moz-box-sizing: border-box;
    border: 1px solid #999999;
    display: inline-block;
    height: 27px;
    margin: 1px 0 0 0;
    padding: 3px;
    width: 220px !important;
}

.expression_builder_box_div .expression_editor_form td input[type="text"]
{
    background-color: #fff;
    font-size: 108.3% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    box-shadow: 0 0 1px #C0C0C0;
    display: inline-block;
    height: 27px;
    margin: 1px 0 0 0;
    padding: 3px;
    width: 220px; 
}

.classic_expression_parent .expression_builder_box_div
{
    max-height: 500px;
}

.rdx_form_section_separator .expression_editor
{
    max-width: 100%;
    width: 100%;
}

.expression_builder_div .form_buttons
{
    padding: 0px;
    margin: 0;
    width: 100% !important;
    background: none repeat scroll 0 0 var(--charcoal-grey-grad30);
    border: none;
}

.topmargin
{
    margin-top: 10px;
}

.highlight_data
{
    display: inline;
}

.zero_margin_pre
{
    margin: 0px !important;
}

.entity_chooser
{
    float: left;
    margin-right: 2px;
}

.entity_chooser .text_input
{
    border: 1px solid var(--element-border-color);
    border-radius: 2px 0 0 2px;
    float: left;
    width: 220px;
    padding: 5px 20px;
    outline: none;
    min-height: 20px;
    height: 28px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    background-color: #FFF;
    color: var(--text-color-form-input);
}

.entity_chooser .text_input:hover{
    white-space: normal;
    overflow-wrap: break-word;
    height: auto;
}

.disable_form_field{
    pointer-events: none;
}

.entity_chooser .text_input a:link, .entity_chooser .text_input a:visited, .entity_chooser a:link, .entity_chooser a:visited
{
    color: #666666 !important;
    text-decoration: none !important;
    /*font-size: 13px;*/
    line-height: 16px;
    vertical-align: middle;
}

.entity_chooser .arrow
{
    display: inline-block;
    height: 28px;
    width: 29px;
    border: 1px solid var(--element-border-color);
    border-left: none;
    box-sizing: border-box;
    border-radius: 0 2px 2px 0;
    background: url("/admin_ui/rdx/core/images/arrow_thin.png") no-repeat 50% #FFF;
    cursor: pointer;
}

.cross_on_hover {
    background: url("close.png") no-repeat center;
    float : right;
    cursor: pointer;
    height: 20px;
    width: 10px;
    line-height: 16px;
    vertical-align: middle;
    position: absolute;
    top: 4px;
    right: 9px;
    opacity: 0.5;
}

.multi_selection_entity_chooser
{
    max-height: 84px;
    width: 187px;
}

.multi_selection_entity_chooser .text_input
{
    border-top: none;
    border-radius: 0px;
}

.selected-preview-content
{
    display: inline-block;
    border: 1px solid #e4e7ea;
    padding: 10px;
    color: #333;
    font-size: 108.3%;
    white-space: nowrap;
    min-width: 220px;
    height: 39px;
    cursor: pointer;
}

.edit-preview-content
{
    background: url("/admin_ui/rdx/core/images/small_pen.png") no-repeat 50%;
    width: 12px;
    height: 16px;
    display: inline-block;
    float: right;
    cursor: pointer;
    margin-left: 25px;
}

.clear-preview
{
    background: url("/admin_ui/rdx/core/images/icon-default.png") no-repeat 50%;
    width: 12px;
    height: 16px;
    display: inline-block;
    float: right;
    cursor: pointer;
    margin-left: 8px;
}

.upload_file
{
    background: url("/admin_ui/rdx/core/images/icon-upload.png") no-repeat 50%;
    width: 12px;
    height: 16px;
    display: inline-block;
    float: right;
    cursor: pointer;
    margin-left: 8px;
}

.table-block-left
{
    float: left;
    width: 20%;
}

.table-header-block
{
    background-color: var(--charcoal-grey-grad30);
    font-size: 108.3%;
    padding: 10px;
    height: 40px;
}

.preview-parent-block
{
    border: 1px solid #e4e7ea;
    margin-top: 10px;
}

.item-list
{
    display: block;
    width: 100%;
    height: 320px;
    overflow: scroll;
}

.child_div
{
    padding: 10px;
    border-top: 1px solid #e4e7ea;
    color: #666;
    font-size: 100%;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: var(--charcoal-grey-grad30);
}

.item-list div.selected
{
    color: #ffffff;
    background: #b0b0b0;
}

.preview_block
{
    float: left;
    width: 80%;
}

.preview-header
{
    background-color: var(--charcoal-grey-grad30);
    font-size: 108.3%;
    padding: 10px;
    height: 41px;
}

.preview-close
{
    background: url("/admin_ui/rdx/core/images/thin_close.png") no-repeat 50%;
    width: 12px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    float: right;
}

.select-block
{
    padding: 10px;
    background-color: #b0b0b0;
    border-bottom: 2px solid #ffffff;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.select-block-left
{
    float: left;
    margin-top: 12px;
    color: #ffffff;
    font-weight: bold;
}

.select-block-right
{
    float: right;
}

.field-block
{
    background: #b0b0b0;
    padding: 20px;
    padding-top: 80px;
    height: 275px;
}

.search-icon
{
    display: inline-block;
    float: right;
    width: 18px;
    height: 16px;
    background: url("/admin_ui/rdx/core/images/search_icon.png") no-repeat 50%;
    cursor: pointer;
}

.search-close
{
    display: inline-block;
    float: right;
    width: 18px;
    height: 16px;
    background: url("/admin_ui/rdx/core/images/thin_close.png") no-repeat 50%;
    cursor: pointer;
    padding-top: 25px;
}

.delete_file
{
    float: right;
}

.child_div img.delete_file
{
    visibility: hidden;
}

.child_div:hover img.delete_file
{
    visibility: visible;
}

.download_file
{
    float: right;
    padding-left: 10px;
}

.child_div img.download_file
{
    visibility: hidden;
}

.child_div:hover img.download_file
{
    visibility: visible;
}

.table-header-block input[type="text"]
{
    border: medium none;
    height: 23px !important;
    margin: 3px;
    min-width: 150px;
    outline: medium none;
    color: #666666;
    width: 190px !important;
}

.directory
{
    background: url("/admin_ui/rdx/core/images/directory.png") no-repeat 50%;
    display: inline-block;
    width: 18px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

.wrapper_for_spinner .button_wrapper
{
	position: relative;
	width: 20px;
	display: inline-block;
	right: 1px;
	border-radius: 0 4px 4px 0;
	border: 1px solid var(--element-border-color);
	height: 25px;
}

.wrapper_for_spinner .button_wrapper .up_button
{
    height: 5px;
    display: block;
    background: url(/admin_ui/rdx/core/images/navigate_up_black.png) no-repeat transparent;
    margin-top: 3px;
    margin-left: 5px;
    cursor: pointer;
    border: none;
    margin-bottom: 5px;
    padding-right: 10px;
}

.wrapper_for_spinner .button_wrapper .down_button
{
	height: 5px;
    display: block;
    background: url(/admin_ui/rdx/core/images/navigate_close_black.png) no-repeat transparent;
    margin-left: 5px;
    cursor: pointer;
    border: none;
    padding-right: 10px;
}

.wrapper_for_spinner
{
	color: #222;
	width: auto;
	height: 25px;
	position: relative;
	display: inline-block;
}

.wrapper_for_spinner .spinner_input, .config_layout .wrapper_for_spinner .spinner_input
{
	width: 65px;
	height: 25px !important;
	border-radius: 4px 0 0 4px;
	border: 1px solid var(--element-border-color) !important;
	padding: 0 0 2px 8px !important;
	margin: 0px !important;
	vertical-align: top !important;
}

.wrapper_for_spinner .list
{
	margin-left: 24px;
	height: 22px;
	width: 60px !important;
}
.wrapper_for_spinner .unit_label
{
	margin-left: 24px;
	line-height: 24px;
}
.form ._wrapper_for_slider .slider_input {
    border: none;
    box-shadow: none;
}

._wrapper_for_slider .slider_range {
    width: 70%;
    background: #bbb;
    box-shadow: none;
    margin-bottom: 10px;
}

.slider_range.ui-slider-horizontal .ui-slider-range {
    background: #f1aa2d;
    top: -1px;
}

.slider_range .ui-state-default,.slider_range.ui-widget-content .ui-state-default,.slider_range .ui-state-highlight, .slider_range.ui-widget-content .ui-state-highlight,.slider_range .ui-state-active, .slider_range.ui-widget-content .ui-state-active {
    background: #fff;
    border: solid 1px #bababa;
}

.tile_group {
	width:98%;
	display: inline-flex !important;
	background: var(--charcoal-grey-grad30);
}
.tile_group.tile_grouping_enabled {
	display: block!important;
	width: 100%;
}

.tile_group.tile_grouping_enabled  .group_holder{
	display: flex!important;
	width: 98%!important;
}

.tile_group.tile_grouping_enabled .group_header{
	padding-top: 10px;
    padding-left: 10px;
}
.tile_group .tile_block{
	position: relative;
	text-align: center;
	height:200px;
	border:1px solid black;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom : 50px;
	margin-top:50px;
	border-radius: 5px;
	font-size:20px;
	padding-top: 40px;
	cursor:pointer;
	border: 1px solid #478FC2;
	background-color: white;
}

.tile_group .tile_block.tile_selected:hover{
	background-color: #478FC2
}

.tile_group .tile_block:hover{
	background-color: #d8e9ef;
}

.tile_group .tile_button input{
    visibility: hidden
 }


.tile_group .tile_selected{
	background-color: #478FC2;
	color:#fff;
}

.tile_group .tile_selected .supporting_text{
	color:white;
}

.tile_group .tile_selected .get_started{
	color:white;
}

.tile_group .supporting_text{
	margin-top: 10px;
	font-size: 15px;
	color:black;
}


.tile_group label span{
 	display: block;
 }

.tile_group .tile_block.tile_selected img.tile_image_deselected{
	display: none;
}

.tile_group .tile_block.tile_selected img.tile_image_selected{
	display: inline;
}

.tile_group .tile_block img.tile_image_selected{
	display: none;
	max-height: 60px;
}

.tile_group .tile_block img.tile_image_deselected{
	display: inline;
	max-height: 60px;
}


.form_multi_layout_container .tile_group .tile_label
{
    position: absolute;
    bottom: 50px;
    left: 10px;
	right: 10px;
	white-space: pre-wrap;
    line-height: 20px;
}
.terminal-component
{
	width: 100%;
	height: 100%;
}
    
.terminal
{ 
	overflow: auto;
	background: #1a1a1a;
	width: 100%;
	height: 300px;
	color: #fff;
	padding: 5px;
	line-height: 135%;
}

.terminal_remove_word_wrap
{
	white-space:pre;
}
    
.terminal-command-prompt
{ 
	font-weight: bold;
	color: #8a8af2;
}

.terminal-command-output
{ 
	padding: 0 5px;
	white-space: inherit;
}
   
.terminal-word-wrap
{
	white-space: pre-wrap;
}
.terminal-command 
{ 
	display: block;
	position: relative;
	background: #1a1a1a;
	color: #fff;
	border: none;
	width: 100%;
}

.terminal-command .terminal-prompt 
{ 
	position: absolute; 
	z-index: 9999; 
	font-weight: bold; 
}
    
.terminal-input-area 
{ 
	width: 100%; 
	height: 100%; 
	position: relative; 
	display: block; 
	padding-top: 10px;
}

.terminal-input-area label 
{ 
	position: relative; 
	float: left; 
	display: inline; 
	padding: 10px;
}

.terminal-input-area > .options_container 
{ 
	position: relative; 
	width: 300px; 
	float: left; 
	display: inline; 
	padding: 5px; 
	overflow: visible;
}

.terminal-input-area > .options_container > .selectbox-wrapper 
{ 
	position: relative;
	overflow-x: auto;
}

.terminal-input-area > .options_container > .selectbox-wrapper ul li 
{
	padding: 2px;
}

.terminal-input-area > .options_container td.column_two input
{
	width: 275px;
}

.terminal-input-area button 
{
	position: relative; 
	float: left; 
	display: inline; 
	padding: 5px; 
	margin: 5px;
}

.terminal-component .terminal_checkbox_margin
{
	margin-bottom:  10px;
}

.command_spec_editor_container_parent .ui-corner-all
{
    border-radius: 2px 2px 0px 0px;
}

.command_spec_editor-container.ui-dialog-content.ui-widget-content
{
    margin: 10px;
}

td.operations_padding_heading
{
    padding-right: 30px;
}

td.operations_padding
{
    padding-right: 30px;
}

.simple_entity_group_container
{
    margin: 12px 10px 11px 10px;
}

.simple_entity_group_container select.list
{
    background-color: #fff;
    outline: none;
    height: auto !important;
}

.simple_entity_group_container select.list.list_multiselect
{
    outline: none;
}

.simple-tab-container, .advanced-tab-container
{
    margin: 20px;
    border: 1px solid #AFAFAF;
    border-radius: 3px;
}

.exclude_system_cmd
{
    margin: 0px 10px 8px;
}

td.entity-operations-padding
{
    padding-right: 10px;
}

.parameter_div, .cmd_preview
{
    margin: 10px 20px 5px;
}

.parameter_div input[type="text"]
{
    width: 100%;
    height: 20px;
    background-color: #FFF;
    border-radius: 2px;
    margin-top: 5px;
}

.cmd_preview textarea.form_field_disabled
{
    width: 100%;
    height: 55px;
    resize: none;
    overflow: hidden;
    margin-top: 5px;
    border-radius: 2px;
}

table.operations
{
    margin: 8px 0px 10px 10px;
}

.form_buttons.command_spec_buttons
{
    margin: 0px 0px 0px 18px;
    width: 95% !important;
}

.command_spec_editor-container .radio_buttons_div
{
    padding-left: 15px;
}

.advanced_entity_group_container div
{
    margin-right: 20px;
    padding-bottom: 5px;
}

.advanced_entity_group_container .list
{
    width: 480px;
}

.advanced_entity_group_container
{
    padding: 10px;
    float: left;
}

.operations .list.list_multiselect
{
    outline: none;
    height: auto!important;
}

..advanced_entity_container
{
    padding-top: 10px;
}
.multiple_field_add
{
    background: url("multiple_field.png") no-repeat scroll -72px 0 transparent;
}

.multiple_field_add_parent
{
    padding-top: 6px;
}

.multiple_field_remove
{
    background: url("multiple_field.png") no-repeat scroll 0 0 transparent;
}

.multiple_field_add, .multiple_field_remove
{
    border: medium none;
    height: 28px;
    position: relative;
    top: 1px;
    left: 1px;
    width: 26px;
    margin-left: 5px;
    cursor: pointer;
}
label.multi_row_input_label {
    display: inline-block;
    width: 250px;
    margin: 5px;
    /* float: left; */
}

.copy_all_button {
    position: relative;
    padding: 3px 15px;
    margin-left: 12px;
    top: 0px;
}

li.multi_li_row{
    margin: 5px;
}

label.multi_row_label{
    margin: 5px;
}

.multiple_field_text_box
{
	min-width: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}
.multi_field_table .field-row{
	margin: 5px 0;
	clear: both;
}
.multi_field_table .field-row .field-cell{
	float: left;
	display: block;
}

.multi_field_table .field-cell + .field-cell
{
    margin-left: 10px;
}

.field-cell.multi_row_label .radio_group {
    display: inline-block !important;
}
.field-cell.multi_row_label .radio_group > tbody{
    display: flex !important;
}

.field-cell.multi_row_label  .list  {
    display: inline-block !important;
}

.field-cell.multi_row_label .datepicker_component  {
    display: inline-block !important;
}
.field-cell.multi_row_label .time_chooser  {
    display: inline-block !important;
}

/* CSS for remote file browser view */
.filebrowser {
	padding: 0 !important;
}

.filebrowser_table_scroll {
	padding: 0;
	height: 288px;
	overflow: auto;
}

.filebrowser_header{
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	background:#e3e3e3;
	padding: 2px 5px;
}

.filebrowser_header .filebrowser_navigation{
	height: 28px;
	position:relative;
	display:inline-block;
	width:53px;
	margin: 2px 0 0;
	padding-top: 7px;
}

.filebrowser_header .filebrowser_navigation .left{
	cursor:pointer;
	width: 26px;
	height:28px;
	float: left;
}

.filebrowser_header .filebrowser_navigation .right{
	cursor:pointer;
	width: 26px;
	height:28px;
	float: right;
}

.filebrowser_header .filebrowser_navigation .left.active{
	background: url("prev_active.png") no-repeat 0 0;
}

.filebrowser_header .filebrowser_navigation .right.active{
	background: url("next_active.png") no-repeat 0 0;
}

.filebrowser_header .cur_path{
	display:inline-block;
	position:relative;
	top:-10px;
	left: 10px;
	font-size:100%;
	max-width:400px;
	height:16px;
	overflow:none;
	color: #000;
}

.filebrowser_footer{
	background: var(--form-footer-bg-color);
	border-top: 1px solid #ccc;
	padding: 10px;
}

.filebrowser_table .filetype_span {
	background: url("sprite.png") no-repeat -26px -192px  scroll  transparent;
	display: block;
	float: left;
	height: 16px;
	padding-left: 20px;
	}
.filebrowser_table .dirtype_span {
	background: url("sprite.png") no-repeat -26px -221px  scroll  transparent;
	display: block;
	float: left;
	height: 16px;
	padding-left: 20px;
}

/* CSS for remote file upload custom button and dropdown */



.fileupload_transparent{
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.fileupload_transparent_ie
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	z-index: 1000000;
	position: absolute;
	width:70px !important;
}
.fileupload_div{
	min-width: 340px;
}
.fileupload_table{
	width: 100%;
	padding: 0px;
}
.fileupload_table .fileupload_td_button
{
	padding-right: 0;
	padding-left:0;
}

.fileupload_table .fileupload_td_textbox
{
	padding: 0px;
}
.fileupload_td_textbox input[type = "text"]
{
	border-radius: 0 !important;
}
.fileupload_td_textbox .fileupload_textbox
{
	width: 100%;
    margin: 0 !important;
	outline-width: 0;
	height: 27px;
}

.fileupload_browse_button{
	min-width: 101px;
	width: 101px;
}
.fileupload_browse_button .cus_file{
	position: relative;
	display:block;
	height:30px;
	border:1px solid var(--element-border-color);
}

.fileupload_browse_button .cus_file > span,
.fileupload_browse_button .cus_file > label
{
	position:absolute;
	text-shadow:1px 1px 1px #fff;
	cursor:pointer;
}

.fileupload_browse_label:hover{
	color: #006EC1;
}
.fileupload_browse_button .cus_file .fileupload_browse_arrow{
	position: absolute;
	top: 0;
	bottom:0;
	right:0;
	width:20px;
	z-index:1000;
	background: url("TreeExpanded.png") center center no-repeat transparent;
	border: none;
	cursor: pointer;
}
.fileupload_browse_button .cus_file .fileupload_browse_arrow:hover{
	background-color: var(--hover-color);
    border-left: 1px solid var(--hover-color);
    opacity: 0.8;
}

.fileupload_browse_button .cus_file .fileupload_browse_label:focus {
    outline-width: 0;
}

.fileupload_td_textbox input[type="text"]
{
	border-left: none !important;
}
/* multiselect */
.fileupload_elem_value .cross_on_hover
 {
 	height: 14px !important;
 	top: 2px !important;
 }
 .fileupload_elem_value
 {
 	background: #ebedee;
 	border-radius:3px;
 	border: 1px solid #ebedee;
 	margin:0 0 3px 3px;
 	padding: 5px 35px 5px 8px;
 	font-size:100%;
     line-height:12px;
 	position:relative;
 	min-width:80px;
 	float: left;
 }
 .multi_selection_fileupload
 {
 	margin: 5px 0;
 	min-width: 250px;
 	border: 1px solid #999;
 	min-height: 32px;
 	overflow: auto;
 	max-width: 90%;
 	padding: 4px 4px 0 2px;
 }
 .multi_selection_fileupload:empty::before {
   color: grey;
 }
 .multi_selection_fileupload[data-placeholder]:not([data-placeholder=""]):empty::before {
 	content: attr(data-placeholder);
 }

.fileupload_browse_button .cus_file .fileupload_browse_arrow span{
	position:absolute;
	top: 0;
	bottom:0;
	right:0;
	background: url("sprite.png") -133px -84px no-repeat transparent;
	width:30px;
	z-index:1001;
}

.fileupload_button {
	float: left;
}
.op_wizard_form_panel .fileupload_browse_button .cus_file .fileupload_browse_arrow span{
	background: url("sprite.png") -133px -81px no-repeat transparent;
}
.fileupload_browse_button .cus_file .fileupload_browse_label{
	border: none;
	padding: 7px 10px;
	width: auto;
}
.fileupload_browse_button .cus_file > input{
	width: 80px;
}
.fileupload_browse_button .cus_file .cus_dropdown{
	width: 101px;
    margin: 0 0px 3px;
    position: absolute;
    top: 29px;
    left: -1px;
    background: #fff;
    border: 1px solid var(--element-border-color);
    border-top: none;
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    z-index: 10000;
    display: none;
}

.fileupload_browse_button .cus_file .cus_dropdown label {
    height: 21px;
    width: 80px;
    position: absolute;
    z-index: 1;
}

.fileupload_browse_button .cus_file .cus_dropdown li{
	padding: 5px 0 3px 8px;
    list-style: none;
    border-left: 3px solid #fff;
    cursor: pointer;
    display: block;
    overflow: auto;
}

.fileupload_button_multi_select
{
	border-right: 1px solid #999;
}
.fileupload_browse_button .cus_file .cus_dropdown li:hover{
	background-color: var(--hover-color);
    outline-width: 0;
}
.fileupload_browse_button .cus_file .cus_dropdown li:focus{
	border-left: 3px solid var(--brand-color-grad50);
	outline-width: 0;
}
.fileupload_browse_button .cus_file .cus_dropdown li span{
	display:block;
	float:right;
}

.fileupload_browse_button .cus_file .cus_dropdown li span:first-child{
	float:left;
}

.file_upload_submit_button
{
	padding: 0 5px 2px 0;
	display: inline-block;
    margin-left: 5px;
    clear: both;
}

.file_upload_submit_button .file_upload_button.tertiary_button {
    padding: 6px 30px;
    width: auto;
    margin: 0px;
    border: 1px solid var(--brand-color-grad50);
}

.file_upload_submit_button .file_upload_button.file_upload_button.tertiary_button:focus{
	outline-width: 5px;
}

.fileupload_table .file_upload_submit_button .file_upload_button
{
   text-align: center;
   min-width: 90px !important;
   border-radius: 4px;
   font-weight: 500;
   cursor: pointer;
   outline-width: 0;
   margin-right:0;
}
.fileupload_table .file_upload_submit_button .file_download_button
{
    min-width: inherit;
    background: url(/admin_ui/rdx/core/images/download-blue-16.png) no-repeat center left 5px #fff;
    cursor: pointer;
    outline-width: 0;
    border-radius: 4px;
    margin-right: 0;
    margin-top: 2px;
    margin-left: 10px;
    width: 100px;
    padding: 0 25px;
}

.form .rdx_form_link a
{
    padding: 10px 20px;
    display: block;
    margin-right: 20px;
    font-size: 108.3%;
    background: url("arrow_thin.png") no-repeat center right;
}

.form .rdx_form_link a:link, .form .rdx_form_link a:visited
{
    color: #666666;
    text-decoration: none;
}

.form .rdx_form_link a b
{
    color: var(--brand-color-grad50);
}

.form .rdx_form_link:hover
{
    cursor: pointer
}

.form .rdx_form_link
{
    border-bottom: 1px solid #e4e7ea;
    background: #FFF;
}

.form .rdx_form_none_link a
{
    background: transparent;
}

.form .rdx_remove_link_border
{
    border-bottom: none;
}

.form .show_none_link
{
    
}

.form div.show_none_link:last-child
{
    border-bottom: none;
}

.form .rdx_form_no_border
{
    border-bottom: none;
}



.rdx_check_box_disabled:hover
{
  cursor: default !important;
}

.rdx_check_box .rdx_check_box_wrapper
{
    width: 14px;
    height: 14px;
}

.rdx_check_box_label
{
  vertical-align: middle;
}

.rdx_check_box_label:hover
{
  cursor: pointer;
}


/* CSS for Calendar Component
   Author : Sudharsanam
*/

.datepicker_component
{
    width: 220px;
}

.datepicker_component.calendar_time
{
    width: 400px;
}

.datepicker_component.calendar_format_dd_mm_yyyy
{
    width: 100%;
}

.datepicker_component .calendar_drop_down_container
{
    position: relative;
    width: 100%; 
    height: 30px;
    padding: 0 5px;
    cursor: pointer;
    outline: none;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff url('datepicker_arrow.png') no-repeat 96% 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.datepicker_component .calendar_drop_down_container.calendar_time
{
    width: 100%; 
}


.datepicker_component .calendar_drop_down_container.calendar_format_dd_mm_yyyy
{
    width: 100%; 
}

.datepicker_component .calendar_drop_down_container .calendar_image
{
    float:right;
    background:url('calendar_icon.png') no-repeat;
    margin: 3px 0 0 0;
    width: 16px;
    height: 16px;
}

.datepicker_component .calendar_drop_down_container .date_range
{
    font-size: 1em;
    padding:0;
    font-weight: bold;
}

.datepicker_component_dropdown_holder .dropdown
{
    position: absolute;
    left: 0;
    right: 0;
    background: white;
    border-top: none;
    border-bottom: none;
    list-style: none;
    cursor: pointer; 
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding:0;
    z-index: 30000;
    width: 218px;
}

.datepicker_component_dropdown_holder .dropdown.calendar_time
{
	width: 400px;
}

.datepicker_component_dropdown_holder .dropdown.calendar_format_dd_mm_yyyy
{
	width: 200px;
}

.datepicker_component_dropdown_holder .dropdown li
{
    padding: 0;
}

.datepicker_component_dropdown_holder .dropdown li.custom_active
{
    background-color : var(--charcoal-grey-grad30);
}

.datepicker_component_dropdown_holder .dropdown li a
{
    display: block;
    text-decoration: none;
    color: var(--text-color-dark);
    padding: 10px 0 10px 27px;
    margin : 0;
    border-bottom: 1px dashed #e6e8ea;
    border-top: 1px solid #e4e7ea;
    border-left: 5px solid transparent;
}

.datepicker_component_dropdown_holder .dropdown li i
{
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
    padding:0;
}

.datepicker_component_dropdown_holder .dropdown li a:last-child
{
    border-bottom : none;
}

.ns_body .Datepickerholder
{
    top:50px;
    position:absolute;
    z-index:10000;
    white-space : nowrap;
    width:auto;
    display:inline-block;
    background: var(--charcoal-grey-grad30);
    height: 340px;
}

.ns_body .Datepickerholder.single_calendar
{
    top:50px;
    position:absolute;
    z-index:30000;
    white-space : nowrap;
    width:auto;
    display:inline-block;
    border: 1px solid #bababb;
    height: 207px;
    background-color : #d9d9d9;
}

.ns_body .calendar_outer_container
{
    position: absolute;
    z-index: 10000;
    background-color : var(--charcoal-grey-grad30);
    border: 1px solid #d2d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, .2)
}

.Datepickerholder:first-child
{
    margin:0px;
}

.Datepickerholder .datepicker
{
    display: inline-block;
    z-index:30000;
    white-space : nowrap;
    position:relative;
    margin:10px;
}

.Datepickerholder .datepicker-single-calendar
{
    display:block;
    z-index:30000;
    white-space : nowrap;
    position:relative;
    float:left;
    margin:2px;
}

.Datepickerholder .datepicker-single-calendar .ui-state-hover
{
    background:none;
    border:1px solid transparent;
}

.Datepickerholder .datepicker-buttons
{
    padding: 0 10px;
    background: var(--charcoal-grey-grad30);
    clear: both;
}

.Datepickerholder a:hover
{
    text-decoration: none !important;
}

.Datepickerholder .ui-widget.ui-widget-content
{
    box-shadow: none;
    border: 1px solid #c5c5c5;
}

.Datepickerholder .datepicker .ui-state-hover
{
    background:none;
    border:1px solid transparent;
}

.mask.calendar_component_mask
{
    z-index: 999;
    background: none;
}

.Datepickerholder .time_component {
    
    border-radius: 4px;
    margin: 10px 48px 10px 10px;
    background-color: #fff;
}

.Datepickerholder.single_calendar .time_component {
    clear: both;
    width: 98%;
    margin: 2px;

}

.Datepickerholder .time_component td.first_column {
    text-align: center;
}

.datepicker_component_dropdown_holder .dropdown li:first-child a 
{
    border-top: none;
}

.datepicker_component .calendar_drop_down_container .date_range {
    margin: 0;
    line-height: 30px;
}

.datepicker_component .calendar_drop_down_container .calendar_image {
    margin: 6px 5px 0 0;
    float: left;
}

.datepicker_component .calendar_drop_down_container.active{
    border-radius: 5px 5px 0 0;
}

.Datepickerholder .datepicker .ui-state-hover {
background:none; 
border: none;
}

.Datepickerholder .datepicker span.ui-icon.ui-icon-circle-triangle-e {
background: url('images/next_month.png') no-repeat center right 5px; 
opacity: .5;
}
.Datepickerholder .datepicker span.ui-icon.ui-icon-circle-triangle-w {
background: url('images/prev_month.png') no-repeat center right 5px; 
opacity: .5;
}


.Datepickerholder .datepicker .ui-state-hover span.ui-icon-circle-triangle-w,
.Datepickerholder .datepicker .ui-state-hover span.ui-icon-circle-triangle-e {
opacity: 1;
}

.calendar_date_text_class
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}


.column-filter-wrapper
{
    min-width: 120px;
    position: absolute;
    background: #fff;
    border: 1px solid #e4e5e6;
    border-radius: 2px;
    z-index: 100;
}
.column-filter-wrapper .column-filter-list .form
{
    max-height:300px;
    overflow: auto;
}
.column-filter-heading
{
    padding: 5px 10px;
    font-weight: 500;
    color: #333;
    white-space: nowrap;
    background-color: #f4f4f4;
    border-bottom: 1px solid #e4e5e6;
    padding-right: 25px;
}
span.close-filter-dialog
{
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: url('cross.png') no-repeat 50%;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.column-filter-list {
}

.column-filter-wrapper .column-filter-list .form_buttons
{
    background: none;
    background-color: #FFF;
    border: none;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top:5px;
}

.column-filter-wrapper .column-filter-list .form_buttons td
{
    padding: 0;
}

.column-filter-wrapper .column-filter-list .form_buttons td table.form_buttons
{
    padding: 0;
    top: 0;
}

.column-filter-wrapper .column-filter-list .form_buttons td table.form_buttons .rdx_blue_button
{
    font-size: 83.3%;
    padding: 7px 10px;
}

.column-filter-wrapper .column-filter-list .rdx_check_box
{
    background: #fff;
    border: 1px solid #999;
    width: 16px;
    height: 16px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.column-filter-wrapper .column-filter-list .rdx_check_box .rdx_check_box_checked
{
    background: url('check_tick.png') no-repeat scroll 3px;
}

.column-filter-wrapper .column-filter-list .rdx_check_box .rdx_check_box_unchecked
{
    background: none;
}

.column-filter-wrapper .column-filter-list .rdx_check_box_label_container
{
    display: inline-block;
    padding-left: 5px;
    padding-top: 2px;
    vertical-align: middle;
}
/*
CSS for time picker component
*/

.time_component
{
	width: 50px;
	position: relative;
	height: 27px;
	border: 1px solid #999;
	box-shadow: 0 0 1px #C0C0C0;
	border-spacing: 0;	
}
.time_component td.first_column
{
	width:80%;
	padding: 0;
}
.time_component .second_column
{
	background:url('calendar_icon.png') no-repeat;
}
.time_component .colon_span
{
	padding: 0 2px;
}
.time_component td input[type="text"].textbox_attr
{
	text-align: center;
	width: 24px;
	min-width: 18px;
	border: none;
	box-shadow: none;
	outline: none;
	padding: 3px 0;
	margin: 0 2px 0 0;
}
.time_component td input[type="text"].textbox_attr:last-child
{
	width: 24px;
	text-align:center;
}
.time_component_spinner {
	position: relative;
	padding: 0px 15px 0 10px;
}
.time_component .time_component_spinner input[type="button"]{
	min-width: 7px;
	height: 13px ;
	box-shadow: none;
	border: none;
	background: url('timepicker_down_arrow.png') no-repeat 50% ;
	width: 13px;
	position: absolute;
	left: 5px;
	bottom: -5px;
	cursor: pointer;
	
}
.time_component .time_component_spinner input[type="button"]:first-child{
	background: url('timepicker_up_arrrow.png') no-repeat 50% ;
	bottom: 5px;
}

.card
{
    padding-bottom:2px;
    padding-top:2px;
}

.form_inline .card fieldset
{
    border: none;
}

.form_inline  .card .card_component
{
   border: none;
}

.form_inline .card legend
{
    margin-left: 20px;
}

.card fieldset
{
    padding: 0px;
    height: 100%;
}

.form_inline .card .card_container
{
    margin-top:0px;
    margin-bottom:0px;
}

.card fieldset
{
    border: 1px solid #95A2AC;
}

.card .card_component
{
    border: 1px solid #95A2AC;
}

.card legend
{
    margin-left: 5px;
}

.card .card_container
{
    margin-top:5px;
    margin-bottom:5px;
}

.regex-container {
    color: #4d4f53;
    font-size: 125%;
}

.regex-container .left-regex-container {
    float: left;
    width: 65%;
    border: 1px solid #bcbcbc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.regex-container .right-regex-container {
    float: right;
    width: 34%;
}

.regex-container .match-information {
    border: 1px solid #bcbcbc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.regex-container .regular-expression {
    background: #f2f2f2;
    border-bottom: 1px solid #bcbcbc;
    padding: 8px;
}

.regex-container .regular-expression-header {
    margin-bottom: 4px;
}

.regex-container .start-regex {
    float: left;
    font-size: 133.3%;
    margin-right: 4px;
    line-height: 17px;
}

.regex-container .end-regex {
    float: left;
    font-size: 133.3%;
    line-height: 9px;
    margin: 4px;
}

.regex-container .regex-container input[type="text"] {
    border: 1px solid #939393;
}

.regex-container .regular-expression .regex-textarea{
    box-sizing: border-box !important;
    float: left;
    height: 150px;
    margin: 0;
    outline: 0 none;
    overflow: auto;
    padding: 3px;
    resize: none;
    width: 63%;
    color: #666666;
    font-size: 86.7%;
}

.regex-container .regular-expression .regex-options-input{
    background: none repeat scroll 0 0 white;
    box-sizing: border-box !important;
    color: #666666;
    display: block;
    float: left;
    margin: 0;
    outline: 0 none;
    padding: 3px;
    position: relative;
    width: 30%;
}

.regex-container .regex-tokens {
    padding: 5px 8px;
}

.regex-container .regex-tokens:hover {
    background: none repeat scroll 0 0 #f5f5f5;
}

.regex-container .subject-string {
    height: 285px;
    padding: 8px;
}

.regex-container .subject-string-header {
    height: 32px;
}

.regex-container .subject-string-text {
    float: left;
    position: relative;
    top: 11px;
}

.regex-container .message {
    color: #fff;
    float: right;
    font-size: 80.0%;
    font-variant: small-caps;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    margin: 3px 1px 0 0;
    padding: 0 8px;
}

.regex-container .match {
    background: #40b34f;
}

.regex-container .no-match {
    background: #f00000;
}

.regex-container .error {
    background: #f00000;
}

.regex-container .subject-string-textarea {
    border: 1px solid #888888;
    box-sizing: border-box !important;
    height: 78%;
    margin: 0;
    outline: 0 none;
    overflow: auto;
    padding: 3px;
    resize: none;
    width: 100%;
    color: #666666;
    font-size: 86.7%;
}

.regex-container .font-color-green {
    color: #40b34f;
}

.regex-container .font-color-red {
    color: #f00000;
}

.regex-container .tokens-block {
    margin-bottom: 8px;
    border: 1px solid #bcbcbc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.regex-container .buttons-bar {
    float: left;
    margin-top: 7px;
    margin-left: 7px;
    overflow: auto;
}

.regex-container .evaluate-button-bar {
    float: right;
    margin-top: 2px;
    margin-bottom: 2px;
    position: relative;
    right: -7px;
}

.regex-container .tokens-header,
.regex-container .match-information-header {
    background: #f2f2f2;
    padding: 8px;
    border-bottom: 1px solid #bcbcbc;
}

.regex-container .tokens-search {
    background: #f2f2f2;
    border-bottom: 1px solid #bcbcbc;
    padding: 8px;
}

.regex-container .tokens-list {
    padding: 8px 0;
    color: #666666;
    height: 193px;
    overflow: auto;
    font-size: 73.3%;
    cursor: pointer;
}

.regex-container .match-information-container {
    padding: 8px;
    color: #666666;
    height: 205px;
    overflow: auto;
    font-size: 73.3%;
}

.regex-container .match-information-container div {
    margin: 5px 0 10px 0;
}

.regex-container .tokens-list div span {
    color: var(--brand-color-grad50);
    float: right;
}

.regex-container .keyword {
    background-color: #c1c1c1;
    color: #000000;
    white-space: pre;
}

.regex-container .not-matched {
    color: #ba3f3f;
}

/* CSS for Color Picker
   Author : Deepti Nirwani
*/

.sp-replacer {
  margin: 0 0 0 5px;
  padding: 2px;
}
.sp-preview
{
    width:10px;
    height:10px;
    margin-right:2px;
}
.sp-dd {
  padding:0;
  height: 12px;
  line-height: 12px;
  font-size: 66.7%;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
}
.toggle_component_container
{
	display: inline-block;
    padding: 3px;
    margin-right: 5px;
}
.toggle_button
{
    background: var(--brand-color-grad50);
    border-radius: 24px;
    cursor: pointer;
    height: 24px;
    position: relative;
    width: 48px;
    display: inline-block;
}

.toggle_button.state-off {
    background: #6b788d;
}

.toggle_component_container .label
{
	font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    font-size: 100%;
    margin-right: 5px;
}

.toggle_component_container .state {
    display: inline-block;
    line-height: 24px;
    vertical-align: bottom;
    padding: 0 5px;
}

.toggle_component_container .state.hide
{
    display: none;
}

.toggle_button .icon {
    border-radius: 9px;
    height: 18px;
    position: absolute;
    top: 3px;
    width: 18px;
    background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
}
.toggle_button.state-off .icon {
    right: inherit;
    left: 3px;
}
.toggle_button.state-on .icon {
    right: 3px;
    left: inherit; 
}

.geo_map
{
	height: 100%;
	width: 100%;
}

.geo_map_container
{
	position: relative;
}

.leaflet-bar a, .leaflet-bar a:hover
{
	text-decoration: none !important;
}

.geo_map_search_placeholder {
	position: absolute;
	width: 200px;
	top: 10px;
	z-index: 100;
	right: 50px;
}

.rdx_leaflet_div_icon
{
	background: transparent;
	width: auto !important;
	height: auto !important;
}

.geo_marker_container{
	position: absolute;
	height: 27px;
	width: 20px;
	display: inline-block;
}




.geo_marker_container .geo_image_container{
	display: inline-block;
	height: 27px;
	width: 20px;
	float: left;
	position: absolute;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
	background: transparent url("/admin_ui/rdx/core/images/datacenter_32.png") no-repeat 0 0;
	background-size: 20px 20px;
}

.geo_dc_container.geo_image_container{
	background-image: url("/admin_ui/rdx/core/images/datacenter_32.png");
}
.geo_branch_container.geo_image_container{
	background-image:  url("/admin_ui/rdx/core/images/branchrepeater_32.png");
}

.geo_marker_container .geo_number_container{
    display: inline-block;
    color: #fff;
    background: #b3ffcc;
    position: relative;
    padding: 2px 5px;
    margin-left: 3px;
    cursor: pointer;
    border-radius: 50px;
    left: 20px;
}

.easy-button-button
{
	padding: 0px;
	background-color: transparent;
}

.geo_map_enabled_heat_map {
    background: url(pinpoint-icons.png) no-repeat;
    background-position: -97px -16px;
    height: 30px;
    width: 30px;
    margin-left: 10px;
}

.geo_map_disabled_heat_map 
{
    background: url(pinpoint-icons.png) no-repeat;
    background-position: -142px -16px;
    height: 30px;
    width: 30px;
    margin-left: 10px;
}

.geo_map_search_input {
	background: #fff url("/admin_ui/rdx/core/images/search_icon.png") no-repeat 10px 50%;
	border: 1px solid #ccc;
	border-radius: 2px;
	height: 28px;
	outline: none;
	width: 100%;
	padding-left: 35px;
	box-sizing: border-box;
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.geo_map_clear_search {
	display: none;
	position: absolute;
	right: 2px;
	top: 2px;
	width: 24px;
	height: 24px;
	background: url("/admin_ui/rdx/core/images/cross.png") no-repeat 50%;
}

.geo_map_search_options {
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	z-index: 1;
	position: relative;
}

.geo_map_legend_container
{
	background: rgba(255, 255, 255, 0.6);
	padding: 10px;
	display: none;
	margin-top: 27px;
	min-width: 170px;
}

.geo_map_legend_button:hover .geo_map_legend_container{
	position: relative;
	display: inline-block;
}

.geo_map_legend_container .geo_map_legend_image
{
	height: 25px;
	width: 27px;
	display: inline-block;
}

.geo_map_legend_container .geo_map_legend
{
	padding: 5px 0;
}

.geo_map_legend_button
{
	background: url("pinpoint-icons.png") -16px -486px transparent !important;
    height: 30px;
    width: 30px;
    margin-left: 10px;
    z-index: 100 !important;
}

.geo_map_legend_container .geo_map_legend_desc
{
	text-align: center;
	font-size: 91.7% !important;
	position: relative;
	top: -12px;
	padding-left: 10px;
}

.geo_map_search_options li {
	padding: 6px 10px 6px 36px;
	cursor: pointer;
}

.geo_map_search_options li:hover {
	background: #f2f2f2;
}

.geo_map_buttons
{
	display: inline-block;
}

.geo_map_buttons .zoom_button
{
    cursor: pointer;
	margin-left: 10px;
	border:1px solid #b5b5b5;
	border-width: 1px 1px 0;
	padding: 3px;
	background: #fff;
}

.geo_map_buttons .zoom_button:last-child
{
	border-bottom: 1px solid #b5b5b5;
}

.geo_map_buttons .zoom_button span
{
    height: 15px;
    width: 15px;
	display: inline-block;

}

.geo_map_buttons .geo_map_reset_button span
{
	background: url("pinpoint-icons.png") -14px -459px transparent !important;
}

.geo_map_buttons .geo_map_zoomin_button span
{
	background: url("pinpoint-icons.png") -39px -459px transparent !important;
}

.geo_map_buttons .geo_map_zoomout_button span
{
	background: url("pinpoint-icons.png") -64px -459px transparent !important;
}

.legend-collapsed #legend
{
    box-shadow: 0px 0px 10px #000;
}

.gm-style-iw
{
	font-family: var(--brand-font), "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
/*jQuery stuff*/
.ui-widget
{
    font-size: 100%;
    font-family: var(--brand-font), "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}

.ui-widget-content
{
    background-color: #FAFAFA;
    color: #333;
    padding: 0;
    border: 1px solid #d9d9d9;
    z-index: 1003 !important;
}

.ui-widget-header
{
    background: var(--charcoal-grey-grad30);
    padding-left: 3px;
    text-align: left;
    padding: 5px;
    border: none;
    position: relative;
}

.ui-dialog .ui-dialog-titlebar
{
    padding: 2px;
}

.ui-dialog .ui-dialog-content
{
    padding: 5px;
    background-color: #FFF;
}

.ui-icon-closethick
{
    background-position: -80px -128px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-size: 116%;
}

.ui-widget-overlay
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: none repeat-x scroll 50% 50% #000;
    opacity: 0.8;
    filter: alpha(opacity = 40);
    z-index: 1002 !important;
}

.ui-datepicker
{
    font-size:91.7% !important;
    display:none;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
   height: 1.5em; 
    position: absolute; 
    top: 7px; 
    width: 1.5em;
}

.ui-datepicker .ui-datepicker-next
{
    right: 6px;
}

.ui-datepicker-title
{
    text-align: center;
}

.ui-datepicker td span, .ui-datepicker td a
{
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-dialog .tab_container div.tab_layout_border
{
    overflow: auto;
}

.ns_body select.ui-datepicker-month,
.ns_body select.ui-datepicker-year 
{
    cursor: pointer;
}
.ns_body .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 4px;
}
table.ui-datepicker-calendar 
{
    border-spacing: 0; 
    border-collapse: collapse;
 }


.ui-datepicker-calendar th 
{
    background: var(--charcoal-grey-grad30);
}

.ui-datepicker-calendar td 
{
    background: #fff; 
    border-top: 1px solid #d9d9d9; 
    border-left: 1px solid #d9d9d9;
    padding: 0;
}

.ui-datepicker-calendar td span
{
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: none;
    border-bottom: none;
}


.ui-datepicker td span, 
.ui-datepicker td a 
{
    padding: 5px;
}

.ui-datepicker-calendar th span
{
    text-transform: uppercase; font-weight: normal; color: #666; font-size: 91.7%;
}

.ui-datepicker-calendar th.ui-datepicker-week-end  span
{
    color: #999;
}

.ui-datepicker-calendar td span,
.ui-datepicker-calendar td a
{
    background: none;
    border: none;
}

.ui-state-default, 
.ui-widget-content .ui-state-default,
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight,
.ui-state-active, 
.ui-widget-content .ui-state-active 
{
    background: none; 
    border: none;
    box-shadow: none;
}

.ns_body .ui-datepicker-calendar a.ui-state-default 
{
    color: #666;
}

.ns_body .ui-datepicker-calendar a.ui-state-default.ui-state-active {
color:#fff;
}

.ns_body .ui-datepicker-calendar a.ui-state-default.ui-state-highlight {
color: #333; 
border: none;
}

.ns_body .ui-datepicker-calendar a.ui-state-default:hover {
color: #333;
border: none;
}

.ui-datepicker-calendar td.ui-datepicker-current-day {
background: #488cca;
}
.ui-datepicker-calendar td.ui-datepicker-current-day a {
color: #fff;
}

.ui-datepicker-calendar td.ui-datepicker-today {
background: #98deb2;
}

.ui-datepicker-calendar td:first-child{
border-left: none;
}

.ui-dialog .ui-dialog-titlebar-close {
    box-shadow: none;
    border: 0;
    right: 1em;
    opacity: 0;
}

.ui-dialog-titlebar::after{
    font-family: icons;
    content: "\f103";
    display: inline;
    font-size: 14px;
    left: 8%;
    position: relative;
    pointer-events: none;
    top: 7px;
    color: #fff;
    text-shadow: none;
}




html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }
  body,ul, h1, h2, h3, h4, h5, fieldset{margin:0;padding:0;border: none;}
  
  sup {
      top: -.5em;
  }
  
  li {
      list-style-type: none;
  }
  
  /*Login page styles*/
  ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
      color:    #999999 !important;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     color:    #999999 !important;
     opacity:  1;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
     color:    #999999 !important;
     opacity:  1;
  }
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
     color:    #999999 !important;
         text-overflow: ellipsis;
  
  }
  
  .login_timeout_input
  {
      width: 40%;
  }
  
  /*This is overriden in login_view.php for IE*/
  .login_combo
  {
      width: 82%;
  }
  
  .login_unit_combo
  {
      width: 39%;
  }
  
  .login_button_cell
  {
      padding-right: 34px;
      padding-top: 16px;
  }
  
  .ns_search_form
  {
      background-color: #F6F5F6;
      border: 1px solid #95b7f3;
  }
  
  .ns_form_description
  {
      color: #808080;
  }
  
  .ns_grid_text
  {
      cursor: default;
      text-align: right;
  }
  
  .ns_alert_text
  {
     color: red;
  }
  
  .ns_alert_text a:hover
  {
      color: #1F6C88 !important;
  }
  
  /*Styles for rest of the pages. This is overriden in header.php for IE6*/
  .ns_body
  {
      margin: 0px;
      font-size: 12px;
      background-color: #FAFAFA;
      min-width: 650px;
  }
  
  .ns_body, body, p, table, td, th, input, button, textarea, select, li, a, label, keygen, h1, h2, h3, h4, h5 {
      font-family: var(--brand-font), "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif !important;
  }
  body * {
      font-family: var(--brand-font), "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  }
  
  .ns_body img
  {
      vertical-align: middle;
  }
  
  .ns_body input:not(.rdx_button)
  {
      border-radius: 2px;
      margin: 0 2px;
  }
  .ns_body .ui.input input:focus, .ui.input.focus input{ /* A temporary fix until all the elements have uniform outline color */
      border-color: #07758a!important;
      box-shadow: none !important;
  }
  .ns_body input[type="text"], .ns_body input[type="password"]
  {
      background-color: #fff;
      box-sizing: border-box;
      border: 1px solid var(--element-border-color);
      display: inline-block;
      height: 30px;
      margin: 1px 0 0 0;
      padding: 5px 20px;
      width: 250px;
      color: var(--text-color-form-input)
  }
  
  .ns_body select
  {
      background-color: #ffffff;
  }
  
  .ns_body select.list {
      display: inline-block;
      padding: 5px 20px;
      max-width: 100%;
      height: 30px;
      border: 1px solid var(--element-border-color);
      border-radius: 2px;
      background: url(/admin_ui/rdx/core/css/TreeExpanded.png) right 4px center no-repeat;
      background-color: #fff;
      color: var(--text-color-dark);
      appearance: none;
      width: auto;
      font-size: 100%;
  }
  
  /*  select option */
  .ns_body select.list option { padding: 0 4px; }
  
  /* for IE and Edge */
  .ns_body select::-ms-expand { display: none; }
  .ns_body select:disabled::-ms-expand { background: #f60; }
  
  .ns_body a img
  {
      border: none;
  }
  
  .ns_body input[type="checkbox"]
   {
      width: 16px;
      height: 16px;
      position: relative;
      vertical-align: middle;
      -webkit-appearance: none;
      padding: 0px;
      margin: 0px 5px;
      border-radius: .28571429rem;
      background-color: #FFFFFF;
      border: 2px solid #989898;
      -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
      transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
      transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
      transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
  
  }
  
  .ns_body input[type="checkbox"]:hover,.ns_body input[type="checkbox"]:focus{
      border:2px solid var(--brand-color-grad50) !important;
      cursor: pointer;
  }
  .ns_body input[type="checkbox"]:checked:hover,.ns_body input[type="checkbox"]:checked:focus,.ns_body input[type="checkbox"]:indeterminate:hover,.ns_body input[type="checkbox"]:indeterminate:focus{
      border: 2px solid var(--brand-color-grad60) !important;
      background-color: var(--brand-color-grad60);
  }
  
  .ns_body input[type="checkbox"]:checked{
      border-color: var(--selected-color);
      background: var(--selected-color);
  }
  
  .ns_body input[type="checkbox"]:checked::after {
      content: '\F1C5';
      font-weight: 400;
      font-family: "icons";
      color: #fff;
      position: absolute;
      font-size: 12px;
      text-align: center;
      opacity: 0;
      -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
      transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
      transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
      transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
  
  }
  
  .ns_body input[type="checkbox"]:checked::after {
      opacity: 1;
  }
  
  .ns_body input[type="checkbox"]:disabled {
      opacity: 0.5;
  }
  .ns_body input[type="checkbox"]:indeterminate{
      border: 2px solid var(--selected-color);
  }
  
  .ns_body input[type="checkbox"]:indeterminate::before{
      background-color: var(--selected-color);
      content: ' ';
      display: inline-block;
      width: 12px;
      height: 12px;
  }
  .ns_body input[type="checkbox"]:indeterminate:hover::before{
      background-color: var(--brand-color-grad60) !important;
  }
  .ns_body input[type="checkbox"]:indeterminate::after{
      font-size: 35px;
      font-weight: 100;
      content: '-';
      line-height: 10px;
      color: #FFFFFF;
      position: relative;
      top: -17px;
      left: -3%;
  }
  
  .ns_body input[type="radio"] {
      -webkit-appearance: none;
      margin: 1px 4px 0 0;
      padding: 0px !important;
      width: 16px !important;
      height: 16px !important;
      vertical-align: bottom;
      border-radius: 8px;
      position: relative;
      border: 1px solid #bbbbbb;
  }
  .ns_body input[type="radio"]:checked {
      border-color: var(--selected-color);
  }
  .ns_body input[type="radio"]:disabled {
      opacity: 0.5;
  }
  
  .ns_body input[type="radio"]:checked::after {
      opacity: 1;
  }
  
  .ns_body input[type="radio"]::after {
      background: var(--brand-color-grad50);
      border-radius: 5px;
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      text-align: center;
      top: 2px;
      left: 2px;
      opacity: 0;
  }
  
  .ns_header
  {
      width: 100%;
      border-bottom: 1px solid #64727E;
  }
  
  .rdx_header_status_container td label
  {
      background: transparent;
      line-height: 17px;
      font-size: 116.7%;
      cursor: pointer;
      padding-right: 15px;
      padding-top: 10px;
      display: inline-block;
  }
  
  .rdx_header_status_container .status_label {
      padding-left: 5px;
      color: #D3D3D3;
      font-size: 91.7%;
  }
  
  .rdx_header
  {
      padding: 0px 40px 0 24px;
      height: 50px;
      line-height: 50px;
  }
  .rdx_header.server_time
  {
      word-wrap: break-word;
      word-break: normal;
      position: static;
      white-space: normal;
      text-align: center;
      padding: 0 10px;
  }
  
  .dropdown_container
  {
      background: url('down_arrow_top.png') no-repeat right 25px center;
      cursor: pointer;
  }
  
  .rdx_header_user_info_container .dropdown_container, .rdx_header_user_info_container cloud-off, .rdx_header_user_info_container cloud-on{
      display: inline-block;
      font-size: 108.4%
  }
  
  .rdx_header_dropdown_container_composite
  {
      background: url('down_arrow_top.png') no-repeat right 25px center;
      padding: 10px 45px 0 24px;
      line-height: 17px;
      position: relative;
      cursor: pointer;
  }
  
  .rdx_header_info_container
  {
      background-color: transparent;
  }
  
  .rdx_header_dropdown_options_container
  {
      position: absolute;
      z-index: 9999999;
      width: auto;
      right: 0;
      cursor: default;
  }
  
  .rdx_header_dropdown_options_container .header_info_item_label
  {
      line-height: 10px;
      padding-left: 24px;
      padding-right: 16px;
      font-size: 83.3%;
  }
  
  .rdx_header_dropdown_options_container .header_more_info .header_more_info_content {
      line-height: initial;
      margin: 14px 0;
  }
  
  .rdx_header_dropdown_options_container .header_info_item_value.header_info_item_label.link.logout
  {
      color: var(--brand-color-grad50) !important;
  }
  
  .rdx_header_dropdown_options_container .header_info_item_value.header_info_item_label.link:hover
  {
      color: var(--brand-color-grad60) !important;
  }
  
  .rdx_header_dropdown_options_container .header_info_item_value
  {
      line-height: 15px;
  }
  
  .rdx_header_dropdown_options_container .header_info_system_update_label
  {
      color : #448bcc;
      cursor: pointer;
  }
  
  .rdx_header_dropdown_options_container .header_info_item_value:last-child
  {
      padding-bottom: 5px;
  }
  
  .rdx_header_dropdown_options_container .header_more_info
  {
      border-top: 1px solid #C8C8C8;
      padding-left: 24px;
  }
  
  .rdx_header_dropdown_options_container .header_more_info .header_info_item_label, .rdx_header_dropdown_options_container .header_more_info .header_info_item_value {
      display: inline-block;
      margin: 0;
      padding: 0;
      font-size: 12px;
  }
  
  .rdx_header_dropdown_options_container .header_more_info .header_info_item_label {
      margin-right: 5px;
  }
  
  .rdx_header_dropdown_options_container .global_more_info .header_info_item_label
  {
      padding: 10px;
      display: block;
  }
  
  .rdx_header_dropdown_options_container .global_more_info
  {
      padding: 15px 0 10px 0 ;
      cursor: pointer;
  }
  
  .rdx_header_dropdown_options_container .header_info_item_label.logout
  {
     font-size: 107.7%;
     height: 35px;
     cursor:  pointer;
  }
  
  .rdx_header_dropdown_options_container .header_info_item_label.last_item
  {
      margin-bottom: 10px;
  }
  
  .header_info_item_label_status
  {
      font-size: 91.7%;
      color: #d3d3d3;
  }
  
  .header_info_right .cloud-icon {
      width: 36px;
      height: 20px;
      margin: 8px 10px 0;
      position: relative;
      display: inline-block;
      top: 5px;
      left: 0;
      background-size: 80%;
      background-position: center;
      background-repeat: no-repeat;
  }
  
  .header_info_right .cloud-icon.cloud-on{
      background-image: url("../images/cloud-on.png");
  }
  
  .header_info_right .cloud-icon.cloud-off {
      background-image: url("../images/cloud-off.png");
  }
  
  .header_info_right .cloud-icon.cloud-incomplete {
      background-image: url("../images/cloud-incomplete.png");
  }
  
  .cloud-icon:hover{
      cursor: pointer;
  }
  
  .ns_content
  {
      overflow:auto;
      width: 100%;
      background-color: #fff;
  }
  
  .ns_footer
  {
      text-align: center;
      background-color: #EEEEEE;
  }
  
  .rdx_message_container
  {
      margin-left: 25px;
      margin-right: 25px;
  }
  
  .rdx_page_center_align
  {
      margin: 0;
  }
  
  hr
  {
      color: #1F6C88;
      height: 1px;
  }
  
  /*Product name on top*/
  .ns_home_page_title
  {
      font-size: 1.4em;
      font-weight: bold;
      padding-top: 7px;
  }
  
  .ns_home_platform
  {
      font-weight: normal!important;
  }
  
  /*Banner table on top*/
  .ns_banner_table td
  {
      white-space: nowrap;
  }
  
  .ns_banner_table a:link, .ns_banner_table a:visited
  {
      color: #2A2723;
      text-decoration: none;
  }
  
  .ns_banner_table a:hover
  {
      text-decoration: underline;
  }
  
  .ns_banner_row
  {
      height: 19px;
  }
  
  /*This is overriden in header.php for IE6*/
  .change_text_size_div
  {
      width: 100%;
      text-align: right;
      height: 0px;
  }
  
  .ns_wp_title
  {
      font-weight: bold;
      width: 100%;
  }
  
  .ns_wp_title select
  {
      vertical-align: middle;
      font-size: 1em;
  }
  
  .ns_wp_title img
  {
      width: 12px;
      height: 12px;
  }
  
  .ns_wp_title hr
  {
      color: #cccccc;
  }
  
  .ns_wp_body
  {
      width: 100%;
      font-size: 125%;
      text-align: left;
  }
  
  /*This is overriden in header.php*/
  .ns_wp_header
  {
      margin: 10px 0px 8px 0px;
      width: 100%;
      font-weight: bold;
      background: -moz-linear-gradient(left,  #95A2AC,  #FAFAFA); /*Mozilla*/
      background: -webkit-gradient(linear, left top, right top, from(#95A2AC), to(#FAFAFA)); /*Chrome/Safari*/
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95A2AC', endColorstr='#FAFAFA'F, GradientType=1); /*IE*/
      background-color: #9090A3; /*For all other browsers*/
      background-repeat: repeat-x;
      color: #FFFFFF;
  }
  
  .ns_small_header
  {
     font-weight: bold;
     padding-bottom: 3px;
     border-bottom: 1px solid #c2c2c2;
  }
  
  /*Tabs used on top & reporting page*/
  .tab
  {
      padding-bottom: 4px;
      vertical-align: bottom;
  }
  
  .tab a
  {
      padding: 5px 0px 4px 4px;
      text-decoration: none !important;
  }
  
  .tab a span
  {
      padding: 5px 10px 4px 6px;
      color: #2A2723;
  }
  
  .tab a:hover
  {
      background-position: 0% -42px;
  }
  
  .tab a:hover span
  {
      background-position: 100% -42px;
  }
  
  .current_tab a:hover
  {
      background-position: 0% 0px;
  }
  
  .current_tab a span
  {
      background-color: #ffffff;
      box-shadow: inset 0px -4px 0px -2px var(--selected-color);
  }
  
  
  /*This is overriden in header.php for IE*/
  .top_tab
  {
      min-width: 581px;
  }
  
  /*Used in Loading panel on center*/
  .center_panel
  {
      width: 330px;
      position: absolute;
      top: 28%;
      bottom: 34%;
      left: 33%;
      right: 34%;
      padding: 1px;
      margin: 1px;
  }
  
  .loading_panel
  {
      width: 330px;
      height: 300px;
      font-size: 1.25em;
      color: #4D4F53;
      font-weight: bold;
      text-shadow: 1px 1px 1px #FFFFFF;
  }
  
  .loading_panel_img
  {
      width: 40%;
      text-align: right;
  }
  
  .loading_panel_txt
  {
      width: 60%;
  }
  
  /*Welcome banner shown after login*/
  .login_banner
  {
      width: 330px;
      height: 200px;
      overflow: auto;
  }
  
  /*Div style for entities. This is overriden in header.php for IE*/
  .ns_entity_div
  {
      overflow: auto;
      height: 100%;
      border: 1px;
  }
  
  /*Styles for statistics tables*/
  .ns_st_body img
  {
      height: 14px;
      width: 14px;
  }
  
  .ns_st_body a:link, .ns_st_body a:visited
  {
       font-weight: bold;
       color: #1F6C88;
  }
  
  .ns_st_body a:hover
  {
      color: red;
      text-decoration: underline;
  }
  
  .ns_st_body th
  {
      font-weight: bold;
      color: #336699;
      white-space: nowrap;
      text-align: left;
      padding: 1px;
      background-image: url("navgradp.gif");
      background-repeat: repeat-x;
  }
  
  .ns_st_body div
  {
      text-align: right;
      height: 100%;
  }
  
  .ns_st_body td
  {
      white-space: nowrap;
      border: 1px solid #e4e7ea;
      padding: 2px;
  }
  
  .ns_st_body_alternate_row_color
  {
      background-color: #F7F6F7;
  }
  
  .ns_st_body_table_div
  {
      overflow: auto;
      height: 100%;
      border: 1px solid #e4e7ea;
  }
  
  .ns_st_body_table_title
  {
      text-align: center;
      font-size: 107%;
      margin-bottom: 3px;
      display: none;
  }
  
  /*For showing counter tooltips in Monitoring/AppView/Reporting pages*/
  .counter_tooltip_span
  {
      position: absolute;
  }
  
  /*This is overriden in header.php for IE6*/
  .counter_tooltip_div
  {
      padding: 3px !important;
      max-width: 300px;
      border: solid black 1px !important;
      color: black !important;
      background-color: #FFFFE1 !important;
  }
  
  .counter_tooltip_header_cell
  {
      font-weight: bold;
  }
  
  /*This is overriden in header.php for IE6*/
  .counter_tooltip_content_div
  {
      width: 100%;
      padding-top: 5px;
      max-height: 200px;
      overflow: auto;
  }
  
  /*Styles for reporting page*/
  .full_width_height_table
  {
      table-layout: fixed;
      width: 100%;
      height: 100%;
  }
  
  .full_width_table
  {
      width: 100%;
  }
  
  .full_width_height_div
  {
      width: 100%;
      height: 100%;
      overflow: auto;
  }
  
  .manage_custom_reports
  {
      border: 1px solid #e4e7ea;
      overflow: auto;
  }
  
  .manage_custom_reports table
  {
      width: 100% !important;
  }
  
  .manage_custom_reports_table
  {
      margin-left: -3px;
  }
  
  .export_reports_href
  {
      position: relative;
      z-index: 3 !important
  }
  
  .import_reports_div
  {
      position: relative;
  }
  
  /*This is overriden in header.php for IE*/
  .import_reports_file
  {
      position: relative;
      vertical-align: top;
      height: 18px;
      width: 90px;
      opacity: 0;
      z-index: 2;
      margin-left: -25px;
  }
  
  /*This is overriden in header.php for IE*/
  .import_reports_fake_div
  {
      position: absolute;
      top: -3px;
      left: 0px;
      z-index: 1;
  }
  
  .padding_top
  {
      padding-top: 5px
  }
  
  /*Used in reporting counters popup*/
  .padding_right_left
  {
      padding: 0px 5px;
  }
  
  .padding_top_bottom
  {
      padding: 5px 0px;
  }
  
  .bottom_border
  {
      border-bottom: 1px solid #2456a4;
  }
  
  .chart_name_input
  {
      width: 480px;
  }
  
  .group_combo
  {
      width: 340px;
  }
  
  .counters_list_box
  {
      width: 260px;
  }
  
  .counters_move_button
  {
      width: 50px;
  }
  
  .data_source_combo
  {
      width: 125px;
  }
  
  .tree_nodes_div
  {
      width: 190px !important;
      height: 130px !important;
      background-color: #FAFAFA !important;
      z-index: 3 !important;
      overflow: auto !important;
  }
  
  .right_tree_div
  {
      padding-left: 5px;
      width: 76%;
  }
  
  .inline_display
  {
      display: inline;
  }
  
  .relatively_less_font_size
  {
      font-size: 90%;
  }
  
  .find_panel_reporting
  {
      font-size: 87.5%;
      white-space: nowrap;
  }
  
  .criterion_reporting
  {
      font-size: 95% !important;
      color: #336699 !important;
      height: 17px;
  }
  
  .search_text_reporting
  {
      font-size: 95% !important;
      color: #336699 !important;
      height: 12px;
  }
  
  .no_wrap_td
  {
      white-space: nowrap;
  }
  
  .wrap_td
  {
      white-space: normal !important;
  }
  
  /*Tree in Reporting*/
  .tree_links
  {
      width: 24%;
      border-right: 1px solid #cccccc;
  }
  
  .tree_links A:link, .tree_links A:visited
  {
      color: #2A2723;
      text-decoration: none;
  }
  
  .tree_links A:hover
  {
      text-decoration: underline;
  }
  
  /*For check boxes in tree links*/
  .tree_links input
  {
      width: 13px;
      height: 13px;
      vertical-align: middle;
  }
  
  .tree_header
  {
      font-weight: bold;
      border-bottom: 1px solid #cccccc;
      cursor: pointer;
  }
  
  .tree_sub_header
  {
      cursor: pointer;
  }
  
  .tree_sub_header A:hover
  {
      text-decoration: none;
  }
  
  .tree_link
  {
      white-space: nowrap;
  }
  
  .tree_link_selected
  {
      font-weight: bold;
  }
  
  .separate_tree_with_nodes_table
  {
      color: #1F6C88;
  }
  
  .separate_tree_with_nodes_table td
  {
      cursor: pointer;
  }
  
  /*Toolbar used in Reporting*/
  .toolbar
  {
      background: -moz-linear-gradient(left,  #EBEDEF,  #FAFAFA); /*Mozilla*/
      background: -webkit-gradient(linear, left top, right top, from(#EBEDEF), to(#FAFAFA)); /*Chrome/Safari*/
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEDEF', endColorstr='#FAFAFA'F, GradientType=1); /*IE*/
      background-color: #9090A3; /*For all other browsers*/
      background-repeat: repeat-x;
      line-height: 18px;
  }
  
  .toolbar a
  {
      padding: 0px 4px 0px 4px;
      text-decoration: none;
      color: #2A2723 !important;
  }
  
  .toolbar a:hover
  {
      text-decoration: none;
  }
  
  .toolbar a:hover span
  {
      text-decoration: underline;
  }
  
  .toolbar a:hover div span
  {
      text-decoration: underline;
  }
  
  /*This is overriden in header.php for IE*/
  .toolbar a img
  {
      border: none;
      margin: 2px 2px 4px 0px;
  }
  
  .delete_image
  {
      margin-top: 4px !important;
  }
  
  .flat_button
  {
      color: #FFFFFF;
      background-color: #95A2AC;
      border-style: none;
      width: 50px;
      font-weight: bold;
      cursor: pointer;
  }
  
  .flat_button[disabled]
  {
      color: #ACA899 !important;
      background-color: #DFE1E6;
      cursor: auto;
  }
  
  .enable_disable_button
  {
      width: auto !important;
      height: 17px !important;
      border: 1px solid #B2BFD8;
  }
  
  .popup
  {
      visibility: hidden;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 2;
      padding: 1px;
      border: solid #666 1px;
      color: #336699;
      background-color: #E7ECF9;
  }
  
  .popup_info
  {
      font-weight: normal;
      border: solid #000000 1px;
      color: #000000;
      background-color: #FFF1A8;
  }
  
  .popup_info a:link, .popup_info a:visited
  {
      color: #000000 !important;
  }
  
  .popup_info a:hover
  {
      color: red !important;
  }
  
  .draggable
  {
      cursor: move;
  }
  
  .stapp_details
  {
      border: none !important;
      font-size: 90% !important;
      padding: 0px !important;
  }
  
  .stapp_details_first
  {
      padding-left: 18px !important;
  }
  
  .disabled_element
  {
      color: #9D9DA1;
  }
  
  /*Ex: Throughput number*/
  .important_number
  {
      font-size: 1.3em;
  }
  
  .gauges
  {
      font-size: 1em;
      width: 100%;
  }
  
  .gauges table
  {
      width: 100%;
  }
  
  .gauges td
  {
      white-space: nowrap;
      vertical-align: middle;
      color: #336699;
      font-weight: bold;
  }
  
  .gauges img
  {
      vertical-align: middle;
  }
  
  .gauges a:link, .gauges a:visited
  {
      color: #336699;
      text-decoration: none;
  }
  
  .gauges a:hover
  {
      text-decoration: underline;
  }
  
  .div_for_list
  {
      overflow: auto;
      height: 88px;
      border: 1px solid #e4e7ea;
  }
  
  .gauges select
  {
      color: #336699;
      font-size: 1em;
      /*Hack to avoid showing list box border*/
      margin: -3px;
  }
  
  /*This is overriden in header.php for IE6*/
  .throughput table
  {
      border-collapse: collapse;
      border: 1px solid #e4e7ea;
  }
  
  .throughput td
  {
      text-align: center;
  }
  
  .throughput_title
  {
      border: 1px solid #e4e7ea;
  }
  
  #system_log_table
  {
      table-layout: fixed;
  }
  
  .list_find table
  {
      font-size: 87.5%;
  }
  
  .list_find select
  {
      margin: 0px;
      height: 17px;
  }
  
  .list_find input
  {
      color: #336699 !important;
      height: 12px;
      width: 95%;
      font-size: 95%;
  }
  
  .negative_margin_left
  {
      margin-left: -2px;
  }
  
  .negative_margin_right
  {
      margin-right: -2px;
  }
  
  .pointer_cursor
  {
      cursor: pointer;
  }
  
  /*For showing events on charts*/
  .events_on_chart_span
  {
      position: absolute;
  }
  
  .events_on_chart_div
  {
      width: 270px;
  }
  
  .events_text_on_chart_div
  {
      width: 100%;
      height: 100%;
      max-height: 210px;
      overflow: auto;
  }
  
  /*For showing search status inside counters popup in Reporting page*/
  .counters_popup_status
  {
      width: 100%;
  }
  
  .counters_popup_status img
  {
      height: 14px;
      width: 14px;
  }
  
  .counters_popup_status td
  {
      white-space: nowrap;
  }
  
  .top_vertical_align
  {
      vertical-align: top;
  }
  
  /*For drawing rectangle on charts during zoom/scroll*/
  .draw_rect_div
  {
      position: absolute;
      display: none;
      border: 2px solid black;
  }
  
  .plot_type_table
  {
      width: 100%;
      table-layout: fixed;
  }
  
  .plot_type_table td
  {
      text-align : center;
      border: 1px solid #CCCCCC;
  }
  
  .plot_type_table td:hover
  {
      text-align : center;
      border: 1px solid red;
  }
  
  .plot_type_table_cell_selected
  {
      border: 2px solid #2456a4 !important;
  }
  
  .customize_help_text
  {
      font-style: italic;
      padding-top: 15px;
  }
  
  .text_align_left
  {
      text-align : left;
  }
  
  .text_align_right
  {
      text-align : right;
  }
  
  .bread_crumb_container
  {
      display: inline;
      font-weight: 500;
      font-size: 108%;
      color: var(--color-black-grad20);
  }
  
  .bread_crumb_container img
  {
      padding-bottom: 1px;
      vertical-align: middle;
      padding-left: 10px;
      padding-right: 10px;
  }
  
  .bread_crumb_container.current{
      font-weight: 600;
      color: var(--color-black-grad50);
  }
  
  .img_opacity
  {
      opacity:0.25; /* firefox, opera, safari, chrome */
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=25)"; /* IE 8 */
      filter:alpha(opacity=25); /* IE 4, 5, 6 and 7 */
  }
  
  .ui-tooltip-content{
      max-height: 200px;
      overflow-y: visible;
  }
  
  .ui-tooltip-default {
      background-color: #fcfee4 !important;
      border-color: #797979 !important;
      color: #555555;
      z-index: 9999999 !important;
  }
  .progress_err_details{
      border:1px solid #909090;
      background:#fff;
      border-radius:3px;
      margin-bottom: 5px;
  }
  
  .progress_err_header{
      padding: 5px 10px;
      text-align:left;
      font-size: 133.3%;
      border-radius: 3px 3px 0 0;
      color:#ee1c24;
      cursor:pointer;
      display: block;
  }
  
  .progress_err_header_close {
      background: #fff url(progress_arrow.png) no-repeat 410px -12px;
  }
  
  .progress_err_header_open{
      background: #fff url(progress_arrow.png) no-repeat 410px 12px;
      background-position: 410px 12px;
  }
  
  .collapsable_header{
      padding: 5px 10px;
      text-align:left;
      font-size: 133.3%;
      border-radius: 3px 3px 0 0;
      cursor:pointer;
  }
  
  .collapsable_header_close {
      background: #C1C4C6 url(progress_arrow.png) no-repeat 10px -12px;
  }
  
  .collapsable_header_open{
      background: #C1C4C6 url(progress_arrow.png) no-repeat 10px 12px;
      background-position: 10px 12px;
  }
  
  .collapsable_header_title{
      display: inline;
      float: none;
      background: none;
      height: inherit;
      width: inherit;
      cursor: default;
      font-weight:bold;
      padding-left: 25px;
  }
  
  .progress_err_count{
      display: inline;
      float: none;
      background: none;
      height: inherit;
      width: inherit;
      cursor: default;
      font-weight:bold;
  }
  
  .progress_err_description{
      height:100px;
      overflow: auto !important;
      padding: 10px 8px 0;
      color:#4d4f53;
      border-top:1px solid #d3d3d3;
  }
  .progress_err_description p{
      text-align:left;
      background: #fff url(loader_error.png) no-repeat 5px 2px;
      padding-left:30px;
      margin: 0 0 10px
  }
  
  .progress_error_notification{
      background:#ee1c24;
      padding: 10px;
      border-radius:0 0 5px 5px;
      margin-top: -15px;
  }
  
  .default_cursor
  {
      cursor: default;
  }
  
  .rdx_left
  {
      float: left;
  }
  
  .rdx_right
  {
      float: right;
  }
  
  .links_separator
  {
      padding-right: 15px;
  }
  .border_box
  {
      box-sizing: border-box;
  }
  
  /* RainMaker Footer*/
  .ns_footer_parent
  {
      background: url("login_footer_background.png") repeat scroll left top #B7D0E3;
      bottom: 0;
      height: 93px;
      position: fixed;
      width: 100%;
      left: 0;
  }
  
  #ns_footer a,#ns_footer a:visited,#ns_footer a:hover,#ns_footer a:active
  {
      color: #787878 !important;
  }
  
  .citrix_login_logo
  {
      background: url("../images/ns_logo2_color_negative.png") no-repeat scroll center top transparent ;
      display: block;
      position: relative;
      top: 30px;
      text-indent: -999em;
      height: 35px;
  }
  
  .doppler_enable_icon
  {
      background: var(--charcoal-grey-grad30) url("doppler.png") no-repeat ;
      height: 144px !important;
      width:100%;
  }
  .doppler_title_container
  {
      position: relative;
      padding: 20px 30px;
      border-radius: 4px 4px 0 0;
      overflow: hidden;
  }
  .doppler_title_div
  {
      font-size: 166.7%;
      color: #4D4F53;
      text-align: left;
  }
  .doppler_text
  {
      text-align: left;
  }
  .doppler_enable
  {
      position: absolute;
      width: 753px;
      background: #fff;
      color: #666;
      border-radius:3px;
      z-index: 10000;
      box-shadow:0 0 20px 5px rgba(0,0,0,0.3);
      top: 0;
      bottom:0;
      left: 0;
      right: 0;
      margin: auto;
      height: 370px;
  }
  .doppler_mask_body
  {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: none repeat-x scroll 50% 50% #000;
    opacity: 0.4;
  }
  
  .doppler_action_container
  {
    display: block;
    overflow: hidden;
    margin-top: 20px;
  }
  .doppler_action_container .doppler_skip_link
  {
      color: #006ec1 !important;
      font-weight: initial;
      float:right;
      cursor: pointer;
      padding-top: 10px;
  }
  .doppler_content_div
  {
      overflow: auto;
      padding:20px 30px;
  }
  
  .doppler_content_div p {
      padding: 5px 0;
      line-height: 18px;
      float: none;
      margin: 0;
      text-align: left;
      letter-spacing: 0;
  }
  .doppler_title_container .doppler_close_dialog
  {
      background:url("icon-close.png") no-repeat;
      float: right;
      width:16px;
      height:16px;
      position: absolute;
      right: 30px;
      top: 25px;
      cursor: pointer;
  }
  
  .form td input[type='text'].error_text
  {
      border: 1px solid #f66355;
  }
  .error_text
  {
      border : 1px solid #f66355 !important;
  }
  .form td table.error_text
  {
      border: 1px solid #f66355;
  }
  .form td input[type='text'].fade_out
  {
      border-color:#999;
  }
  .form td input[type='password'].error_text
  {
      border: 1px solid #f66355;
  }
  
  .inline_image_container
  {
      margin-right:5px;
      display: inline-block;
      width:20px;
      height:16px;
      position:relative;
      top:3px;
  }
  
  .inline_text_container
  {
      display:inline-block;
  }
  .rdx_error_container
  {
      display: inline-block;
  }
  
  .rdx_error_image::before {
      content: "\F18C";
      font-family: "icons";
      margin: 1px 5px;
      position: absolute;
      color: #f66355;
      font-size: 1.0rem;
  }
  
  .rdx_warning_container
  {
  
      background: url("sprite_new.png") no-repeat scroll -10px -11px;
  }
  
  .rdx_info_container
  {
      background: url("sprite_new.png") no-repeat scroll -77px -39px;
  }
  
  .show
  {
      display: inline-block;
  }
  
  .rdx_error_tooltip_dialogbox
  {
      display: inline-block;
  }
  
  .remove_fade
  {
      visibility: visible;
      opacity: 1;
      clear: both;
  }
  
  .fade_error_tooltip
  {
      visibility: hidden;
      opacity: 0;
      transition: visibility 0s 2s, opacity 2s linear;
  }
  
  .rdx_wrap
  {
      word-wrap: break-word;
      white-space: normal !important;
      display: block;
      width: auto;
  }
  
  .flex-container {
      display: flex;
      flex-wrap: wrap;
  }
  
  .flex-container.row{
      flex-direction: row;
  }
  .flex-container.column{
      flex-direction: column;
  }
  .flex-container.items-end{
      justify-content: space-between;
  }
  .hide
  {
      display:none;
  }
  label.hide{
      display: none !important;
  }
  .btn-icon{
      display: inline-block;
      border: none;
      margin: 0;
      padding: 0;
      cursor: pointer;
      background: transparent;
  }
  
  .rdx_no_border
  {
      border: none !important;
  }
  
  .dot{
      width: 10px;
      height: 10px;
      border-radius: 5px;
      display: inline-block;
      margin: 0 2px;
  }
  
  .info-indicator {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #CF3434;
      color: white;
      text-align: center;
      line-height: 10px;
      font-size: 8px;
      font-weight: bold;
      display: inline-block;
      margin: 0 2px;
      padding-top: 1px;
  }
  
  .dot.down, .dot.halted, .dot.critical, .dot.failed, .dot.inactive, .dot.uninstalled
  {
      background: #CF3434;
  }
  .dot.up, .dot.running, .dot.enabled, .dot.clear, .dot.finished, .dot.success, .dot.completed, .dot.active, .dot.regex, .dot.installed
  {
      background: #49BF62;
  }
  .dot.unknown
  {
      background: #999999;
  }
  
  .dot.outofservice, .dot.disabled, .dot.in_progress, .dot.notregex, .dot.partial-up
  {
      background: #EBAD00;
  }
  
  .dot.major
  {
      background: #ff9e47;
  }
  
  .dot.minor
  {
      background: #b2af45;
  }
  
  .dot.information
  {
      background: #21a9ef;
  }
  
  #view_content:focus {
      outline: none;
  }
  
  .motd-ct {
      margin: 10% auto;
      width: 50%;
      padding: 20px;
      border-radius: 5px;
      min-height: 100px;
      background-color: var(--bg-grey-grad10);
      position: relative;
      border: 1px solid #ededed;
  }
  .motd-ct p{
      text-align: center;
  }
  .motd-ct p.msg{
      font-size: 135%;
      vertical-align: text-bottom;
      padding: 0;
      margin-bottom: 20px;
  }
  .motd-ct p.footer{
      text-align: center;
      width: 100%;
      bottom: 20px;
  }
  
  @media only screen and (max-width: 900px)
  {
  
      .rdx_header
      {
          padding: 0px 15px 0 5px;
          font-size: 91.7% !important;
      }
  
      .dropdown_container
      {
          text-align: center;
      }
      .rdx_header.server_time
      {
          padding-left: 0
      }
  
      .header_menu li
      {
          padding: 0 5px 0 !important;
          font-size: 100% !important;
      }
      .header_menu .right_menu li:last-child
      {
          margin: 0;
      }
      .header_info_right li:last-child
      {
          margin: 0;
      }
  
  }
  
  @media only screen and (max-width: 800px)
  {
      .ns_company_logo .platform_name
      {
          font-size: 125%;
      }
  }
  
  
  @media only screen and (max-width: 750px)
  {
      .ns_company_logo .platform_name
      {
          font-size: 100%;
      }
  }
  
  @media only screen and (max-width: 700px)
  {
      .ns_company_logo .platform_name
      {
          font-size: 83%;
      }
  }
  
  .logging_out_text
  {
      font-size: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  #cloud-connect .cloud-icon-dropdown {
      position: relative;
      display: inline-block;
  }
  
  #cloud-connect .cloud-icon-dropdown-content {
      display: none;
      position: absolute;
      top: 50px;
      color: initial;
      font: initial;
      background-color: #F3F3F3;
      box-shadow: 0px 1px 16px rgb(0 0 0 / 24%);
      z-index: 999;
      right: 0px;
      padding: 13px 15px;
  }
  
  #cloud-connect .cloud-icon-dropdown-content.show {
      display:block !important;
  }
  
  #cloud-connect #cloud_connect_content_div, #cloud-connect .cloud_connect_intro {
      font-size: 12px;
      min-width: 250px;
  }
  
  #cloud-connect .cloud_connect_image {
      height: 12px;
      margin-right: 0.4rem;
      margin-top: -2px;
  }
  
  #cloud-connect .cloud_connect_dropdown_text {
      margin: 0.5rem 0rem 0.5rem 0rem;
      font-size: 12px;
  }
  
  #cloud-connect .cloud_connect_button {
      width: 100% !important;
      font-size: 12px;
      padding:6px 6px;
      margin-top: 10px;
      height: auto;
  }
  
  #cloud-connect .cloud_connect_header_text {
      min-width: max-content;
      min-width: -moz-max-content;
      min-width: -webkit-max-content;
      min-width: -o-max-content;
      margin-bottom: 0.3rem;
  }
  
  .cloud_connect_banner_message, .cloud_connect_banner_footer {
      margin-top: 1rem !important;
  }
  
  .inline-block{
      display: inline-block;
  }
  
  #cloud-connect div#cloud_connect_details_div {
      margin-top: 10px;
  }
  
  #cloud-connect span#cloud_connect_content_header {
      font-weight: 600;   
  }
.ns_body img.right
{
    padding-right: 2px;
    padding-bottom: 2px;
}

.ns_header
{
    min-height: 40px;
}

.ns_body .rdx_auto_cursor
{
    cursor: auto;
}
.ns_body .rdx_wait_cursor
{
    cursor: wait;
}
.ns_content
{
    display: none;
}

.ns_footer
{
    width: 100%;
}

.company_logo
{
    width: 100px;
}

.ns_home_page_title
{
    padding-top: 4px;
}

.welcome_message
{
    padding-bottom: 1px;
}

.top_tab
{
    min-width: inherit;
}

.flat_button
{
    min-width: 70px;
    font-weight: normal;
}

.read_only_form td:first-child
{
    width: 40%;
}

.read_only_form td
{
    padding-bottom: 5px;
}

.layout_border
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
}

.table_cell_top_align
{
    vertical-align: top;
}

table.config_layout
{
    margin: 0px;
}

div.config_layout
{
    margin: 0px;
}

.smooth_all_corner
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.disallow_selection
{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
}

.help
{
    white-space: nowrap;
    /* text-align: center; */
}

.help div
{
     border: 1px solid transparent;
     padding: 2px;
}

.help div:hover
{
    cursor: pointer;
}

.mask
{
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000;
}
.mask.mask_component{
    position: absolute;
}
.slider_mask
{
    background-color: #000;
    z-index: 1001;
    opacity: 0.4;
    filter: alpha(opacity = 40);
}

.help_slider_mask
{
    background-color: #fff !important;
    z-index: 5002;
    opacity: 0;
    filter: alpha(opacity = 40);
}

.mask_position
{
    position: relative;
}

.mask_panel
{
    position: absolute;
    height: 14px;
    top: 50%;
    width: 53px;
    bottom: 50%;
    left: 45%;
    right: 50%;
    z-index: 1001;
}

.mask_component
{
    background: #FFF !important;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: auto;
    min-height: 32px;
    width: auto;
}

.mask_panel img
{
    vertical-align: middle;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    height: 60px;
    width: 60px;
}
.mask_panel.mask_component .mask-message-text{
    position: absolute;
    font-size: 116%;
    color: #666;
    top: 23%;
    width: 100%;
    word-wrap: break-word;
    text-align: center;
}
.help img
{
    padding-right: 5px;
}

.rdx_slider:focus{
    outline:0;
}

.rdx_slider
{
    position: fixed;
    overflow: auto;
    height: 100%;
    z-index: 1002;
    background-color: #FFF;
    -moz-box-shadow: 8px 10px 20px #000; /*Firefox*/
    -webkit-box-shadow: 8px 10px 20px #000; /*Webkit*/
    -ms-box-shadow: 8px 10px 20px #000; /*IEs >8*/
    box-shadow: 8px 10px 20px #000; /*All other*/
    border-left: 1px solid #DEDEDE;
}

.fullscreen .rdx_slider, .fullscreen .rdx_message_box
{
    z-index : 213432094820931 !important;
}

.rdx_help_slider
{
    z-index: 5002;
}

.compact_layout .rdx_slider_bread_crumb_container
{
    text-align: left;
    border: none;
    height: 32px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.rdx_slider .tool_bar_table
{
    width: 100%;
    padding: 8px 0;
}

.compact_layout .rdx_slider .tool_bar_table{
    padding-top: 8px;
}

.rdx_slider_top_container
{
    width: 100%;
    height: 47px;
    background-color: var(--bg-grey-grad20);
}

.rdx_slider_body
{
    overflow: hidden !important;
}

.rdx_slider .form_base_container_border
{
    border-bottom: 1px solid #e4e7ea;
    border-top: none;
}

.rdx_slider .expression_editor
{
    width: 90%;
}

.rdx_slider .op_wizard_pages .op_wizard_page_border
{
    border: 1px solid #e4e7ea;
}

.rdx_slider .form_base_container_border > div
{
    border-bottom: 1px solid #e4e7ea;
}

.rdx_slider .form
{
    width: auto;
}

.rdx_slider .smooth_all_corner
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.rdx_slider .pagination_spacer_width
{
    height: 30px;
}

.rdx_slider .pagination_div
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.rdx_slider .view_div_decorator
{
    border-radius: 0px;
    border-left: none;
    border-top: 1px solid #FFFFFF;
    padding: 5px;
}

.rdx_slider .base_view_button_bar table
{
    padding: 8px;
}

.rdx_slider .op_wizard
{
    padding: 0 15px;
    padding-top: 10px;
}

.rdx_slider .rdx_slider_title_container
{
    color: var(--text-color);
    padding: 12px;
    font-size: 150%;
    padding-left: 20px;
    font-weight: 600;
    display: inline-block;
}

.rdx_slider .tool_bar_table .title
{
    padding-left: 20px;
    width:auto;
    display: none;
}

.rdx_slider .rdx_slider_bread_crumb_container .tool_bar_table .title
{
    display: block;
}

.rdx_slider .ribbon_label_div
{
    padding-left: 7px;
}

.rdx_slider .top_links_container
{
    float: right;
}

.rdx_slider .form_inline .op_wizard_top_panel
{
    display: none;
}

.rdx_slider .form_inline
{
    border: none;
}

.rdx_background_opacity
{
    opacity: 0.3;
    filter: alpha(opacity = 30);
}


.rdx_border
{
    border: 1px solid #e4e7ea;
}

.rdx_border_color
{
    border-color: #e4e7ea;
}

.rdx_border .rdx_border
{
    border-left: none;
    border-right: none;
}

.rdx_background
{
    background-color: var(--charcoal-grey-grad30);
}

.rdx_grey_arrow
{
    display: inline-block;
    width: 15px;
    height: 15px;
}

.rdx_grey_arrow_expanded
{
    background: url("rdx_grey_arrow_expanded.png") no-repeat 50% 50%;
}

.rdx_grey_arrow_collapsed
{
    background: url("rdx_grey_arrow_collapsed.png") no-repeat 50% 50%;
}

.rdx_down_flow_arrow
{
    background: url("rdx_flow_arrow_connector.png") no-repeat 50% 50%;
    width: 100%;
    height: 10px;
}

.rdx_green_tick_background
{
    background: url("tick_grey.png") no-repeat 5px 50%;
    height: 38px;
    width: 30px;
}


.rdx_slider_container
{
    position: fixed;
    bottom: 0;
    width: inherit;
    overflow: auto;
}

.rdx_slider_container .rdx_help_mul_desc_container
{
    padding: 0px;
    color: #888;
}

.rdx_slider_container .rdx_help_block_container .rdx_help_block_title
{
    height: 30px;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 108.3%;
}

.rdx_slider_container .rdx_help_block_container .rdx_help_block_title:hover
{
    cursor: pointer;
}

.rdx_slider_container .rdx_help_block_container .rdx_help_message_container
{
    padding: 10px;
    padding-left: 20px;
}

.rdx_slider_container .rdx_help_block_container .rdx_help_block_title .rdx_help_blick_title_container
{
    position: relative;
    top: 3px;
}

.rdx_slider_container .rdx_help_block_container .rdx_help_expand_collapse
{
    float: right;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 20px;
}

.rdx_slider_container .rdx_help_block_container .rdx_border
{
    border-top: none;
    border-left: none;
    border-right: none;
}

.rdx_slider_container .rdx_help_block_container .rdx_help_expand
{
    background: url("down_arrow.png") no-repeat right center transparent;
}

.rdx_slider_container .rdx_help_block_container .rdx_help_collapse
{
    background: url("right_arrow.png") no-repeat right center transparent;
}

.label_input {
    white-space: initial;
}

:root {
    --brand-color-grad70: #003D48;

    --brand-color-grad60: #005463;

    --brand-color-grad50: #05758A;

    --brand-color-grad40: #1C9CAD;

    --brand-color-grad30: #36C2CC;

    --brand-color-grad20: #85E3E5;

    --brand-color-grad10: #BDF0ED;

    --brand-focus-outline : var(--brand-color-grad40);

    --color-black: #000000;
    --color-amber: #FFB44D;

    --color-black-grad70: #000000;
    --color-black-grad60: #171717;
    --color-black-grad50: #2A2723;
    --color-black-grad40: #333333;
    --color-black-grad30: #4A4A4A;
    --color-black-grad20: #5A5A5A;
    --color-black-grad10: #666666;

    --grey-color-grad10: #F1F2F2;
    --grey-color-grad20: #E6E6E6;
    --grey-color-grad30: #D9D9D9;
    --grey-color-grad40: #C8C8C8;
    --grey-color-grad50: #B1B1B1;
    --grey-color-grad60: #8C8C8C;
    --grey-color-grad70: #767676;

    --charcoal-grey-grad10: #7D91AA;
    --charcoal-grey-grad20: #BDC7D4;
    --charcoal-grey-grad30: #E5E9EE;

    --blue-100: #DBEAFF;
    --secondary-blue-100: #DEF5FF;

    --purple-light: #E5DBFB;

    --brand-font: "Inter";

    --bg-grey-grad10: var(--grey-color-grad10);
    --bg-grey-grad20: var(--grey-color-grad20);
    --bg-grey-grad30: var(--grey-color-grad30);

    --text-color-dark: var(--color-black-grad50);
    --text-color: var(--color-black-grad50);
    --text-color-light: var(--color-black-grad30);
    --text-color-form-input: var(--color-black-grad20);
    --text-color-table-heading: var(--color-black-grad50);
    --hover-color : var(--brand-color-grad10);
    --selected-color : var(--brand-color-grad50);
    --element-border-color: var(--grey-color-grad30);
    --section-bg-color: var(--grey-color-grad10);
    --form-footer-bg-color: var(--grey-color-grad10);
    --primary-button-color: var(--brand-color-grad50);
    --hyperlink-color:var(--brand-color-grad50);
    --hyperlink-hover-color:var(--brand-color-grad60);
}

.color-grad-70 {
    color: var(--ns-color-grad-70) !important;
}

.color-grad-60 {
    color: var(--brand-color-grad60) !important;
}

.color-grad-50 {
    color: var(--brand-color-grad50) !important;
}

.color-grad-40 {
    color:  var(--brand-color-grad40) !important;
}

.color-grad-30 {
    color: var(--brand-color-grad30) !important;
}

.color-grad-20 {
    color: var(--brand-color-grad20) !important;
}

.color-grad-10 {
    color: var(--brand-color-grad10) !important;
}

.bg-grad-70 {
    background-color: var(--color-black) !important;
}

.bg-grad-60 {
    background-color: var(--brand-color-grad60) !important;
}

.bg-grad-50 {
     background-color: var(--brand-color-grad50) !important;
}

.bg-grad-40 {
    background-color:  var(--brand-color-grad40) !important;
}

.bg-grad-30 {
    background-color: var(--brand-color-grad30) !important;
}

.bg-grad-20 {
    background-color: var(--brand-color-grad20) !important;
}

.bg-grad-10 {
    background-color: var(--brand-color-grad10) !important;
}

.ns_header_view_panel
{
	background-color: var(--brand-color-grad70);
}
.rdx_header_dropdown_options_container
{
    background-color: var(--section-bg-color);
    box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.24);
    color: initial;
    width: 268px;
}
.rdx_header_dropdown_options_container .header_info_item_label.link:hover
{
    border-radius: 5px;
}

.ns_body {
    color: var(--text-color);
    font-weight: 400;
}

.ns_body a:link, .ns_body a:visited, ns_body button, .image_link
{
    color: var(--brand-color-grad50);
    text-decoration: none;
    cursor: pointer;
}

.ns_body a:hover
{
    color: var(--brand-color-grad60);;
    text-decoration: underline;
}
* {
    outline-color:  var(--brand-focus-outline);
}
.rdx_button, input, select {
    outline: none;
}

*[tabindex="tabindex"]:focus, *[tabindex="tabindex"]:hover
{
    outline-color:  var(--brand-color-grad40);  /* grad 40*/
    outline-style: solid;
    outline-width: 1px;
}

.ns_body input:hover:not(.rdx_button), .ns_body input:focus:not(.rdx_button), .ns_body textarea:focus, .ns_body textarea:hover, .ip_textfield:hover{
    border: 1px solid var(--brand-color-grad50);
}

.ns_body select:hover, .ns_body select:focus {
    border-color: var(--selected-color);
}

/* Buttons */

.primary_button, .rdx_blue_button
{
    background-color: var(--primary-button-color);
    color: #FFFFFF;
    border-radius: 1.42857143rem;
    height: 2.85714286rem;
    min-width: 6.85714286rem;
    font-weight: 600;
}
.primary_button:hover, .rdx_blue_button:hover {
    background-color: var(--brand-color-grad60);
}
.primary_button:active, .rdx_blue_button:active
{
    background-color: var(--selected-color);
}
.rdx_grey_button{  /* styles same to tertiary_button*/
    background: transparent none;
    padding: 0.42857143rem 2.14285714rem 0.5rem 2.14285714rem;
    border-radius: 0.14285714rem;
}

.rdx_grey_button:hover, .mask_progress_panel .section_button:hover, .multi-progress-bar .section_button:hover
{
    color: var(--brand-color-grad60);
    border-color: var(--brand-color-grad60);
}

.rdx_grey_button:hover{
    background-color: var(--hover-color);
}

.secondary_button{
    background-color: #ffffff;
    color: var(--primary-button-color);
    border: 2px solid var(--primary-button-color);
    min-width: 6.85714286rem;
    border-radius: 1.42857143rem;
    height: 2.85714286rem;
    font-weight: 600;
}
.secondary_button:active{
    border :1px solid var(--brand-color-grad50);

}

.secondary_button:hover{
    color:var(--brand-color-grad60);
    border-color : var(--brand-color-grad60);
}

.tertiary_button{
    background: transparent none ;
    color: var(--brand-color-grad50);
    padding: 0.42857143rem 2.14285714rem 0.5rem 2.14285714rem;
    border-radius: 0.14285714rem;
}
.tertiary_button.selected{
    background-color: var(--brand-color-grad60);
    color: #ffffff;
}

.tertiary_button:hover:not(.selected){
    color: var(--brand-color-grad60);
    border-color : var(--brand-color-grad60);
    background-color: var(--hover-color);
}

.primary_button:focus,.secondary_button:focus,.tertiary_button:focus,.rdx_blue_button:focus,.rdx_grey_button:focus{
    -webkit-box-shadow: 0px 0px 0px 0.07142857rem #ffffff, 0px 0px 0px 0.21428571rem var(--brand-focus-outline);
    box-shadow:  0px 0px 0px 0.07142857rem #ffffff, 0px 0px 0px 0.21428571rem var(--brand-focus-outline);
}

.rdx_button.button_small{
    height: 1.71428571rem;
    padding: 0.28571429rem 1.71428571rem 0.28571429rem 1.71428571rem;
    line-height: 50%;
    border-width: 1px;
    font-weight: 500;
}

.fileupload_browse_label {
    color: var(--brand-color-grad50);
}
.fileupload_div:hover .fileupload_textbox, .fileupload_div:hover .cus_file{
    border-color: var(--brand-color-grad60) !important;
}
.fileupload_browse_label:hover{
	color: var(--brand-color-grad60);
}
/* Select dropdown */
.ns_body .ribbon_div select.list
{
    background-color: #ffffff;
    border: 1px solid var(--brand-color-grad50);
    border-radius: 0.14285714rem;
    background: none;
    margin: 2px;
}

.ns_body .ribbon_div select.list::before {
    content: "\F11F";
    font-family: "icons";
    position: absolute;
    font-size: 12px;
    top: 0;
    left: 0;
}

.ns_body .ribbon_div select.list:hover
{
    text-decoration: none;
    color: var(--brand-color-grad60) !important;
    background-color: var(--hover-color) !important;
}

.ns_body .ribbon_div select.list:focus
{
    -webkit-box-shadow: 0px 0px 0px 1px var(--selected-color) inset, 0px 0px 0px 0.07142857rem #ffffff, 0px 0px 0px 0.21428571rem var(--brand-focus-outline);
    box-shadow: 0px 0px 0px 1px var(--selected-color) inset, 0px 0px 0px 0.07142857rem #ffffff, 0px 0px 0px 0.21428
}

/* Checkbox */
.form td input[type="checkbox"] {
    width: 16px;
    height: 16px;
    position: relative;
    vertical-align: middle;
    padding: 0px;
    margin: 5px 4px 4px 0;
    border-radius: .28571429rem;
    background-color: #FFFFFF;
    border: 2px solid #989898;
    -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
}

.form td input[type="checkbox"]:checked::after {
    content: '\F1C5';
    font-weight: 400;
    font-family: "icons";
    color: #fff;
    position: absolute;
    font-size: 12px;
    text-align: center;
    opacity: 0;
    -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
}

.form td input[type="checkbox"]:checked::after {
    opacity: 1;
}

button.btn-icon {
    color: var(--brand-color-grad50)
}

/** The following are the styles for showing the three lines menu on the header */
.hamburger-icon {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    cursor: pointer;
    background-color: var(--color-black);
    background-image: url("hamburger.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 15px solid var(--ns-color-grad-70);
    position:relative;
}

.hamburger-icon:focus, .hamburger-icon:hover{
	border-color: var(--brand-color-grad60);
	background-color: var(--brand-color-grad60);
}

.menu_opener_block{
	border: 1px solid var(--ns-color-grad-70);
	border-right: solid 1px rgba(255, 255, 255, 0.8);
    display: block;
	height: 50px;
    width: 55px;
    float: left;
}

.hamburger-icon.opened{
	background-image: url(sprite_new.png);
	background-position: -74px -232px;
}
.hamburger-icon.closed{
	background-image: url(hamburger.png);
}

.compact_layout .rdx_second_pane_container > .title_tool_bar_table {
    background-color: var(--bg-grey-grad20);
    padding: 0px 10px;
    min-height: 36px;
    line-height: 34px;
    border-bottom: 1px solid var(--element-border-color);
}
/* .compact_layout .bread_crumb_container a{
    color: #fff;
} */
.header_menu_center
{
	background-color: var(--bg-grey-grad20);
}
.ns_header .header_menu_center .left_menu a {
    color: var(--text-color-dark) !important;
}
.header_menu li:hover
{
	background-color: var(--hover-color);
}

/* Table*/
.table tr:hover td
{
    background-color: var(--hover-color);
}

/* Status Bar, Activity Bar */
.status_bar, .activity_bar {
    background-color: var(--brand-color-grad70);
    color: #ffffff;
}

/* Entity Chooser */
.entity_chooser:hover .text_input, .entity_chooser:hover .arrow {
    border-color: var(--brand-color-grad60);
}

/* Breadcrumb */
.compact_layout .rdx_slider_bread_crumb_container, .compact_layout .analytics_title_toolbar  {
    background-color: var(--bg-grey-grad30);
    border-bottom: 1px solid var(--element-border-color);
}

.bread_crumb_container .breadcrumb_sep {
    height: 22px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 7px;
    background: url(/admin_ui/rdx/core/css/sprite_new.png) -131px -363px no-repeat;
}

/* Calendar drop down */
.datepicker_component .calendar_drop_down_container:hover, .calendar_drop_down_container.calendar_time.active {
    border-color: var(--brand-color-grad60);
}
.datepicker_component_dropdown_holder .dropdown li:hover
{
    background-color: var(--hover-color);
}
.datepicker_component_dropdown_holder .dropdown li a.selected
{
    border-left: 5px solid var(--selected-color);
}
.form_buttons {
    background-color: var(--form-footer-bg-color);
}

.form .rdx_form_link:hover
{
    background: var(--hover-color);
}
.button_bar_link
{
    color: var(--brand-color-grad50) !important;
}
.op_wizard .op_wizard_right_container .op_flow_section_selected
{
    background-color: var(--hover-color);
}

.ns-spinner-container{
    align-items:center;
    background:transparent;
    display:inline-flex;
    justify-content:center;
    width:100%;
    height:100%
}
.ns-spinner {
    width: 36px;
    height: 36px;
    border: 4px solid var(--bg-grey-grad10);
    border-radius: 50%;
    border-top: 4px solid var(--brand-color-grad50);
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.ns-spinner.small {
    width: 24px !important;
    height: 24px !important;
    border: 3px solid var(--bg-grey-grad10);
    border-top: 3px solid var(--brand-color-grad50);
}

.ns-spinner.large {
    width: 96px !important;
    height: 96px !important;
    border: 9px solid var(--bg-grey-grad10);
    border-top: 9px solid var(--brand-color-grad50);
}

.loader-inline::before{
    width: 12px;
    height: 12px;
    content: '';
    display: inline-block;
    border: 2px solid var(--bg-grey-grad10);
    border-top: 2px solid var(--brand-color-grad50);
    animation: spin 2s linear infinite;
    border-radius: 50%;
}


  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

.rdx_tooltip_dialog_cell
{
    background-color: #fff;
    min-width: 180px;
    min-height: 50px;
    z-index: 5001;
    float: left;
    border-radius: 0.14285714rem;
    box-shadow: 0 0.14285714rem 0.28571429rem 0 rgba(0, 0, 0, 0.5);
    padding: 1.42857143rem 2.14285714rem;

}

.rdx_tooltip_dialog_cell .tooltip_dialog_content
{
	border-radius: 4px;
	background-color: #fff;
	position: relative;
	word-wrap: break-word;
	width: 180px;
	color: #485164;
    line-height: 1.28571429rem;
    font-weight: 400;
    font-style: normal;
}

.rdx_tooltip_dialog_cell .tooltip_dialog_learn_more_cell
{
	color: #0070bc;
	margin-top: 20px;
}

.rdx_tooltip_dialog_cell .tooltip_dialog_learn_more_cell .dialog_learn_more_content
{
	cursor: pointer;
    color: var(--brand-color-grad50);
}

.help_slider_content
{
	padding: 10px;
}

.rdx_tooltip_more_img_container
{
	padding-top: 10px;
}

.rdx_tooltip_z_index
{
	z-index: 5001;
}
.rdx_bubble
{
	position: absolute;
	display: block;
}

.rdx_bubble .bubble_arrow
{
	position : absolute;
	z-index : 5001;
	vertical-align : middle;
}

.rdx_bubble .bubble_right_arrow
{
	padding-left:10px;
	background:url('tooltip_right_arrow.png') no-repeat 0% 0%;
	display: inline-block;
	height: 18px;
	right: 0px;
}

.rdx_bubble .bubble_left_arrow
{
	padding-left:10px;
	background:url('tooltip_left_arrow.png') no-repeat 0% 0%;
	display: inline-block;
	height: 18px;
	margin-left: 1px;
	left: 0px;
}

.rdx_bubble .bubble_bottom_arrow
{
	padding-left:18px;
	background:url('tooltip_bottom_arrow.png') no-repeat 0% 0%;
	display: inline-block;
	height: 11px;
	bottom: 0px;
}

.rdx_bubble .bubble_top_arrow
{
	padding-left:18px;
	background:url('tooltip_top_arrow.png') no-repeat 0% 0%;
	display: inline-block;
	height: 11px;
	top: 0px;
}

.rdx_bubble .rdx_position_bubble_arrow_left
{
	margin-right: 9px;
}

.rdx_bubble .rdx_position_bubble_arrow_right
{
	margin-left: 10px;
}

.rdx_bubble .rdx_position_bubble_arrow_top
{
	margin-bottom: 10px;
}

.rdx_bubble .rdx_position_bubble_arrow_bottom
{
	margin-top: 8px;
}
.ns_body input[type="text"].search_bar_text_box 
{
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	padding: 10px 10px 10px 36px;
	background: #fff url('magnifier.png') no-repeat 10px 50% ;
	border-radius: 3px;
	font-size: 12px;
}

.search_bar_cancel_button
{
	position: absolute;
  	right: 2px;
  	top: 2px;
  	bottom: 1px;
  	width: 26px;
 	cursor: pointer;
  	background: #fff url('cross.png') no-repeat 0px 50%;
  	display: none;
}

.ui-autocomplete
{
	background: #fff !important
}
.ui-autocomplete .ui-menu-item
{
	border: 0 !important;
	color:#2A2723;
}

.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper{
	color:#2A2723;
	padding: 10px 5px;
	background: #fff;

}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active{
	background:  #ededef ;
	margin: 0;
}
.ns_doc_info_section{
    background: #F3F3F4;
    padding: 2px 25px 10px 15px;
    margin-left: 20px;
    font-size: 91.7%;
}

.ns_small_header h3{
    font-weight: normal;
    font-size: 150%;
}

.ns_small_header{
font-weight: normal;
   padding-bottom: 5px;
   border-bottom: 1px solid #e4e7ea;
   color: #4d4f53;
}
.ns_doc_info_section href{
    color: #0070BC;
}

.ns_doc_info_acrobat_reader_section{
    background: #FFFCD6;
    padding: 2px 25px 10px 15px;
    margin-left: 20px;
    margin-top: 15px;
}

.ns_doc_img
{
    width: 20px;
}

.doc_ns_header_title h2{
    font-size: 150%
}

.doc_ns_header_title
{

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#E1E1E1'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#E1E1E1')"; /* IE8+ */
    background-image: none;
    color: #2C2E30;
    font-weight: bold;
    margin: 10px 0 8px;
    height: 46px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px solid #e4e7ea;
}

.docs_top_vertical_align td
{
    padding-bottom: 8px;
    padding-top: 5px;
}

.docs_top_vertical_align a
{
    font-weight : bold;
}

.ns_wp_header .doc_ns_header_title
{
    padding-left: 5px;
}

.docs_top_vertical_align
{
    vertical-align: top;
    padding: 16px 15px 15px;
}

.dd_layout_border
{
    border: 1px solid #e4e7ea;
    margin: 5px 0;
}

.dd_layout_border img
{
    vertical-align: top;
}

/* Downloads */
.downloads_table td:first-child
{
    padding-left: 15px;
    width: 18px;
}

.ns_download_node
{
    padding: 0 5px;
}
.progress_bar
{
    width:100%;
    background-color: white;
}

.progress_bar table
{
    height: 100%;
    border:1px solid black;
}

.progress_bar table td
{
    height: 100%;
    padding: 0px;
    border-spacing:1px;
}

.progress_cell
{
    background: -moz-linear-gradient(left,  #00FF00,  #008000);
    background: -webkit-gradient(linear, left top, right top, from(#00FF00), to(#008000));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FF00', endColorstr='#008000'F, GradientType=1);
    background-color: #008000; /*For all other browsers*/
    background-repeat: repeat-x;
    height: 100%!important;
}

.progress_bar_hr
{
 	background: -ms-linear-gradient(top, #62aad3 0%,#097fba 100%);
	background: -moz-linear-gradient(top, #62aad3, #097fba);
	background: -webkit-gradient(linear, left top, left bottom, from(#62aad3), to(#097fba));
	background-image: -o-linear-gradient(#62aad3,#097fba);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#62aad3, endColorstr=#097fba);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#62aad3', endColorstr='#097fba')";
    border: 1px solid #999999;
    height: 100%;
    margin: 0;
    float: left !important;
}

.progress_bar_internal_text
{
	position: absolute;
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding-top: 4px;
}

.progress_bar_message_cell
{
	font-size:	100%;
}

.progress_bar_elapsed_time_cell
{
	float: right;
	font-size:	100%;
}

.progress_bar_div
{
	margin: 0 5px;
}

.item-progress-message{
    padding: 10px;
    color: #888;
}

.progressbar_cell
{
	background: none repeat scroll 0 0 #B8B8B8;
    border: 1px solid #5F5F5F;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 8px #808080 inset;
    height: 24px;
    width: 300px;
}
.progress_percent_dialog
{
	min-width: 700px;
	color: #171717;
	margin: auto;
	background-color: #FFF;
	border-radius: 4px;
	position: fixed;
	top: 40%;
	left: 35%;
	z-index: 20001;
	display: block;
    box-shadow: 0 0 10px;
}
.progress_percent_dialog .progress_bar_message
{
	margin-top: 5px;
	min-height: 20px;
	display: flex;
    justify-content: space-between;
    align-items: center;
	overflow: auto;
	width: 100%;
}
.progress_percent_dialog .progress_bar_steps
{
	min-height: 24px;
	font-size: 116.7%;
}

.progress_percent_dialog .progress_bar_time
{
	height: 24px;
	margin: auto;
	background-color: var(--bg-grey-grad10);
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	width: 80%;
	float: left;
}

.progress_percent_dialog .progress_bar_header {
    padding: 12px 24px;
    background-color:var(--brand-color-grad60);
    color: #fff;
}

.progress_percent_dialog .progress_bar_header + div{
    padding: 30px;
}

.confirm_box_for_cancel .confirm_box_heading + div button{
    margin-top:20px;
}

.progress_bar_time .progress_status_bar
{
	background: var(--brand-color-grad40);
	height: 98%;
	margin: 0;
	float: left;
    border-radius: 3px;
}
.progress_percent_dialog>div>div{
    padding: 10px 0;
}
.cross_button_div .cancel_file_upload
{
    margin-left: 10px;
}
.cancel_file_upload:hover
{
	cursor: pointer;
}
.progress_percent_dialog .close_progress_bar
{
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 20001;
	cursor: pointer;
}
.confirm_box_for_cancel
{
	width: 500px;
    margin: auto;
    background-color: #fff;
    border-radius: 4px;
    z-index: 20010;
    display: block;
    position: fixed;
    top: 50%;
    left: 38%;
    border: 1px solid #888;
    box-shadow: 0 0 10px black;
}

.confirm_box_for_cancel .confirm_box_heading{
    padding: 12px 24px;
    background-color: var(--brand-color-grad50);
    color: #fff;
}

.confirm_box_for_cancel .confirm_box_heading + div{
    padding: 30px;
    padding-top: 20px;
}

.confirm_box_for_cancel .confirm_message_for_upload
{
	min-height: 24px;
	font-size: 116.7%;
	font-weight: 500;
}
.progress_percent_dialog .cross_button_div
{
	width: 100%;
}
.mask_for_progress_window
{
	background-color: #555555;
	height: 100%;
	left: 0;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20000;
}
.multi_progress_bar_container {
	position: fixed;
	bottom: 0;
    z-index: 1009;
}
.multi-progress-bar{
	position: fixed;
	display: inline-block;
    width:500px;
    border: 1px solid #979899;
    background-color: #ffffff;
    z-index: inherit;
    color: black;
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    padding-bottom: 5px;
    transform: translateX(-50%) translateY(-50%);
    min-width: 500px;

}
.multi-progress-bar.minimize{
	position: initial;
	height: 34px !important;
    border: none;
    bottom: 0;
    left: 0;
    transform: translateX(0%);
    z-index: inherit;
    float: left;
    min-width: initial;
    margin-left: 1px;
    margin-top: 1px;
    overflow: hidden;
    width: 250px;
    max-width: 500px;/*232px*/
}
.multi-progress-bar.minimize .header-container {
    cursor: pointer;
    align-items: flex-start;
}

.multi-progress-bar.minimize.adjust-progress-width{
	min-width: 200px;
	max-width: 200px;
}
.multi-progress-bar.minimize.adjust-progress-width .header-container .button-container{
	display: none;
}
.multi-progress-bar.maximize {
    top: 50px;
    right: 0px;
    height: 85%;
    width: 80%;
}
.multi-progress-bar .header-container{
    height: 50px;
    background-color: var(--bg-grey-grad20);
    display: inline-block;
    width: 100%;
    flex-shrink: 0;
    cursor: move;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.multi-progress-bar .header-container .progress-bar-title{
	display: inline-block;
    padding: 7px;
    font-size: 16px;
}
.multi-progress-bar .header-container .progress-bar-title .title{
	margin-left: 15px;
	vertical-align: bottom;
	height: 20px;
	display: inline-block;
    height: 16px;
    line-height: 16px;
    max-width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.multi-progress-bar.minimize .header-container .progress-bar-title .title{
    display: inline-block;
    font-size: 14px;
    max-width: 100px
}
.multi-progress-bar.minimize.adjust-progress-width .header-container .progress-bar-title .title{
	width: 114px;
}
.multi-progress-bar .header-container .progress-bar-title .header-icon{
    display: inline-block;
    height: 18px;
    line-height: 24px;
    width: 24px;
    background-size: cover;
    vertical-align: bottom;
}


.multi-progress-bar .header-container .header-icon.inprogress .ns-spinner.small{
    display: inline-block;
}
.multi-progress-bar .header-container .header-icon .ns-spinner.small{
    display: none;
    width: 20px !important;
    height: 20px !important;
}
.multi-progress-bar .header-container .header-icon{
	position: relative;
}
.multi-progress-bar .header-container .header-icon:not(.inprogress)::before{
    content: '';
    font-family: 'icons';
    font-size: 1.5em;
    position: absolute;
    top: 2px;
    left: 4px;
}

.multi-progress-bar .header-container .header-icon.completed::before{
    content: "\f102";
    color: #6DC193;
}
.multi-progress-bar .header-container .header-icon.warning::before{
    content: "\f10d";
    color: #F96800;
}
.multi-progress-bar .header-container .header-icon.inprogress::before{
    width: 24px;
    height:24px;
    border-width: 3px;
 }

.multi-progress-bar .header-container .total-progress {
    margin-left: 12px;
    margin-top: 4px;
    display: inline-block;
    width: 29px;
    height: 16px;
    vertical-align: bottom;
    line-height: 16px;
}
.multi-progress-bar.minimize .header-container .total-progress{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.multi-progress-bar.minimize .header-container .progress-bar-title span.total-progress{
    display: none;
}

.multi-progress-bar.minimize .header-container .button-container{
    height:30px;
}

.multi-progress-bar.minimize .header-container .progress-bar-title .header-icon::before{
    font-size: 16px;
    top: 0;
}

.multi-progress-bar .header-container .button-container{
    margin-right: 15px;
    display: flex;
    width: 45px;
    height: 20px;
    align-items: center;
    justify-content: space-between;
}

.multi-progress-bar .header-container .button-container .button {
    border: none;
    height: 15px;
    width: 15px;
    cursor: pointer;
    background: transparent;
    position: relative;
}

.multi-progress-bar .header-container .button-container .button.minimize-button::before{
    content: "\F16D";
    font-family: 'icons';
    position: absolute;
    left: 2px;
    top: 5px;
}
.multi-progress-bar.minimize .header-container .button-container .button.minimize-button::before{
    top:6px;
}

.multi-progress-bar .header-container .button-container .button.cancel-button::before{
    content: "\F1C7";
    font-family: 'icons';
    position: absolute;
    left: 2px;
    top: 0;
}



.multi-progress-bar .multiprogress-options{
	margin-top: 12px;
    height: 33px;
    border-bottom: 1px solid #e4e7ea;
}

.multi-progress-bar .multiprogress-options .radio-button-container {
	margin-left: 15px;
	margin-top: 8px;
	width: 50%;
    display: inline-block;
}
.multi-progress-bar .multiprogress-options .radio-button-container .progress-select{
	display: inline-block;
}
.multi-progress-bar .multiprogress-options .radio-button-container li label {
    border: 1px solid #DDD;
    margin-top: 4px;
    color: #333;
 	background:#FFF;
    padding: 5px 9px 4px;
    cursor: pointer;
}
.multi-progress-bar .multiprogress-options .radio-button-containerl li:first-child label {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.multi-progress-bar .multiprogress-options .radio-button-container li:last-child label {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.multi-progress-bar .multiprogress-options .radio-button-container li:first-child label {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.multi-progress-bar .multiprogress-options .progress-select input[type="radio"]{
	appearance:none;
    width: 0 !important;
    display: inline-block;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
.multi-progress-bar .multiprogress-options .progress-select input[type="radio"]::after
{
    content: none;
}
.multi-progress-bar .multiprogress-options .progress-select input[type="radio"]:checked+label {
    background-color: var(--brand-color-grad50);
    color: #fff;
    border-color: var(--brand-color-grad50);
    text-shadow: none;
}
.multi-progress-bar .multiprogress-options .progress-select input[type="radio"]:focus+label {
    border-color: #488cca;
    box-shadow:  1px 1px #488cca;

}
.multi-progress-bar .multiprogress-options .count-container {
	display: inline-block;
	float: right;
    margin-right: 12px;
    margin-top: 12px;
    font-weight: bold;
}

.multi-progress-bar.completed .count-container .total-count,
.multi-progress-bar.inprogress .count-container .total-count{
	display: none;
}

.multi-progress-bar.completed.inprogress .count-container .total-count{
	display: list-item;
}

.multi-progress-bar.completed.inprogress .count-container .completed-count,
.multi-progress-bar.completed.inprogress .count-container .inprogress-count {
	display: none;
}

.multi-progress-bar.inprogress .count-container .inprogress-count{
	display: list-item;
}

.multi-progress-bar.completed .count-container .completed-count{
	display: list-item;
}


.multi-progress-bar .progress-item-list-container{
	max-height: calc(100% - 100px);
    overflow-y: scroll;
    font-size: 106%;
}
.multi-progress-bar .progress-item-list-container .progress-bar{
    position: relative;
    margin: 15px 0 11px 15px;
}
.multi-progress-bar.completed .progress-item-list-container .progress-bar:not([progress="100"]){
	display: none;
}

.multi-progress-bar.inprogress .progress-item-list-container .progress-bar[progress="100"]{
	display: none;
}

.multi-progress-bar.completed.inprogress .progress-item-list-container .progress-bar {
	display: list-item;
}

.multi-progress-bar .progress-item-list-container .progress-indicator-container{
    position: relative;
    width: 85%;
    background-color: white;
    height: 5px;
    border-radius: 3px;
    background: #e4e7ea;
    margin-top: 2px;
}
.multi-progress-bar .progress-item-list-container .progress-indicator-container .progress-indicator{
    position: absolute;
    width: 75%;
    top: 1px;
    height: 5px;
    /*z-index: 111;*/
    background-color: var(--brand-color-grad50);
    border-radius: 3px;
    -webkit-transition: width 2s;
    transition: width 2s;
}
.multi-progress-bar .progress-item-list-container .progress-indicator-container .progress-percent{
	float: right;
    /* margin-right: 5px; */
    position: relative;
    /*z-index: 999;*/
    font-size: 104%;
    left: 42px;
    top: -3px;
    font-weight: bold;
}

.multi-progress-bar .progress-bar .warning-container{
	margin-top: 5px;
}

.multi-progress-bar .warning-container .warning-icon{
	background:  url(sprite_new.png) no-repeat -10px -11px;
	height: 17px;
    display: inline-block;
    width: 17px;
}

.multi-progress-bar .warning-container .warning-message{
	margin-left: 4px;
    vertical-align: super;
    font-weight: bold;
    font-size: 0.846em;
}
.multi-progress-bar .warning-container.error-message-container .warning-message{
	vertical-align: 3px;
}
.multi-progress-bar .progress-bar.error{
	margin-top: 20px;
    margin-bottom: 20px;
}
.multi-progress-bar .progress-bar.error .progress-indicator{
	background-color:#ff9e47;
}

.multi-progress-bar.minimize .multiprogress-options{
	display: none
}
.multi-progress-bar.minimize .progress-item-list-container{
	display: none;
}
.multi-progress-bar .error-message-container{
	width: 100%;
    font-size: 150%;
    color: #666;
    position: absolute;
    top: 40%;
    text-align: center;
}
.multi-progress-bar .multiprogress-options.progress-window{
	display: none;
}
.multi-progress-bar .progress-item-list-container.progress-window{
	height: 100%;
}
.multi-progress-bar.minimize .warning-container.error-message-container{
	display: none;
}
.progress-mask{
	background-color: #000;
    opacity: 0.4;
    z-index: 1003;
}

.mask_progress_bar_panel
{
	min-height: 75px;
    left: 35%;
    margin: 0 auto;
    position: fixed;
    top: 30%;
    width: 300px;
    background-color: white;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    z-index: 99999;
}


.mask_progress_panel
{
    position: fixed;
    bottom: 0;
    z-index: 1000000;
}

.mask_progress_panel .progress_info_content.minimize .tabs_container
{
    display: none;
}

.mask_progress_panel .tabs_container
{
    padding: 5px 10px;
    border-bottom: 1px solid #e4e5e6;
}

.mask_progress_panel .steps,.mask_progress_panel .errors
{
    flex-shrink: 1;
    overflow: auto;
}
.mask_progress_panel .section_button, .multi-progress-bar .section_button
{
    border: 1px solid var(--element-border-color);
    color: var(--brand-color-grad50);
    background: #FFF;
    padding: 5px 9px 4px;
    cursor: pointer;
    border-radius: 4px;
}

.mask_progress_panel .tabs_container .section_button:last-child
{
    border-left: 0px;
    border-radius: 0 4px 4px 0;

}


.mask_progress_panel .tabs_container .section_button.selected
{
    background-color: var(--brand-color-grad50);
    color: #fff;
    border-color: var(--brand-color-grad50);
    text-shadow: none;
}
.mask_progress_panel .tabs_container .section_button .data-count
{
    padding: 0 5px;
}
.mask_progress_panel .tabs_container .section_button.selected .data-count
{
    color: #000
}

.mask_progress_panel .minimize .close_button_container, .multi-progress-bar.minimize .close_button_container
{
    display: none;
}

.mask_progress_panel .close_button_container,.multi-progress-bar .close_button_container
{
    text-align: right;
    background: #eee;
    padding: 11px 7px;
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: 112.5%;
}

.progress_info_content.multi-progress-bar .close_button_container
{
    flex-shrink: 0;
   /* position: static;*/
}

.mask_progress_panel .close_button_container .rdx_button,.multi-progress-bar .close_button_container .rdx_button
{
    margin-right: 5px;
    font-size: 100%;
}

.mask_progress_panel .close_button_container .operation_message,.multi-progress-bar .close_button_container .operation_message
{
    float: left;
    margin: 5px 10px;
    font-size: 108.3%;
    font-weight: 500;
}

.mask_progress_panel .progress_errors li{
    text-align:left;
    background: #fff url(loader_error.png) no-repeat 5px 2px;
    padding-left:30px;
    margin:10px;
}


.mask_progress_panel td
{
    padding-top: 3px;
    padding-bottom: 3px;
}

.mask_progress_panel .progress_title td
{
    border-bottom: 1px solid #FFF;
    padding-bottom: 10px;
    text-align: center;
}

.mask_progress_panel .progress_title td img
{
    padding-right: 4px;
}

.mask_progress_panel .progress_error_title td
{
    background-color: #ED1C24;
}

.mask_progress_panel .progress_info_content .wait_text
{
    text-align: center;
    font-size: 150%;
    color: #636e72;
    margin-top: 20%;
}

.mask_progress_panel .progress_info_content .wait_text img
{
    margin: 0 auto;
    width: 100px;
}


.progress_info_content.multi-progress-bar
{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}

.mask_progress_panel .button_bar
{
    background-color: #fff;
}

.mask_progress_panel .cancel_button
{
    height: 33px !important;
    width: 100px !important;
    color: #000;
    font-weight: bold;
    background: url('cancel_button.png') no-repeat scroll 0 2px transparent !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    padding-top: 2px;
    box-shadow: none !important;
}

.mask_progress_panel .cancel_button:hover
{
    background: url('cancel_button.png') no-repeat 0px -29px !important;
}

/*.cancel_button:disabled
{
    background: none;
}*/

.mask_progress_panel .cancel_button:active
{
    background: url('cancel_button.png') no-repeat scroll 0 -61px transparent !important;
    border: 0px !important;
    outline: none !important;
}

.mask_progress_panel .progress_info_content li
{
    list-style-type: none;
    margin: 10px;
    font-weight: normal;
    color: #000;
}

.mask_progress_panel .progress_info_content img
{
  width: 20px;
  margin-right: 10px;
}

.mask_progress_panel .progress_info_content img.warning_icon
{
    width: 28px;
    height: 22px;
    background: url(/admin_ui/rdx/core/css/sprite_new.png) no-repeat -6px -9px transparent;
}

.mask_progress_panel .progress_info_content .steps li span::before{
    margin-right: 10px;
}

.mask_progress_panel .progress_info_content ul
{
    overflow-y: auto;
    background-color: #fff;
}

.mask_progress_panel.single_progress
{
    top: 40%;
    text-align: center;
    width: auto;
    padding: 5px 10px;
    left: 40%;
    max-width: 350px;
    max-height: 140px;
    overflow-y: auto;
    box-shadow: 0 0 10px #000;
    height: auto;
    background: #fff;
    color: #636e72;
    font-size: medium;
    min-height: unset;
    display: inline-block;
    position: absolute;
    bottom: unset;
}

.mask_progress_panel.single_progress img
{
    height: 30px;
    width: 30px;
    margin-right: 5px;
}
.single_progress_bar.progress_title{
    padding: 15px;
}
.single_progress_bar.progress_title .title{
    margin: 10px auto;
}
.message_box
{
    max-height: 500px;
    min-height: 28px;
    word-wrap: break-word;
    line-height: 18px;
    font-size: 15px;
    color: var(--text-color-dark);
}

.message_box.ERROR, .message_box.ERROR_RETRY {
    left: 320px;
}

.message_box > p{
    margin: 5px 0;
}
.ui-widget.ui-widget-content.rdx_message_box
{
    z-index: 9999999 !important;
    border: none;
    border-radius: 2px;
}

.rdx_message_box .ui-widget-header .ui-icon
{
    background: url("sprite.png") no-repeat scroll -101px -88px transparent;
}

.rdx_message_box .ui-dialog-content
{
    padding: 5px 20px 5px 20px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.rdx_message_box .rdx_button_bar{
    min-height: 50px;
    margin-bottom: 20px;
}

.ui-dialog.rdx_message_box .ui-dialog-titlebar
{
    border-radius: 0;
    background-color: var(--brand-color-grad50);
    text-shadow: none;
    padding: 16px 30px;
    min-height: 60px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    line-height: initial;
}

.rdx_message_box .ui-dialog-titlebar::before
{   
    font-family: "icons";
    content:"\F105";
    color: #fff;
    position: absolute;
    font-size: 28px;
    top: 14px;

}

.rdx_message_box .ui-dialog-titlebar .ui-dialog-title{
    margin-left: 50px;
    font-weight: 400;
    font-size: 19px;
    color: #fff;
    overflow: initial;
    max-width: 460px;
}

.rdx_message_box.warning .ui-dialog-titlebar .ui-dialog-title
{
    color: #2A2723
}


.rdx_message_box .ui-dialog-content .message_box_content_container
{
    padding: 10px 10px 30px 10px;
}

.rdx_message_box .additional_action_div
{
    padding: 5px;
    margin-top: 5px;
    background-color: var(--section-bg-color);
}

.rdx_message_box .additional_action_div .rdx_check_box .rdx_check_box_label_container
{
    padding: 0px;
}

.rdx_message_box .additional_action_div > div
{
   margin: 5px 10px;
}

.rdx_message_box .ui-dialog .ui-dialog-titlebar {
    text-shadow: none;
    color: #ffffff;
}

.ui-widget.ui-widget-content.rdx_message_box.INFO .ui-dialog-titlebar{
    background-color: #0075C4;
}

.rdx_message_box.INFO .ui-dialog-titlebar::before {
    content: "\f109";
}

.ui-widget.ui-widget-content.rdx_message_box.warning .ui-dialog-titlebar{
    background-color: var(--color-amber);
}

.rdx_message_box.warning .ui-dialog-titlebar::before {
    content: "\f10d";
    color: #2A2723;
    font-weight: 200;
}


.ui-widget.ui-widget-content.rdx_message_box.success .ui-dialog-titlebar{
    background-color: #49bf62;
}

.rdx_message_box.success .ui-dialog-titlebar::before {
    content: "\F102";
}
 
.rdx_message_box.confirmation .ui-dialog-titlebar::before {
    content: "\F14A";
} 

.ui-widget.ui-widget-content.rdx_message_box.ERROR .ui-dialog-titlebar{
    background-color: #AB433F;
}

.rdx_message_box.ERROR .ui-dialog-titlebar::before {
    content: "\f109";
} 

.rdx_message_box .ui-dialog-titlebar::after{
    font-family: icons;
    content: "\f103";
    display: inline;
    font-size: 14px;
    left: 15px;
    position: relative;
    pointer-events: none;
    top: 5px;
    color: #fff;
}


.rdx_message_box.warning .ui-dialog-titlebar::after
{
    color: #2A2723;
}


.ui-dialog.rdx_message_box .ui-dialog-titlebar-close {
    opacity: 0;
    right: 1.7rem;
}

.message_box_content_container .message_box {
    font-size: 13px;
    color: var(--text-color-dark);
}

.rdx_overlay_box .action_elements table.rdx_button_bar{
	display: inline;
}


.rdx_overlay_box.ui-dialog{

  width:auto !important;
}

.rdx_overlay_box .ui-dialog-titlebar.ui-widget-header{
	background: #E5E6E6;
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid white;
    text-align: center;
}

.rdx_overlay_box .ui-dialog-content.ui-widget-content{
    background: #E5E6E6;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}


.rdx_overlay_box .ui-dialog-titlebar.ui-widget-header{
    background: #fff;
    border: none;
    padding-top: 31px;
    margin-right: 3px;
    font-size: 216.7%;
    font-weight: normal;
    color: #485164;
    text-align: left;
}

.rdx_overlay_box .ui-dialog-titlebar.ui-widget-header span.ui-dialog-title{
    display: none;
}

.rdx_overlay_box .ui-dialog-content.ui-widget-content{
    width: auto;
    min-height: 130px !important;
    max-height: none;
    padding:20px;
    height: auto;
    font-size: 150%;
    padding: 15px;
    background: #fff;
    color: #485164 !important;
 }

 .rdx_overlay_box button.ui-button.ui-widget{

    box-shadow: none;
  }

.rdx_overlay_box button.ui-button.ui-widget span.ui-button-icon{
    background: url(./icon-close.png) no-repeat;
  }

  .rdx_overlay_box button.ui-button {
    background: none;
    border: none;
  }

  .rdx_overlay_box .rdx_blue_button{
      font-size: 75%;
  }

.rdx_overlay_box .ui-dialog-content .success_icon{
    background: url(/admin_ui/rdx/core/css/icon-right.png) no-repeat center center;
    width: 100px;
    height: 66px;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    top: -28px;
}
/*
.rdx_overlay_box .rdx_button.rdx_blue_button{

    width: 41px;
    height: 28px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px;
    position: relative;
    top: 6px;
}*/
.message_container
{
    overflow: hidden;
    padding-left:5px;
    padding-bottom: 10px;
    padding-top: 5px;
    padding-right: 7px;
    text-align: left;
    color: #666666;
    display: block;
    margin-top: 60px;
    border-width:1px;
    border-radius: 5px 5px;
    border-color:#ffbe00;
    border-style:solid;
    width: auto !important;
    float: none;
    background-color:#fff799 !important;
}
.message_container .inner_message_container
{
    padding-top: 5px;
    padding-left: 5px;
}
.message_container .image_container
{
    padding: 3px;
    margin-bottom: 53% !important;
}

.message_container_success
{
    background-color: #e9f6ef;
    color: var(--text-color-dark);
    box-sizing: border-box;
    font-size:	15px;
    min-height: 48px;
}

.message_container_common::before {
    font-family: "icons";
    position: absolute;
    font-size: 22px;
    width: 6%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
}
.message_container_success::before {
    content: '\f102';
    background-color: #6dc193;
    color: #ffffff;
}

.message_container_error
{
    background-color: #feecea;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    font-size:  108.3%;
    min-height: 48px;
}

.message_container_error::before {
    content: '\f105';
    color: #ffffff;
    background-color: #f66355;
}

.message_container_common.closable::after {
    content: '\f103';
    font-family: "icons";
    color: #4f5461;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 20px;
    transform: translateY(-50%);
}


.message_container_common {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /*Firefox, other Gecko */
    box-sizing: border-box;
    font-size:  110%;
    min-height: 48px;
    width: 100%;
    position: relative;
 }

.message_container_common button + span{
    margin-left: 65px;
    padding: 15px 35px 15px 8%;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    text-align: justify;
}

.message_container_common p
{
    line-height: 20px;
    padding-right: 30px;
    margin: 0;
}

.notification_bar .message_container_success p
{
    margin-left: 6%;
    padding: 14px;
    color: #2A2723;
    font-size: 12px;
}

.message_container_success p
{
    margin-left: 50px;
    padding: 14px;
    color: #2A2723;
    font-size: 12px;
}

.message_container_warning
{
    border-color: #FFBE00;
    vertical-align: middle;
    background-color: #fff4e5;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    display: table;
}

.message_container_warning::before {
    content: '\f10d';
    color: #ffffff;
    background-color: var(--color-amber);
}
.message_container_common > p {
    padding: 15px 20px 15px 8%;
}

.message_container_info
{
    background-color: #e3f2fa;
    font-size: 12px;
}

.message_container_info::before {
    content: '\f109';
    color: #ffffff;
    background-color: #74bce7;
}

.message_container_close_image
{
    float: right;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.notification_bar
{
    width:96%;
    margin: 0 auto 5px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.notification_bar p
{
    margin: 0;
    padding-right: 20px;
    font-size: 12px;
}

.notification_bar .message_container_success
{
    margin-left: 0;
    margin-right: 0;
    padding-right: 25px;
    position: relative;
}

.message_relative_positioning
{
    position: relative;
    width: 96%;
    margin: 0 auto;
    top: 0;
}

.notifications
{
    position: fixed;
    width: 50%;
    margin-top: 10px;
    margin-left: 25%;
    top: 0;
    z-index: 10002;
}

.full_opacity
{
    opacity: 1 !important;
}

.notification_view_link
{
    padding-left: 4px;
	font-weight: bold;
}

.notification_view_link:hover
{
	cursor: pointer;
}

.notification_learn_more{
    font-weight: 700;
}

.message_container_success .message_container_close
{
    position: absolute;
    right: 10px;
    background-color: transparent;
    top: 10px;
}

.main_view_container .message_container_success
{
    background-color: transparent;
    background-position: 5px 22px;
    border: medium none;
    font-size: 208.3%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    color: #00A453;
}

.main_view_container .message_container_success .message_container_close
{
    display: none;
}

.rdx_button.rdx_blue_button.notification_bar_button
{
    position: absolute;
    top: 9px;
    right: 30px;
    width: 90px;
    height: 30px;
}

.ack_btn_holder
{
    margin: 0px 30px 10px 0;
    text-align: left;
    padding-left: 80px;
    padding-bottom: 10px;
}
.message_container_common .ack_btn_holder.pos_right{
    float: right;
    margin-top: 13px;
}

.ack_btn_holder button{
    padding: 3px 6px;
    font-size: 90%;
    cursor: pointer;
}

.ui-dialog .ui-dialog-title
{
    line-height: 25px;
}


/*While moving the splitter and on mouse hover*/
.splitter .vertical_split_bar div .move, .splitter .vertical_split_bar div:hover
{
    background: #61617D url(vgrabber.gif) no-repeat center;
}

.splitter .vertical_split_bar
{
    background-image: none;
    background-color: #E1E1E1;
    width: 4px !important;
    cursor: default!important;    /*In case col-resize isn't supported*/
}

.splitter .vertical_split_bar div {
    background: url("vgrabber.gif") no-repeat scroll center   transparent;
    position: relative;
    width: 4px;
    height: 100%;
    display: block;
    outline: none;
    cursor: e-resize;    /*In case col-resize isn't supported*/
    cursor: col-resize;
}

.splitter .horizontal_split_bar div
{
    height: 4px;
    cursor: n-resize;    /*In case row-resize isn't supported*/
    position: relative;
    outline: none;
    cursor: row-resize;
    background: #E1E1E1 url(hgrabber.gif) no-repeat center;
}

/*While moving the splitter and on mouse hover*/
.splitter .horizontal_split_bar div .move, .splitter .horizontal_split_bar:hover
{
    background: #61617D url(hgrabber.gif) no-repeat center;
}

/*Fix for splitter to work with iframe - http://forum.jquery.com/topic/jquery-splitter-not-working-over-iframe*/
.splitterMask
{
   position:absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   z-index: 20000;
}
/*Footer Status Bar*/
.activity_status_bar
{
    border:1px solid #cbcbcb;
    border-bottom: none;
    border-radius:5px 0 0 0;
    position:fixed;
    bottom:0;
    right:0;
    z-index:99999;
}

.activity_bar
{	
    padding:3px 14px;
    margin-right: -4px;
    z-index: 1;
    position: relative;
}

.status_bar
{
    font-weight: bold;
    padding:3px 14px;
}

.status_bar.no_message{
    padding: 0;
    border:none;
}

.activity_status_bar_position{
    bottom: 0px;
    display: inline-block;
    border-radius: 4px 0px 0px 0px;
}
.activity_bar span{
	display: block;
	padding-right:21px;
	background:url(status_bar_loader.gif) no-repeat 100% 70%;
}
.table
{
    border-spacing: 0;
}

.table_resize_marker
{
    background-color: #0F0F0F;
    position: absolute;
    width: 1px;
    z-index: 50000;
}

.table th:first-child
{
    border-left: none;
}

.table_view_row_editor
{
    background: url("arrow_thin.png") no-repeat center right;
}

.table_view_only_remove_row_editor
{
    background: none;
    padding-right: 0px;
}

.table_view_row_editor
{
    width: 100%;
    padding-right: 15px;
}
table.table_view_row_editor td
{
    border-bottom: none;
    padding: 5px;
}

.table_view_only_remove_row_editor .table_row_remove_link
{
    width: 20px;
   border-right: none;
}

.table_view_row_editor .table_row_remove_link
{
}

.table_view_row_editor a
{
    background: url("cross.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 14px;
    width: 15px;
    padding-right: 5px;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.table_view_row_editor a:hover
{
    opacity: 1;
    filter: alpha(opacity = 100);
}

.table .head_node
{
    width:100%!important;
    height: 100%!important;
    min-height: 100%!important;
}

.table .head_node.details_menu_icon_padding
{
    padding-left: 28px;
}
.table .head_node.menu_icon_padding
{
    padding-left: 19px;
}
/*.table .head_node:hover
{
    background: url("drag_column.png") no-repeat scroll 50% 6px;
}*/
.table_head_node_hover
{
    background: url("drag_column.png") no-repeat scroll 50% 6px;
}

.table th.hidden
{
    display: none;
}

.table div.selected
{
    background-color: #e4e7ea;
}

.table tr.hidden
{
    display: none;
}

.resize_row_cursor
{
    cursor:ew-resize!important;
}

.resize_row
{
    cursor:ew-resize!important; 
    float: left;
    height: 12px;
    width:3%;
}

td.details_link {
  white-space: nowrap;
}


.table td.info_icon_padding
{
    padding:4px 15px 4px 4px !important;
}

.op_wizard_form_panel .head_node.details_info_icon_padding
{
    padding-left: 14px;
}

.op_wizard_form_panel .head_node.details_menu_icon_padding
{
    padding-left: 28px;
}

.table img.row_update_inprogress
{
    float: right;
}

.table td.hidden
{
    display: none;
}

.table td.details table
{
    width: 100%;
    background: transparent;
}

.table td.details td
{
    background: transparent;
    vertical-align: middle;
    padding: 10px;
    border: none;
}

.table img
{
    width: auto !important;
    height: auto !important;
}

.drag_row_cursor
{
    cursor:crosshair !important;
}

.table_dragdrop_marker
{
    background-color: #0F0F0F;
    position: absolute;
    height: 1px;
    z-index: 50000;
}

.table_no_row_message
{
    text-align: center;
    font-style: italic;
    padding-left: 5px;
}


.table_form_parent_div .table .head_node .table_th_label_div input[type="checkbox"]
{
    margin-bottom: 0px;
}

ul.dragtable-sortable, ul.dragtable-sortable .table_head_node_hover
{
    cursor: move;
}

.image-icon
{
    float: right;
}

.table tr td img.image-icon
{
    visibility: hidden;
}

.table tr:hover td img.image-icon
{
    visibility: visible;
    
}

.drag-drop-move-icon-hide 
{
    display: inline-block;
    float: left;
    height: 16px;
    width: 12px;
    margin-right: 7px;
}

.drag-drop-move-icon-show
{
    background: url(/admin_ui/rdx/core/images/move-icon.png) no-repeat 0 50%;
    display: inline-block;
}

.info_view_icon
{
    width: 20px;
    height: 18px;
    left: -20px;
    vertical-align: middle;
    background: none;
    border: none;
}

tr.table_row:hover .info_view_icon,.info_view_icon:focus
{
    background: url(/admin_ui/rdx/core/images/menu-icons.png) no-repeat ;
    background-position: 0px -1px;
    cursor: pointer;
}

.inline_actions
{
    width: 20px;
    height: 18px;
    left: -20px;
    vertical-align: middle;
    background: none;
    border: none;
}

tr.table_row:hover .inline_actions ,.inline_actions:focus
{
    background: url(/admin_ui/rdx/core/images/menu-icons.png) no-repeat ;
    background-position: 0px -27px;
    cursor: pointer;

}

table.table_text_wrap td, table.table_text_wrap th{
    white-space: normal !important;
    min-width: 170px;
    vertical-align: top;
}

table.table_text_wrap td:first-child,
table.table_text_wrap th:first-child {
    min-width: 100px;
}

table.table_text_wrap td {
    padding: 6px 20px 6px 15px;
}

.table_th_label_div span.column_filter
{
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    background: url(/admin_ui/rdx/core/css/sprite_new.png) no-repeat -131px -266px;
}

.table_th_label_div span.filtered
{
    /*background-image: url('funnel-filtered.png');*/
}

/* For Compact Table */


.inline_info_expansion
{
    background: url(/admin_ui/rdx/core/images/threshold_blue_arrow.png) no-repeat center;
    width: 20px;
    height: 12px;
    float: left;
    left: -20px;
    border:0px;
    vertical-align: middle;
}

tr.table_row .inline_info_collapsed
{
    background: url(/admin_ui/rdx/core/images/threshold_gray_arrow.png) no-repeat center;
    height: 15px;
    border:0px;

}
.drag_drop_handle.drag-drop-move-icon-show
{
    background: url(/admin_ui/rdx/core/images/move-icon-horizontal.png) no-repeat 0 50%;
    display: inline-block;
    height: 11px;
    width: 16px;
    margin-right: 5px;
    visibility: hidden;
    cursor: -webkit-grab;
}

.table_th_label_div:hover .drag_drop_handle
{
    visibility: visible;
}

.table.draggable_header .table_th_label_div
{
    padding: 6px 20px 7px 4px;
}

.table.draggable_header td
{
    padding: 6px 20px 6px 30px;
}

.table.draggable_header td:first-child {
    padding-left: 25px;
}

.table.draggable_header .head_node.menu_icon_padding,.table.draggable_header .head_node.details_menu_icon_padding
{
    padding-left: 40px;
}

.table tbody tr td:first-child {
    position: relative;
    padding-left: 15px;
}

.table tbody tr td:first-child input {
    right: 0px;
    /*margin-right: 20px;*/
}


.table .truncate-cell-text {
    max-width:75px;
    word-wrap: break-word;
}

.responsive_table_parent
{
    height: 100%;
}

.responsibe_table_div
{
    height: 100%;
    width: 100%;
}

.responsibe_table_div .responsive_table_header
{
    width: 100%;
    height: 10%;
    padding: 0px;
}

.responsibe_table_div .responsive_table_header .responsive_table_each_header_div
{
    display: block;
    /* line-height: 19px; */
    float: left;
    text-align: center;
    color: #667286;
    background: var(--bg-grey-grad10);
    padding: 4px 25px 4px 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    border-left: solid 3px rgb(255, 255, 255);
}
.responsibe_table_div .responsive_table_header .responsive_table_each_header_div:first-child
{
    border-left:none;
}

.responsibe_table_div .responsive_table_header .responsive_table_each_header_div span{
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #000;
    width: auto;
    color: #000;
    padding: 3px 7px;
    margin-left: 25px;
    border-radius: 4px;
    margin-top: -40px;
    z-index: 9;
}
.responsibe_table_div .responsive_table_header .responsive_table_each_header_div:hover span{
    display: block;
}

.responsibe_table_div .responsive_table_body
{
    height: 84.3%;
    width: 100%;
    overflow-y: auto; 
}

.responsibe_table_div .responsive_table_no_data_div
{
    width: 100%;
    font-style: italic;
    padding: 15px 0px 0px 15px;
}

.responsibe_table_div .responsive_table_each_div
{
    width: 100%;
    cursor: pointer;
    overflow: auto;
    padding: 10px 0;
}

.responsibe_table_div .responsive_table_each_div.selected
{
    background-color: #CCE3F0;
}

.responsibe_table_div .responsive_table_each_div:hover responsive_table_each_body_div
{
    background-color :#ebf3fa;
}

.responsibe_table_div .responsive_table_each_body_div
{
    float: left;
    height: 100%;
}
.expand_collapse_table
{
    padding: 5px;
}

.rdx_second_pane_container
{
   /*overflow-x: auto; */
   position: relative;
}

.tree_nav_container .tree_pane {
    position: relative;
    overflow: hidden;
}
.tree_nav_container .tree_pane_wrapper{
    position: relative;
    overflow: hidden;
}

.rdx_second_pane_cell {
    overflow-y: auto;
}

.tree_pane_wrapper.scroll:hover {
     overflow-y: auto;
 }
 .scroll::-webkit-scrollbar {
    width: 12px;
 }

 .scroll::-webkit-scrollbar-track {
     /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); */
     border-radius: 10px;
 }

 .scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /* background: #999; */
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 }

.tree_nav_container {
    overflow: auto;
    min-height: inherit;
}

.tree_panel_cell.hide {
    width: 0 !important;
}

.tree_nav_container .tree_panel_cell
{
    border-right: 1px solid #e4e7ea;
    float: left;
    z-index: 999;
}

.ns_content_with_nav_tree .tree_pane
{
    padding-bottom: 10px;
}

.ns_content_with_nav_tree .tree_nav_container > tbody > tr > td
{
    padding: 0px;
}

.tree_pane .search_div
{
    padding-bottom: 5px;
}

.tree_pane .search_div input
{
    width: 100%;
    padding-left: 5px;
}

.tree_pane .search_div .clear
{
    right: 5px;
    top: -24px;
    width: 22px;
    float: right;
}

.show_hide_license_link
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    position: relative;
    top: -2px;
    z-index: 1;
    height: 32px;
    font-style: italic;
    font-weight: bold;
    font-size: 108.3%;
    padding-left: 10px;
}

.show_hide_license_link a
{
    padding-left: 4px;
}

.tree_div
{
    padding: 0px;
}

.tree_div_with_features_link
{
    border-bottom: none;
}

ul.dynatree-container
{
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    border: none;
    display: inline;
}

ul.dynatree-container li
{
    background-image: none;
    padding: 0px;
    display: block;
}

ul.dynatree-container > li .dynatree-node.depth-0{
    display: none; /*hide root node*/
}

span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker
{
    background-image: none;
}

.dynatree-exp-cl span.dynatree-expander
{
    background-position: center center;
}

span.dynatree-icon /* Default icon */
{
    margin: 0px 2px 2px 0px;
}

.tree_nav_container ul.dynatree-container a
{
    margin-left: 0px;
    padding: 0px;
    color: var(--color-black-grad50) !important;
    border: 1px solid transparent;
}

ul.dynatree-container a:hover
{
    text-decoration: none;
    color: var(--color-black-grad50);
}

span.dynatree-document a,
span.dynatree-folder a
{
    padding: 0px 1px;
}

span.dynatree-folder a
{
    font-weight: normal;
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link  /* @IE */
{
    background-color: transparent; /* gray */
    border: 1px solid #5A5A5A;
}

span.dynatree-active a
{
    background-color: #e4e7ea !important;
    border: 1px solid #5A5A5A !important;
}

span.accordion span.dynatree-icon,
span.accordion_disabled span.dynatree-icon,
span.accordion_unlicensed span.dynatree-icon,
span.accordion_folder span.dynatree-icon,
span.accordion_folder_disabled span.dynatree-icon,
span.accordion_folder_unlicensed span.dynatree-icon
{
    background-image: url("accordion_folder.png");
    background-position: 0px 2px;
}

span.accordion_document span.dynatree-icon,
span.accordion_document_disabled span.dynatree-icon,
span.accordion_document_unlicensed span.dynatree-icon
{
    background-image: url("accordion_document_plain.png");
    background-position: 0px 2px;
}

span.accordion-active a
{
    background-color: transparent !important;
    border: 1px solid #5A5A5A !important;
}

ul.dynatree-container .accordion, ul.dynatree-container .accordion_disabled, ul.dynatree-container .accordion_unlicensed
{
    width:100%;
    height:20px;
    overflow:hidden;
    cursor:pointer;
    vertical-align:middle;
    background-repeat:repeat-x;
    display:table-cell;
    background-image:url("partgrad.gif");
}

.tree_panel_cell .information_box
{
    border: 1px solid #cce2f3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 0 0;
    padding: 0 0 10px;
}

.tree_panel_cell .information_box_header
{
    background: #cce2f3 url("/admin_ui/rdx/core/images/info.png") no-repeat 8px 50%;
    padding: 8px 10px 8px 30px;
    border: 1px solid #fff;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    font-weight: bold;
}

.tree_panel_cell .information_box_text
{
    padding: 10px 10px 10px 30px;
    font-size: 91.7%;
}

.tree_panel_cell .information_box_link
{
    padding: 0px 30px;
    cursor: pointer;
    color: #0070BC;
}

.tree_panel_cell .tree_menu
{
    min-height: 25px;
    padding: 0px 0;
    padding-left: 0px;
    border: 0px;
    margin-top: 0px;
}

.tree_pane span.dynatree-node > .favourite {
  background: url(/admin_ui/rdx/core/css/Favourite-outline.svg) no-repeat -1px -1px;
  width: 16px;
  height: 16px;
}

.tree_pane span.dynatree-icon.favourite{
    background: url(/admin_ui/rdx/core/css/Favourite-filled.svg) no-repeat -1px -1px;
}
.tree_pane span.dynatree-node:hover > .dynatree-icon:not(.favourite) ,
.tree_pane .dynatree-icon:not(.favourite):focus,
.tree_pane span.dynatree-node:hover > .dynatree-icon:not(.favourite){
    background: url(/admin_ui/rdx/core/css/Favourite-outline.svg) no-repeat -1px -1px;
    width: 16px;
    height: 16px;

}

.tree_panel_cell .tree_menu a, .tree_panel_cell .tree_menu a:hover, .tree_panel_cell .favourites_list a
{
    display: inline-block;
    position: relative;
    top: 8px;
    height: auto;
    padding-top: 0!important;
    text-decoration: none;
    background-color: transparent !important;
    border: 0 none !important;
    color: #2A2723 !important;
    text-decoration: none;
}

.tree_panel_cell .favourites_list a:hover
{
    text-decoration: none;
    color: #2A2723 !important;
}

.tree_panel_cell .favourite_item_contents .dynatree-icon.favourite{
    position: relative;
    top: -1px;
}

.tree_panel_cell .favourite_item_contents .title
{
    min-width: 140px;
    font-size: 14px;
    color: #000;
    width: calc(91% - 56px);
    white-space: normal;
    padding-left: 6px;
}
.tree_panel_cell .favourite_item.active .favourite_item_contents .title
{
    font-weight: 600;
}

.tree_panel_cell .favourites_list .favourites_icon, .menu_icon
{
    height: 16px;
    width: 17px;
    float: left;
    position: relative;
    top : 3px;
    left: 6px;
    margin: 0px 7px 7px 2px;
}

.tree_panel_cell .favourites_list .favourite_title{
    font-size: 14px;
    padding-left:10px;
    font-weight: 500;
}

.tabs-menu .favourites_list .favourites_icon{
    display: none;
}
.tabs-menu .favourite_list_content{
    padding-left: 22px;
}
.tabs-menu .favourites_list .favourite_title{
    padding-left: 0;
}
.tabs-menu .favourite_item .favourite_item_contents{
    padding-left: 30px;
}

.tree_panel_cell .favourites_container
{
    height: auto;
    width: 100%;
    background:var(--bg-grey-grad10);
    border-bottom: 1px solid #ccc;
}

.tree_panel_cell .favourite_item
{
    min-height: 32px;
    width: 100%;
    cursor: pointer;
    padding: 7px 0 7px 7px;
}

.tree_panel_cell .favourite_item .favourite_item_contents
{
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 46px;
    font-size: 14px;
    font-weight: 300;
}

.tree_panel_cell .favourite_item .favourite_item_contents .dynatree-icon.favourite {
    background: url(/admin_ui/rdx/core/css/Favourite-filled.svg) no-repeat -1px -1px;
    margin:0  !important;
}

.tree_panel_cell .favourites_parent
{
    height: auto;
    width: 100%;
}

.tree_panel_cell .favourite_item:hover .title
{
    color: var(--brand-color-grad50);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

.tree_panel_cell.favourite_item.active
{
    background-color: var(--charcoal-grey-grad20) !important;
    font-weight: 600;
}
.tree_panel_cell .favourites_list:not(.closed)  {
    background: var(--bg-grey-grad10);
}

.tree_panel_cell .tree_menu:not(.closed) .menu_expander, .tree_panel_cell .favourites_list:not(.closed) .favourites_menu_expander {
    float: right;
    position: relative;
    top: 8px;
    padding-right: 30px;
    height: 18px;
    background: url(/admin_ui/rdx/core/css/sprite_new.png) -0px -363px no-repeat;
}

.tree_panel_cell .tree_menu.closed .menu_expander, .tree_panel_cell .favourites_list.closed .favourites_menu_expander {
    float: right;
    position: relative;
    top: 6px;
    padding-right: 30px;
    height: 18px;
    background: url(/admin_ui/rdx/core/css/sprite_new.png) -127px -363px no-repeat;
}

.tree_panel_cell.tree_menu .menu_content, .favourite_list_content{
    padding-left: 10px;
    height: 46px;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: hidden;
  }


.tree_panel_cell .search-clear
{
    background: url(/admin_ui/rdx/core/css/sprite_new.png) no-repeat -94px -153px;
    height: 14px;
    width: 14px;
    position: absolute;
    right: 36px;
    opacity: 0.8;
    cursor: pointer;
    top: 11px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.tree_panel_cell .search-clear:hover
{
    opacity: 1;
}

.tree_panel_cell .tree-search::before {
    position: absolute;
    top: 6px;
    left: 14px;
    content: "";
    width: 24px;
    height: 24px;
    background: url(/admin_ui/rdx/core/css/search-outline.svg);
}
.tree_panel_cell .tree-search-text
{
    background: #ffffff;
    height: 36px;
    width: 100%;
    padding-left: 56px;
    border-radius: 0 !important;
    margin: 0px  !important;
    font-size: 14px;
    color: #555555;
    border: 1px solid transparent;
    border-bottom: 1px solid #e4e7ea;
}

.tree_panel_cell .tree-search-text::-webkit-input-placeholder, .tree_panel_cell .tree-search-text::-moz-placeholder, .tree_panel_cell .tree-search-text:-ms-input-placeholder{
    font-size: 14px;
    color: #555555;
}
.tree_panel_cell .tree-search-text:focus{
    border: 1px solid #691cc2;
}

.tree_panel_cell .tree_search_suggestion{
    height: auto;
    max-height: 400px;
    overflow-y: auto!important;
    background-color: #ffffff;
    position: absolute;
    z-index: 1000;
    margin-right: 8px;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 0px 2px 5px 0px #7d91aa;
}

.tree_panel_cell .tree_search_suggestion::-webkit-scrollbar
{
	width: 8px;
	background-color: transparent;
}
.tree_panel_cell .tree_search_suggestion::-webkit-scrollbar-thumb
{
	border-radius: 4px;
    background: rgb(118, 118, 118, 50%);
    width: 8px;
    border: none;
    background-color:none;
}

.tree_panel_cell .tree_search_suggestion_option {
    min-height: 32px;
    height: auto;
    cursor: pointer;
    padding: 10px;
    font-size: 108.3%;
    color: var(--hyperlink-color);
    border-top: 1px solid var(--bg-grey-grad30);
}

.tree_panel_cell .tree_search_suggestion_option .node-separator
{
    background: url(sprite_new.png) -130px -366px no-repeat transparent;
    display: inline-block;
    height: 14px;
    width: 24px;
}

.tree_panel_cell .tree_search_suggestion_option:hover
{
    color: var(--hyperlink-hover-color);
    background-color: var(--bg-grey-grad10);
}
.tree_panel_cell .tree_search_suggestion_option:focus, .tree_search_suggestion_option:active{
    border: 1px solid var(--brand-color-grad50);
}

.tree_panel_cell .favourites_icon
{
    width: 24px !important;
    height: 24px !important;
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat  -16px -21px;
    left: 4px;
}

.tree_panel_cell .menu_icon
{
    background: url("menu.png") center center no-repeat transparent;
}

/* New Styles for tree Menu */
    .tabs-menu ul.dynatree-container .dynatree-node.depth-1 {
        padding-left: 20px;
    }
    .tree_pane .dynatree-container .dynatree-lastsib span.dynatree-node {
        position: relative;
        height: auto;
    }
    .tree_pane .dynatree-container li>ul {
        display: flex;
        flex-direction: column;
    }
    .tree_pane .dynatree-container .dynatree-node.depth-1 {
        height: 46px !important;
    }

    .tree_pane ul.dynatree-container .dynatree-node.depth-2 {
        padding-left: 36px;
    }
    .tree_pane ul.dynatree-container .dynatree-node.depth-3 {
        padding-left: 52px;
    }
    .tree_pane ul.dynatree-container .dynatree-node.depth-4 {
        padding-left: 68px;
    }
    .tree_pane ul.dynatree-container .dynatree-node.depth-5 {
        padding-left: 86px;
    }
    .tree_pane ul.dynatree-container .dynatree-node.depth-6 {
        padding-left: 102px;
    }
    .tree_pane ul.dynatree-container .dynatree-node.depth-7 {
        padding-left: 118px;
    }

    .tree_pane ul.dynatree-container .dynatree-lastsib  ul li ul li span.dynatree-node span.dynatree-expander{
      top:6px !important;
      right: 0px !important;
      position: absolute;
      width: 30px;
   }
   .tree_pane ul.dynatree-container .dynatree-lastsib ul {
       margin: 0;
   }
   .tree_pane ul.dynatree-container .dynatree-lastsib ul li span{
       font-weight: 500;
       padding: 8px 0;
       vertical-align: middle;
   }
   .tree_pane ul.dynatree-container .dynatree-lastsib >ul >li:hover,
   .tree_pane ul.dynatree-container .dynatree-lastsib >ul >li:hover >.dynatree-title {
        color: var(--brand-color-grad50)! important;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
   }

   .tree_pane ul.dynatree-container .dynatree-lastsib ul li.dynatree-lastsib{
       background: none;
   }
   .tree_pane ul.dynatree-container .dynatree-lastsib  >.dynatree-active{
       position: relative;
       border: none  !important;
   }
   .tree_pane ul.dynatree-container .dynatree-title{
       font-size: 14px;
   }
   .tree_pane ul.dynatree-container > li.dynatree-lastsib > ul  >span.dynatree-node{
       min-height: 40px;
       padding: 8px 0 8px 42px !important;
   }
   .tree_pane ul.dynatree-container > li.dynatree-lastsib > ul >  #TreeMAS >[id^="TreeMAS"] >ul{
       padding-left: 34px !important;
   }
    /* collapsed menu expand indicator */
   .tree_panel_cell {
       position: relative;
   }
   .tabs-menu .collapsed-nav-toggle-icon{
       display: none !important;
   }

   /* Added for new sidebar */
   span.dynatree-node{
       display: flex;
       align-items: center;
   }

   /* styles for expanded menu */
   .dynatree-has-children.dynatree-active{
       color: #2A2723 !important;
   }
   ul.dynatree-container li > ul > li > ul > li:hover > span > a{
       color: var(--brand-color-grad60) !important;
       transition: all .4s ease-in-out;
       -webkit-transition: all .4s ease-in-out;
   }

   .tree_pane .dynatree-container li[node-group="active"],
   .tree_pane .dynatree-container li[node-group="active"]:hover{
     background-color: var(--bg-grey-grad10) !important;
   }

   .tree_pane ul.dynatree-container>li>ul>li[node-group="active"]>.dynatree-expanded.dynatree-active::before
   {
       content: '';
       position: absolute;
       left: 2px;
       top: 2px;
       width: 4px;
       background: var(--brand-color-grad50);
       height: 42px;
       border-top-left-radius: 4px;
       border-top-right-radius: 4px;
       border-bottom-left-radius: 4px;
       border-bottom-right-radius: 4px;
   }

   ul.dynatree-container .dynatree-lastsib  ul >li span.dynatree-node.dynatree-exp-c.dynatree-active:not(.dynatree-has-children) .dynatree-title{
       font-weight: 600;
   }
   ul.dynatree-container > li > ul > li > .dynatree-node:hover >.dynatree-title{
       color:var(--brand-color-grad50) !important;
       transition: all 0.4s ease-in-out;
       -webkit-transition: all 0.4s ease-in-out;
       -moz-transition: all 0.4s ease-in-out;
   }
    /* Landing Page Icon */
    .tree_pane .dynatree-node .landing_page_icon.default_page
   {
       position: relative;
       display: inline-block;
       cursor: pointer;
       height: 16px;
       width: 16px;
   }
    .tree_pane .landing_page_icon{
       position: relative;
       display: inline-block;
       cursor: pointer;
       height: 16px;
       width: 16px;
       padding: 0;
    }
    .tree_pane:hover .dynatree-active .landing_page_icon:before{
       cursor: pointer;
       position: absolute;
       content: '' !important;
       width:16px;
       height: 16px;
       background: url(/admin_ui/rdx/core/css/home-outline.svg) no-repeat;
       background-size: contain;
       top:0;
       left: 0;
    }
    .tree_pane:hover .dynatree-active .landing_page_icon:before,
   .dynatree-node .landing_page_icon:focus::before,
   .favourites_container:hover .favourite_item.active .landing_page_icon:before,
   .tree_pane .landing_page_icon:focus::before
   {
       background: url(/admin_ui/rdx/core/css/home-outline.svg) no-repeat;
       background-size: contain;
   }
    .tree_pane .dynatree-node .landing_page_icon.default_page:before,
    .tree_pane .favourites_container .favourite_item .landing_page_icon.default_page:before{
       content: " ";
       font-size: 16px;
       vertical-align: middle;
       color: var(--brand-color-grad50);
       outline-color:  var(--brand-focus-outline) !important;
       background: url(/admin_ui/rdx/core/css/home-filled.svg) no-repeat;
       background-size: contain;
       width: 16px;
       height: 16px;
       position: absolute;
       top:0;
       left:0;
    }

    /* tooltip */
    .tree_pane .landing_page_icon::before:hover + .landingpage-tooltip{
        display: block;
    }
    .tree_pane .landingpage-tooltip{
        background: #000000;
        min-width: 160px;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 14px;
        position: relative;
        top: -50px;
        left: -73px;
        border-radius: 4px;
        padding: 8px !important;
        z-index: 100;
    }
    .tree_pane .landingpage-tooltip::before{
       content: '';
       position: absolute;
       display: block;
       width: 0px;
       left: 50%;
       top: 13px;
       border: 15px solid transparent;
       border-bottom: 0;
       border-top: 15px solid #000000;
       transform: translate(-15px,20px);
    }

    .tree_nav_container .dynatree-container li[node-state="active"] > span{
        background-color: var(--charcoal-grey-grad20) !important;
        font-weight: 600;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
    }

    .tree_nav_container .tree_panel_cell .tree_divider {
        background-color: #D9D9D9;
        height: 1px;
        margin-top: 24px;
    }


/* Styles for collapsible menu/ tree menu */

/* Style for the legacy tree with collapsible behaviour */

.tree_panel_cell.collapsible-menu.expanded .tree_pane_wrapper.scroll {
    margin-right: 8px;
}

.tree_panel_cell.collapsible-menu.expanded .tree_pane_wrapper.scroll:hover {
    margin-right: 0px;
}

.tree_nav_container .collapsible-menu .tree_pane {
    position: relative;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
}

.collapsible-menu.collapsed:not(.overlay) .favourites_list .favourite_title {
    padding-left: 17px;
}

.tree_nav_container .collapsible-menu.collapsed:not(.overlay) .favourite_title,
.tree_nav_container .collapsible-menu.collapsed:not(.overlay) .favourites_menu_expander {
    display: none;
}

.collapsible-menu.collapsed:not(.overlay) ul.dynatree-container .dynatree-lastsib span.dynatree-node {
    transition: none;
}

.tree_panel_cell.collapsible-menu .dynatree-container .dynatree-node.depth-1 {
    padding-left: 52px;
}

.tree_panel_cell.collapsible-menu .nav-toggle {
    right: 0px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 24px;
    height: 24px;
}

.tree_panel_cell.collapsible-menu .nav-toggle.at_search {
    top: 6px;
    right: 9px;
    position: absolute;
}

.tree_panel_cell.collapsible-menu .nav-toggle.bottom {
    position: absolute;
    bottom: 10px;
    right: 8px;
    z-index: 9999;
    border: 1px solid #e6e6e6;
}

.collapsible-menu.tree_panel_cell.overlay .nav-toggle.at_search {
    background: url(/admin_ui/rdx/core/css/expand-ico.png) no-repeat -3px !important;
}

.collapsible-menu.tree_panel_cell.overlay .nav-toggle.bottom {
    background: var(--bg-grey-grad20) url(/admin_ui/rdx/core/css/expand-ico.png) no-repeat -3px -5px !important
}

.collapsible-menu.tree_panel_cell.expanded .nav-toggle.at_search {
    background: var(--bg-grey-grad20) url(/admin_ui/rdx/core/css/collapse-ico.png) no-repeat -3px !important
}

.collapsible-menu.tree_panel_cell.expanded .nav-toggle.bottom {
    background: var(--bg-grey-grad20) url(/admin_ui/rdx/core/css/collapse-ico.png) -3px -5px no-repeat !important;
}

.collapsible-menu.tree_panel_cell.collapsed .collapsed-nav-toggle-icon {
    background: url(/admin_ui/rdx/core/css/expand-ico.png) no-repeat !important;
    border: 1px solid rgb(230, 230, 230);
    height: 32px !important;
    width: 32px !important;
    position: fixed;
    bottom: 20px !important;
    display: flex;
    z-index: 99999;
    align-items: center;
    justify-content: center;
    left: 11px;
    border-radius: 50%;
}

/* Expanded Menu Icons  */
.tree_panel_cell.collapsible-menu ul.dynatree-container>.dynatree-lastsib>ul li>span.dynatree-node::after {
    position: absolute;
    top: 12px;
    left: 18px;
    content: "";
    width: 24px;
    height: 24px;
}

/* Default menu icons position for both Collapsed and Expanded Menu */
.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-lastsib ul li .applications::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -16px -61px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .infrastructure::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -16px -101px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .flexedlicense::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -16px -581px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .itm::after {
    background: url(/admin_ui/rdx/core/css/dns.svg) center/contain no-repeat;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .gateway::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -16px -181px;
    width: 25px !important;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .security::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -16px -141px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .sys-settings::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -16px -221px;
    height: 26px !important;
    width: 26px !important;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .adm_dashboard::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -16px -341px;
}

.collapsible-menu.collapsed:not(.overlay) .tree_footer_container .cloud {
    background-image: url(/admin_ui/rdx/core/css/cloud_migration.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-lastsib ul li .help::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -16px -261px;
} */

/* Hover menu icons position for both Collapsed and Expanded Menu*/

.tree_panel_cell.collapsible-menu ul.dynatree-container .adm_dashboard:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -341px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .applications:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -61px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .infrastructure:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -101px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .itm:hover::after {
    background-color: var(--brand-color-grad50);
    mask: url(/admin_ui/rdx/core/css/dns.svg) center/contain no-repeat;
    -webkit-mask: url(/admin_ui/rdx/core/css/dns.svg) center/contain no-repeat;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .gateway:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -181px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .security:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -141px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .flexedlicense:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -581px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .sys-settings:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -221px;
} */

/* Active menu icons position for both Collapsed and Expanded Menu*/

.tree_panel_cell.collapsible-menu ul.dynatree-container>li>ul>li[node-group="active"]>.dynatree-expanded.dynatree-active.applications::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -61px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container>li>ul>li[node-group="active"]>.dynatree-expanded.dynatree-active.infrastructure::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -101px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container>li>ul>li[node-group="active"]>.dynatree-expanded.dynatree-active.itm::after {
    background: url(/admin_ui/rdx/core/css/dns.svg) center/contain no-repeat;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container>li>ul>li[node-group="active"]>.dynatree-expanded.dynatree-active.gateway::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -181px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container>li>ul>li[node-group="active"]>.dynatree-expanded.dynatree-active.security::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -141px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container>li>ul>li[node-group="active"]>.dynatree-expanded.dynatree-active.sys-settings::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -221px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container>li>ul>li[node-group="active"]>.dynatree-expanded.dynatree-active.adm_dashboard::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -341px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container>li>ul>li[node-group="active"]>.dynatree-expanded.dynatree-active.help::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -261px;
    width: 26px;
    height: 26px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container>li>ul>li[node-group="active"]>.dynatree-expanded.dynatree-active.flexedlicense::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -581px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container li[node-group="active"] .help::after,
.tree_panel_cell.collapsible-menu ul.dynatree-container .help:hover:after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -261px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .help:hover:after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -261px;
}

.collapsible-menu.tree_panel_cell.overlay {
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 24%);
    position: absolute;
    left: 0;
    width: 299px !important;
    display: block !important;
    z-index: 9999;
    background: #fff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}

.collapsible-menu.tree_panel_cell.collapsed:not(.overlay) {
    position: absolute;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    width: 60px !important;
    overflow: hidden;
}

.collapsible-menu.tree_panel_cell.collapsed:not(.overlay) .dynatree-title,
.collapsible-menu.tree_panel_cell.collapsed:not(.overlay) .landing_page_icon.default_page {
    display: none;
}

.collapsible-menu.tree_panel_cell.expanded {
    width: 300px !important;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    overflow: initial;
}

/* menu open and close and collapsable */
.collapsible-menu.tree_panel_cell.expanded .collapsed-nav-toggle-icon,
.collapsible-menu.tree_panel_cell.collapsed.overlay .collapsed-nav-toggle-icon,
.collapsible-menu.tree_panel_cell.collapsed .nav-toggle {
    display: none !important;
}

.collapsible-menu.tree_panel_cell.collapsed:not(.overlay) .favourites_container,
.collapsible-menu.tree_panel_cell.collapsed:not(.overlay) li.dynatree-lastsib ul li ul,
.collapsible-menu.tree_panel_cell.collapsed:not(.overlay) .dynatree-expander {
    visibility: hidden !important;
    height: 0;
    width: 0;
}

.collapsible-menu.tree_panel_cell.collapsed.overlay .nav-toggle,
.collapsible-menu.tree_panel_cell.expanded [data="current-expanded-node"] {
    display: inline !important;
}

.collapsible-menu.tree_panel_cell.overlay .favourites_container .favourite_item {
    background: var(--bg-grey-grad20);
}

.collapsible-menu.tree_panel_cell.expanded~.rdx_second_pane_cell {
    margin-left: 300px !important;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-lastsib ul li span.help {
    text-align: left;
}

.tree_nav_container .tree_panel_cell.collapsible-menu.collapsed:not(.overlay) .footer_icon_container {
    height: 45px;
    width: 45px;
    margin-left: 7px;
    margin-top: 14px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
}

.tree_nav_container .collapsible-menu.collapsed.overlay .tree_footer_content,
.tree_nav_container .expanded .tree_footer_content {
    margin: 18px 0 0 24px;
    padding-bottom: 24px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-lastsib ul li .tasks-incomplete::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: red;
    border-radius: 50%;
    left: 20px;
    top: 2px;
    z-index: 50;
    border: 1px solid var(--brand-color-grad60);
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .tasks-incomplete::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -16px -381px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .tasks-incomplete:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -381px !important;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-active.tasks-incomplete::after,
.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-expanded.tasks-incomplete::after,
.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-active.tasks-incomplete::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -381px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-lastsib.dynatree-exp-cl.dynatree-active.tasks-incomplete:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -381px !important;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .tasks-complete::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -16px -381px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .tasks-complete:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -381px !important;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-active.tasks-complete::after,
.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-expanded.tasks-complete::after,
.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-active.tasks-complete::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -381px;

}

.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-active.tasks-complete:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -381px !important;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .tasks-complete:hover::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -381px !important;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container .dynatree-lastsib ul li .telemetry::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -16px -622px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container>li.dynatree-lastsib>ul>li:hover .telemetry::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -622px;
}

.tree_panel_cell.collapsible-menu ul.dynatree-container>li>ul>li[node-group="active"]>.dynatree-active.telemetry::after {
    background: url(/admin_ui/rdx/core/css/TreeMenu_Sprite.png) no-repeat -56px -622px;
}


.nav_menu_container {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    position: relative;
}

.nav_menu_container .nav_menu_wrapper {
    min-width: 256px;
    background: var(--brand-color-grad70);
    margin-top: 0;
    overflow: hidden;
    transition: width 0.3s ease;
}

/*
Navigation Menu States

1. Primary Collapsed, Node Not Selected & Secondary Collapsed/NA

2. Primary Collapsed, Node Hovered & Secondary Collapsed/NA

3. Primary Collapsed, Node Hovered & Secondary Expanded

4. Primary Collapsed, Node Selected & Secondary Collapsed/NA

5. Primary Collapsed, Node Selected & Secondary Expanded

6. Primary Expanded, Node Not Selected & Secondary Collapsed/NA

7. Primary Expanded, Node Hovered & Secondary Collapsed/NA

8. Primary Expanded, Node Hovered & Secondary Expanded

9. Primary Expanded, Node Selected & Secondary Collapsed/NA

10. Primary Expanded, Node Selected & Secondary Expanded

*/

.nav_menu_container .nav_menu_wrapper.primary-expanded.secondary-expanded,
.nav_menu_container .nav_menu_wrapper.primary-collapsed.secondary-expanded {
    width: 256px;
}

.nav_menu_container .nav_menu_wrapper.primary-collapsed.secondary-collapsed {
    width: 48px;
    min-width: 48px;
}
.nav_menu_container .nav_menu_wrapper.navExpand {
    width: 256px;
}

.nav_menu_container .nav_menu_wrapper.navCollapse {
    min-width: 0 !important;
    width: 0 !important;
}
.nav_menu_wrapper.navCollapse .exp-btn-holder {
    display: none !important;
}

.nav_menu_wrapper .dynatree-container li[node-group="active"]>.dynatree-node,
.nav_menu_wrapper .dynatree-container li[node-group="active"]>.dynatree-node:hover {
    background-color: var(--brand-color-grad50) !important;
}

.nav_menu_wrapper .dynatree-container li[node-state="active"]>.dynatree-node,
.nav_menu_wrapper .dynatree-container li[node-state="active"]>.dynatree-node:hover {
    background-color: var(--brand-color-grad50) !important;
}

.nav_menu_wrapper ul.dynatree-container .dynatree-node.dynatree-active {
    background-color: var(--brand-color-grad50) !important;
}

@keyframes slideaway {
    from { display: block; }
    to { transform: translateX(-40px); opacity: 0;}
}

.nav_menu_wrapper.primary-expanded ul.dynatree-container > li > ul > li {
    display: flex;
    flex-direction: column-reverse;
}

.nav_menu_tree .dynatree-node.dynatree-has-children.depth-1 + ul {
    position: absolute;
    top: -5px;
    left: 256px;
    width: 208px !important;
    overflow: auto;
    background: #034C59;
    height: 100%;
    z-index: 999;
    display: none;
    transition: left 0.3s ease;
    padding-top: 16px !important;
}

.nav_menu_wrapper.primary-collapsed .dynatree-node.dynatree-has-children.depth-1+ul {
    left: 48px !important;
}

.nav_menu_wrapper.primary-collapsed .dynatree-container .dynatree-node.depth-1 * {
    display: none;
}

.nav_menu_tree li:hover > .dynatree-node.dynatree-has-children.depth-1+ul {
    display: block;
    width: 208px;
}

.nav_menu_tree li[node-state="active"]>.dynatree-node.dynatree-has-children.depth-1+ul,
.nav_menu_tree li[node-group="active"]>.dynatree-node.dynatree-has-children.depth-1+ul {
    display: block;
}

.nav_menu_wrapper.primary-collapsed.secondary-collapsed .nav_menu_tree li[node-group="active"]>.dynatree-node.dynatree-has-children.depth-1+ul {
    display: none !important;
}

.nav_menu_wrapper.primary-collapsed.secondary-expanded .nav_menu_tree li[node-group="active"]>.dynatree-node.dynatree-has-children.depth-1+ul,
.nav_menu_wrapper .nav_menu_tree .dynatree-node.dynatree-has-children.depth-1.dynatree-active+ul {
    display: block !important;
    width: 208px;
}

.nav_menu_container .nav_menu_wrapper ul.dynatree-container {
    background-color: inherit !important;
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
}

.nav_menu_container .menu_content_wrapper {
    flex-grow: 1;
}

ul.dynatree-container li ul li {
    min-height: 36px;
    padding: 0px;
    border: 0px;
    margin-top: 0px;
}

.nav_menu_container ul.dynatree-container a.dynatree-title {
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: normal;
    margin-left: 10px;
}

.nav_menu_container ul.dynatree-container a.dynatree-title:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.nav_menu_container ul.dynatree-container .depth-2>a.dynatree-title {
    max-width: 120px;
}

.nav_menu_container ul.dynatree-container>li>ul>li>.dynatree-node:hover>.dynatree-title {
    color: #ffffff !important;
}

.nav_menu_container .dynatree-container .dynatree-node.depth-1 {
    height: 36px !important;
    padding-left: 26px;
    min-width: 36px;
    cursor: pointer;
}

.nav_menu_container .dynatree-container .dynatree-expander,
.nav_menu_container .dynatree-container .dynatree-connector,
.nav_menu_container .dynatree-container .dynatree-icon {
    cursor: pointer;
    float: right;
}

.nav_menu_container .dynatree-container .dynatree-node.depth-1 .dynatree-icon {
    display: none !important;
}

.nav_menu_container .dynatree-container .dynatree-node.dynatree-has-children.depth-1 .dynatree-expander {
    background: url("/admin_ui/rdx/core/css/angle_right_18_20.svg") no-repeat;
    background-size: contain;
    margin-top: 2px;
    height: 16px;
    width: 16px;
}

.nav_menu_container .dynatree-container .dynatree-node.dynatree-has-children.depth-2 .dynatree-expander {
    background: url("/admin_ui/rdx/core/css/angle_right_12_12.svg") no-repeat;
    background-size: contain;
    height: 12px;
    width: 12px;
    right: 48px;
    float: none;
    position: absolute;
    top: 30%;
}

.nav_menu_container .dynatree-container .dynatree-node.depth-2 .dynatree-connector,
.nav_menu_container .dynatree-container .dynatree-node.depth-3 .dynatree-connector {
    display: none !important;
}

.nav_menu_container .dynatree-container .dynatree-node.dynatree-has-children.depth-2 .dynatree-title {
    display: inline-block;
    width: auto;
    padding-right: 12px;
    background-size: 12px;
}

.nav_menu_container .dynatree-container .dynatree-node.dynatree-has-children.depth-2.dynatree-expanded .dynatree-expander {
    background: url("/admin_ui/rdx/core/css/arrow-caret-down.svg") no-repeat;
    background-size: contain;
    height: 12px;
    width: 12px;
    right: 48px;
    float: none;
    position: absolute;
    top: 35%;
}

.nav_menu_wrapper ul.dynatree-container .dynatree-node {
    padding: 7px 4px;
    display: block;
    margin: 4px 6px !important;
    border-radius: 4px;
    position: relative;
}

.nav_menu_wrapper.primary-collapsed ul.dynatree-container .dynatree-node.depth-1 {
    display: inline-block;
}

.nav_menu_wrapper ul.dynatree-container .dynatree-node:hover {
    background-color: #05292F !important;

}

.nav_menu_tree .dynatree-node.dynatree-has-children.depth-1+ul>li:first-child {
    padding-top: 16px !important;
}

.nav_menu_container ul.dynatree-container .dynatree-node.depth-3 {
    padding-left: 16px;
}

.nav_menu_wrapper .exp-btn-holder {
    position: absolute;
    bottom: 0;
    left: 6px;
    width: 240px;
    padding-bottom: 4px;
    z-index: 1001;
    background-color: var(--brand-color-grad70);
    transition: width 0.3s ease;
}

.nav_menu_wrapper.primary-collapsed .exp-btn-holder {
    width: 48px;
    left: 0;
    transition: none;
}

.nav_menu_wrapper .tree_pane_wrapper {
    margin-bottom: 45px;
    overflow: auto;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.depth-1::after {
    position: absolute;
    top: 9px;
    left: 9px;
    content: "";
    width: 18px;
    height: 18px;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.infrastructure::after {
    background: url("NS_Infrastructure.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.applications::after {
    background: url("NS_Applications.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.gateway::after {
    background: url("NS_Gateway.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.sys-settings::after {
    background: url("NS_Settings.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.flexedlicense::after {
    background: url("NS_Licensing.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.adm_dashboard::after {
    background: url("NS_Overview.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.help::after {
    background: url("NS_Help.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.security::after {
    background: url("NS_Security.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.itm::after {
    background: url("NS_ITM.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.task-incomplete::after {
    background: url("NS_Task.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.task-complete::after {
    background: url("NS_Task.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.telemetry::after {
    background: url("NS_Telemetry.svg") no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .tasks-incomplete::after,
.nav_menu_wrapper.collapsible-menu ul.dynatree-container .tasks-complete::after {
    background: url(/admin_ui/rdx/core/css/NS_Task.svg) no-repeat;
}

.nav_menu_wrapper.collapsible-menu ul.dynatree-container .dynatree-node.ns-copilot::after {
    background: url("NS_NetScalerCopilot.svg") no-repeat;
    margin-left: 3px;
}

.nav_menu_wrapper .nav-toggle-link {
    display: flex;
    width: auto;
    color: #ffffff;
    cursor: pointer;
    justify-content: end;
    padding: 4px 8px;
    margin: 4px;
    border-radius: 4px;
}

.nav_menu_wrapper .nav-toggle-link:hover {
    background-color: #05292F;
}

.nav_menu_wrapper .nav-toggle-text.close {
    display: inline-block;
    width: auto;
    height: 24px;
    background: url(arrow-double-left.svg) no-repeat right center;
    background-size: auto;
    padding-right: 24px;
    line-height: 24px;
}

.nav_menu_wrapper .nav-toggle-icon.open {
    display: inline-block;
    width: 50px;
    height: 24px;
    background: url("arrow-double-right.svg") no-repeat center center;
    padding-right: 24px;
}

.nav_menu_wrapper.primary-expanded .nav-toggle-link .nav-toggle-icon.open {
    display: none;
}

.nav_menu_wrapper.primary-collapsed .nav-toggle-link .nav-toggle-icon.close,
.nav_menu_wrapper.primary-collapsed .nav-toggle-link .nav-toggle-text {
    display: none;
}


/* CSS for Favourites/Pinning */

.nav_menu_wrapper.primary-collapsed .favourites_title .favourite_title {
    display: none;
}

.nav_menu_wrapper.primary-expanded[nav-state="open"] .favourites_section {
    display: block;
}

.nav_menu_wrapper .favourite_item .dynatree-icon.favourite {
    background: url(/admin_ui/rdx/core/css/pin-filled.svg) no-repeat -1px -1px;
    width: 16px;
    height: 16px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.nav_menu_wrapper .favourite_item:hover .dynatree-icon.favourite {
    opacity: 0.4;
}

.nav_menu_wrapper .favourite_item:hover .dynatree-icon.favourite:hover {
    opacity: 1;
}

.nav_menu_tree span.dynatree-node:hover>.favourite,
.nav_menu_tree span.dynatree-node:hover>.dynatree-icon:not(.favourite) {
    background: url(/admin_ui/rdx/core/css/pin-outline.svg) no-repeat -1px -1px;
    width: 16px;
    height: 16px;
    float: none;
    position: absolute;
    right: 2px;
    top: 25%;
}

.nav_menu_tree span.dynatree-node>.dynatree-icon.favourite {
    background: url(/admin_ui/rdx/core/css/pin-filled.svg) no-repeat -1px -1px;
    width: 16px;
    height: 16px;
    float: none;
    position: absolute;
    right: 2px;
    top: 25%;
}

.menu_tree_pane .favourites_icon
{
    width: 32px !important;
    height: 32px !important;
    background: url(/admin_ui/rdx/core/css/pin-filled.svg) no-repeat center center;
    display: inline-block;
    margin: 4px;
    cursor: pointer;
    border-radius: 4px;
}

.nav_menu_wrapper.primary-collapsed .favourites_title + .favourites_container,
.nav_menu_wrapper .favourites_title.closed + .favourites_container,
.nav_menu_wrapper .favourites_title.closed + .favourites_container {
    display: none;
}

.nav_menu_wrapper .favourites_title a {
    display: inline-block;
    position: relative;
    height: auto;
    padding-top: 0 !important;
    text-decoration: none;
    border: 0 none !important;
    color: #ffffff !important;
}

.nav_menu_wrapper .favourite_item .dynatree-icon.favourite {
    position: relative;
    top: -1px;
}

.nav_menu_wrapper .favourite_item .title {
    min-width: 140px;
    font-size: 12px;
    color: #ffffff;
    width: calc(91% - 56px);
    white-space: normal;
}

.nav_menu_wrapper .favourite_item.active .title {
    font-weight: 400;
}

.nav_menu_wrapper .favourites_title {
    padding: 4px;
}

.nav_menu_wrapper .favourites_title .favourite_title {
    font-weight: 500;
    padding: 12px 0 !important;
}

.nav_menu_wrapper .favourites_container {
    height: auto;
    width: 100%;
    transition: opacity 0.3s ease;
    opacity: 1;
}

.nav_menu_wrapper .favourite_title-wrp:hover {
    background-color: #05292F;
    border-radius: 4px;
}

.nav_menu_wrapper.primary-collapsed .favourites_title .favourite_title-wrp:hover{
    display: inline-flex;
}

.nav_menu_wrapper .favourites_container.closed{
    opacity: 0;
    display: none;
}

.nav_menu_wrapper .favourite_item {
    min-height: 32px;
    width: 100%;
    cursor: pointer;
    padding: 7px 0 7px 15px;
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 300;
}

.nav_menu_wrapper .favourites_section {
    height: auto;
    width: 100%;
    border-bottom: 1px solid var(--brand-color-grad60);
    position: relative;
}

.nav_menu_wrapper.favourite_item.active {
    background-color: var(--charcoal-grey-grad20) !important;
    font-weight: 600;
}

.nav_menu_wrapper .favourites_title .favourite_title-wrp {
    height: auto !important;
    width: auto;
    display: flex;
    padding: 0 !important;
}

/* CSS for Search */

.nav_menu_wrapper .search_pane {
    margin: 6px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    height: 36px;
}

.nav_menu_wrapper.primary-collapsed .search_pane {
    width: 36px;
}

.nav_menu_wrapper .tree-search-wrapper {
    position: absolute;
    width: 100%;
    z-index: 100;
    background: var(--brand-color-grad70);
    border-radius: 8px;
}

.nav_menu_wrapper.primary-collapsed .tree-search-wrapper:hover {
    background: #05292F;
    cursor: pointer;
}

.nav_menu_wrapper .search-clear {
    background: url(/admin_ui/rdx/core/css/clear.svg) no-repeat;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 8px;
    color: #f2eeee;
    border-radius: 8px !important;
}

.nav_menu_wrapper .search-clear:hover {
    border: none;
    box-shadow: 0px 2px 5px 0px var(--brand-color-grad60);
}

.nav_menu_wrapper .tree-search::before {
    position: absolute;
    top: 9px;
    left: 9px;
    content: "";
    width: 18px;
    height: 18px;
    background: url(/admin_ui/rdx/core/css/search-outline.svg);
    filter: invert(100%);
    background-size: contain;
}

.nav_menu_wrapper .tree-search-text {
    background-color: var(--brand-color-grad50);
    width: 100%;
    padding-left: 36px;
    border-radius: 8px !important;
    margin: 2px 0 !important;
    color: #ffffff;
    height: 32px;
    border: none;
}

.nav_menu_wrapper .tree-search-text::placeholder {
    font-size: 12px !important;
    color: #e6e6e6 !important;
}

.nav_menu_wrapper .tree-search-text::-moz-placeholder {
    font-size: 12px !important;
    color: #e6e6e6 !important;
}

.nav_menu_wrapper .tree-search-text:-ms-input-placeholder {
    font-size: 12px !important;
    color: #e6e6e6 !important;
}

.nav_menu_wrapper .tree-search-text:focus {
    border: 1px solid #691cc2;
}

.nav_menu_wrapper .tree-search-text::selection {
    color: #ffffff;
}

.nav_menu_wrapper .tree-search {
    position: relative;
    min-height: 36px;
}

.nav_menu_wrapper.primary-collapsed .tree-search>input {
    display: none;
}

.nav_menu_wrapper .tree_search_suggestion {
    max-height: 400px;
    overflow-y: auto !important;
    background-color: var(--brand-color-grad50);
    border-top: 0;
    box-shadow: 0px 2px 5px 0px var(--brand-color-grad60);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.nav_menu_wrapper.primary-collapsed .tree_search_suggestion {
    display: none;
}

.nav_menu_wrapper .tree_search_suggestion::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
}

.nav_menu_wrapper .tree_search_suggestion::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgb(118, 118, 118, 50%);
    width: 8px;
    border: none;
    background-color: none;
}

.nav_menu_wrapper .tree_search_suggestion .tree_search_suggestion_option {
    min-height: 32px;
    height: auto;
    cursor: pointer;
    padding: 10px;
    font-size: 108.3%;
    color: #ffffff;
    border-top: 1px solid var(--brand-color-grad40);
}

.nav_menu_wrapper .tree_search_suggestion .tree_search_suggestion_option:nth-child(1) {
    border-top: 0px;
}

.nav_menu_wrapper .tree_search_suggestion_option .node-separator {
    background: url("/admin_ui/rdx/core/css/angle_right_18_20.svg") no-repeat center;
    display: inline-block;
    height: 8px;
    width: 14px;
}

.nav_menu_wrapper .tree_search_suggestion_option:hover {
    color: #ffffff;
    background-color: var(--brand-color-grad40);
}

.nav_menu_wrapper .tree_search_suggestion_option:focus,
.tree_search_suggestion_option:active {
    border: 1px solid var(--brand-color-grad20);
}

.nav_menu_container .title_tool_bar_table .title_tool_bar_nav_toggle {
    width: 32px;
    height: 32px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}

.nav_menu_container .title_tool_bar_table .title_tool_bar_nav_toggle.navExpand {
    background: url(/admin_ui/rdx/core/css/Expand.svg) no-repeat center center;
}

.nav_menu_container .title_tool_bar_table .title_tool_bar_nav_toggle.navExpand:hover {
    background: url(/admin_ui/rdx/core/css/Expand_hover.svg) no-repeat center center;
}

.nav_menu_container .title_tool_bar_table .title_tool_bar_nav_toggle.navCollapse {
    background: url(/admin_ui/rdx/core/css/Collapse.svg) no-repeat center center;
}

.nav_menu_container .title_tool_bar_table .title_tool_bar_nav_toggle.navCollapse:hover {
    background: url(/admin_ui/rdx/core/css/Collapse_hover.svg) no-repeat center center;
}


/* CSS for Landing Page Icon */

.nav_menu_tree .landing_page_icon.default_page {
    display: block;
    position: absolute;
    cursor: pointer;
    height: 16px;
    width: 16px;
    top: 25%;
    right: 24px;
}

.nav_menu_tree .landing_page_icon {
    display: none;
    position: absolute;
    cursor: pointer;
    height: 16px;
    width: 16px;
    padding: 0;
    top: 25%;
    right: 24px;
}

.nav_menu_tree li[node-state="active"]>.dynatree-node:hover .landing_page_icon {
    display: block;
}

.nav_menu_tree li[node-state="active"]>.dynatree-node:hover .landing_page_icon:not(.default_page):before {
    cursor: pointer;
    position: absolute;
    content: '' !important;
    width: 16px;
    height: 16px;
    background: url(/admin_ui/rdx/core/css/home-outline-white.svg) no-repeat;
    background-size: contain;
}

.nav_menu_tree li[node-state="active"]>.dynatree-node:hover .landing_page_icon:not(.default_page):before,
.dynatree-node .landing_page_icon:focus::before,
.favourites_container:hover .favourite_item.active .landing_page_icon:before,
.nav_menu_tree .landing_page_icon:focus::before {
    background: url(/admin_ui/rdx/core/css/home-outline-white.svg) no-repeat;
    background-size: contain;
}

.nav_menu_tree .dynatree-node .landing_page_icon.default_page:before,
.nav_menu_tree .favourites_container .favourite_item .landing_page_icon.default_page:before {
    content: " ";
    font-size: 12px;
    vertical-align: middle;
    color: var(--brand-color-grad50);
    outline-color: var(--brand-focus-outline) !important;
    background: url(/admin_ui/rdx/core/css/home-filled-white.svg) no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
}

/* tooltip */

.nav_menu_tree .landing_page_icon:hover+.landingpage-tooltip {
    display: block;
}

.nav_menu_tree .landingpage-tooltip {
    background: #05292F;
    min-width: 140px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    position: relative;
    top: -40px;
    left: -95px;
    border-radius: 4px;
    padding: 5px !important;
    z-index: 100;
}

.nav_menu_tree .landingpage-tooltip::before {
    content: '';
    position: absolute;
    display: block;
    width: 0px;
    left: 67%;
    top: 13px;
    border: 15px solid transparent;
    border-bottom: 0;
    border-top: 15px solid #05292F;
    transform: translate(-6px, 10px);
}

.nav_menu_tree ul.dynatree-container li .tasks-incomplete::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #EB0A0A;
    border-radius: 50%;
    left: 20px;
    top: 4px;
    z-index: 50;
    border: 2px solid var(--brand-color-grad70);
}

.nav_menu_tree ul.dynatree-container li[node-state="active"] .tasks-incomplete::before {
    border: 2px solid var(--brand-color-grad50);
}

.chart_view .current_values
{
    background-color: #EEEEEE;
    border: 1px solid #E0E1E2;
    padding: 10px 10px 5px 10px;
    margin: 10px 10px 0px 10px;
    color: #4D4F53;
}

.chart_view .current_values .label_value_table
{
    display: inline-block;
    margin-right: 10px;
    border-spacing: 0px;
}

.chart_view .current_values .current_value_table
{
	width:100%;
	display:table;
	text-align:center;
}
.advance_chart_view .adv_chart_view_title #advChartsTreemapLegend1
{
    float: none!important;
    display: inline-block;
    width: 50%;
}

.advance_chart_view .adv_chart_view_title #advChartsTreemapLegend2
{
    float: none!important;
    display: inline-block;
    width: 50%;
}

.chart_view .current_values .label_value_table td
{
    padding: 0px;
    font-size: 91.7%;

}

.chart_view .current_values .label_value_table .value
{
    font-weight: bold;
    font-size: 200%;
}

.chart_view .current_values .label_value_table .hidden
{
    visibility: hidden;
}

.chart_view_label_title
{
	color: #1F6C88;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 20px;
}
.chart-more-info li.chart-info-row{
	list-style:none;
    padding-bottom: 5px;
}
li.chart-info-row span{
	display: inline-block;
    width: 50%;
    text-align: right;
    padding-right: 10px;
}
.chart-info-row span.row-data{font-weight:bold;padding-left:5px;text-align:left;width:45%;vertical-align: top;}
.composite_view_cell .highcharts-container{margin:0 auto;}
.chart-more-info.table-layout { margin-top:6px; }

.chart-more-info.datatable-layout .table_table_div
{
    width: 98%;
    margin: 0 auto;
}

.chart_view .toggle_more_info
{
    padding: 5px;
    display: inline-block;
    float: right;
}

.chart-more-info.table-layout .chart-info-row{
	min-height: 30px;
    border-top: 1px solid #e4e7ea;
    margin: 0;
    padding: 10px 8px;
}
.chart-more-info.table-layout .chart-info-row:hover .row-lbl, .chart-more-info.table-layout .chart-info-row:hover .row-data{
    text-decoration: underline;
    text-overflow: ellipsis;
    overflow: hidden;
}
.chart-info-row.details_from_chart
{
    cursor: pointer;
}
.chart-info-row.details_from_chart:hover
{
    background-color:#edf9fc;
}
.chart-more-info.table-layout .row-lbl{width:75%;text-align: left;overflow: hidden;text-overflow: ellipsis;}
.chart-more-info.table-layout .row-data{width:25%;text-align: right;}
.chart-more-info.table-layout .row-lbl:hover{text-decoration: underline;}
/*  Metric Selection control CSS  */
.chart_view .drop_down_selector
{
    height: 20px;
    border: 1px solid #e4e7ea;
}
.chart_view .metric_selection_options
{
	margin:10px 20px 0;
    overflow: auto;
}

.chart_view .duration_options
{
    margin:10px 20px 0;
    overflow: auto;
}

.chart_view .duration_options .items
{
    float: right;
    display: inline-block
}

.chart_view .duration_options .items .item
{
    display: inline-block;
    padding: 3px 8px;
    background: var(--charcoal-grey-grad30);
    cursor: pointer;
    border: 1px solid #e4e5e6;
    border-width: 1px 1px 1px 0;
}

.chart_view .duration_options .items .item:first-child
{
    border-left: 1px solid #e4e5e6;
}

.chart_view .duration_options .items .item.selected, .chart_view .duration_options .items .item:hover
{
    background: #666;
    color: #fff;
}


/* Metrics List CSS */
.chart_view .chart_metrics_main_div
{
    position: relative;
    width: 100%;
    height: 15px;
}

.chart_view .chart_metrics_main_div .single_metric
{
    position: absolute;
}

.chart_view .chart_metrics_main_div .single_metric .metric_labels
{
    color: #444343;
    font-size: 91.7%;
    font-weight: bold;
    margin-right: 5px;
    float: left;
}

.chart_view .chart_metrics_main_div .single_metric .metric_charts_list
{
    float: left;
    width: 62%;
}

.chart_view .chart_with_metrics
{
    height: 82%;
}

.chart_view .chart_without_metrics
{
    height: 100%;
    overflow: hidden;
}

.chart_view .chart_metrics_main_div .single_metric .metric_charts_list select
{
    border: none;
    background-color: #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: var(--brand-color-grad50);
    cursor: pointer;
    min-width: 140px;
}
.chart_view .duration_options
{
    margin:10px 20px 0;
    overflow: auto;
}

.chart_view .duration_options .items
{
    float: right;
    display: inline-block
}

.chart_view .duration_options .items .item
{
    display: inline-block;
    padding: 3px 8px;
    background: var(--charcoal-grey-grad30);
    cursor: pointer;
    border: 1px solid #e4e5e6;
    border-width: 1px 1px 1px 0;
}

.chart_view .duration_options .items .item:first-child
{
    border-left: 1px solid #e4e5e6;
}

.chart_view .duration_options .items .item.selected, .chart_view .duration_options .items .item:hover
{
    background: #666;
    color: #fff;
}

.advance_chart_view
{
    overflow:hidden;
}

.advance_chart_view .adv_chart_view_title
{
    overflow-y: auto;
    overflow-x: hidden;
}

.advance_chart_view .adv_chart_view_title .title
{
    float: left;
    display: inline-block;
    width: 30%;
    font-size: 133.3%;
    font-weight: bold;
    padding: 17px 5px 0 10px;
}
/*to fix space bw 0 and NA*/
.advance_chart_view .adv_chart_view_title .adv_charts_legend
{
    float: left;
    width: 60%;
    min-height: 60px;
    display:block;
}
.advance_chart_view .adv_chart_view_title .adv_charts_drop_down_selector
{
    float: right;
    display: inline-block;
    width: 33%;
    min-height: 40px;
}
.advance_chart_view .adv_chart_view_title .adv_charts_more_desc
{
    float: left;
    width: 5%;
    margin-top: 15px;
    display: flex;
    margin-right: 3%;
}

@media only screen and (max-width: 900px)
{
    .chart-more-info.table-layout .chart-info-row
    {
        padding: 5px;
        font-size: 75%;
    }
    .chart-more-info.table-layout .row-lbl, .chart-more-info.table-layout .row-data
    {
        padding: 0;
    }
}

.overview_div
{
    overflow: auto;
    padding-bottom: 10px;
}

.overview_common_links
{
    margin-top: 10px;
    padding: 0px;
    margin-left: 10px;
    table-layout: fixed;
    text-align: center;
    width: 97%;
}

.overview_common_links span
{
	padding-right: 10px;
}

.overview_table_border
{
    border: 1px solid var(--grey-color-grad20);
    margin-top: 5px;
    padding: 0px;
    table-layout: fixed;
    text-align: left;
    width: 100%;
}

.overview_table_border td
{
    padding: 10px;
    vertical-align:top;
}

.overview_table_no_border
{
    border: none;
    border-spacing: 3px;
    padding: 0px;
    text-align: left;
    vertical-align: middle;
}

.overview_table_no_border td
{
    padding: 2px;
    vertical-align: top;
    border: none;
    text-align: left;
    width: auto !important;
}

.overview_table_no_border td:first-child
{
    vertical-align: middle;
}

.overview_table_title_cell
{
    border: none;
    color: var(--color-black-grad60);
    font-weight: 500;
    text-align: left;
    padding-bottom: 2px;
    font-size: 133.3%;
    width: auto !important;
    margin: 0;
}


.overview_link
{
    font-size: 110%;
    padding-top: 4px;
}

.overview_link ul
{
    padding : 1em 0 1em 40px;
}

.overview_table_border .overview_table_cell_non_empty
{
    border-right: 1px solid var(--grey-color-grad20);
}

.overview_table_border .overview_table_cell_last_child
{
    border-right: none;
}

.overview_link_loader
{
    position: relative;
    height: 12px;
    width: 12px;
    border: 2px solid var(--bg-grey-grad10);
    border-top: 2px solid var(--brand-color-grad50);
    left: 0;
    display: inline-block;
    margin-right: 4px;
}

.overview_div .link_disabled,.overview_div .link_disabled:hover
{
    text-decoration: none;
    cursor: default;
    color: var(--color-black-grad60) !important;
}

.tabs
{
    overflow: auto;
    border-left: 1px solid #d9d9d9;
    position: relative;
    overflow-y: hidden;
}

.tabs a
{
    padding: 0px 0px 0px 4px;
}

.tabs .current_tabs a:focus, .tabs .current_tabs a:hover{
    text-decoration: none;
}

.tabs a span img
{
    padding-right: 10px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */

.tabs .each_tab
{
    display: block;
    float: left;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    box-shadow: inset 0px -4px 0px -3.5px #ddd;
    position: relative;
    text-align: center;
}

.tabs .each_tab a
{
    padding: 12px;
    display: inline-block;
    color: var(--text-color);
    margin: 2px 0;
    font-size: 117.5%;
    width: 100%;
}

.tabs .each_tab a:hover
{
    text-decoration: none !important;
}

.tabs .each_tab.hidden,.tabs .each_tab.filtered
{
    display: none;
}

.tabs .each_tab:hover
{
    background: var(--brand-color-grad10);
}

/* tab selection*/

.tabbed_view_div{
    border-width: 1px 0 0 0;
    border-color: #e4e7ea;
    border-style: solid;
}
.tabs_toolbar_container .toolbar_buttons
{
    margin: 0 !important;
}

.vertical_tabs_parent
{
    border: 1px solid #e4e7ea !important;
}

.vertical_tabs
{
    width: 290px;
    float: left;
    border: none;
    /*Review this - introducing scroll bar*/
    border-right: 1px solid var(--element-border-color);
    overflow: hidden;
    min-height: 300px;
}

.vertical_tabs:hover{
    overflow: auto;
}

.tabs.vertical_tabs  .each_tab {
    text-align: left;
}

.vertical_tabs_view
{
    border-width: 0px;
    float: left;
    width: calc(100% - 290px);
    /* to remove space on top of each chart view - vertial tabs - review
    padding: 5px;*/
}
.expand_vertical_tabs
{
    width:100% !important;
}

.vertical_tabs_view .vertical_tabs_title
{
    padding: 0px;
}
.vertical_tabs .each_tab
{
    width: 100%;
    border: none;
    top:auto;
    background-color: var(--grey-color-grad10);
}
.vertical_tabs .each_tab:hover
{
    width: 100%;
    top:auto;
    background-color: var(--grey-color-grad10);
}
.extra_info_span
{
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-right: 10px;
    font-weight: 500;
}

.vertical_tabs_parent  .vertical_tabs .extra_info_span
{
    position: absolute;
    right: 12px;
    top:16px;
}

.tabs .vertical_tabs:first-child, .tabs .vertical_tabs:first-child:hover
{
    border-left: none;
}

.vertical_tabs .extra_li
{
    width: 100%;
    border: none;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

.tabs.vertical_tabs  .each_tab a > span{
    word-break: break-all;
}

.data-count
{
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 10px;
    padding: 1px 10px;
    margin-left: 8px;
}

.vertical-data-count
{
    position: absolute;
    right: 5px;
    top:15px;
}

.header_tabbed_view
{
        background-color: #e4e7ea;
    height: 40px;
}
.header_tabbed_view_title
{
    background: var(--charcoal-grey-grad30);
    padding: 10px;
    font-size: 133.3%;
}

.header_tabbed_view_close {
    background: url("cross.png") no-repeat 50%;
    width: 15px;
    height: 20px;
    cursor: pointer;
    float: right;
    border: none;
}

.header_tabbed_view_close_check
{
    cursor: pointer;
    float: right;
}

.tabbed_view_div .tabs .block_search
{
    width: 100%;
    margin: 0 0 5px;
}

.tabbed_view_div .tabs .search_text
{
    margin-top: 0
}

.tabbed_view_div .tabs .block_search .clear_text
{
    background: url("/admin_ui/rdx/core/images/cross.png") no-repeat;
    height: 15px;
    width: 20px;
    display: inline-block;
    float: right;
    position: absolute;
    right: 20px;
    top: 6px;
    cursor: pointer;
}

.tabbed_view .tabs_toolbar_container
{
    display: inline-block;
    float: right;
}

.tabbed_view .vertical_tabs .tabs_toolbar_container
{
    float: none;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #CCC;
}

.tabbed_view .filter
{
    display: inline-block;
    margin: 0 5px;
}
.tabbed_view .filter_title
{
    display: inline-block;
    margin: 10px 5px;
}
.tabbed_view .list.filter_select
{
    border:1px solid #ccc;
    padding: 3px 5px 5px;
    width: 160px;
}

.tabbed_view .block_search
{
    position: relative;
    display: inline-block;
    margin:10px 5px;
}

.tabbed_view .block_search .search_text
{
    padding: 5px;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
}

.tabbed_view .block_search .search_image
{
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url(/admin_ui/rdx/core/images/search_icon.png);
    position: absolute;
    right: 5px;
    top: 5px;
}

.tabbed_view .vertical_tabs .filter
{
    margin: 0 0 0 10px;

}

.tabbed_view .vertical_tabs .block_search
{
    width: 100%;
    margin:0;
}

.tabbed_view .refresh_tab
{
    width: 20px;
    height: 20px;
    margin: 0 5px;
    background: url(sprite_new.png) -72px -262px no-repeat scroll;
    position: relative;
    top: 5px;
    cursor: pointer;
}

.tabbed_view .clear_filters_tab
{
    width: 20px;
    height: 20px;
    margin: 0 0 0 5px;
    position: relative;
    top: 5px;
    cursor: pointer;
    background: url(sprite_new.png) no-repeat -136px -292px;
}
.tabs_title_hide
{
    display:none;
}
.tab_title_all_expand
{
    font-size:125%;
    font-weight: bold;
    padding: 10px;
}
.tabbed_view .add_more_button
{
    padding: 10px;
    width: 100% ;
    margin-top: 0;
    border: 0 ;
    text-align: left;
    font-size: 108.3%;
    transition: 0.9s all;
    background-color: transparent;
    border-bottom: 1px solid #ddd;
}

.tabbed_view .add_more_button:hover
{
    opacity: 0.9;
}

.tabbed_view .link-on-tab {
    padding: 12px 15px;
    float: left;
}

.tabbed_view .add_more_button .plus_icon
{
    font-size: 183.3%;
    position: relative;
    top: 3px;
    padding-right: 5px;
}

.tabs .each_tab.current_tabs a span.data-count, .page_title.no_padding_page_title span.title-data-count, .rdx_slider .rdx_slider_title_container span.title-data-count{
    background: var(--brand-color-grad50);
    color: #ffffff;
    border: 0;
}

.tabs .each_tab.current_tabs a span
{
    font-weight: 600;
}

.tabs .each_tab.current_tabs, .tabs .each_tab.current_tabs:hover
{
    background-color: #ffffff;
    box-shadow: inset 0px -4px 0px -2px var(--brand-color-grad50);
}
.tabs.vertical_tabs .each_tab.current_tabs
{
    background-color: var(--brand-color-grad10);
    position: relative;
    border-bottom: 1px solid #B1B1B1;
    box-shadow: none;

}

.tabs.vertical_tabs .each_tab.current_tabs a:hover{
    color: var(--brand-color-grad50);
}
.tabs.vertical_tabs .each_tab a:hover {
    color: var(--brand-color-grad60);
}

.tabs.vertical_tabs .each_tab{
    background-color: #FFF;
}
.tabs.vertical_tabs .each_tab:first-child{
    border-top: 1px solid var(--element-border-color);
}
.tabs.vertical_tabs .each_tab a{
    color: var(--brand-color-grad50);
}
.tabs.vertical_tabs .each_tab a span:not(.data-count):hover{
    text-decoration: underline !important;
}

.iframe
{
    background-color: #FAFAFA;
    width: 100%;
    height: 99%;
    border: none;
}


.carousel-view .box {
    border-radius: 3px;
    border-color: #e7eaec;
    border-style: solid;
    border-width: 2px 1px 1px;
    padding: 8px 10px;
    background-color: #fff;
    min-height: 100px;
    width: auto;
    color: var(--text-color-light);
    display: block;
    overflow: auto;
}


.carousel-view .box .box-title {
    text-transform: uppercase;
    font-size: 150%;
    font-weight: normal;
    margin-bottom: 5px;
    border-bottom: 1px solid #e4e7ea;
    padding-bottom: 5px;
    display: block;
    overflow: auto;
}

.carousel-view .info-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
}

.carousel-view .a-div{
    display: inline-block;
    width: 50%;
    padding-left: 10px;
    border-left: 1px solid #d1d1d1;
}

.box .a-div:first-child, .a-div-ct .a-div:first-child{
    border-left: none;
    padding-left: 0px;
}

.carousel-view .value {
    color: #485164;
    font-size: 175%;
}

.carousel-view .key {
    color: #666;
}
.value.red, a.value.red {
    color: #CF3434;
}
.value.warning, a.value.warning {
    color: #ffd71c;
}
.value.green, a.value.green {
    color: #49BF62;
}
.value.information, a.value.information {
    color: #21a9ef;
}
.value.amber, a.value.amber {
    color: #ff9e47;
}

.value.minor, .l-green, a.value.minor {
    color: #b2af45;
}

.carousel-view .block-l {
    float: left;
    width: 50%;
}

.carousel-view .static-sec.block-l {
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.carousel-view .carousel.block-l {
    padding-left: 10px;
}

.carousel-view .pagination-container {
    position: relative;
    float: right;
    /*margin-bottom: 4px;*/
}
.carousel-view .carousel-wrapper {
    overflow: hidden;
    width: 100%;
}
.carousel-view .carousel-content {
    overflow: hidden;
    position: relative;
    left: 0;
}
.carousel-view .carousel-content .slide-container {
    float: left;
}
.carousel-view .carousel-pagination {
    display: inline-block;
    margin: 0;
    min-width: 10px;
    min-height: 10px;
}
.carousel-view .carousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    height: 8px;
    width: 8px;
    line-height: 10px;
    background: #fff;
    color: #4E443C;
    border: 1px solid #9197a3;
    border-radius: 4px;
    text-indent: -9999px;
    margin-right: 7px;
}
.carousel-pagination a.active {
    background: #9197a3;
    color: #fff;
}
.carousel-pagination-container a:hover {
    text-decoration: none;
}
.carousel-content .title {
    font-size: 120%;
    margin: 0 0 5px 0;
    font-weight: normal;
    margin-bottom: 2px
}

.carousel-view .carousel-control {
    text-align: center;
    color: #a3a8b2;
    background-color: #fff;
    text-decoration: none;
    font-size: 28px;
    cursor: pointer;
    margin-left: 16px;
    vertical-align: top;
    line-height: 8px;
    outline: none;
    cursor: pointer;
}

.carousel-control.next.active, .carousel-control.prev.active {
    color: var(--brand-color-grad50);
}
.carousel-control.disabled:hover{
    color: #a3a8b2;
}

.carousel-view .see-all {
    float: right;
    font-size: 12px !important;
    text-transform: none;
    cursor: pointer;
    color: #1c80b7;
    font-weight: normal;
    text-decoration: none;
}

.gp-count .note.value{
    font-size: 90%;
    padding: 2px 5px 0;
    color: #485163;
    color: #666;
}

.composite_view
{
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    table-layout: fixed;
    width: 100%;
}
.composite_view_title.more_info_expanded
{
    background: #e2eff7 !important;
    border-color: #c5dfeb !important;
}
.composite_view_container
{
    overflow: auto;
    min-height: 100px;
}

.composite_view_line_seperator_title
{
    float:left;
    position:relative;
    top: 0px;
    z-index:999;
    background-color:white;
    padding-right:20px;
}

.composite_view_cell .form_inline .form
{
    border: none;
}

.composite_view_cell .form_inline
{
    border: none;
    margin-bottom: 0px;
}

.composite_view_cell .form_inline .form_base_container
{
    border: none;
}

.composite_view_line_seperator_hr
{
    border-width: 0px 0px 1px 0px;
    border-style:solid;
    border-color:black;
    float:right;
    width:100%;
    position:relative;
    top:30px;   
}

.composite_view_light .composite_view_title
{
  background: none repeat scroll 0 0 #ededed;
  border: 1px solid #95a2ac;
  border-bottom: 1px solid #FFF;
  height: auto;
  padding: 15px;
}

.composite_view_no_decoration
{
    background: none;
}

.composite_view_light .base_view_no_view_top_container
{
    border: 1px solid #95a2ac;
}

.composite_view_light .base_view_no_view_top_container .base_view_no_view_top_container
{
    border: none;
}

.composite_view_light .op_wizard
{
    padding: 0px;
}

.composite_view_light .op_wizard_title
{
    padding-left: 15px;
}

.composite_view_light .composite_view_cell
{
  border-right: 15px solid #fff;
}

.composite_view_light .composite_view_cell:last-child
{
  border-right: 0px solid #fff;
}

.composite_view_light .getting_started_view .checklist_main_container
{
    border: none;
}

/*Dropdown*/
.drop_down_ribbon
{
    border: 1px solid #e4e7ea;
    padding: 5px 10px;
    display: block;
    overflow: auto;
}
.drop_down_title
{
    float: left;
    padding-top: 5px;
    font-size: 110%;
    
}
.drop_down_selector
{
 float:right;   
}

.distribution_info_view.percentage_view .distribution-item a, .distribution_info_view .anchor{
    color: var(--brand-color-grad50);
}
.distribution_info_view.percentage_view{
	padding: 10px;
}
.distribution_info_view .distribution-item {
	margin-top: 10px;
    width: 100%;
    min-height: 32px;
    color: #000;
    padding: 7px 5px;
    vertical-align: top
}
.distribution_info_view .distribution-item a{
    color: var(--text-color-dark);
}

.distribution_info_view .distribution-item:first-child{
	margin-top: 0;
}
.distribution-item.header{
	color: #4d4f53;
    font-size: 133.3%;
    margin: 0 0 10px 0;
    padding: 0;
}
.distribution_info_view .distribution-item.percent{
	color: #3b73af;
    position: relative;
    min-height: 26px;
    padding: 0;
}
.distribution-item .item-text, .info_row .item-text{
	display: inline-block;
    width: 80%;
}
.distribution-item .item-text span{
	line-height: 12px;
}
.distribution-item .item-count, .info_row .item-count{
	display: inline-block;
    width: 20%;
    text-align: right;
    float: right;
    padding-right: 5px;
}
.distribution-item.percent .item-count{
	position: absolute;
	top: -3px;
	right: 0;
	color: #4d4f53;
	float: none;
}
.distribution_info_view .total_available{
	margin-bottom: 2px;
    background-color: #ccc;
}

.distribution_info_view.fixed_height{
    overflow: hidden;
}
.distribution_info_view.fixed_height:hover{
    overflow: auto;
}
.distribution_info_view .info_row{
    min-height: 30px;
    border-top: 1px solid #e4e7ea;
    margin: 0;
    padding: 10px 8px;
    color: #3b73af;
}
.distribution_info_view .info_row:hover{
    background-color:#edf9fc;
}
.distribution_info_view .info_row:hover .item-text, 
.distribution_info_view .info_row:hover .item-count, 
.distribution-items .distribution-item:hover .item-text,
.distribution-items .distribution-item:hover .item-count{
    cursor: pointer;
    text-decoration: underline;
}

.distribution_info_view .total_count{
    height: 120px;
    padding: 20px 10px 40px 10px;
    background-color: #fff;
}
.distribution_info_view .total_count .count{
    text-align: center;
    font-size: 266.7%;
}
.distribution_info_view .total_count .text{
    margin-top: 10px;
    text-align: center;
    color: #787878;
}
.distribution_info_view .anchor{
    color: var(--brand-color-grad50);
}
.distribution_info_view .anchor:hover{
    cursor: pointer;
    text-decoration: underline;
}
.distribution-single-row-item
{
    float:left;
    height:100%;
}

.distribution-items
{
    overflow: auto;
}

.distribution_info_view .dist_info_action_buttons {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 30px;
}
.responsive_composite_view
{
    min-width: 850px;
    min-height: 750px;
    height: 100vh;
    overflow: hidden;
    display: block;
}

.responsive_composite_view .responsive_child_div
{
    float: left;
    display: block;
    /*display: flex;
    flex-direction: row;*/
    /*padding: 5px;
    border: 1px solid black;*/
}

.responsive_composite_view .inside_div
{
    padding: 5px;
    border: 1px solid black;
}

.responsive_composite_view .responsive_cell_div
{
    height: 100%;
    border: solid 1px #e4e7ea;
    border-radius: 3px;
    overflow-x: hidden;
    overflow-y:auto;
    background: #fff;
}

.responsive_composite_view .responsive_cell_div.advance_search
{
    background-color: #ffffff;
}

.responsive_composite_view .responsive_child_div_with_view
{
    padding: 4px;
}

.responsive_composite_view .responsive_view_div
{
    height: 90%;
}

.responsive_composite_view .composite_view_title
{
    height: auto;
    font-weight: bold;
    font-size: 108.3%;
    color: #444343;
    position: relative;
}

.responsive_composite_view .toggle-sec-btn{
    background: url(/admin_ui/rdx/core/css/sprite_new.png) -87px -363px no-repeat;
    border: none;
    height: 16px;
    width: 16px;
    padding: 0;
    position: absolute;
    top: 7px;
    right: 4px;
    cursor: pointer;
}
.responsive_composite_view .toggle-sec-btn.expanded{
    background: url(/admin_ui/rdx/core/css/sprite_new.png) -113px -363px no-repeat;
}
.responsive_composite_view .view_title_name
{
    display: inline-block;
    margin-top:10px;
    padding-bottom: 10px
}

.responsive_composite_view .responsive_composite_pagination_div
{
    width: 50%;
    display: inline-block;
}

.responsive_view_div  .remove_div_top_border, .responsive_view_div  .remove_div_top_border .table_form_parent_div .table_table_div .table_body_table_div,
.responsive_view_div  .remove_div_top_border .table_form_parent_div, .responsive_view_div  .remove_div_top_border .table_form_parent_div .table_table_div,
.responsive_view_div .advance_chart_view, .responsive_view_div  .remove_div_top_border .table_form_parent_div .table_table_div .table_body_table_div .table
{
    height: 100%;
    border: none;
}

.responsive_view_div  .remove_div_top_border .table_form_parent_div .table_table_div .table_body_table_div .table thead
{
    height: 10%;
}

.responsive_view_div  .remove_div_top_border .table_form_parent_div .table_table_div .table_body_table_div .table tbody
{
    height: 90%;
}

.responsive_view_div  .remove_div_top_border .table_form_parent_div .table_table_div .table_body_table_div .table tbody tr
.responsive_view_div  .remove_div_top_border .table_form_parent_div .table_table_div .table_body_table_div .table tbody tr td
{
    /*height: 18%;*/
    height: auto;
}

.responsive_composite_view .responsive_view_div.shown
{
    height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
    width:100%;
}
.responsive_composite_view .responsive_view_div.shown:hover
{
    height: 90%;
}
/*Scroll bar Mac */
.responsive_composite_view .responsive_view_div.shown::-webkit-scrollbar
{
    -webkit-appearance: none;    
}

.responsive_composite_view .responsive_view_div.shown::-webkit-scrollbar:vertical
{
     width: 8px;
     height: 11px;
}
.responsive_composite_view .responsive_view_div.shown::-webkit-scrollbar-thumb
{
    border-radius: 50px;
    border: 2px solid #e4e5e6;
    background-color: rgba(0, 0, 0, .26);
}
/* Expand/Collapse icon - for accordion child in responsive composite view */
.collapsible_icon
{
    position: absolute;
    background: url(/admin_ui/rdx/core/images/collapse_icon.png) no-repeat;
    width: 4%;
    height: 25px;
    background-size: 15px;
    right: -14px;
    top: 60px;
    opacity: 0.7;
    cursor: pointer;
}
.collapsible_icon.expanded
{
    right: 0;
    background: url(/admin_ui/rdx/core/images/expand_icon.png) no-repeat;
    background-size: 15px;
    top: 25px;
    width: 25px;
    margin-left: 10px;
    height: 25px;
    position: static;
    display: inline-block;
    float: right;
}
.collapsed_section_div
{
    background-color: #f7f2f2;
    /*width: 2%;*/
    float: right;
    border: solid 1px #ebebeb;
    height: 100%;
    border-radius: 1.5px;
    opacity: 0.4;
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26);
}
.collapsed_section_title
{
    font-size: 108.3%;
    display: inline-block;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    width: 30px;
    margin-top: 300px;
    white-space: nowrap;
    color: #a5a3a6;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}
.collapsed_all_div
{
    float: right;  
    cursor: pointer; 
    padding: 7px;
}

.responsive_cell_div .toggle_button
{
    display: inline-block;
    float: right;
    color: #377dc2;
    cursor: pointer;
    font-weight: normal;
    background: #fff;
}

/*Pagination control CSS*/
.responsive_cell_div .composite_view_pagination_container
{
    margin-right: 5px;
    background-color: #ffffff;
    border: none;
    display: flex;
    align-items: center;
    overflow-y: hidden;
}
.responsive_cell_div .composite_view_pagination_info
{
    display: inline-block;
    margin-right: 10px;
}
.composite_view_pagination_info .pagination_img_border{
    padding: 8px;
    height: initial;
    margin-top: 0px;
}
.composite_view_pagination_info .pagination_img_border select{
    line-height: normal;
}
.responsive_cell_div .per_page_size_div
{
    display: inline-block;
    border-right: 1px solid #e4e7ef;    
}
.responsive_cell_div .current_page_info_div
{
    display: inline-block;
    line-height: 30px;
}
.responsive_cell_div .pagination_navigation_container .nav_back
{
    display: inline-block;
}
.responsive_cell_div .composite_view_desc_container
{
    padding: 10px;
    display: inline-block;
}
.responsive_cell_div .responsive_left_side_container
{
    float: left;
    display: inline-block;

}
.responsive_cell_div .responsive_right_side_container
{
    float: right;
    display: flex;
    height: 40px;

}

.responsive_cell_div .responsive_right_side_container .nav_back , .responsive_cell_div .responsive_right_side_container .nav_next
{
    padding-left: 7px;

}

@media only screen and (max-width: 960px) {
    .responsive_cell_div .responsive_right_side_container{
        float:left;
    }
 }

.analytics_dashboard_view_main_container
{
  display: block;
  overflow: auto;
}

.analytics_dashboard_view_main_container .search_container_div
{
  position: relative;
  margin-top: 10px;
}

.analytics_dashboard_view_main_container .analytics_dashboard_view_title
{
  font-size: 200%;
  color: #333;
  font-weight: bold;
  margin: 5px 0 15px 2px;
  float: left;
  /*font sans semi bold*/
}

.analytics_dashboard_view_main_container .analytics_dashboard_refresh_div
{
  border: none;
  float: right;
  padding-right: 29px;
  background: url("icon_refresh.png") no-repeat 50% 50%;
  padding-top: 36px; 
  cursor: pointer;
  display: inline-block;
}

.analytics_dashboard_view_main_container .search_results_div
{
    width: 100%;
    padding-top: 12px;
}

.analytics_dashboard_view_main_container .time_container_main_div
{
    border: 1px solid #e4e7ea; 
    margin: 10px 0; 
    background: var(--section-bg-color);
    border-radius: 2px; 
    clear: both;
}

.analytics_dashboard_view_main_container .main_view_list_container
{
    width: 80%;
    float: left;
    margin-top: 10px;
}

.analytics_dashboard_view_main_container .main_view_list_container.hundred_percent_width
{
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.analytics_dashboard_view_main_container .main_individual_view_container
{

}

.analytics_dashboard_view_main_container .right_side_view_container
{
  float: right;
  width: 19%;
}


.analytics_dashboard_view_main_container .right_individual_view_container
{

}

.analytics_dashboard_view_main_container .summary_pane_view_container
{
  /*color: #999;*/
}

.analytics_dashboard_view_main_container .summary_pane_individual_view_container
{

}

.analytics_dashboard_view_main_container .tabbed_chart_view_container
{
    margin-top: 10px;
    clear: both;
}

.analytics_dashboard_view_main_container .tabbed_chart_individual_view_container
{

}

.analytics_dashboard_view_main_container .tabbed_detail_view_container
{
  width: 100%;
  margin-top: 10px;
  clear: both;
}

.analytics_dashboard_view_main_container .tabbed_extra_detail_view_container
{
  margin-top: 10px;
}

.analytics_dashboard_view_main_container .main_dashboard_view_container_title
{
    margin-bottom: 10px;
    font-size: 250%;
    font-weight: 500;
    color: #333;
    /* font sans semi bold */
}

.analytics_dashboard_view_main_container .main_dashboard_view_container
{
    float: left;
    width: 100%;
    margin-top: 10px;
}


.analytics_dashboard_view_main_container .composite_view_container .composite_view td.composite_view_cell
{
   /* border: 1px solid #e4e7ea;
    border-bottom: none;
    border-radius: 4px;*/
    /* adding for TOT*/
    border: 0;
}

.analytics_dashboard_view_main_container .composite_view_title
{
    /*font semi bold sans*/
    font-size: 116.7%;
    margin-top: 0;
    height: auto;
    margin-left: 0;
    font-weight: bold;
    color: #333 !important;
    padding: 15px;
    border: 1px solid var(--bg-grey-grad30);
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background: transparent;
    margin-right: 10px;
    margin-bottom: 0;
}
.analytics_dashboard_view_main_container .composite_view_title.header{
  background-color: var(--section-bg-color);
}

.analytics_dashboard_view_main_container .see_more_container{
  float:right;
}
.analytics_dashboard_view_main_container .composite_view_cell:last-child .composite_view_title
{
  margin-right: 0;
}
.analytics_dashboard_view_main_container .main_dashboard_view_container div.view_div_decorator
{
    border: 1px solid #e4e7ea;
    border-top: none;
    border-radius: 0 0 4px 4px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.analytics_dashboard_view_main_container .main_dashboard_view_container .composite_view_cell:last-child div.view_div_decorator
{
  margin-right: 0;
}

.analytics_dashboard_view_main_container div.view_div_decorator .chart
{
  margin-top: 0;
}
.search_results_div .view_div_decorator 
{
  border: 1px solid #e4e7ea !important;
}

.search_results_div .title_tool_bar_table
{
  display: none;
}

.search_results_div .table th
{
  border-top: none;
}

.analytics_dashboard_view_main_container .config_layout table.form_container
{
  border: 1px solid #e4e7ea;
  border-radius: 2px;

}

.analytics_dashboard_view_main_container .config_layout table.form_container .form_multi_layout_container
{
  background-color: #fff !important;
  border-radius: 0;
}


.gateway_insight_welcome_view
{
    border: 1px solid #cce8f5;
    border-radius: 3px;
    padding: 15px 15px 15px 50px; 
    background-color: #e4f6ff;
    position: relative;
}
.gateway_insight_title 
{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 125%;
}
.section_title_description_ftu 
{

}
.section_got_it_ftu 
{
  padding: 5px 10px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #d6d6d6;
  cursor: pointer;
  color: #666;
}
.button_container_ftu
{
  text-align: right;
}
.new_icon_ftu
{
  position: absolute;
  width: 44px;
  height: 45px;
  top: 0;
  left: 0;
  background: url("new_ftu.png") no-repeat;
}
.summary_chart_detail_view
{

}

.summary_chart_detail_view .strip_container
{
	border: 1px solid #e4e7ea;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-collapse: collapse;
}

.summary_chart_detail_view .chart_view_container
{
	clear: both;
	border: 1px solid #e4e7ea;
	border-top: none;
	padding: 15px;
	border-radius: 0 0 2px 2px;
}

.summary_chart_detail_view .summary_chart_detail_view_container
{
	clear: both;
}

.summary_chart_detail_view .no_data_to_show
{
	clear: both;
}

.summary_chart_detail_view .no_data_to_show .strip_container
{
}

.summary_chart_detail_view .no_data_to_show .chart_view_container
{

}

.summary_chart_detail_view .no_data_to_show .summary_chart_detail_view_container
{

}

.summary_chart_detail_view .summary_chart_summary_item
{
	box-sizing: border-box;
	padding: 15px;
	text-align: center;
	border-left: 1px solid var(--bg-grey-grad30);
	float: left;
	cursor: pointer;
	display: table-cell;
	border-spacing: 0px;
	background-color: var(--bg-grey-grad10);
	color: #666;
}

.summary_chart_detail_view .summary_item_key_div
{
	min-height: 18px;
}

.summary_chart_detail_view .summary_item_value_div
{
	font-size: 150%;
	color: #ee5268;
	margin: 10px 0 0;
	line-height: 20px;
}

.summary_chart_detail_view .summary_item_value_div_all_ok
{
	background: url('green_ok_icon.png') no-repeat 0 0;
	margin: 10px auto 0;
	width: 20px;
	height: 20px;
}

.summary_chart_detail_view .summary_chart_summary_item:first-child
{
	border: none;
}

.summary_chart_summary_item.active-tab
{
	background: #fff;
	position: relative;
	bottom: -1px;
	color: #333;
	font-weight: bold;
}

.summary_chart_detail_view_container .title_tool_bar_table
{
  display: none;
}

.summary_chart_detail_view_container .table th
{
  border-top: none;
}

.summary_detail_view
{
	border-top: 1px solid #e4e7ea;
    padding: 20px;
}
.hide
{
	display:none;
}

.intro_message
{
	padding-bottom: 20px;
}

/* ----- Summary_view ----- */

.summary_view
{
	margin-top: 20px;
	margin-bottom: 20px;
    border: 1px solid #e4e7ea;
    background-color: var(--charcoal-grey-grad30);
}

.summary_index
{
	padding: 20px;
	width: 5%;
	float: left;
	left: -3px;
	position: relative;
	font-size: 166.7%;
	border-right: 1px solid #e4e7ea;
}

.summary_content
{
	width: 85%;
	float: left;
}

.summary_data
{
	padding: 15px;
	float: left;
	font-size: 116.7%;
	border-right: 1px solid #e4e7ea;
}
.summary_tools
{
	width: 10%;
	padding: 20px;
	float: right;
}

.summary_tools_edit
{
	padding: 10px;
	width: 50%;
	float: right;
	background: url("/admin_ui/rdx/core/images/edit.png") no-repeat center center;
	cursor: pointer;
}

.summary_tools_delete
{
	padding: 10px;
	width: 50%;
	float: right;
	background: url("/admin_ui/rdx/core/images/cross.png") no-repeat center center;
	cursor: pointer;
}

.summary_index_tag
{
	padding: 2px;
	font-size: 45%;
	width: 100%;
	text-align: center;
	color: #ffffff;
	left: 0px;
	bottom: 0px;
	position: absolute;
	background-color: #ff9800;
}

.summary_view_selector
{
	margin: 10px 0px 30px 0px;
    width: 250px;
    border: 1px solid #ccc;
    background-color: #ffffff;
    border-radius: 2px;
    height: 35px;
}
.navigation_heading
{
	color: #333;
	font-size: 116.7%;
    font-weight: bold;
    background-color: #f6f6f6;
    padding: 15px 20px;
}

.navigation_steps_content
{
	margin-top: 15px;
}

.navigation_steps_list
{
	line-height: 26px;
    padding-left: 3%;
    font-weight: bold;
}

.navigation_steps_list_selected
{
	background-color: #e0f0ff;
}

.navigation_steps_number
{
    color: #666;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #E7E7E7;
    width: 15%;
    font-weight: bold;
    padding-top: 0;
}
.container_border
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;   
    border: 2px solid black;
}

.file_directory_div
{
    background-color: whitesmoke;
    font-size: 108.3%;
}

.file_directory_table
{
    border: 1px solid #D4D4D5;
    width: 100%;
}

.table_div
{
    overflow: scroll;
    overflow-x: hidden;
}

.detail_message_text
{
   color: #666;
   font-weight: bold;
   font-size: 116.7%;
}

.detail_message
{
   color: black;
   height:80px;
}

.selector_div_dimension
{
     border: 1px solid whitesmoke;
    color: #2F4F4F;
    width: 250px;
    position:relative;
    left: -5px;
    background: transparent;
    background-image: url("syslog_view_dropdown.png") ;
    background-position: center right;
    background-repeat: no-repeat;
}

.table_border_cell
{
    border-right : 1px solid #666;
    padding: 10px;
}

.file_cell_padding
{
    padding-left: 5px;
}

.table_border
{
    border-right: 1px solid #666;
    border-left: 1px solid #666;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    font-size: 133.3%;
}

.logs_file_div
{
    position: absolute;
    top:90px;
    left: 20px;
    width: 250px;
    height: 100px;
    overflow: scroll;
    overflow-x: hidden;
    background: white;
    color: black;
    z-index: 10000;
}

div.drop_down_list_div_selected:hover
{
    background-color: #CBE2F1;
}

div.selector_div:hover
{
    background-color: #CBE2F1;
}
.syslog_search_button
{
    background: url("search_icons.png") no-repeat scroll -205px 0 #F0F0F0;
    cursor: pointer;
    float: right;
    height: 33px;
    padding-left: 3px;
    position: relative;
    width: 52px;
    bottom: -1px;
}


.tabular_page_view
{
    border-radius: 4px;
    min-width: 1200px;
}
.tabular_page_view.horizontal
{
      background-color: #fff;
}

.tabular_page_view.vertical .tabular_page_container{
  margin-left: 10px;
}

.tabular_page_view.horizontal .tabular_page_view_tabs
{
  border-left: 1px solid #ddd;
}

.tabular_page_view .tabs_title
{
    display: inline;
    color: #fff;
    font-size: 144%;
    margin-left: 10%;
}
.tabular_page_view.vertical .tabs_title {
  display: inline;
  color: #fff;
  font-size: 144%;
  margin-left: 10%;
  padding: 15px;
}

.tabular_page_view.horizontal .tabular_page_view_tabs > li{
  display: inline-block;
}

.tabular_page_view.vertical ul.tabular_page_view_tabs{
    display: block;
    float: left;
    width: 20%;
    background-color: var(--bg-grey-grad10);
    border-bottom: 1px solid var(--bg-grey-grad20);
}

.tabular_page_view.vertical .tabular_page_view_center_panel {
    min-height: 300px;
    /*border-left: 1px solid #e4e7ea;*/
    display: block;
    float: left;
    width: 80%;
}

.tabular_page_view_center_panel.add_border
{
  border: 1px solid #e4e7ea;
  border-bottom: none;
}

.vertical.settings_tabular_view ul.tabular_page_view_tabs {
    border-right: none;
}

.tabular_page_view.horizontal .tabular_page_view_center_panel
{
  min-height: 100px;
  border: 1px solid var(--bg-grey-grad30);
  border-bottom: 0;
  padding-bottom: 24px;
}

.tabular_page_view .tabular_page_view_tab
{
  display: inline-block;
  font-size: 116.7%;
  color: #999;
  padding: 5px 10px;
  width: 100%;
}

.tabular_page_view.vertical .tabular_page_view_tab{
  position:relative;
  border: 1px solid #e4e7ea;
  border-bottom: none;
  background: url("TreeCollapsedArrow.png") right 10px center no-repeat transparent;
  color: #333;
  text-align: left;
  cursor: pointer;
}

.tabular_page_view.vertical .tabular_page_view_tab .tab_content_holder{
  vertical-align:super;
  margin-left:7px;
}
.tabular_page_view.vertical .tabular_page_view_tab .tab_name{
	 vertical-align: 6px;
}
.tabular_page_view.vertical .tabular_page_view_tab:hover{
  color: var(--brand-color-grad60);
}
.tabular_page_view.horizontal .tabular_page_view_tab {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    border: 1px solid #ddd;
    border-left:none;
    border-bottom: none;
}

.tabular_page_view .tabular_page_view_tab .tab_name{
  display: inline-block;
  height: 38px;
  min-width: 38px;
  line-height: 38px;
  vertical-align: top;
  padding-left: 5px;
  color: var(--brand-color-grad50);
}
.tabular_page_view_tab .tab_icon{
  display: inline-block;
  height: 38px;
  width: 38px;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
.tabular_page_view_tab.active
{
  pointer-events: auto;
  font-weight: bold;
}

.tabular_page_view.horizontal .tabular_page_view_tab.active{
  border-bottom: var(--brand-color-grad50) 2px solid;
}

.tabular_page_view.vertical .tabular_page_view_tab.active
{
    background: url(TreeCollapsedArrow.png) var(--charcoal-grey-grad30) no-repeat right 10px center;
    text-decoration: none;
    position: relative;
    border-left: 5px solid var(--brand-color-grad60);
}

.tabular_page_view.vertical .tabular_page_view_tab.active:hover {
  color:var(--brand-color-grad50);
}

.tabular_page_view.vertical .tabular_page_view_tab.active .data-count{
    background-color: rgba(0, 0, 0, 0);
}
.tabular_page_view.vertical .tabular_page_view_tab .data-count{
    overflow: hidden;
    display: inline-block;
    max-width: 50px;
    position: absolute;
    right: 25px;
    top: 12px;
}

.tabular_page_view .tabular_page_view_tab .disable_tab
{
    pointer-events: none;
}

.tabular_page_view_tab.done
{
	cursor:pointer;
  pointer-events: auto;
}

.tabs_bottom_navigation_panel
{
    clear: both;
    background-color: var(--form-footer-bg-color);
    padding: 15px;
    border: 1px solid var(--bg-grey-grad30);
}

.vertical .tabs_bottom_navigation_panel
{
  background-color: var(--form-footer-bg-color);
  border-top: 1px solid #e4e7ea;
  padding: 15px;
  clear: both;
  margin-top:24px;
  border: 1px solid #e4e7ea;
}

.tabular_save_exit_button_container
{
  display: inline-block;
  margin-left: 10px;
  border-left: 1px solid #d0d0d0;
  padding-left: 15px;
}
.tabular_save_exit_button_container.hide{display: none;}

.tabular_page_container .tab_container .form_note_border
{
    padding-left: 0;
}
.tabular_page_container .form_inline{border: none !important;}
.tabular_page_container .form .config_layout{overflow: visible;}

.base_view_container .global-page-info{
    display: inline-block;
    float: right;
    position: relative;
}

.tabular_page_container .form .form_two_column_layout td.field,.tabular_page_container .form_column .form_two_column_layout td.field, .tabular_page_container .form td.rdx_checkbox_component
{
    padding: 0px;
    padding-left: 20px;
    padding-bottom: 3px;
}

.tabular_page_container fieldset {
    padding-left: 0;
    padding-right: 0;
}

.tabular_page_container .form .form_two_column_layout td.form_embedded_view {
    padding-left: 0;
}

.form_note.form_note_border{
  padding-left: 20px;
}

.tabular_page_container .form td {
    padding-left: 0;
}


.tabular_page_view.vertical .tabular_page_container.independent_view {
  margin-left: 0px;
  margin-top: 7px;
}

.independent_view .form_base_container .form .group_div .group_name_div label {
  padding-left: 22px;
}

.independent_view .form .config_layout {
    min-height: 300px;
    background-color: var(--section-bg-color);
    margin: 20px;
    padding: 20px 0px;
}

.independent_view .form_base_container.form_base_container_border {
    border-bottom: 1px solid #e4e7ea;
}

.systemlog_view .page {
    padding: 20px;
}

.systemlog_view .page-title {
    font-size: 166.7%;
    color:#333;
    margin-bottom:10px;
}

.systemlog_view .page-description {
    color:#666;
    margin-bottom:10px;
}

.systemlog_view .page-content-syslog {
    color:#485164;
}

.systemlog_view .float-left {
    float: left;
}

.systemlog_view .twenty-five-width {
    width: 25%;
}

.systemlog_view .seventy-five-width {
    width: 75%;
}

.systemlog_view .aside {
    padding-left:10px;
}

.systemlog_view .record-count {
    font-weight: normal;
}

.systemlog_view .show {
    display: block;
}

.systemlog_view .section,
.systemlog_view .aside {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.systemlog_view .no-matching-record {
    display: none;
    font-style: italic;
    padding: 10px 10px 10px 20px;
}

.systemlog_view .box-container {
    margin: 10px 0;
}

.systemlog_view .section .box-container:first-child,
.systemlog_view .aside .box-container:first-child {
    margin: 0;
}

.systemlog_view .no-border {
    border:none;
}

.systemlog_view .all-border {
    border: 1px solid #c8ccd2;
}

.systemlog_view .bottom-border {
    border-bottom: 1px solid #e4e7ea;
}

.systemlog_view .all-round {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.systemlog_view .top-round {
    border-radius: 4px 4px 0 0;
}

.systemlog_view .bottom-round {
    border-radius: 0 0 4px 4px;
}

.systemlog_view .box-title {
    background: var(--charcoal-grey-grad30);
    margin: 0;
    border-bottom: 1px solid #e4e7ea;
    padding: 10px 20px 8px;
    line-height: 21px;
    color:#4d4f53;
    position: relative;
    z-index: 100;
}

.systemlog_view .aside .box-title {
    padding: 10px 10px 9px 10px;
}

.systemlog_view .aside-font {
    font-weight: bold;
}

.systemlog_view .box-title span.normal {
    font-weight: normal;
}

.systemlog_view .action-bar {
    border-bottom: 1px solid #e4e7ea;
    padding: 2px 90px 2px 20px;
    line-height: 21px;
    z-index: 1;
}

.systemlog_view .action-bar-shadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
}

.systemlog_view .box-content {
}

.systemlog_view .filter-content {
    display: none;
    padding: 5px 25px;
    overflow: visible !important;
}

.systemlog_view .page-reload {
    position: absolute;
    vertical-align: middle;
    height: 28px;
    right: 0;
    top: 6px;
    background: url(sprite_new.png) no-repeat scroll -63px -258px;
    width: 40px;
    border-left: 1px solid #e4e7ea;
    cursor: pointer;
}

.systemlog_view .sort-div,
.systemlog_view .more-options,
.systemlog_view .search-button,
.systemlog_view .export-contents {
    position: absolute;
    vertical-align: middle;
    height: 38px;
    right: 0;
    top: 0px
}

.systemlog_view .section .box-content {
}

.systemlog_view .dir-content {
    height: 27px;
}

.systemlog_view .box-footer {
    background: var(--charcoal-grey-grad30);
    padding: 5px 10px;
    border-top: 1px solid #e4e7ea;
}

.systemlog_view .box-footer.no-top-border{
    border-top:none;
}

.systemlog_view .multiple-filter-content.no-padding {
    display: none;
    padding: 0;
}

.systemlog_view .search-button {
    padding: 5px 0;
    right: 115px;
    text-align: center;
    width: 50px;
}

.systemlog_view .search-button .rdx_blue_button {
    height: 30px;
    padding: 1px 7px 2px;
}

.systemlog_view .sort-div {
    padding: 5px;
    right: 42px;
    display: block;
}

.systemlog_view .sort-div span {
    display: inline;
    font-weight: bold;
    color: #666;
}

.systemlog_view .deploy-div {
    border-right: 1px solid #e4e7ea;
    padding: 10px 0 10px 10px;
    width: 130px;
    position: absolute;
    vertical-align: middle;
    font-size: 92.3%;
    height: 22px;
    right: 170px;
    top: -1px;
    display: none;
}

.systemlog_view .deploy-div span {
    display: inline;
    font-weight: bold;
    color: #999999;
}

.systemlog_view .sort-width {
    width: 200px;
}

.systemlog_view .more-options {
    background: transparent url('more.png') no-repeat 50%;
    width: 40px;
    border-left: 1px solid #e4e7ea;
    cursor:pointer;
}

.systemlog_view .search-component {
    background: url('search.png') no-repeat scroll 0 12px rgba(0, 0, 0, 0);
    height: 35px;
    overflow-y: auto;
    -ms-overflow-style: auto;
    padding-left: 15px;
    padding-right: 45px;
}

.systemlog_view .search-component input[type="text"] {
    border: medium none;
    height: 27px;
    margin: 3px;
    min-width: 200px;
    width: auto;
    color: #666666;
    background-color: transparent!important;
}

.systemlog_view .mshandler::-ms-clear {
  width : 0;
  height: 0;
  display: none;
}

.systemlog_view .search-component .clear-search {
    cursor: pointer;
    display: none;
    padding: 2px;
    position: absolute;
    right: 110px;
    top: 10px;
    color: var(--brand-color-grad50);
}

.systemlog_view .search-block {
    display: inline-block;
    padding: 3px;
    position: relative;
    vertical-align: top;
    margin-top: 2px;
}

.systemlog_view .search-item {
    border: 1px solid #D6D6D6;
    border-radius: 2px;
    cursor: default;
    display: block;
    height: 23px;
    white-space: nowrap;
    z-index: 98;
}

.systemlog_view .search-block.rollover .search-item {
    padding-right: 9px;
    position: relative;
}

.systemlog_view .search-value {
    color: #4D4F53;
    direction: ltr;
    display: inline-block;
    line-height: 17px;
    margin: 2px 5px;
    max-height: 17px;
    max-width: 325px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.systemlog_view .clear-search-item {
    background: url('filter_cross.png') no-repeat scroll 2px 6px rgba(0, 0, 0, 0);
    bottom: 5px;
    cursor: pointer;
    position: absolute;
    right: 4px;
    top: 6px;
    width: 12px;
    z-index: 100;
}

.systemlog_view .clear-search-item:hover ~ .search-item {
    border: 1px solid #679BCE;
}

.systemlog_view .filter-item-block {
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 2px;
    position: relative;
    vertical-align: middle;
}

.systemlog_view .components-selected-name {
    min-height: 20px;
}

.systemlog_view .clear-filter-item {
    background: url('filter_cross.png') no-repeat scroll 2px 4px rgba(0, 0, 0, 0);
    cursor: pointer;
    position: absolute;
    right: 4px;
    top: 1px;
    width: 12px;
    height: 12px;
    z-index: 2;
}

.systemlog_view .clear-filter-item:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.systemlog_view .filter-item {
    border: 1px solid #D6D6D6;
    border-radius: 2px;
    cursor: default;
    display: block;
    height: 17px;
    white-space: nowrap;
    z-index: 1;
}

.systemlog_view .filter-item:hover {
    border: 1px solid #679BCE;
}

.systemlog_view .clear-filter-item:hover ~ .filter-item {
    border: 1px solid #679BCE;
}

.systemlog_view .filter-item-block .filter-item {
    padding-right: 12px;
    position: relative;
}

.systemlog_view .filter-value {
    color: #666666;
    direction: ltr;
    display: inline-block;
    font-size: 83.3%;
    line-height: 14px;
    margin: 1px 5px;
    overflow: hidden;
}

.systemlog_view input.button-grey[type="button"] {
    background: linear-gradient(to bottom, #FFFFFF 0%, #D6D7D8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #929292;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.systemlog_view input.button-grey.hover[type="button"], .systemlog_view input.button-grey[type="button"]:hover {
    background: linear-gradient(to bottom, #FFFFFF 0%, var(--grey-color-grad20) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.systemlog_view input.button-grey.focus[type="button"], .systemlog_view input.button-grey[type="button"]:focus {
    border-color: #3E588F;
    box-shadow: 0 0 3px #197CAF;
}

.systemlog_view input.button-grey.down[type="button"] {
    background: linear-gradient(to bottom, #D2D2D2 0%, #DEDFE0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #5F5F5F;
    box-shadow: 0 0 6px #8E8E8E inset;
}


.systemlog_view input.deploy-button[type="button"] {
    min-width: 45px;
    padding: 2px 3px;
}

.systemlog_view .ns-log {
    text-align: left;
    padding: 5px 10px;
}

.systemlog_view .ns-log select,
.systemlog_view .ns-log select:hover {
    background: transparent url('darrow.png') no-repeat 95% 50%;
    border: none;
    -webkit-appearance: none;
    width: 100%;
    padding-right: 20px;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
}

.systemlog_view .log-container {
    overflow: hidden;
}

.systemlog_view .log-content {
    border-bottom:1px solid #e4e7ea;
    line-height: 20px;
}

.systemlog_view .log-info {
    float: left;
    width: 147px;
    padding: 10px 10px 30px;
}

.systemlog_view .log-title {
    font-weight: bold;
    font-size: 125%;
}

.systemlog_view .log-timestamp {
    line-height: 16px;
}

.systemlog_view .log-description {
    color: #000000;
    word-wrap: break-word;
    margin: 0;
}

.systemlog_view .is-relative {
    position: relative;
}

.systemlog_view .severity {
    margin: 2px 0;
}

.systemlog_view .severity .info,
.systemlog_view .severity .err,
.systemlog_view .severity .error,
.systemlog_view .severity .debug,
.systemlog_view .severity .emergency,
.systemlog_view .severity .alert,
.systemlog_view .severity .critical,
.systemlog_view .severity .warn,
.systemlog_view .severity .warning,
.systemlog_view .severity .notice {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 1px 10px;
    font-size: 91.7%;
    color:#fff;
}

.systemlog_view .severity .info {
    background-color: #0075c4;
}

.systemlog_view .severity .err, .systemlog_view .severity .error {
    background-color: #CF3434;
}

.systemlog_view .severity .debug {
    background-color: #a28163;
}

.systemlog_view .severity .emergency {
    background-color: #F8310E;
}

.systemlog_view .severity .alert {
    background-color: #E2D931;
    color: #000;
}

.systemlog_view .severity .critical {
    background-color: #FE0404;
}

.systemlog_view .severity .warn,.systemlog_view .severity .warning {
    background-color: #F0E800;
    color: #000000;
}

.systemlog_view .severity .notice {
    background-color: #0075c4;
}

.systemlog_view .log-detail {
    overflow: auto;
    padding: 10px 10px 30px 0px;
    position: relative;
}

.systemlog_view .property-tags {
    bottom: 5px;
    display: none;
    height: 20px;
    margin: 10px 0 0;
    overflow: hidden;
    position: absolute;
}
.systemlog_view .log-source{
    color:#333;
    word-wrap: break-word;
}
.log-source .log-data{
    font-style: italic;
    padding: 0 4px;
}
.systemlog_view .log-content:hover .property-tags {
    display: block;
    white-space: nowrap;
}

.systemlog_view .component-tag {
    color: var(--brand-color-grad50);
    border-radius: 10px;
    padding: 2px 10px;
    cursor:pointer;
    margin: 0 4px;
}

.systemlog_view .component-tag:hover {
    background-color: #D7D7D7;
}

.systemlog_view .component-grey-tag {
    background-color: #D7D7D7;
}

.systemlog_view .adv-search-shadow {
    border-bottom: 1px solid #c8ccd2;
}

.systemlog_view .adv-search-div {
    margin-top: 2px;
    padding: 3px 0;
}

.systemlog_view .adv-search-span {
    margin-right: 80px;
}

.systemlog_view .adv-search-label {
    margin-left: 2px;
    position: relative;
    top: -2px;
}

.systemlog_view .italic-font {
    font-style: italic;
}

.systemlog_view .keyword {
    background-color: var(--brand-color-grad50);
    color: #FFFFFF;
}

.systemlog_view .search {
    background-color: #C1C1C1;
    color: #000000;
}

.systemlog_view .filter-expandable {
    border-bottom: 1px solid #e4e7ea;
    display: block;
}

.systemlog_view .filter-expandable:last-child {
    border: none;
}

.systemlog_view .filter-expandable .filter-title {
    cursor: pointer;
    padding: 7px 30px;
    position: relative;
    top: 5px;
    vertical-align: middle;
}

.systemlog_view .loading {
    margin-left: 50%;
    vertical-align: middle;
    height: 60px;
    width: 60px;
}

.systemlog_view .filter-expandable.collapsed .filter-title {
    background: url('rarrow.png') no-repeat 10px 12px;
    min-height: 22px;
    display: block;
}

.systemlog_view .filter-expandable.expanded .filter-title {
    background: url('darrow.png') no-repeat 10px 14px;
    min-height: 22px;
    display: block;
}

.systemlog_view .filter-expandable.expanded .filter-title .components-selected-name .component-name{
    margin-right: 15px;
}

.systemlog_view .filter-dropdown-container {
    border: 1px solid #999999;
    color: #333333;
    font-weight: normal;
    height: 27px;
    position: relative;
    text-shadow: none;
    top: -4px;
    width: 100%;
    cursor: pointer;
}

.systemlog_view .filter-dropdown-container .filter-dropdown-arrow {
    background: url('darrow.png') no-repeat 0 0;
    position: absolute;
    right: 8px;
    top: 12px;
    width: 10px;
    height: 10px;
}

.systemlog_view .custom-dropdown-container {
    position: relative;
    float: right;
    color: #333;
    z-index: 100;
    text-shadow: none;
    font-weight: normal;
    top: -4px;
    border: 1px solid transparent;
}

.systemlog_view .custom-deploy-dropdown-container {
    position: relative;
    float: right;
    color: #333;
    z-index: 100;
    text-shadow: none;
    font-weight: normal;
    top: -4px;
    border: 1px solid transparent;
}

.systemlog_view .custom-dropdown-width {
    width: 92px;
}

.systemlog_view .custom-deploy-dropdown-width {
    width: 80px;
}

.systemlog_view .filter-dropdown-label {
    cursor: pointer;
    padding: 5px;
    position: relative;
}

.systemlog_view .dropdown-label,
.systemlog_view .deploy-dropdown-label {
    background: none;
    border: 1px solid transparent;
    padding: 2px 0 2px 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    cursor: pointer;
}

.systemlog_view .deploy-label-position {
    min-height: 20px;
    position: relative;
}

.systemlog_view .custom-dropdown-container .dropdown-arrow,
.systemlog_view .custom-dropdown-container .deploy-dropdown-arrow {
    background: url('darrow.png') no-repeat 0 0;
    position: absolute;
    right: 8px;
    top: 12px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.systemlog_view .dropdown-list {
    background: #fff;
    border: 1px solid #b7b8b8;
    position: absolute;
    z-index: 100;
    top: 27px;
    box-shadow: 0 2px 6px #ccc;
    padding: 5px 0;
    display: none;
    left: -26px;
    width: 105px;
}

.systemlog_view .deploy-dropdown-list {
    background: #fff;
    border: 1px solid #b7b8b8;
    position: absolute;
    z-index: 100;
    top: 27px;
    box-shadow: 0 2px 6px #ccc;
    padding: 5px 0;
    display: none;
    left: -39px;
    width: 105px;
}

.systemlog_view .dropdown-list .dropdown-option,
.systemlog_view .deploy-dropdown-list .deploy-dropdown-option {
    padding: 2px 0 2px 23px;
    cursor: pointer;
}

.systemlog_view .deploy-disabled {
    color: #ccc;
}

.systemlog_view .filter-dropdown-list {
    background: #fff;
    border: 1px solid #b7b8b8;
    /*position: absolute;*/
    z-index: 100;
    /*box-shadow: 0 2px 6px #ccc;*/
    padding: 5px 0;
    display: none;
    left: -1px;
    width: 100% !important;
    max-height: 400px;
    overflow: auto;
}

.systemlog_view .filter-dropdown-list .dropdown-option {
    padding: 2px 0 2px 25px;
    cursor: pointer;
}

.systemlog_view .dropdown-option.selected,
.systemlog_view .deploy-dropdown-option.selected{
    background: url('checkmark.png') no-repeat 7px 8px;
}

.systemlog_view .dropdown-option:hover,
.systemlog_view .deploy-dropdown-option:hover {
    background-color:#1b7ecf;
    color:#fff;
}

.systemlog_view .dropdown-option.selected:hover,
.systemlog_view .deploy-dropdown-option.selected:hover {
    background-position: 7px -10px;
}

.systemlog_view .close-filter {
    background: url('filter_cross.png') no-repeat scroll 2px 4px rgba(0, 0, 0, 0);
    border-left: 1px solid #FFFFFF;
    margin-left: 4px;
    padding: 2px 5px;
}

.systemlog_view .disable-div {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.systemlog_view ul.dependent-type-filters {
    border-top: 1px solid #e4e7ea;
    list-style: none outside none;
    margin: 0;
    max-height: 110px;
    overflow: auto;
    padding: 5px 0;
}

.systemlog_view ul.dependent-type-filters li {
    padding: 4px 10px;
}

.systemlog_view .log-detail .appfw-filter-checkbox {
    background: url("check_box.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #666666;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 91.7%;
    height: 15px;
    padding-left: 20px;
    padding-top: 1px;
    position: relative;
    width: auto;
}
.systemlog_view  fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.systemlog_view .dependent-type-filters .filter-check.checked,
.systemlog_view .log-detail .filter-check.checked {
    visibility: visible;
}

.systemlog_view .empty-filter {
    height: 17px;
}

.systemlog_view .file-box-content {
    height: 56px;
}

.systemlog_view .directory-ns-log {
    padding: 6px 10px 0;
    text-align: left;
}

.systemlog_view .file-ns-log {
    padding: 0 10px 6px;
    text-align: left;
}

.systemlog_view .filelist-dropdown-container {
    color: #333333;
    cursor: pointer;
    font-weight: normal;
    text-shadow: none;
    top: -4px;
    width: 100%;
}

.systemlog_view .filelist-dropdown-label {
    cursor: pointer;
    padding: 5px 0px;
    position: relative;
}

.systemlog_view .filelist-dropdown-container .filelist-dropdown-arrow {
    background: url("darrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 10px;
    position: relative;
    top: -16px;
    width: 10px;
}

.systemlog_view .filelist-dropdown-list {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B7B8B8;
    box-shadow: 0 2px 6px #CCCCCC;
    display: none;
    left: -1px;
    padding: 5px 0;
    position: relative;
    width: 100%;
    z-index: 101;
    max-height: 530px;
    overflow: auto;
}

.systemlog_view .filelist-dropdown-list .dropdown-option {
    cursor: pointer;
    padding: 2px 0 2px 25px;
}

.systemlog_view .component-name {
    float: left;
}

.systemlog_view .clear-all-filters {
    border-radius: 2px;
    color: #666666;
    cursor: pointer;
    display: none;
    float: right;
    font-size: 91.7%;
    font-weight: normal;
    text-shadow: none;
}

.systemlog_view .fixed-box-title {
    position: fixed;
    top: 0;
    z-index: 100;
}

.systemlog_view .fixed-action-bar {
    background-color: #FFFFFF;
    position: fixed;
    top: 40px;
    z-index: 1;
}

.systemlog_view .fixed-adv-search-bar {
    background-color: #FFFFFF;
    position: fixed;
    top: 80px;
    z-index: 1;
}

.systemlog_view .fixed-pagination-bar {
    background-color: #FFFFFF;
    position: fixed;
    z-index: 1;
}

.systemlog_view .fixed-file-section {
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    z-index: 110;
}

.systemlog_view .fixed-filter-section {
    background-color: #FFFFFF;
    position: fixed;
    top: 103px;
    z-index: 109;
}

.systemlog_view a.pagination-button {
    color: #808080;
    cursor: default;
    margin-right: 20px;
}

.systemlog_view .pagination_div {
    display: none;
    padding: 2px 20px;
}

.systemlog_view .pagesize_list {
    display: inline-block;
    position: relative;
    padding: 2px;
}

.systemlog_view .pagination_count_div {
    padding: 5px;
}

.systemlog_view .pagination_img_border {
    height: 30px;
    margin-top: -2px;
}

.dropdown-overlay {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:99;
}

.systemlog_view .filter-info {
    display: none;
}

.systemlog_view .page-number.file {
    position: relative;
    top: -1px;
}

.systemlog_view .pagination_div .spinner {
    background: url(../images/spinner.gif) no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    background-size: 20px;
    vertical-align: bottom;
}

.systemlog_view .page-number.db{
    padding: 5px;
}

.systemlog_view .inner_pagination_div.db {
    float: right;
}

.systemlog_view .content-header,
.systemlog_view .action-bar{
    box-sizing: border-box;
}

.systemlog_view .appfw-click-to-deploy {
    float: left;
    width: 95%;
    padding-right: 1px;
}

.systemlog_view .deploy {
    float: right;
    width: 145px;
    text-align: right;
}

.systemlog_view .deployed {
    color: #007138;
    float: left;
    width: 22%;
}

.systemlog_view .deployed-span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #007138;
    margin-right: 5px;
    margin-left: 5px;
}

.after_fixed_positioning
{
    top: 0;
}

.systemlog_view .sort-list.list {
    width: 120px;
}
.systemlog_view .ip_textfield {
    min-width: initial;
    width: 100%;
}


.accordion_menu .navigation {
	position: fixed;
	top: 54px;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 240px;
	background-color:#EAECF1;
}

.accordion_menu .navigation .list{
	color:#000;
	min-width: 0;
}

.accordion_menu .navigation .list .item {
	padding: 10px 10px 10px 18px;
	cursor: pointer;
	color: #000;
	font-size: 108.3%;
}

.accordion_menu .navigation_secondary .item {
	cursor: pointer;
}

.accordion_menu .navigation .list > .item {
	border-bottom: 1px solid #E8EBF0;
	font-size: 116.7%;
	height: 50px;
	overflow: hidden;
}

.accordion_menu .navigation .list > .item.selected {
	background: none repeat scroll 0 0 #F9F8FB;
}

.accordion_menu .navigation .icon,
.accordion_menu .navigation .menu,
.accordion_menu .navigation .count,
.accordion_menu .navigation_secondary .icon,
.accordion_menu .navigation_secondary .menu{
	display: inline-block;
	float: left;
}

.accordion_menu .navigation .icon {
	background:url(icons_set.png) no-repeat 0 0 transparent;
}
.accordion_menu .navigation_secondary .icon {
	background-repeat: no-repeat;
	background-position: center center;
}

.accordion_menu .navigation .list > .item .icon{
	width: 25px;
	height: 24px;
}

.accordion_menu .navigation .list .item .menu,
.accordion_menu .navigation .list .item .count {
	line-height: 30px;
}

.accordion_menu .navigation .sub-list,
.accordion_menu .navigation_secondary .sub-list {
	display: none;
}

.accordion_menu .navigation .sub-list .item {
	padding: 5px 5px 5px 18px;
	height: 40px;
	overflow: hidden;
	background: none repeat scroll 0 0 #D9DFE3;
	color: #888888;
}

.accordion_menu .navigation .sub-list .item .icon{
	width: 30px;
	height: 30px;
}

.accordion_menu .navigation .list > .item.selected + .sub-list {
	display: block;	
}

.accordion_menu .navigation_secondary .item.selected + .sub-list {
	display: block;
}

.accordion_menu .navigation .sub-list > .item.selected {
	background: #F9F8FB;
}

.accordion_menu .navigation .list .item .icon +.menu {
	margin-left: 18px;
}

.accordion_menu .navigation .sub-list > .item .icon  {

}

.accordion_menu .navigation .sub-list > .item.selected .icon, .accordion_menu .navigation .sub-list > .item:hover .icon {
	opacity: 1;
    filter: alpha(opacity = 100);
	
}

.accordion_menu .navigation .list .item .count {
	float: right;
	min-width: 16px;
	min-height: 16px;
	text-align:center;
	font-weight: normal
}

.accordion_menu .navigation .list .item:hover, .accordion_menu .navigation .item.selected{
	background-color: #D9DFE3;
	color: #000;
}

.accordion_menu .navigation .item.selected{
	border-bottom: 1px solid #E8EBF0;
}

.accordion_menu .navigation .list .item .count.red{
	border-radius: 10px;
	background: #ec1a29;
	line-height: 16px;
	margin-top: 4px;
	color:#fff;
}
.accordion_menu .item .icon.service_icon{
	background-position: 0px 0px; 
}/*
.accordion_menu .item.selected .icon.service_icon, .accordion_menu .item:hover .icon.service_icon{
	background-position: -30px 0px; 
}*/
.accordion_menu .item .icon.tool_icon{
	background-position: 0px -30px; 
}
/*
.accordion_menu .item.selected .icon.tool_icon, .accordion_menu .item:hover .icon.tool_icon{
	background-position: -30px -30px; 
}*/
.accordion_menu .item .icon.device_icon{
	background-position: 0px -60px; 
}
/*
.accordion_menu .item.selected .icon.device_icon, .accordion_menu .item:hover .icon.device_icon{
	background-position: -30px -60px; 
}*/
.accordion_menu .item .icon.setting_icon{
	background-position: 0px -90px; 
}
/*
.accordion_menu .item.selected .icon.setting_icon, .accordion_menu .item:hover .icon.setting_icon{
	background-position: -30px -90px; 
}*/

.accordion_menu .item .icon.insight_icon {
	background-position: 0px -120px;
}
/*
.accordion_menu .item.selected .icon.insight_icon, .accordion_menu .item:hover .icon.insight_icon {
	background-position: -30px -120px;
}
*/
.accordion_menu .item .icon.fault_mgmt_icon{
	background-position: 0px -150px; 
}
/*
.accordion_menu .item.selected .icon.fault_mgmt_icon, .accordion_menu .item:hover .icon.fault_mgmt_icon{
	background-position: -30px -150px; 
}*/
.accordion_menu .item .icon.emon_icon {
	background-position: 0px -180px; 
}
/*
.accordion_menu .item.selected .icon.emon_icon, .accordion_menu .item:hover .icon.emon_icon {
	background-position: -30px -180px; 
}*/
.accordion_menu .item .icon.certificate_mgmt_icon {
	background-position: 0px -210px;
}
/*
.accordion_menu .item.selected .icon.certificate_mgmt_icon, .accordion_menu .item:hover .icon.certificate_mgmt_icon {
	background-position: -30px -210px;
}*/
.accordion_menu .item .icon.change_mgmt_icon {
	background-position: 0px -240px; 
}
/*
.accordion_menu .item.selected .icon.change_mgmt_icon, .accordion_menu .item:hover .icon.change_mgmt_icon {
	background-position: -30px -240px; 
}*/
.accordion_menu .item .icon.config_mgmt_icon{
	background-position: 0px -270px; 
}
/*
.accordion_menu .item.selected .icon.config_mgmt_icon, .accordion_menu .item:hover .icon.config_mgmt_icon{
	background-position: -30px -270px; 
}*/
.accordion_menu .item .icon.syslog_analytics_icon{
	background-position: 0px -300px; 
}
/*
.accordion_menu .item.selected .icon.syslog_analytics_icon, .accordion_menu .item:hover .icon.syslog_analytics_icon{
	background-position: -30px -300px; 
}*/
.accordion_menu .item .icon.reporting_icon{
	background-position: 0px -330px; 
}
/*
.accordion_menu .item.selected .icon.reporting_icon, .accordion_menu .item:hover .icon.reporting_icon{
	background-position: -30px -330px; 
}*/
.accordion_menu .item .control_center_icon {
	background-position: 5px -360px;
}
/*
.accordion_menu .item.selected .control_center_icon, .accordion_menu .item:hover .control_center_icon {
	background-position: -30px -360px;
}*/
.accordion_menu .item .icon.license_icon{
	background-position: 0px -450px; 
}
/*
.accordion_menu .item.selected .icon.license_icon, .accordion_menu .item:hover .icon.license_icon{
	background-position: -30px -450px; 
}*/

.accordion_menu .devices_sub_icon {
	background-image:url(my-device-icon.png);
}
.accordion_menu .agents_icon {
	background-image:url(my-agent-icon.png);
	background-position: center center;
}

.accordion_menu .config_advice_icon {
	background-image:url(config-advice-icon.png);
}
.accordion_menu .offline_visualizer_icon {
	background-image:url(offline_visualizer.png);
}
.accordion_menu .migrate_icon {
	background-image:url(migrate_config.png);
}



.accordion_menu .load_balancing_icon {
	background-image:url(lb-icon-lt.png);
}

.accordion_menu .device_inventory_icon {
	background-image:url(device-inventory-icon-lt.png);
}

.accordion_menu .app_template_icon {
	background-image:url(app-template-icon.png);
}


.accordion_menu .navigation_secondary{
	position: fixed;
	left: 219px;
	top: 54px;
	bottom: 0;
	border-right: 1px solid #F9F8FB;
	background: #F9F8FB;
	width: 200px;
	box-shadow: 5px 0 7px rgba(100,100,100,0.30);
	z-index: 101;
}

.accordion_menu .narrowed + .navigation_secondary{
	left: 60px;
}

.accordion_menu .selected-menu {
	padding: 15px 10px;
	padding-left: 20px;
	border-bottom: 1px solid #EDEDED;
	font-size: 116.7%;
}

.accordion_menu .navigation_secondary .icon{
	width: 18px;
	height: 24px;
}

.accordion_menu .navigation_secondary .icon.plus {
	background: url("white_plus_icon.png") no-repeat center left transparent;
	display: inline;
}

.accordion_menu .navigation_secondary .secondary_menu_item.selected .icon.plus {
	opacity: 1;
    filter: alpha(opacity = 100);
}


.accordion_menu .navigation_secondary .item{
	padding: 8px 10px 8px 15px;
	line-height: 24px;
}

.accordion_menu .navigation_secondary .list > .item.selected {
}

.accordion_menu .navigation_secondary .secondary_item
{
	color: #000;
}

.accordion_menu .navigation_secondary .secondary_item.selected
{
	color: #fff;
	background-color: #488CCA;
}

.accordion_menu .navigation_secondary .list .sub-list .secondary_child.accordion_child_node.selected
{
	background-color: #488CCA;

}

.accordion_menu .navigation_secondary .secondary_item.secondary_menu_item.selected
{
	color: #000;
	background-color: transparent;
}

.accordion_menu .navigation_secondary .list .sub_list .secondary_child
{
	padding-left: 38px;
}

.accordion_menu .navigation_secondary .item.selected > .plus{
	background: url("white_minus_icon.png") no-repeat center left transparent;
}


.accordion_menu .navigation_secondary .sub-list .item{
	padding-left: 38px;
	border-top: none;
	color: #000;
}

.accordion_menu .navigation_secondary .sub-list .item.selected{
	color:#FFF;
}

.accordion_menu .page_content{
	margin-left: 270px;
	margin-right: 5px;
	margin-top: 5px;
	min-height: 585px;
	position: relative;
	left: 0;
}

.configure_view
{
    border-radius: 0px;
}

.configure_view .ui-corner-all
{
    border-radius: 0px;
}

.configure_view .ui-widget-header .ui-icon
{
    background: url("sprite.png") no-repeat scroll -101px -88px transparent;
}
.view_div_decorator
{
	border-radius: 4px;
}

.header_view_menu_settings_link span
{
	display: inline-block;
	height: 25px;
	margin-top: 7px;
	width: 20px;
}
.header_view_menu_settings_link span:before {
    content: "\F10B";
    color: #767676;
    font-family: "icons";
    font-size: 18px;
}
.header_view_menu_notification_link
{
    position: relative;
}

.header_view_menu_notification_link.header_view_menu_notification_active
{
    background-color:#417DB3;
}

.header_view_menu_notification_link .header_view_menu_notification_count
{
    position:absolute;
    z-index: 1;
    color: #FFF;
    background-color: #ce0202;
    border:1px solid #ce0202;
    border-radius: 5px;
    height: 14px;
    width: auto;
    padding:1px 2px;
    top: 6px;
    left: 32px;
    line-height: 10px;
    font-size: 100%;
}

.header_view_menu_notification_link .header_view_menu_notification_count.header_view_menu_notification_count_zero
{
    display: none;
}

.header_view_menu_notification_link a>span
{
    background: url("/admin_ui/rdx/core/images/notification-bell.png") no-repeat transparent;
    display: block;
    height: 25px;
    margin-top: 11px;
    width: 20px;
}

.header_view_menu_notification_link .header_view_menu_notification_dropdown
{
    position:absolute;
    z-index: 9999999;
    height:auto !important;
    width: 175px;
    text-indent:0;
    background-color:#417DB3;
    border:1px solid #417DB3;
    padding:10px;
    right:-1px;
    top:40px;
    line-height: 1;
}

.header_view_menu_notification_link .header_view_menu_notification_dropdown .header_info_item_label
{
    text-indent: 0;
    text-align: left;
    color: #FFF;
    font-size: 91.7%;
    word-break: break-word;
    height:auto !important;
    cursor: pointer;
}

.header_view_menu_notification_link .header_view_menu_notification_dropdown.header_view_menu_notification_dropdown_collapsed
{
    display:none;
}

.ns_header .notification_disabled {
	opacity: 0.5;
        filter: alpha(opacity = 50);
}

.ns_header .header_notification_bar > div
{
	height: 60px;
	padding: 0 20px 0 24px;
	background: url("alert.png") no-repeat center center transparent;
}

.ns_header .header_notification_bar > div:hover
{
	cursor: pointer;
}

.ns_header .header_notification_bar > .notification_disabled:hover
{
	cursor: default;
}

.header_view_menu_doppler_link .doppler_disable_icon
{
	background: url("icon_doppler_disable.png")  no-repeat;
	display: block;
	height: 25px;
	margin-top: 12px;
	width: 30px;
}
.header_view_menu_doppler_link .doppler_enable_header_icon
{
	background: url("icon_doppler_enable.png")  no-repeat ;
}
li.header_view_menu_doppler_link
{
	position: relative;
}
.header_menu li div.doppler_content_div, .header_menu li div.doppler_content_div div, .header_menu li div.doppler_title_div
{
	height:auto;
	text-indent: 0;
}
li.header_view_menu_doppler_link div.doppler_enable_icon
{
	height:84px !important;
}
li.header_view_menu_doppler_link:hover .doppler_enable
{
	top: 39px;
}
.doppler_enable a.doppler_learn_more
{
	color: #006ec1 !important;
	font-weight: initial;
}
.header_menu li:hover a.doppler_learn_more
{
	position: static;
	top: 0;
}
.base_view_button_bar.top_positioned_button_bar
{
    border-bottom:none;
    background-color: #FFFFFF;
}
.base_view_button_bar
{
	padding-top: 3px;
}

.base_view_button_bar
{
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #e4e7ea;
}

.base_view_button_bar .help
{
    float: right;
    padding-top: 10px;
}

.toggle_view {
    position: relative;
}

.context-help.global {
    top: 0px;
    right: 15px;
}

.context-help {
    position: absolute;
    top: 42px;
    right: 0;
    padding: 10px;
}

.context-help .context-marker {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.help-wrapper {
    border: 1px solid var(--element-border-color);
    padding: 0px;
    min-height: 200px;
    margin-top: 3px;
}
.context-help .bubble_top_arrow{
    top:0;
}
.context-help .primary-sec, .context-help .secondary-sec {
    padding: 15px;
}
.context-help .secondary-sec {
    border-top: 1px solid #ddd;
}

.context-help .help-link {
    display: block;
    margin: 5px;
}

.ui-dialog-content .base_view_button_bar table
{
	padding: 0px
}

.ui-dialog-content .base_view_button_bar .help
{
    float: right;
    padding-top: 3px;
}

.table_no_border
{
	border-bottom: none!important;
}

.view_div_decorator .view_div_decorator
{
	border: none;
	height: 100%;
}

.composite_view_container .view_div_decorator
{
	border: none;
}

.gadget_content .view_div_decorator
{
	border: none;
}

.top_links_container .ribbon_toolbar_buttons {
    opacity: 1
}

/* .custom_help_link_container
{
	float: right;
	background: #FFF;
	border: 1px solid #e4e7ea;
	padding: 3px;
    border-radius: 2px;
} */

.global_action_button{
    display: inline-block;
    height: 24px;
    width: 24px;
    padding: 1px;
    cursor: pointer;
}

.refresh_button {
    cursor: pointer;
    height: 24px;
    width: 36px;
    display: inline-block;
    padding-top: 3px;
}
.page_help_icon {
    width: 40px;
    height: 24px;
    display: inline-block;
}

.global_action_button.help:before, .page_help_icon:before {
    content: "\F14A";
    color: #767676;
    font-family: "icons";
    font-size: 20px;
    position: relative;
    top: -3px;
}

.global_action_button.help:before {
    position: relative;
    top: -2px;
    font-size: 24px;
}
.global_action_button.help.btn-icon{
    margin-top: 3px;
}
.global_action_button.refresh:before,.refresh_button:before {
    content: "\F1B5";
    color: #767676;
    font-family: "icons";
    font-size: 20px;
}
.global_action_button.filter:before {
    content: "\F182";
    color: #767676;
    font-family: "icons";
    font-size: 20px;
}
.global_action_button.export:before {
    content: "\F186";
    color: #767676;
    font-family: "icons";
    font-size: 20px;
}
.global_action_button.settings_div:before {
    content: "\F10B";
    color: #767676;
    font-family: "icons";
    font-size: 20px;
}
.custom_help_link_container .ribbon_label_div
{
	border: 1px solid transparent;
	padding:  3px;
}

.back_button_toolbar
{
	height: 42px;
}

.op_view_custom_back_button
{
	margin-left: 25px;
	margin-right: 25px;
}
.op_view_custom_back_button.title_tool_bar_table
{
	padding-left:0
}
.custom_view_title_bar .title_tool_bar_table
{
	padding-left:0;
	margin-bottom: 5px;
}
/*Top table of view that contains title & tool bar*/

.tool_bar_table_no_border
{
    border-bottom: none !important;
}

.tool_bar_table .options_container
{
  width: 120px;
  padding-top: 2px;
}

.view_top_container
{
    width: 100%;
    background: #fff;
    padding: 0;
    border: 1px solid #e4e7ea;
    position: relative;  /*style position:relative is required for table column settings dropdown*/
    overflow: visible;
}

.links_action_bar
{
    width: 100%;
    height: 38px;
}

.tool_bar_table .options_container
{
  width: 120px;
  padding-top: 2px;
}

.tool_bar_table .options_container table
{
  opacity: 0.3;
  filter: alpha(opacity = 30);
}

.tool_bar_table .options_container:hover table
{
  opacity: 1;
  filter: alpha(opacity = 100);
}

.tool_bar_table .options_container .active
{
  opacity: 1;
  filter: alpha(opacity = 100);
}

.tool_bar_table .global_operations_separator
{
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 10px;
}

.tool_bar_table .options_container div.selectbox-wrapper ul li.selected
{
  background-color: transparent;
}

.table_form_parent_div
{
    height: 100%;
    width: 100%;
    border: 1px solid #e4e7ea;
    border-bottom: none;
    padding: 2px 2px;
    border-bottom: none;
}

/*Add a border for a list_view*/
.form .view_div_decorator .table_form_parent_div
{
    border-bottom: 1px solid #e4e7ea;
}


.toggle_base_view_container
{
    background-color: #EAEAEA;
    display: block;
    height: 22px;
}

.toggle_base_view_container a
{
    padding: 4px;
}

.back_button_title_bar
{
    padding-bottom: 5px;
}
.back_button_title_bar .tool_bar_table .title{
    padding: 0 10px;
}

.ui-dialog-content .view_div_decorator .title_tool_bar_table, .rdx_slider .view_div_decorator .title_tool_bar_table
{
    padding-left: 3px;
    text-align: left;
    border-top: 0px solid #e4e7ea;
    border-left: 0px solid #e4e7ea;
    border-right: 0px solid #e4e7ea;
    height: 20px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
}

.rdx_slider .view_div_decorator .title_tool_bar_table
{
	height: 32px;
}

.ui-dialog-content .ribbon_list_wrapper .list
{
	z-index: 99999;
}

.ui-dialog-content .table_form_parent_div
{
    overflow: auto;
}

.ui-dialog-content .view_top_container
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.rdx_slider .view_top_container
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.settings_active
{
    width: 43px;
    height: 26px;
    border-top: 1px solid #939393;
    border-bottom: 1px solid #9e9e9e;
    border-left: 1px solid #949494;
    border-right: 1px solid #949494;
    box-shadow: inset 0px 0px 6px #999;
    background: #dfe0e1;
}

/* .settings Not in use, this is conflicting css
{
    position: relative;
    display: inline-block;
    width: 45px;
    height: 28px;
    margin: 0 0 -10px;
    border-radius: 2px;
} */

.settings_span
{
    position: relative;
    display: inline-block;
    cursor: pointer;
    top: 4px;
    outline-color:  var(--brand-focus-outline) !important;
}

.settings_span:before {
    content: "\F10B";
    font-family: "icons";
    font-size: 17px;
    vertical-align: middle;
    color: var(--grey-color-grad60);
    outline-color:  var(--brand-focus-outline) !important;
}

.settings_container
{
    float: left;
    padding: 10px 15px;
    border-left: 1px solid #e4e7ea;
    display: block;
    height: 45px;
}
.settings_container.expanded{
    background-color: #e4e7ea;
}
.settings_container.small_settings_container{
    padding: 1px 15px;
    height: 25px;
}

/* Export related CSS */

.export_div
{
	width: 32px !important;
	height: 24px;
    cursor: pointer;
	position: relative;
    display: inline-block;
    padding-top: 2px;
}
.export_div:before{
    content: "\F186";
    color: #767676;
    font-family: "icons";
    font-size: 18px;
}
.ns_body a.export_div:hover, .ns_body a.refresh_button:hover{
    text-decoration: none;
}
.export_report_header_div
{
	width: 90%;
	border-bottom: solid;
	margin-bottom: 15px;
}

.export_report_product_name_span
{
	font-size: 133.3%;
}

.export_report_entity_name_span
{
	font-weight: bold;
}

.export_report_user_name_and_time_span
{
	font-size: 91.7%;
	float: right;
	font-weight: bold;
}

.header_menu li.header_view_menu_settings_link_app_search
{
    margin:0;
    padding: 0;
}

.app_search_button_in_header_hide
{
    background: url("icon-search-white.png")  no-repeat;
    display: block;
    height: 25px;
    margin-top: 20px;
    width: 30px;
    visibility: hidden;
}

.app_search_button_in_header_show
{
    background: url("icon-search-white.png")  no-repeat 50% 3px;
    display: block;
    height: 25px;
    margin-top: 17px;
    width: 30px;
    visibility: visible;
    cursor: pointer;
    background-size: 20px 20px;
}

.title_description_toolbar_container {
    display: block;
    overflow: auto;
    padding-bottom: 8px;
}

.title_description_toolbar_container .toggle_component_container {
    margin-left: 10px;
    vertical-align: middle;
    line-height: 216.7%;
}

.details_hidden_row .title_description_toolbar_container {
    display: none;
}

.rdx_second_pane_container .title_tool_bar_table{
    padding: 8px 15px;
    position: relative;
}

.rdx_second_pane_container > .title_tool_bar_table {
    display: flex;
    align-items: center;
}


.title_tool_bar_table .tool_bar_table {
    display: inline-block;
}

/* Styles for compact layout */

.title_tool_bar_table .global_context_holder > * {
    float: left;
}
.global_context_holder > span {
    margin-right: 5px;
}
.title_tool_bar_table .global_context_holder .global_action_button{
    margin: 5px;
}
.title_tool_bar_table .global_context_holder{
    position: absolute;
    right: 15px;
    top: 0px;
}

.title_tool_bar_table .global_context_holder input, .title_tool_bar_table .global_context_holder select.list {
    width: 125px;
    height: 28px;
    margin-right: 5px;
}
.title_tool_bar_table .global_context_holder input{
    background: #ffffff url('/admin_ui/rdx/core/images/search_icon.png') no-repeat 116px 50%;
    padding-right: 16px;
    width: 140px;
}

.uiFeedback{
    display: inline-block;
}

.page_title {
    font-size: 216.7%;
    float: left;
    font-weight: normal;
    margin: 0;
    color: var(--color-black-grad40);
}

.no_padding_page_title
{
	padding-left:0;
}
.page_title.no_padding_page_title span.title-data-count {
    font-size: 50%;
    border-radius: 10px;
    padding: 2px 10px;
    position: relative;
    margin-right: 10px;
    top: -5px;
    left: 10px;
}

.rdx_slider .rdx_slider_title_container span.title-data-count {
    font-size: 65%;
    border-radius: 10px;
    padding: 2px 10px;
    position: relative;
    top: -1px;
    left: 10px;
}

.form_embedded_view .title_description_toolbar_container, .tabbed_view_div > .title_description_toolbar_container{
    padding-bottom: 0px;
}

.form_embedded_view .title_description_toolbar_container .page_title{
    margin: 12px 0 10px 18px;
    padding: 2px 0px;
    font-size: 166.7%;
}

.toolbar_buttons {
    float: right;
    overflow: auto;
}
.toolbar_buttons.with_title_links {
    display: flex;
    align-items: center;
}
.toolbar_buttons .title_links_div .toolbar_buttons_title_link {
    font-size: 1.05rem;
    margin-right: 10px;
}
.toolbar_buttons .title_links_div .title_link_back_icon {
    font-size: 1.05rem;
    margin-left: 5px;
    margin-right: 6px;
    cursor: pointer;
}
.toolbar_buttons .title_links_div .title_link_back_icon:before {
    font-family: "icons";
    content: "\F100";
    color: var(--brand-color-grad50);
}
.toolbar_buttons .button_div{
    float: left;
}
.button_div .ribbon_div{
    display: block;overflow: auto; float: right;
}

.ribbon_div .rdx_button {
    padding: 6px 10px;
    margin: 2px 8px 2px 2px;
}

.form_embedded_view .title_description_toolbar_container .toolbar_buttons{
    margin: 8px 10px 10px 0;
}
.exported-view .toolbar_buttons{
    display: none;
}
.page_title img {
    float: left;
    margin-right: 10px;
}

.page_description {
    color: #333333;
    clear: both;
    margin-top: 5px;
    width: 90%;
    float: left;
    line-height: 30px;
}

.page_title_logo
{
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 10px;
}

.time_selection_bar_slider_container
{
    float: left;
    width: 67%;
    box-sizing: border-box;
    padding: 10px 20px;
    width: calc(100% - 280px - 80px);
}

.time_selection_bar_picker_container
{
    float: left;
    padding: 20px;
    box-sizing: border-box;
    border-right: 1px solid #e4e7ea;
    width: 260px;
}

.time_selection_bar_go_button_container
{
    float: left;
    box-sizing: border-box;
    padding: 20px 11px 0;
    width: 75px;
}

.time_selection_bar_go_button_container input[type="button"]
{
    text-align: center;
    min-width: 40px;
    height: 32px;
    border-radius:2px;
    cursor: pointer;
}

.time_selection_bar_slider_time_display
{
    font-size: 91.7%;
    color: #666;
}
.rdx_full_width
{
	width: 100%;
}

.rdx_float_right
{
	float: right;
}

.search_inactive
{
	height: 25px;
	width: 40px;
	background: url("/admin_ui/rdx/core/images/donut_search_icon.png") 6px -41px no-repeat;
	background-size: 90%;
}

.search_active
{
	height: 25px;
	width: 40px;
	background: url("/admin_ui/rdx/core/images/donut_search_icon.png") 3px -3px no-repeat;
	background-size: 90%;
}
.instance_up{
    background: url("/admin_ui/rdx/core/images/nav_up_green.png") left center no-repeat;
    padding-left: 15px;
}
.instance_down{
    background: url("/admin_ui/rdx/core/images/nav_down_red.png") left center no-repeat;
    padding-left: 15px;
}
.instance_out_of_service{
    background: url("/admin_ui/rdx/core/images/nav_down_yellow.png") left center no-repeat;
    padding-left: 15px;
}
.donut-chart-text{
    font-size:160%;
    color:#3b73af;
    font-weight: normal;
}
.donut-chart-text:hover{
    text-decoration: underline;
}
.info-on-chart .info-lbl{
    text-align: center;
    color: #666;
    display: block;
}
.clearfix{
    display: block;
    overflow: auto;
}

/*Scroll bar look like Mac */
*::-webkit-scrollbar
{
    -webkit-appearance: none;
}
*::-webkit-scrollbar:vertical
{
     width: 8px;
     height: 11px;
}
*::-webkit-scrollbar:horizontal
{
     height: 8px;
}
*::-webkit-scrollbar-thumb
{
    border-radius: 50px;
    border: 2px solid #e4e5e6;
    background-color: rgba(0, 0, 0, .26);
}
.no_data_parent_div .title_description_toolbar_container
{
    padding-bottom: 0px;
}
.render_custom_title
{
    display: inline-block;
    width:100%;
}
.tree_nav_container .react_app_view {
    padding: 0 !important;
}
.react_app_view .table td{
    white-space: initial;
}

.feature_banner {
    width: 100%;
    overflow: hidden;
}

.feature_banner img {
    width: 100%;
    height: auto;
    display: block;
}


.rdx_apps_view .rdx_app_block
{
    float: left;
    margin: 30px;
    margin-bottom: 50px;
    margin-left: 20px;
}

.rdx_apps_view .app_icon_holder_container
{
    height: 84px;
    width: 100%;
}

.rdx_apps_view .rdx_app_feature_block
{
    box-shadow: 0 2px 4px #eee;
    position: relative;
}

.rdx_apps_view .rdx_app_feature_block .app_node_action_label_active
{
    background: url("red_pin.png") no-repeat 10px center transparent;
    color: #E8566A;
    padding-left: 40px;
}

.rdx_apps_view .rdx_app_feature_block .app_node_action_label_inactive
{
    background: url("grey_pin.png") no-repeat 10px center transparent;
    color: #666;
    padding-left: 40px;
}

.rdx_apps_view .rdx_app_feature_block .app_text_holder
{
    color: #FFF;
    font-size: 14px;
    padding-bottom: 10px;
}

.rdx_apps_view .app_node_action_container
{
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #ededef;
    width: 100%;
}

.rdx_apps_view .rdx_app_feature_block .app_node_desc_container
{
    padding: 10px;
    color: #666;
    font-size: 12px;
    line-height: 18px;
}

.rdx_apps_view .rdx_app_block:hover
{
    cursor: pointer;
    box-shadow: 0 2px 4px #eee;
}

.rdx_apps_view .app_node_container .configure_view_top_panel
{
    background: none;
    border: 1px solid #e4e7ea;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.rdx_apps_view .rdx_app_feature_node_parent_container .configure_view_top_panel
{
    background-color: #FAFAFA;
    margin-left: 20px;
}

.rdx_apps_view .app_node_container .configure_view_top_panel .rdx_title_panel
{
    font-size: 12px !important;    
}

.rdx_apps_view .app_node_container:first-child .configure_view_top_panel
{
    border-top: none;
}

.rdx_apps_view .rdx_app_feature_node_parent_container:first-child .configure_view_top_panel
{
    border-top: 1px solid #e4e7ea;
    margin-top: 20px;
}

.rdx_apps_view .app_node_container
{
    clear: both;
}

.rdx_apps_view .rdx_app_block .app_remove_holder
{
    /*width: 100%;*/
    display: none;
    position:absolute;
    right:-10px;
    top:-10px;
}

.rdx_apps_view .rdx_app_block .app_remove_holder .remove_icon_cont
{
    background: url("round_close.png") no-repeat center transparent;
    /*opacity: 0.5;
    filter:alpha(opacity=50); /* IE 4, 5, 6 and 7 */
    height: 25px;
    width: 25px;
    /*float: right;
    position: relative;
    top: -10px;
    right: -10px;*/
}

.rdx_apps_view .rdx_app_block:hover .app_remove_holder
{
    display: block;
}

.rdx_apps_view .rdx_app_block .app_remove_holder:hover .remove_icon_cont:hover
{
    opacity: 1;
    filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
}

.rdx_apps_view .app_text_holder
{
    text-align: center;
    padding-top: 15px;
    color: #666666;
    font-size: 12px;
}

.rdx_apps_view .rdx_no_data_row
{
    padding: 10px;
    padding-left: 20px;
}

.rdx_apps_view .rdx_app_block_coming_soon
{
    background: url("banner_coming_soon.png") no-repeat left top transparent;
    width: 95px;
    height: 95px;
    position: relative;
    float: left;
    background-size: 95px;
}

.rdx_apps_view .app_image_holder
{
    background-color: var(--charcoal-grey-grad30);
    border: 1px solid #f6f6f6;
    line-height: 75px !important;
}

.rdx_apps_view .desc_container .app_image_holder, .rdx_apps_view .desc_container .right_container
{
    float: left;
    line-height: 75px;
}

.rdx_apps_view .desc_container .right_container .rdx_button_bar
{
    padding-left: 20px;
    padding-top: 43px;
    border-collapse: separate;
}

.rdx_apps_view .desc_container .desc_text_container
{
    clear: both;
    padding-top: 20px;
    font-size: 12px;
    line-height: 20px;
}

.rdx_apps_view .desc_container
{
    padding: 10px;
    padding-left: 25px;
}

.rdx_apps_view .app_first_letter
{
    font-size: 40px;
    color: #FFF;
    padding-top: 13px;
    padding-left: 23px;
}

.rdx_apps_view .color1
{
    border: 1px solid #A67BD6;
    background-color: #C4A2E9; 
}

.rdx_apps_view .color2
{
    border: 1px solid #F25260;
    background-color: #F6808B; 
}

.rdx_apps_view .color3
{
    border: 1px solid #4EABD6;
    background-color: #67BEE6; 
}

.rdx_apps_view .color4
{
    border: 1px solid #F0A84C;
    background-color: #FFBE6B; 
}

.rdx_apps_view .color5
{
    border: 1px solid #7EA4DD;
    background-color: #9EBFF1; 
}

.rdx_apps_view .color6
{
    border: 1px solid #6BBF60;
    background-color: #87D17D; 
}

.rdx_apps_view .color7
{
    border: 1px solid #BEB448;
    background-color: #D4CA5A; 
}
.is_relative
{
    position: relative;   
}
div.fileupload_img_preview
{
    display:block;
    clear:left;
    float:left;
    margin-top:15px;
}
.config_diff_table_container
{
    display: table;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
}

.config_diff_table_container .config_diff_decorator
{
    font-weight: bold;
    color: blue;
}

.config_diff_table_container .config_diff_row
{
    display: table-row;
} 

.config_diff_table_container .config_diff_cell
{
    display: table-cell;
    width: 100px;
    border: 1px solid #e4e7ea;
    word-break: break-all;
}

.config_diff_table_container .header_cell
{
    text-align: center;
    height: 28px;
    border-top: 1px solid #e4e7ea;
    font-size: 116.7%;
    background-color: var(--bg-grey-grad10);
}

.config_diff_table_container .config_diff_header_row
{
    border-bottom: 1px solid #e4e7ea;
}

.config_diff_header_row.fixed
{
    position: fixed;
    top:0;
    border: none;
}

.config_diff_table_container .config_diff_cell_text_node
{
    white-space: normal;
    word-wrap: break-word;
    display: inline-block;
    padding: 8px 3px;
    vertical-align: top;
}

.config_diff_table_container .config_diff_header_row .config_diff_cell_text_node
{
    border-top: 1px solid #FFFFFF;
}

.config_diff_form .form .form_two_column_layout td.label
{
    padding-left: 5px;
}

.config_diff_container .config_diff_submit_button_container
{
    float: left;
    padding-left: 12px;
}

.config_diff_container .config_diff_close_button_container
{
    padding-top: 10px;
}

.config_diff_container .btn_container {
    float: right;
}

.config_diff_container .config_diff_form .form_base_container
{
    padding: 10px;
}
 
.config_diff_container .config_diff_plain_container
{
    min-height: 30px;
    background-color: var(--charcoal-grey-grad30);
}

.config_diff_top_container.display_title
{
    border: 1px solid #e4e7ea;
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    display: block;
    overflow: auto;
}

.config_diff_container .config_diff_button_bar
{
    margin-bottom: 10px;
    overflow: auto;
    display: block;
}

.config_diff_title
{
    display: inline-block;
    float: left;
    margin: 5px;
    line-height: 24px;
    padding-left: 10px;
    font-size: 133.3%;

}

.getting_started_view
{
	color: #6B6B6B;
}

.getting_started_view p
{
    margin: 0px;
}

.getting_started_view .img_div
{
}

.getting_started_view .product_brand_container
{
    width: 100%;
    border-left: 1px solid #BABABB;
    border-right: 1px solid #BABABB;
    border-top: 1px solid #BABABB;
}

.getting_started_view .content_div
{
    padding: 25px;
    padding-top: 260px;
}

.getting_started_view .content_div .welcome_info
{
    color: #4D4F53;
    font-size: 150.0%;
    font-weight: normal;
    margin-top: 10px;
}

.getting_started_view .title
{
    color: #333;
    text-align: left;
    font-size: 250%;
    font-weight: bold;
    padding: 15px 25px 0 0;
}

.getting_started_view .title_for_brand
{
    padding-left: 20px;
    font-size: 183.3%;
}

.getting_started_view .title_brand
{
    font-weight: normal;
}

.getting_started_view .product_container_text
{
    font-size: 250%;
    padding-left: 20px;
    color: #FFF;
}

.getting_started_view .brand_container_text
{
    padding-top: 10px;
    font-size: 250%;
    line-height: 28px;
    padding-left: 20px;
    color: #FFF;
}

.getting_started_view .getting_started_intro_container
{
    border: 1px solid #BABABB;
	border-top:none;
}

.getting_started_view .small_desc
{
    font-size: 100%;
    color: #4D4F53;
    font-weight: bold;
    padding: 10px 20px 0px;
}

.getting_started_view .content_div .small_desc
{
    padding: 5px 25px 0 0;
    font-size: 125%;
}

.getting_started_view .large_desc
{
    color: #4D4F53;
    font-size: 100%;
    padding: 10px 20px 20px 20px;
}

.getting_started_view .content_div .large_desc
{
    padding-left: 0px;
    font-size: 116.7%;
}

.getting_started_view .image_container
{
    margin: 10px 0;
    width: 180px;
    padding: 0 10px;
}

.getting_started_view .checklist_main_table_container td
{
	border-right: 10px solid transparent;
}

.getting_started_view .checklist_main_table_container >tr > td:last-child
{
	border-right: none;
}

.getting_started_view .checklist_main_table_container >tr > td:last-child
{
	border-right: none;
}

.getting_started_view .checklist_main_table_container .checklist_title, .getting_started_view .checklist_main_table_container .checklist_description
{
	padding-left: 10px;
}

.getting_started_view .checklist_main_table_container .checklist_item
{
	padding: 0px;
}

.getting_started_view .checklist_main_table_container .checklist_items li
{
	list-style-type: none;
	margin: 0px;
}

.getting_started_view .checklist_main_table_container .checklist_items_list_expand_collapse
{
	margin: 0px;
}

.getting_started_view .checklist_main_table_container .checklist_item_title_collapse span
{
	padding-left: 0px;
}

.getting_started_view .checklist_main_table_container .checklist_content tr td
{
	background: transparent;
	border: none;
	border-bottom: 1px solid #EDEDED;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding-bottom: 15px;
}

.getting_started_view .checklist_main_table_container .checklist_content tr:last-child td
{
	border-bottom: none;
}

.getting_started_view .checklist_main_table_container .checklist_item_title
{
	padding-left: 0px;
}

.getting_started_view .checklist_main_container
{
    border-left: 1px solid #bababb;
    border-right: 1px solid #bababb;
    border-bottom: 1px solid #bababb;
    border-top: 1px solid #fff;
    background-color: var(--charcoal-grey-grad30);
    width: 100%;
}

.getting_started_view .checklist_main_table_container
{
	padding-left: 20px;
	padding-right: 20px;
	border: none;
    width: 100%;
}

.getting_started_view .checklist_main_table_container
{
	padding-left: 20px;
	padding-right: 20px;
	border: none;
}

.getting_started_view .checklist_title
{
    font-size: 150%;
    color: #666;
}

.getting_started_view .checklist_main_table_container .checklist_title
{
    font-weight: bold;
}

.getting_started_view .checklist_main_container .rdx_button_bar
{
	width: 100%;
	text-align: left;
	padding-left: 10px;
}

.getting_started_view .checklist_title_container
{
	width: 100%;
	background-color: #F9F9F9;
	border: 1px solid #EDEDED;
	padding: 10px;
}

.getting_started_view .checklist_title_wrapper_container
{
}

.getting_started_view .checklist_description
{
    font-size: 100%;
    margin: 5px 0;
}

.getting_started_view .checklist_title_content
{
	display: table-cell;
	padding-right: 10px;
}

.getting_started_view .checklist_button_container
{
	display: table-cell;
	border-left: 1px solid #EDEDED;
}

.getting_started_view .checklist_button_container .rdx_button_bar .rdx_button
{
	float: right;
	position: relative;
	top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	white-space: nowrap;
}

.getting_started_view .checklist_main_table_container .checklist_description
{
	margin-bottom: 15px;
}

.getting_started_view .checklist_content
{
    margin: 0px;
    width: 100%;
    border: 1px solid #EDEDED;
    border-top: none;
    padding: 10px;
}

.getting_started_view .checklist_content td
{
    width: 48%;
}

.getting_started_view .checklist_item:nth-child(1), .getting_started_view .checklist_item:nth-child(3)
{
    margin-right: 10px;
    padding: 0px;
}

.getting_started_view .checklist_item:nth-child(3)
{
}
.getting_started_view .checklist_item
{
    /*border: 1px solid #bababb;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #FFF;*/
    width: 48%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
    margin-bottom: 10px;
    vertical-align: top;
}

.getting_started_view .checklist_item_title
{
    font-size:108.3%;
}
.getting_started_view .checklist_item_title
{
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 3px;
}

.getting_started_view .checklist_items
{
    margin: 0px;
    line-height:22px;
    font-size:91.7%;
    padding:0px;
    padding-left: 15px;
}

.getting_started_view .ribbon
{
	width: auto;
	padding-left: 12px;
}

.getting_started_view .ribbon_list_wrapper .list
{
  width: 120px !important;
}

.getting_started_view .ribbon .ribbon_list_wrapper
{
	margin-left: 0px;
	padding-left: 0px;
    width : 120px;
}

.getting_started_view .start_with_container
{
  background-color: var(--charcoal-grey-grad30);
  padding: 10px;
  border-left: 1px solid #BABABB;
  border-right: 1px solid #BABABB;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #BABABB; 
}

.getting_started_view .start_with_container .small_desc
{
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.getting_started_view .start_with_container .image_container
{
    padding-left: 10px;
}

.getting_started_view .checklist_item_title_expand span
{
  background: url("sprite.png") no-repeat scroll -176px -31px transparent;
  display: inline-block;
  height: 10px;
  padding-left: 15px;
}

.getting_started_view .checklist_item_title_collapse span
{
  background: url("sprite.png") no-repeat scroll -156px -31px transparent;
  display: inline-block;
  height: 10px;
  padding-left: 15px;
}

.getting_started_view .checklist_item_title_collapse:hover, .getting_start_view .checklist_item_title_expand:hover
{
	cursor: pointer;
}

.getting_started_view .checklist_items_list_expand_collapse
{
	margin-left: 30px;
}


.feature_welcome_view {
margin: 10px 0;
position: relative;
border: 1px solid #e4e7ea;
background: #fff;
border-radius: 4px;
color: #4D4F53;
}

.feature_welcome_view .content_div {
padding: 20px;
line-height: 180%;
}

.feature_welcome_view .content_div .welcome_info {
  font-size: 150%;
}

.feature_welcome_view .content_div .title {
  font-size: 200%;
  line-height: normal;
  margin-bottom: 10px;
}

.feature_welcome_view .content_div .large_desc {
  line-height: normal;
}
.feature_welcome_view .content_div .large_desc .content: {
  display: inline-block;
  overflow: auto;
}

.feature_welcome_view .content_div .small_desc {
font-weight: bold;
}
.carousel_ct
{
    background-color: var(--charcoal-grey-grad30);
    border: 1px solid #e4e7ea;
    padding-bottom: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.carousel_item_ct .image_dsc_container
{
    background-color: #e9e9e9;
    height: 128px;
    display:block;
    overflow: hidden;
    padding: 15px 30px;
}
.image_dsc_container p
{
    margin: 10px 0;
    line-height: 150%;
    color: #595959;
    font-size: 100%;
}
.carousel_ct .carousel_title
{
    margin: 10px;
}
.carousel_body
{
    position: relative;
    margin: 15px 0 0;
}
.carousel_body .carousel_prev
{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  cursor: pointer;
  left: 0;
  background: url("carousel_prev.png") no-repeat 50%;
}
.carousel_item_ct
{
    position:relative;
    left:0;
}
.carousel_body .carousel_next
{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  cursor: pointer;
  right: 0;
  background: url("carousel_next.png") no-repeat 50%;
}
.carousel_items_wrapper
{
    overflow: hidden;
  margin: 0 50px;
  border-radius:4px;
}
.carousel_item
{
   float: left;
}
.feature_welcome_padding.feature_welcome_view {
	border : none;
}
.feature_welcome_padding .content_div
{
	padding: 0;
	overflow: hidden;
}

.docker_welcome{
	background-image:url("docker_welcome.png");
	height:237px;
	background-repeat:no-repeat;
}

.feature_welcome_view .button_container
{
  margin: 10px 0;
}

.dashboard_view {
    display: block;
    overflow: auto;
}
.dashboard_view .layout_table
{
    width: 100%;
    border-spacing: 0px;
}

.dashboard_view .dashboard_title
{
    float: left;
}

.dashboard_view .dashboard_title .op_wizard_title
{
    font-size: 133.3% !important;
    padding-top: 3px;
    padding-left: 10px;
}

.tree_nav_container .dashboard_view .layout_table
{
    width: 100%;
    clear: both;
}

.dashboard_view .layout_table > tbody > tr > td
{
    padding: 0px;
    vertical-align: top;
}

.dashboard_view .layout_table td.right
{
    width: 335px;
}

.dashboard_view .add_button
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    outline: none;
    cursor: pointer;
    display: inline-block;
    float: right;
}

.dashboard_view .add_button .rdx_blue_button > span
{
    padding: 5px;
    display: inline-block;
}

.dashboard_view .composite_view
{
    border-spacing: 15px;
}

.dashboard_view .composite_view_cell
{
    border: 1px solid #e4e7ea;
    padding: 0px;
}

.dashboard_view .right .composite_view
{
    border-spacing: 0px 15px;
}

.dashboard_view .composite_view_title
{
    background: var(--charcoal-grey-grad30);
    vertical-align: middle;
    height:  auto;
    padding: 18px 20px 17px 20px;
    border: none;
    border-bottom: 1px solid #e4e7ea;
    color: #666 !important;
    font-size: 72.2%;
    font-weight: normal;
}

.dashboard_view .composite_view_container
{
    overflow: hidden;
}

.dashboard_view .composite_view_no_decoration
{
    background: none;
    font-weight: bold;
    font-size: 116.7%;
    padding-left: 0px;
    padding-bottom: 0px;
    border-bottom: none;
    text-align: center;
}

.dashboard_view .composite_view_no_border
{
    border: none;
}
.detail_view_details
{
    margin: 0;
    border: none;
    border-radius: 0;
    background: #ebf3fa;
}

.pagination_div
{
    background: var(--bg-grey-grad10);
    overflow: auto;
}

.pagination_div .nav_back{
    color: var(--brand-color-grad50);
    height: 24px;
    background: #fff;
    width: 24px;
    margin-right: 5px;
    padding-left: 3px;
}
.pagination_div .nav_next{
    height: 24px;
    width: 24px;
    padding-left: 5px;
    color: var(--brand-color-grad50);
    background: #fff;

}

.pagination_div .nav_next.img_opacity, .pagination_div .nav_back.img_opacity
{
    color: var(--grey-color-grad30);
    opacity: 1;
    background: transparent;
}

.pagination_div .nav_next::after {
    font-family: "icons";
    content: "\F13D";
}

.pagination_div .nav_back::after
{
    font-family: "icons";
    content: "\F13C";
}

.pagination_div a, .compact_pagination_div span
{
}

.pagination_div .ribbon_label_div.ribbon_list_wrapper
{
    top: 1px;
}

.pagination_div .ribbon_label_div.ribbon_list_wrapper.disabled
{
    opacity: 0.5;
    pointer-events: none;
}
.pagination_div .ribbon
{
    width: auto;
    padding: 2px 0;
}

.pagination_href_nolink
{
    color: #2A2723 !important;
    text-decoration: none !important;
    cursor: default;
}

.pagination_spacer_width
{
    height: 33px;
}

.pagination_spacer_with_search_width
{
    height: 33px;
    border-bottom: 1px solid transparent;
}

.pagination_list
{
    background-color: #FFFFFF;
    background-image: none;
    padding-bottom: 2px;
    padding-right: 2px;
    padding-top: 2px;
    position: relative;
    top: -2px;
}

.pagination_tbl
{
    float: right;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
}



.pagination_img_border
{
    display: inline-block;
    padding: 2px;
    height: 30px;
    margin-top: 1px;
}

.pagination_count_div
{
  padding: 10px 15px;
  float: left;
}

.pagination_count_div .total
{
  margin-left: 5px;
}

.pagination_separator
{
    width: 1px;
    display: inline-block;
    height: 32px;
    background: none repeat scroll 0 0 #e4e7ea;
    margin-right: 6px;
    margin-top: 2px;
    display: none;
}

.pagination_separator_goto
{
    background-repeat: no-repeat;
    padding-right: 5px;
    padding-left: 5px;
    border-bottom: 1px solid transparent;
}

.pagination_img_num_border
{
    padding: 5px 20px 10px 10px !important;
}

.pagination_img_num_border span
{
    display: inline-block;
    background: #fff;
    padding: 0px 10px;
    margin: 0 2px;
    border: 1px solid #e4e7ef;
}

.pagination_navigation_width
{
    width: 45%;
}

.pagination_next_image
{
	border-left: 1px solid #e4e7ea;
}

.pagination_prev_image
{
	border-right: 1px solid #e4e7ea;
}

.pagination_goto_width
{
    width: 20%;
}

.pagination_goto_list
{
    width: 50px;
}

.pagination_search_parent
{
    height: 33px;
    width: 54px;
}

.pagination_search
{
    height: 32px;
    width: 52px;
}

.pagination_bottom_border
{

}

.pagination_search_open
{
    background: url("search_icons.png") no-repeat scroll -205px 0 #F0F0F0;
    border-left: 1px solid #96A2AC;
    border-right: 1px solid #96A2AC;
    border-top: 1px solid #96A2AC;
    cursor: pointer;
    float: right;
    height: 33px;
    padding-left: 3px;
    position: relative;
    width: 52px;
    bottom: -1px;
}

.pagination_search_close
{
    background: url("search_icons.png") no-repeat scroll -143px 0 transparent;
    border-left: 1px solid #96A2AC;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: pointer;
    float: right;
    height: 32px;
    padding-left: 3px;
    position: relative;
    width: 52px;
    bottom: -1px;
}

.search_block
{
    background: var(--charcoal-grey-grad30);
    display: block;
    border-top: 1px solid #e4e7ea;
    border-left: 1px solid #e4e7ea;
    border-right: 1px solid #e4e7ea;
    overflow: auto;
}

.search_field_label
{
    padding-top: 3px;
}

.search_text_box
{
    margin: 1px 0 0 5px;
    width: 216px;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    box-shadow:0px 0px 1px #c0c0c0;
    border: 1px solid #999999;
    box-shadow: 0 0 1px #C0C0C0;
    display: inline-block;
    font-size: 108.3%;
    height: 28px;
    width: 185px;

}

.search_text_box:focus
{
    border:1px solid #105C9E;
}

.datepicker_component_dropdown_holder
{
	z-index: 10000;
}

.search_add {
    background: url("search_icons.png") no-repeat scroll -108px 0 transparent;
}

.search_add_parent
{
    padding-top: 3px;
}

.search_remove {
    background: url("search_icons.png") no-repeat scroll -36px 0 transparent;
}

.search_add, .search_remove {
    border: medium none;
    height: 27px;
    position: relative;
    top: 1px;
    left: 1px;
    width: 30px;
    cursor: pointer;
}

.search_button, .clear_button{
    cursor:pointer;
    border-radius:2px;
    -moz-border-radius:2px;
    display:inline-block;
    text-align:center;
    margin-top:1px;
    padding:4px;
    min-width:64px;
    width:64px;
    position:relative;
    top:1px;
    height:30px;
    min-height: 30px;
    top:0px;
    padding:4px 4px 5px 4px;
}

.search_blue_button{
    border: 1px solid rgb(30, 112, 167);
    color:#fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
    width: auto;
    background: #197CAF;
    background-image: linear-gradient(center top, #66ABD1 38%, #197CAF  89%);
    background-image: -o-linear-gradient(center top, #66ABD1 38%, #197CAF  89%);
    background-image: -moz-linear-gradient(center top, #66ABD1 38%, #197CAF  89%);
    background-image: -webkit-linear-gradient(center top, #66ABD1 38%, #197CAF  89%);
    background-image: -ms-linear-gradient(top, #66ABD1 38%, #197CAF  89%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ABD1', endColorstr='#197CAF'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ABD1', endColorstr='#197CAF')"; /* IE8+ */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.38, #66ABD1),color-stop(0.89, #197CAF ));
}

.search_grey_button{
    border: 1px solid rgb(146, 146, 146);
    background: -moz-linear-gradient(center top , #FFFFFF, #D6D7D8) repeat scroll 0% 0% transparent;
    background: #D6D7D8;
    background-image: linear-gradient(center top, #FFFFFF 14%, #D6D7D8  89%);
    background-image: -o-linear-gradient(center top, #FFFFFF 14%, #D6D7D8  89%);
    background-image: -moz-linear-gradient(center top, #FFFFFF 14%, #D6D7D8  89%);
    background-image: -webkit-linear-gradient(center top, #FFFFFF 14%, #D6D7D8  89%);
    background-image: -ms-linear-gradient(top, #FFFFFF 14%, #D6D7D8  89%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D6D7D8'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D6D7D8')"; /* IE8+ */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.14, #FFFFFF),color-stop(0.89, #D6D7D8 ));
    color: #4D4F53
}

.search_help_button{
    cursor:pointer;
    border-radius:2px;
    -moz-border-radius:2px;
    display:inline-block;
    text-align:center;
    margin-top:1px;
    padding:4px;
    min-width:35px;
    position:relative;
    top:1px;
    height:auto;
    top:0px;
    padding:4px 4px 5px 4px;
    margin: 2px;
}
.search_tip_close_button{
    background: url("close.png") no-repeat !important;
    border-color: transparent !important;
    float : right;
    cursor: pointer;
    height: 11px;
    width: 10px;
    margin-right: 5px;
}
.search_tip_container
{
    width: 215px;
	padding: 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.search_tip_content
{
	margin-bottom: 10px;
}

/* searched items div css */

.entire_search_div {
    position: relative;
}

.search_div
{
    border: 1px solid #e4e7ea;
    border-radius: 0;
    _box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    background-color: #fff;
    margin: 0 0 4px;
    vertical-align: bottom;
    display: inline-block;
    width: 100%;
    padding: 5px 5px 2px;
    position: relative;
    z-index: 100;
}

.search_div .search_image
{
    background: url(icon-search.png) no-repeat center transparent;
    height: 30px;
    width: 20px;
    float: left;
}
.search_area
{

}

.search_div .text_feild_wrapper
{
    width: 100%;
    float: left;
}

.search_div .text_feild_wrapper input
{
    width: 100%;
    height: 28px;
    background-color: #fff;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    display: inline-block;
    padding: 3px;
    font-size: 100%;
}
.search_table_container
{
    position: absolute;
    z-index: 1000000;
}

.search_table_container .search_table
{
    _position: absolute;
    top: 0;
    left: 0;
    background: #f8f8f8;
    z-index: 10000;
    color: #2f2f2f;
    _border: 1px solid rgba(0, 0, 0, 0.2);
    _border-radius: 5px;
    overflow: auto;
    min-width: 200px;
    max-height: 450px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.8);
}

.search_table_container .search_table.secondary_list
{
    position: relative;
    left: 30px;
    border-radius: 5px;
}

.search_table_container *::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ccc;
    background:#ccc;
    border-radius: 10px;
}

.search_table_container .search_table .title
{
    padding: 5px 10px;
    font-size: 108.3%;
}

.search_table_container .search_table .seperator
{
    background-color: #342E41;
    border-bottom: 1px solid #342E41;
    height: 1px;
    margin: 2px 1px;
    overflow: hidden;
}

.search_table_container .search_table .list_header
{
    padding: 5px;
    font-size: 108.3%;
    margin: 5px;
    color: #2f2f2f;
}

.search_table_container .search_table .list_header:hover
{
    text-decoration: none;
}

.search_table_container .search_table .list_items .item
{
    padding: 5px 20px;
    max-width: 350px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

.search_table_container .search_table .list_items .item.default_value
{
    border-bottom: 1px solid #342E41;
    overflow: hidden;
    margin:10px 0;
    padding-bottom:10px;
}

.search_table_container .search_table .list_items .hidden
{
    display: none;
}

.search_table_container .search_table .list_items.single_dropdown .hidden
{
    display: block;
}

.search_table_container .search_table .list_items
{
    padding: 10px;
    background: url(big_arrow.png) no-repeat center right 5px transparent;
    background-size: 10px 15px;
}

.search_table_container .search_table .list_items.single_dropdown
{
    background: transparent;
}

.search_table_container .search_table .list_items.single_dropdown:hover
{
    _padding: 10px 0 0;
}

.search_table_container .search_table .list_items.secondary
{
    background: transparent;
    padding: 0;
}

.search_table_container .search_table .list_items:hover
{
    background-color: #f1f1f1;
}

.search_table_container .search_table .list_items.secondary:hover, .search_table_container .search_table .list_items.single_dropdown
{
    background-color: transparent;
}

.search_table_container .search_table .list_items:hover > ul.hidden,
.search_table_container .search_table .list_header:hover > ul.hidden,
.search_table_container .search_table .list_header:focus > ul.hidden
{
    display: block;
    position: absolute;
    left: 100%;
    top:0;
    background: #f8f8f8;
    padding: 5px 0;
    min-width: 200px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    overflow: auto;
    max-height: 420px;
}

.search_table_container .search_table .list_items.single_dropdown:hover ul.hidden
{
    position: relative;
    left: 0;
    background: transparent;
    border: 0;
    min-width: unset;
    padding: initial;
}

.search_table_container .search_table .list_items .item.hidden
{
    display: none;
}


.search_table_container .search_table .list_items .item.highlited /*.search_table_container .search_table .list_items .item:hover,.search_table_container .search_table .list_items .item:focus, */
{
    background: #f1f1f1;
    cursor: pointer;
}

.search_table_container .search_table .show_more
{
    padding-left: 20px;
    font-weight: bold;
}

.search_area .filters
{
    display: block;
    margin: 0;
    float: left;
    width: calc(100% - 20px);
}

.filter_value
{
    background: #ebedee;
    border-radius: 15px;
    margin: 0 5px 5px;
    padding: 5px 5px 5px 10px;
    line-height: 12px;
    position: relative;
    min-width: 80px;
    display: inline-block;
    display: flex;
    top:3px;
    border: 1px solid #d2d2d2;
    transition: 0.1s border,background;
    cursor: pointer;
    overflow: hidden;
    float: left;
}

.filter_value:hover
{
    border: 1px solid #666;
    background: #eee;

}

.filter_value .cross_ele
{
    width: 10px;
    height: 10px;
    background: url(icon-close.png) no-repeat center center;
    cursor: pointer;
    background-size: 10px;
    transition: 0.3s background-color;
    margin-left: 2px;
    text-indent: -999px;
}

.filter_value .display_key
{
    float: left;
}
.filter_value .display_val
{
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    font-weight: bold;
    padding: 0 4px;
    white-space: pre;
}

.filter_value .display_val:focus
{
    font-weight: normal;
    outline: 0;
    top: -2px;
    text-overflow: unset;
}

.filter_container
{
    float: left;
    width: 95%;
}

.search_area .remove_all
{
    float: right;
    position: relative;
    display: block;
    top: 5px;
    cursor: pointer;
    background: url(icon-close.png) no-repeat center center;
    content: " ";
    height: 20px;
    width: 20px;
}

.search_area .rdx_help_cell_container.search_bubble
{
    display: table-cell;
    float: right;
    top: 5px;
    position: relative;
}

/* searched items div css end*/


.view_edit_remove_link_row
{
    width: 100%;
    height: 100%;
}

.view_edit_remove_link_row .view_renderer_link
{
    width: 30px;
    height: 25px;
    display: inline-block;
}

.view_edit_remove_link_row .view_edit_link
{
    background: url("edit_sprite.png") no-repeat scroll right -33px;
    float: right;
    display: none;
    position: relative;
}

.view_edit_remove_link_row:hover .view_edit_link
{
    display: inline-block;
}

.view_edit_remove_link_row:hover .view_edit_link:hover
{
    background: url("edit_sprite.png") no-repeat scroll right -1px transparent;
    cursor: pointer;
}

.view_edit_remove_link_row .view_remove_link
{
    background: url("edit_sprite.png") no-repeat scroll right -93px;
    float: right;
    display: none;
    position: relative;
}

.view_edit_remove_link_row:hover .view_remove_link
{
    display: inline-block;
}

.view_edit_remove_link_row:hover .view_remove_link:hover
{
    background: url("edit_sprite.png") no-repeat scroll right -63px transparent;
    cursor: pointer;
}

.view_edit_remove_link_row .view_edit_link_new
{
    background: url("pen.png") no-repeat scroll center;
    float: right;
    display: none;
    position: relative;
}

.view_edit_remove_link_row:hover .view_edit_link_new
{
    display: inline-block;
}

.view_edit_remove_link_row:hover .view_edit_link_new:hover
{
    background: url("pen.png") no-repeat scroll center;
    cursor: pointer;
}
.view_edit_remove_link_row .view_download_link_new
{
    background: url("icon-download.png") no-repeat scroll center;
    float: right;
    display: none;
    position: relative;
}

.view_edit_remove_link_row:hover .view_download_link_new
{
    display: inline-block;
}

.view_edit_remove_link_row:hover .view_download_link_new:hover
{
    background: url("icon-download.png") no-repeat scroll center;
    cursor: pointer;
}

.view_edit_remove_link_row .view_remove_link_new
{
    background: url("icon-close-hover.png") no-repeat scroll center;
    float: right;
    display: none;
    position: relative;
}

.view_edit_remove_link_row:hover .view_remove_link_new
{
    display: inline-block;
}

.view_edit_remove_link_row:hover .view_remove_link_new:hover
{
    background: url("icon-close-hover.png") no-repeat scroll center;
    cursor: pointer;
}

.view_edit_remove_link_row .view_link_text
{
    display: inline-block;
    padding-top: 5px;
}

.options_container_columns
{
    position: absolute;
    width: 400px;
    border-radius: 0 0 3px 3px;
    background: #fff;
    border: 1px solid #afafaf;
    z-index: 99999;
    min-height: 100px;
    right: -1px;
    top: 45px;
}

.small_settings_container .options_container_columns{
    top:25px;
}

.columns_table
{
    width: 100%;
    border-spacing: 0;
}

.columns_table td
{
    border-top: 1px solid #e4e7ea;
    padding: 5px;
    text-align: left;
}

.columns_table td:first-child
{
    width: 20px;
    padding: 5px 5px 5px 15px;
}

.columns_table tr:first-child td
{
    border: none;
}

.add_columns_div
{
    padding: 10px;
    border-top: 1px solid #bfbfbf;
    background: var(--charcoal-grey-grad30);
    text-align: left;
}

.add_columns_button, .cancel_columns_button
{
    border: 1px solid #909090;
    border-radius: 3px;
    padding: 6px 5px 7px 7px !important;
    width: 60px;
    margin-left: 5px;
}

.column_checkbox_text_span
{
    margin-left: 5px;
}

.checkbox_span
{
    float: left;
}

.columns_table_div
{
    max-height: 200px;
    overflow: auto;
    padding: 0;
    text-align: left;
}

.dragging
{
	background-position-x:-40px;
}

.defaults_link
{
    float: right;
    padding-top: 10px;
}

.settings_mask_class
{
    background: none;
}

.remove_div_top_border
{
    border-top: none;
}

.remove_div_top_border.hide_header > .view_top_container
{
    display:none;
}

.more_label_style
{
    color:#1F6E88;
    font-weight: bold;
}

.view_edit_remove_link_row_copy
{
    width: 100%;
    height: 100%;
}

.view_edit_remove_link_row_copy .view_renderer_link_copy
{
    width: 30px;
    height: 25px;
    display: inline-block;
}

.view_edit_remove_link_row_copy .view_edit_link_copy
{
    margin:auto;
}

.view_edit_remove_link_row_copy .view_remove_link_copy
{
    margin:auto;
}


.heading
{
    padding-left: 10px;
    margin-top: 15px;
}

/** Compact pagination **/

.compact_pagination_div
{
    background: #fff;
    border: none;
    border-top: none;
    overflow: auto;
}

.compact_pagination_div .pagination_main_div
{
    float: right;
}


.compact_pagination_div .pagination_main_div div
{
    display: inline-block;

}

.compact_pagination_div .pagination_main_div .rows_per_size_text
{
    color: #4a4a4a;
}

.compact_pagination_div .prev_pagination_img_spacing
{
    width: 30%;
    padding-right: 5px;
}

.compact_pagination_div .next_pagination_img_spacing
{
    width: 30%;
    padding-left: 5px;
}

.compact_pagination_div .pagination_main_div .page_size_dropdown
{
    /*width: 80px;*/
    padding-left: 5px;
}

.compact_pagination_div .pagination_main_div .page_size_dropdown select
{

    background-color: #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #4a4a4a;
    cursor: pointer;
    width: 80px;
    margin-right: 20px;
}

.compact_pagination_div .pagination_img_num_border
{
    padding: 3px;
    width: 35px;
    padding: 0 5px;
}

.compact_pagination_div .pagination_img_num_border span
{
    color:#4a4a4a;
    display: inline-block;
    background: #fff;
    padding: 0;
    border: none;
}

.compact_pagination_div .pagination_img_border
{
    padding: 0px 10px;
    background: #fff;
    border: none;
}

.compact_pagination_div .pagination_list
{
    padding: 0;
}

.table_summary_div
{
    padding: 5px;
    text-align: right;
}

.table_in_progress_div
{
    padding-top: 30px;
    text-align: right;
}

.table_cell_button
{
    background-color: var(--brand-color-grad50);
    box-shadow: none;
    color: white;
    height: 24px;
    padding: 4px 20px;
    font-weight: 600;
    font-size: 93%;
}
.base_view_container .checked-row-count-title{
    float: right;
    margin: -40px 5px;
    color: #485164;
    font-size: 120%;
    font-weight: bold;
    display: flex;
}
.base_view_container .checked-row-count-title .sort_down_icon{
    border: none;
    background: none;
    margin-right: -30px;
    margin-left: -20px;
}
.base_view_container .checked-row-count-title .sort_down_icon:before{
    content: "\F135";
    font-family: "icons";
    font-size: 20px;
    color: var(--brand-color-grad60);
    cursor: pointer;
}

.base_view_container .checked-row-count-title .checked-row-count{
    font-size: 75%;
    border-radius: 10px;
    padding: 0px 10px;
    position: relative;
    top: -1px;
    background: var(--brand-color-grad60);
    color: #ffffff;
    border: 0;
    margin-left: 5px;
    display: inline-block;
}

.reboot_body
{
    overflow: hidden;
    font-size: 12px;
    color: #171717;
}
.reboot_view
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    background-color: #ffffff;
    margin: 0 auto;
}

.reboot_view .center
{
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.reboot_view .center .title
{
    font-size:183.3%;
}

.reboot_view .wrapper
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.reboot_view .top
{
    height: 15%;
    width: 100%;
}

.reboot_view .center_content
{
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 40px;
    border-radius: 5px;
    background-color: #363f53;
    width: 70%;
    color: #fff;
    margin-top: 40px;

}

.reboot_view .center_content .login_countdown_message, .reboot_view  .login_countdown,.reboot_view .login_now_option
{
    font-size: 133.3%;
}
.reboot_view .title
{
    font-weight: 700;
}
.reboot_view .separator
{
    width: 90%;
    color: #000000;
}
.reboot_view .message
{
    font-size: 166.7%;
}

.reboot_view .center .status
{
    font-size: 500%;
    padding-right: 10px;
}

/*Restore Window*/


.reboot_view.restore .wrapper
{
    background: none
}

.restore.reboot_view .top
{
    display: none;
}
.restore.reboot_view
{
    background: var(--brand-color-grad60);
}

.reboot_view.restore .center
{
    width: auto;
    text-align: left;
    color: #FFFFFF;
}

.restore.reboot_view .title_logo
{
    margin-top: 20px;
    padding-left: 70px;
    height: 35px;
    margin-bottom: 6px;
    color: #FFFFFF;
    font-size: 200%;
    font-weight: bold;
}
.restore.reboot_view .sub_title
{
    font-size: 200%;
    padding-left: 70px;
}

.restore.reboot_view .current_status
{
    margin-top: 30px;
    font-size: 125%;
    padding-left: 70px;
}
.restore.reboot_view .notification
{
    padding: 10px 10px 10px 100px;
    font-size: 116.7%;
    background: url(info_yellow.png) no-repeat 70px 50%;
    min-height: 20px;
    color: #FFD652;
}


.restore.reboot_view .wait_message
{
    font-size: 125%;
    margin-top: 10px;
    padding: 20px 20px 20px 70px;
    color: #333;
    background: #fff;
}

.restore.reboot_view .details_log_container
{
    background: var(--section-bg-color);
}

.restore.reboot_view .details_log
{
    background: var(--section-bg-color);
    overflow: auto;
    text-align: left;
    color:#000;
    position: fixed;
    width: 100%;
    height: 100%;
}

.restore.reboot_view .details_log li
{
    padding: 5px 70px;
    border-bottom: 1px solid #e4e7ea;
}

.restore.reboot_view .details_log li.success
{
    background: url(tick.png) no-repeat 70px 50%;
}


.restore.reboot_view .details_log li.in_progress.loader-inline::before{
    border-color: #ffffff;
    border-top-color: var(--brand-color-grad60);
}

.restore.reboot_view .details_log li.pending
{
    background: url("/admin_ui/rdx/core/images/sunknown.png") no-repeat 70px 50%;
}

.restore.reboot_view .details_log li.in_progress{
    display: flex;
    align-items: center;
}

.restore.reboot_view .details_log li.error .status_message
{
    color: #db3a1b;
    background: url(new_error.png) no-repeat 0px 0px;
    padding-left: 46px;
}

.restore.reboot_view .details_log li.in_progress .status_message{
    margin-left:30px;
}

.restore.reboot_view .details_log li.error.expanded
{
    background: url(down.png) 40px 10px no-repeat #F3F2F2;
}

.restore.reboot_view .detail_log_header
{
    font-size: 150%;
    padding: 5px 120px;
    color: #f57a7a;
    border: 1px solid #d6d6d6;
    border-width: 1px 0;
    line-height: 17px;
    font-weight: bold;
}

.restore.reboot_view .detail_log_header p
{
    margin: 0
}

.restore.reboot_view .detail_log_header p.errors
{
    color: #666;
}

.restore.reboot_view .logo
{
    margin-top: 50px
}

.restore.reboot_view .details_log > div
{
    padding: 10px;
}

.restore.reboot_view .details_log .status_image
{
    margin-right: 10px
}

.restore.reboot_view .details_log ul
{
    list-style-type: none;
    padding-left: 0;
    margin-top: 0;
}

.restore.reboot_view .details_log .status_message
{
    color: #1d1c1d;
    line-height: 25px;
    font-size: 118%;
    margin-left: 46px;
}

.restore.reboot_view .error_details
{
    display: none;
}

.restore.reboot_view .progress
{
    color: #373737;
}


.restore.reboot_view .error_details li
{
    border:none;
    padding-left: 10px;
    font-size: 108.3%;
}

.restore.reboot_view .error_details ul
{
    list-style-type: disc;
    padding-left: 48px;
}

.reboot_view .progress_bar
{
    width: 30%;
    background-color: white;
    height: 10px;
    margin-top: 10px;
    border-radius: 4px;
}

.reboot_view .progress_indicator
{
    border-radius: 4px;
    width: 0%;
    height: 10px;
    background-color: #37cc6f;
    float: left;
}

.reboot_view .time_remaining
{
    margin-left: 50%;
}
.reboot_view .div_for_progress_image
{
    background: url("../images/spinner.gif") no-repeat 70px 50%;
    background-size: 24px;
}
.reboot_view .div_for_error_image
{
    background: url("new_error.png") no-repeat;
}
.reboot_view .div_for_success_image
{
    background: url("tick.png") no-repeat;
}

.restore.reboot_view .current_status a {
    color: #fff;
}

.visualizer_basic_node span                     
{
    font-size: 91.7%;
    opacity: 0.8;
}
.visualizer_basic_node
{
    padding-left: 35px;
    word-wrap: break-word;

}

.visualizer_text_overflow
{
    overflow: hidden;
    text-overflow: ellipsis;
}

.public_endpoint_list
{
    width: 220px;
    height: 25px;
    margin-left: 10px;
    margin-bottom: 15px;
    font-size: 108.3%;
}

.visualizer_public_endpoint_text
{
    padding-left: 12px;
    padding-bottom: 5px;
}
.node_child_number
{
                
    background: #fff;
    height: 44px;
    width: 36px;
    border-right: 1px solid #ccc;
    float: left;
    margin-right: 6px;
    text-align: center;
    border-radius: 5px 0px 0px 5px;
    color: var(--brand-color-grad50);
    font-size: 166.7%;

}
.visualizer_basic_image_node_red
{
                width: 24px;
                float: left;
                height: 40px;
                position: relative;
                background: url(/admin_ui/rdx/core/images/nav_down_red.png) no-repeat 40% 5px;
                margin-right: -10px;
}

.visualizer_basic_image_node_green
{
                width: 24px;
                float: left;
                height: 40px;
                position: relative;
                background: url(/admin_ui/rdx/core/images/nav_up_green.png) no-repeat 40% 5px;
                margin-right: -10px;
}

.visualizer_basic_image_server
{
                width: 24px;
                float: left;
                height: 40px;
                position: relative;
                background: url(/admin_ui/rdx/core/images/server.png) no-repeat 40% 5px;
                margin-right: -10px;
}
.add_new_block
{
                line-height: 25px;
}

.visualizer_basic_image_server.margin_removed
{
    margin-right: 10px;
}

.visualizer_add_new_div
{
    width: 108px;
    background: #ebebeb;
    float: right;
    text-align: right;

}

.visualizer_add_new_div div
{
    padding-right: 15px;
    padding-top: 36px;
    border-bottom: 2px dashed #c2c2c2;
    color: #333;
    font-size: 116.7%;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
    box-sizing: border-box;
}
.visualizer_add_new_div div:last-child
{
                border-bottom:none;
                padding-top: 5px;
}


.visualizer_slider
{                
                width: 795px; 
                height: 72px;
                position: absolute;
                top:  105px;
                left: 248px;
                border: 1px solid #bababb;
                border-radius: 4px;
}

.visualizer_block_container
{
    left: 552px;
    position: absolute;
    border-radius:5px;
    width: 188px;
    box-shadow: 0px 0px 2px rgba(204,204,204,0.7);
    text-align:left;
    z-index:20; 
    background-color: #fefefe;
    border: 1px solid #ccc;
    color:#323439;
    padding:7px;
    font-weight: bold;
    box-sizing: border-box;
}

.visualizer_singleblock:hover, .visualizer_block_container:hover.hover_removed:hover
{
    background-color: transparent;
}

.visualizer_singleblock:hover, .visualizer_block_container:hover
{
	background-color: #cae2f0;
}

.visualizer_slide:hover
{
    background-color: #cae2f0;
}

.visualizer_block_container_left
{
                position: absolute;
                /*top:250px;*/
                left :320px;
                width:200px;
}
svg.visualizer_connector_class
{
                margin-left: 0px;
}

svg.right_bottom
{
               /* margin-top: 5px;*/
                margin-left: -5px
}

svg.left_top
{
                /*margin-left: 5px*/
}

svg.normal
{
                margin-right: 5px;
}

.visualizer_close_button
{
                left: 25px;
}

.visualizer_block_container_right
{
                position: absolute;
                /*top:250px;*/
                left :760px;
                width:200px;
}


.visualizer_refresh_div
{    
       
    position: relative;
    display: inline-block;
    float: right;
    /* margin-right: -30px; */
    
}

.visualizer_basic_node_key
{
                font-weight: 500;
                opacity: 0.8;
}

.visualizer_basic_node span.visualizer_basic_node_value
{
                font-weight: bold;
                opacity: 2.7;
}


.visualizer_connectorblock
{
    width: 1px;
    height: 1px;
    border-radius: 50%;      
    left : 646px;
    position: absolute
}

.visualizer_title
{                
    padding: 8px 15px 8px;
    font-weight: bolder;
    font-size: 125%;
    background: #ededed;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}


.node_child_arrow
{                
                height: 44px;
                width: 20px;
                float: right;
                background: url("/admin_ui/rdx/core/images/arrow_thin.png") no-repeat center ;
}


.visualizer_singleblock
{
border:1px solid #ccc;
box-shadow: 0px 0px 2px #aaa;
text-shadow: 1px 1px 1px #fff;
   -o-box-shadow: 0px 0px 2px rgba(204,204,204,0.7);
   -webkit-box-shadow: 0px 0px 2px rgba(204,204,204,0.7);
   -moz-box-shadow: 0px 0px 2px rgba(204,204,204,0.7);
-moz-border-radius:5px;
border-radius:5px;
width: 200px;
position: relative;
text-align:left;
box-sizing: border-box;
background-color:#f2f2f2;
color:#5c5c5c;
height: 46px;
line-height: 46px;
font-size: 108.3%;
margin-top: 10px;
font-weight: bold;
}




.visualizer_singleblock:first-child
{
                margin-top: 0;
}
.connection_div_req
{
                height: 32px;
                position: absolute;
                width: 83px;
                background : url("/admin_ui/rdx/core/images/req-arrow.png") no-repeat center ;
}

.connection_div_res
{
                height: 32px;
                position: absolute;
                width: 83px;
                background : url("/admin_ui/rdx/core/images/res-arrow.png") no-repeat center ;
}
.zero_count_message
{
                padding-left: 25px;
}


.visualizer_toolbar,.visualizer_view-port {
		position: absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		z-index:1;	
	}
	.visualizer_toolbar .visualizer_prev,
	.visualizer_toolbar .visualizer_next {
		position:absolute;
		width: 20px;
		top:0;
		bottom:0;
		cursor: pointer;
	}
	.visualizer_toolbar .visualizer_prev { left:0; background-image:url('/admin_ui/rdx/core/images/prev.png'); background-repeat: no-repeat; background-position: center;}
	.visualizer_toolbar .visualizer_next { right:0; background-image:url('/admin_ui/rdx/core/images/next.png'); background-repeat: no-repeat; background-position: center;}
	.visualizer_toolbar .visualizer_disabled.visualizer_prev,
	.visualizer_toolbar .visualizer_disabled.visualizer_next {
		opacity: .5;
	}
	.visualizer_view-port{
		overflow: hidden;	
		left: 25px;
        right: 25px;
	}
	.visualizer_scrollable-panel {
		position: absolute;
		height: 80px;
		width: 3370px;                           /* According to width of the elements */
        left: 0px;                             	
	}
	
    .visualizer_move_center
    {
                left:245px;
    }
	

.visualizer_slide {		
		width: 240px;
		height: 50px;
		margin: 10px 5px;
		background-color: var(--bg-grey-grad10);
		float: left;	
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		padding: 15px 10px;
		font-size: 116.7%;
	     -moz-box-sizing: border-box;
	     -webkit-box-sizing: border-box;
	       box-sizing: border-box;
		text-align: center;
		font-weight: bold;
		color: #929292;
		border-radius: 2px;
		border: 1px solid #dfdad4;
}

.visualizer_slide-deffault-blue
{
                width: 240px;
		height: 50px;
		margin: 10px 5px;
		background-color: var(--bg-grey-grad10);
		float: left;	
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		padding: 15px 10px;
		font-size: 116.6%;
	       box-sizing: border-box;
		text-align: center;
		font-weight: bold;
		color: blue;
		border-radius: 2px;
		border: 1px solid #dfdad4;
}

.cs_visualizer_box_selected
{                
                background-color: #CAC6C6;
                color: #666;
                border: 1px solid #c8c8c8;
}


.cs_visualizer_parent_div
{
                height: 648px;
                position: absolute;
                z-index: 50;
                left: 250px;
                top: 0px;
                margin-top: 150px;
                width: 800px;
                background-color: rgb(158, 158, 197);
}

.visualizer_description_title
{
    font-size: 150%;
    color: #333;
    padding: 10px 20px 0px;
}

.visualizer_upper_description
{
    padding: 10px 20px 20px;
    color: #666;
    font-size: 108.3%;
    line-height: 150%;
}

.diff_node_for_service
{
    margin-left: 34px;
    font-size:91.7%;    
}

.diff_node_for_service:hover
{
    background-color: #cae2f0;
}

.visualizer_basic_node.visualizer_text_overflow:hover
{
    background-color: #cae2f0;
}


.visualizer_lb_dropdown
{
    background-color: #ffffff;
    border: 1px solid #999999;
    box-sizing: border-box;
    display: inline-block;
    font-size: 108.3%;
    height: 27px;
    margin: 1px 0 0;
    padding: 2px;
    width: 220px;
}


.main-nwrk-vslzr-cntnr {
	width:76%;
	margin:auto;
	overflow:hidden;
	border: 1px solid #95A2AC;
	border-radius:4px;
	margin-bottom:10px;
	display:flex;
	justify-content:space-evenly;
	position: relative;
}
.main-nwrk-vslzr-cntnr .title span {
	display:table-cell;
	vertical-align:middle;
	position: relative;
}
.main-nwrk-vslzr-cntnr .title span:after { 
	content: " ";
	display: block;
	width: 0;
	position: absolute;
	top: 42px;
	height: 0;
	left: 43%;
	border-style: solid;
	border-top: 10px solid #6A6A6A;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.main-nwrk-vslzr-cntnr .title.first {
	border:0;
}
.main-nwrk-vslzr-cntnr .title {
	text-align:center;
	height:46px;
	background-color:#6A6A6A;
	color:#fff;
	font-weight:bold;
	display:table;
	width:100%;
	border-width: 0 0 0 5px;
	border-style: solid;
	border-color: #fff;
}

.main-nwrk-vslzr-cntnr .details .title{
    border-width: 0 0 0 1px;
}

.main-nwrk-vslzr-cntnr .left {
	width: 16%;
	text-align:center;
}
.main-nwrk-vslzr-cntnr .left .left_group {
	padding-top: 15px;
}
.main-nwrk-vslzr-cntnr .left .left-indvl.current {
	background-color: #E9F5F8;
}
.main-nwrk-vslzr-cntnr .left .left-indvl {
	padding:3px;
	width:6em;
	background-color: #F4F4F4;
	margin: auto;
	border-radius: 2px;
	cursor:pointer;
}
.main-nwrk-vslzr-cntnr .left.grid_cell .content {
	padding-top:20px;
	border:0;
}
.main-nwrk-vslzr-cntnr .content {
	padding-top:25px;
}
.main-nwrk-vslzr-cntnr .center .inside-box {
	text-align: center;
	padding:7px 0;
	color:#fff;
	cursor:pointer;
	background-color: #ddd;
}
.main-nwrk-vslzr-cntnr .center .current {
	background-color: #1077b3;
}
.main-nwrk-vslzr-cntnr .left .grp-indvl.last {
	border-width: 0 1px 1px 1px ;
	border-radius:2px;
}
.main-nwrk-vslzr-cntnr .left .grp-indvl.current {
	background-color: #E9F5F8;
}
.main-nwrk-vslzr-cntnr .left .grp-indvl {
	padding:8px 0;
	width:6em;
	margin:auto;
	background-color: #E9E9E9;
	border-width: 0 1px 0 1px;
	border-style: dotted;
	border-color: #C5C9C9;
}
.main-nwrk-vslzr-cntnr .left .grp-title.current {
	background-color:#1077b3;
}
.main-nwrk-vslzr-cntnr .left .grp-title {
	padding:8px 0;
	width:6em;
	margin:auto;
	color:#fff;
	text-align:center;
	background-color:#939393;
	border-radius:2px;
	border-width: 1px 1px 0 1px;
	border-style: dotted;
	border-color: #C5C9C9;
	cursor:pointer;
}
.main-nwrk-vslzr-cntnr .center{
	width: 11%;
}
.main-nwrk-vslzr-cntnr .right .right-main {
	padding: 20px 20px 20px 100px;
}
.main-nwrk-vslzr-cntnr .right .inside-box.current {
	background-color:#E9F5F8;
}
.main-nwrk-vslzr-cntnr .right .inside-box {
	border: 1px solid #c0c0c0;
	padding: 20px;
	border-radius: 2px;
	width:71%;
}
.main-nwrk-vslzr-cntnr .right{
	width: 50%;
}
.main-nwrk-vslzr-cntnr .grid_cell .content{
	border-width: 0 0 0 5px;
	border-color: #339AB5;
	border-style:solid;
	height:100%;
}
.main-nwrk-vslzr-cntnr .grid_cell.details .content{
    border-color: #95A2AC;
    border-width: 0 0 0 1px;
}


.main-nwrk-vslzr-cntnr .details {
	width:23%;
}

.main-nwrk-vslzr-cntnr .details .content {
	padding:5px;
}

.main-nwrk-vslzr-cntnr .details .content .dtl {
    font-weight: bold;
    padding-right: 5px;
}

.main-nwrk-vslzr-cntnr.ns_grid .grid_cell {
	min-height:1px;
}
.main-nwrk-vslzr-cntnr .inside-box .circle {
	float:left;
	margin-right:8px;
} 
.main-nwrk-vslzr-cntnr .circle {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-top: 3px;
}
.main-nwrk-vslzr-cntnr .green {
	background-color: #19A79C;
}
.main-nwrk-vslzr-cntnr .txt-red {
	color: #FC0D1B;
}
.main-nwrk-vslzr-cntnr .red {
	background-color: #FC0D1B;
}
.main-nwrk-vslzr-cntnr .yellow {
	background-color: #FED45B;
}
.main-nwrk-vslzr-cntnr .center-main {
	margin: 0 0 15px 0;
}
.main-nwrk-vslzr-cntnr .left-main {
	padding:15px 0;
}
.main-nwrk-vslzr-cntnr svg.selected path{
	stroke:#339AB5;
}

.resource_visualizer *
{
	box-sizing: border-box;
}

.resource_visualizer .ns_grid:after {
	clear:both;
}
.resource_visualizer .ns_grid:before, .resource_visualizer .ns_grid:after {
	display: table;
    content: " ";
}

.resource_visualizer .ns_grid .grid_cell {
	position:relative;
	min-height:1px;
	float:left;
}
.resource_visualizer .clickable
{
	cursor: pointer;
}

.resource_visualizer
{
	border:0;
}

.resource_visualizer .top_charts
{
	overflow: auto;
}

.resource_visualizer .no_data
{
	padding: 20px 30px;
	border: 1px dotted #ccc;
	margin: 0 20px 0 90px;
	font-size: 116.7%;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 0px 2px #ccc;
}

.resource_visualizer .ns_grid 
{
	position: relative;
	top: 10px;
	border-radius: 4px;
	border: 1px solid #dfdfdf;
	margin-bottom: 10px;
	background: #fff;
	display: block;
	overflow: visible;
}

.resource_visualizer .grid_cell .content
{
	padding-top: 20px;
	border-top: 1px solid #dfdfdf;

}

.resource_visualizer .resource_summary .content
{
	padding: 10px 0 20px;
}

.resource_visualizer .grid_cell.left
{
	width: 190px;
}

.resource_visualizer .left .content
{
	float: left;
	width: 99%
}

.resource_visualizer .connector_div
{
	background: #dfdfdf;
	width: 1%;
	margin-top: 36px;
	float: right;

}

.resource_visualizer  .connected
{
	background:#F6CB4B;
	position: relative;
}


.resource_visualizer .left_group,.resource_visualizer .left_main 
{
	margin-bottom: 10px
}

.resource_visualizer .grid_cell.right
{
    float: left !important;
    /* margin-left: 190px; */
    /* margin-right: 320px; */
    background: #f8f8f8;
    width: calc( 100% - 190px - 320px );
}

.resource_visualizer .grid_cell.right .content
{
	background: #fff;
}
.resource_visualizer .grid_cell.right .clickable
{
	overflow: auto;
}
.resource_visualizer .grid_cell.resource_summary
{
	width: 320px;
	background: #f5f5f5;
	border-left: 1px solid #dfdfdf;
	float: right!important;
	min-height: 1150px
}


.resource_visualizer .grid_cell .title
{
	text-align: left;
	background-color: #f8f8f8;
	color: #333;
	padding: 15px 20px;
	height: 50px;
	font-size: 108.3%;
}

.resource_visualizer .grid_cell.right .title
{
	margin-left: 100px;
	border-left: 1px solid #dfdfdf;
	padding-left: 10px;
}

.resource_visualizer .grid_cell.resource_summary > .title
{
	background: #f5f5f5;
}



/*Groups n interfaces*/

.resource_visualizer .group_title,.resource_visualizer .group_main .group_individual,.resource_visualizer .left_main .left_individual 
{
	padding: 8px 0 0;
	width: 75%;
	cursor: pointer;
	text-align: center;
	margin: auto;
}



.resource_visualizer .group_title span,.resource_visualizer .group_main .group_individual span,.resource_visualizer .left_main .left_individual span
{
	cursor: default;
	color: #2A2723;
}

.resource_visualizer .group_title
{
	
	color: #000;
	font-weight: bold;
	background-color: #ccc;
	border-radius: 3px 3px 0 0;
	border:1px solid #C5C9C9;
}

.resource_visualizer .group_main .group_individual
{
	background-color: #f2f2f2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #C5C9C9;
	cursor: default;
	height: 30px;
}

.resource_visualizer .left_main .left_individual 
{
	background-color: #fff;
	border: 1px solid #DFDFDF;
	margin: 0 auto;
	border-radius: 3px;
	display: block;
}

.resource_visualizer .left_individual.disabled
{
	background: #fafafa !important;
	cursor: default !important;
	opacity: 0.5;
}

.resource_visualizer .disabled:hover
{
	border-color: #DFDFDF !important;
}

.resource_visualizer .disabled .group_title:hover
{
	background: #ccc !important;
	border-color: #DFDFDF !important;
	cursor: default !important;
}

.resource_visualizer .empty_span
{
	background: #E9E9E9;
	height: 6px;
	width: 7px;
	display: block;
	border-radius: 2px;
	margin-left: 100%;
	margin-top: 0;
	position: relative;
	top: -11px;
	left: 1px;
	z-index: 10;
}

.resource_visualizer .group_main .empty_span
{
	top: -10px;
}

.resource_visualizer .left_main .left_individual:after
{
	top: -11px
}



.resource_visualizer .right_main .inside_box
{
	border: 1px solid #DFDFDF;
	padding: 0 20px 0 0;
	border-radius: 4px;
	height: 60px;
	cursor: pointer;
	background: #fff;
	display: inline-block;
	width: 100%;
}

.resource_visualizer .hide
{
	display: none;
}

.resource_visualizer .show
{
	display: block;
}


.resource_visualizer .right_main.expanded .inside_box
{
	border-radius: 4px 4px 0 0;
	border: 1px solid #F6CB4B;
	background: #FFF5DA;
	overflow: hidden;
}

.resource_visualizer .right_main .inside_box:before
{
	content: " ";
	background: #E9E9E9;
	height: 6px;
	width: 7px;
	display: block;
	border-radius: 2px;
	margin-left: -7px;
	top: 26px;
	position: relative;
}


.resource_visualizer .right_main .inside_box .product_logo
{
	float: left;
	height: 100%;
	top: -6px;
	position: relative;
	border-right: 1px solid #DFDFDF;
	padding: 18px 20px 0px ;
	margin-right: 10px;
	color: #333;
}

.resource_visualizer .right_main.expanded .inside_box .product_logo,.resource_visualizer .inside_box.current .product_logo
{
	border-color: #F6CB4B;
}

.resource_visualizer .right_main
{
	padding: 0 25px 0 100px;
	margin: 0 0 10px ;
}

.resource_visualizer .circle 
{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-top: 3px;
	float: left;
	margin: 3px 10px 0 0;
}

.resource_visualizer .resource_summary .circle 
{
	float: right;
	margin-top: 10px
}

.resource_visualizer .green
{
	background: url(sprite.png) no-repeat -250px -254px #41D26B;
}

.resource_visualizer .yellow
{
	background: url(sprite.png) no-repeat -213px -254px #FBD000;
}

.resource_visualizer .red
{
	background: url(sprite.png) no-repeat  -282px -254px #EB666E;
}
 
 .resource_visualizer .red, .resource_visualizer .red_color
{
	color: #e96770 !important;
}

 .resource_visualizer .grid_cell .content .current
{
	background: #FFF5DA;
	color: #808080;
	border-color: #F6CB4B;
}

.resource_visualizer .grid_cell .content .current.group_individual
{
	background: #fffaec;
	border-bottom: 1px solid #fad76d;
}
 .resource_visualizer .grid_cell .content .current.group_title 
 {
 	background: #fff5da;
	border-bottom: 1px solid #F6CB4B;
 }

 .resource_visualizer .grid_cell .content .current .empty_span, .resource_visualizer .grid_cell .content .current .empty_span,.resource_visualizer .right_main .inside_box.current:before
 {
 	background: #F6CB4B;
 }

.resource_visualizer svg.selected path 
 {
 	stroke: #F6CB4B;
 }

 .resource_visualizer .resource_visualizer .hide
 {
 	display: none;
 }

.resource_visualizer .inside_box .circle
{
	margin-top: 15px
}

.resource_visualizer .inside_box .ip-name
{
	float: left;
	margin-top: 10px
}

.resource_visualizer .inside_box .ip-name .hostname
{
	color: #333;
	font-weight: 500;
}

.resource_visualizer .inside_box .ip-name .ip_address
{
	color: #666;
}

.resource_visualizer .inside_box .close
{
	float: right;
	visibility: hidden;
	margin-top: 15px;
}

.resource_visualizer .inside_box .logo
{
	display: inline-block;
	width: 15%;
}


/*info view*/
 .resource_visualizer .center_info_div 
 {
	height: 100%;
	border: 1px solid #F6CB4B;
	border-width: 0 1px 1px;
	border-radius: 0 0 4px 4px;
}

 .resource_visualizer .center_info_div .detail_info_table 
 {
 	width: 100%;
 	border-collapse: collapse;
 }

.resource_visualizer .center_info_div .table td 
{
	border: none !important;
	height: 20px;
	border: 0 !important;
	background: #fff;
	white-space: normal;
	border-radius: 4px;
	padding: 5px;
}



.resource_visualizer .info_view td:nth-child(2n+1)
{
	background: #fff;
	border: 0 !important;
	border-radius: 4px;
	font-weight: normal;
}

.resource_visualizer .info_view .vlan
{
	padding: 0 10px 0;
	background: #fff;
	border-bottom: 1px solid #F2F2F2;
}

.resource_visualizer .info_view .other_info
{
	padding: 10px;
	background: #fafafa;
}

.resource_visualizer .info_view .bytes_info
{
	width: 50%;
	min-height: 73px;
	border: 1px solid #dfdfdf;
	background: #fff;
	border-width: 1px 1px 1px 0;
	float: left;
}

.resource_visualizer .info_view .bytes_info .inner_div
{
	float: left;
	padding: 10px 10px 10px 15px;
	border-left: 1px solid #DFDFDF;
	width: 33%;
	height: 90px;
}

.resource_visualizer .info_view .bytes_info .total_bytes
{
	font-size: 141.7%;
	margin: 5px 0;
}
.resource_visualizer .info_view  .header
{
	color: #666;
	height: 25px;
}

.resource_visualizer .info_view .footer
{
	font-weight: 200;
	font-size: 91.7%;
}

.resource_visualizer .info_view .memory_info
{
	width: 50%;
	min-height: 70px;
	display: inline-block;
}

.resource_visualizer .info_view .memory_info.single_column
{
	width: 100%
}

.resource_visualizer .info_view .memory_info.single_column .inner_div
{
	width: 49.5%;
	margin: 0 0 0 1%;
}

.resource_visualizer .info_view .memory_info.single_column .inner_div.first
{
	margin-left: 0;
}

.resource_visualizer .info_view .memory_info .inner_div
{
	width: 48%;
	float: left;
	padding: 10px 8px;
	border: 1px solid #dfdfdf;
	background: #fff;
	margin: 0 0 0 6px;
	height: 92px;

}

.resource_visualizer .info_view .memory_info .bar_chart
{
	display: block;
	height: 18px;
	width: 100%;
	margin: 7px 0 6px;
}

.resource_visualizer .info_view .memory_info .bar_chart .label
{
	display: none;
}

.right_main.expanded .inside_box:before
{
	visibility: hidden;
}

.resource_visualizer svg.vlan_connectors path,svg.jtk-connector.vlan_connectors
{
	z-index: 10;
}


.resource_visualizer  .inside_box
{
	z-index: 100;
}
.resource_visualizer  .inside_box:hover,.resource_visualizer .left_individual:hover,.resource_visualizer .group_title:hover
{
	background: #FFF5DA;
	border-color: #F6CB4B;
	text-decoration: none;
}


.resource_visualizer .info_view .vlan span.empty_span
{
	margin-left: 180px;
	background: transparent;
	display: block;
	height: 1px;
	width:1px;
	top:0;
}

.resource_visualizer .info_view .vlan span.vlans
{
	position: relative;
	top: -7px;
	word-wrap: break-word;
}

.resource_visualizer .info_view .vlan .line_connectors
{
	background: red;	
	height: 6px;
	width: 7px !important;
	z-index: 10;
	display: inline-block;
	margin-left: 0;
	position: relative;
	top: 7px;
	left: -18px;
}

.resource_visualizer .info_view .vlan .line_connectors:before
{
	  content: " ";
	  height: 12px;
	  width: 7px;
	  background: red;
	  position: relative;
	  left: 8px;
	  top: -3px;
	  display: block;
}


.resource_visualizer .color_0 .line_connectors,.resource_visualizer .color_0 .line_connectors:before,.resource_visualizer .left .color_0
{
	background: #F6CC4B !important;
}

.resource_visualizer .color_1 .line_connectors,.resource_visualizer .color_1 .line_connectors:before,.resource_visualizer .left .color_1
{
	background: #009688 !important;
}

.resource_visualizer .color_2 .line_connectors,.resource_visualizer .color_2 .line_connectors:before,.resource_visualizer .left .color_2
{
	background: #45DE6D !important;
}

.resource_visualizer .color_3 .line_connectors,.resource_visualizer .color_3 .line_connectors:before,.resource_visualizer .left .color_3
{
	background: #E49CFF !important;
}

.resource_visualizer .color_4 .line_connectors,.resource_visualizer .color_4 .line_connectors:before,.resource_visualizer .left .color_4
{
	background: #FF9B7D !important;
}

.resource_visualizer .color_5 .line_connectors,.resource_visualizer .color_5 .line_connectors:before,.resource_visualizer .left .color_5
{
	background: #A7CAF3 !important;
}

.resource_visualizer .color_6 .line_connectors,.resource_visualizer .color_6 .line_connectors:before,.resource_visualizer .left .color_6
{
	background: #E86361 !important;
}

.resource_visualizer .color_7 .line_connectors,.resource_visualizer .color_7 .line_connectors:before,.resource_visualizer .left .color_7
{
	background: #AA55FF !important;
}

.resource_visualizer .color_8 .line_connectors,.resource_visualizer .color_8 .line_connectors:before,.resource_visualizer .left .color_8
{
	background: #F44336 !important;
}

.resource_visualizer .color_9 .line_connectors,.resource_visualizer .color_9 .line_connectors:before,.resource_visualizer .left .color_9
{
	background: #E91E63 !important;
}

.resource_visualizer .color_10 .line_connectors,.resource_visualizer .color_10 .line_connectors:before,.resource_visualizer .left .color_10
{
	background: #9C27B0 !important;
}

.resource_visualizer .color_11 .line_connectors,.resource_visualizer .color_11 .line_connectors:before,.resource_visualizer .left .color_11
{
	background: #673AB7 !important;
}

.resource_visualizer .color_12 .line_connectors,.resource_visualizer .color_12 .line_connectors:before,.resource_visualizer .left .color_12
{
	background: #3F51B5 !important;
}

.resource_visualizer .color_13 .line_connectors,.resource_visualizer .color_13 .line_connectors:before,.resource_visualizer .left .color_13
{
	background: #2196F3 !important;
}



/*Styles for charts*/

.resource_visualizer .main_chart
{
	margin: 10px 20px;
	border: 1px solid #dfdfdf;
	border-radius: 2px;
}

.resource_visualizer .main_chart .chart_content, .main_chart .chart_data
{
	height: 100px;
	width: 50%;
	display: inline-block;

}


.resource_visualizer .main_chart .chart_inner_div
{
	background: #fff;
	height: 100px;
	border-top: 1px solid #dfdfdf;
}

.resource_visualizer .main_chart .chart_data
{
	float: right;
	background: #fff;
	width: 49%;
	border-left: 1px solid #dfdfdf;
}

.resource_visualizer .main_chart .chart_data div
{
	padding: 20px 10px 0;
	color: #666;
	border-bottom: 1px solid #dfdfdf;
	height: 50px;
}

.resource_visualizer .main_chart .chart_data div span
{
}

.resource_visualizer .main_chart .chart_data div.free
{
	border-bottom: 0;
}

.resource_visualizer .main_chart .title
{
	background: #FAFAFA;
	text-align: left;
	padding: 10px;
	border-width: 0 0 1px ;
	color: #333;
	height: auto;

}

.resource_visualizer .main_chart .title span
{
	float: right;
}

.resource_visualizer .info_content
{
	margin: 10px 20px;
	border: 1px solid #dfdfdf;
	background: #FAFAFA;
	border-width: 1px 1px 0;
	border-radius: 2px;
}

.resource_visualizer .info_content .view_div_decorator 
{
	border-bottom: 1px solid #dfdfdf;
	border-radius: 0;
}

.resource_visualizer .expanded .close 
{
	visibility: visible;
	cursor: pointer;
	float: right;
}

.resource_visualizer a.show_instances
{
	color: blue;
	cursor: pointer;
}

.resource_visualizer a.show_instances:hover 
{
	text-decoration:underline;

}

.resource_visualizer .resource_summary .main_chart  .clickable
{
	color: #006EC1;
}

/*Top chartviews*/

.resource_visualizer .top_chart
{
	width: 32.8%;
	float: left;
	border: 1px solid #dfdfdf;
	margin: 0 0 0 0.8%;
	box-sizing: border-box;
	border-radius: 4px;
	padding-right: 1px;
}

.resource_visualizer .top_chart.first
{
	margin: 0;
	padding-right: 1px;
}

.resource_visualizer .top_chart .chart_title
{
	background: #f8f8f8;
	padding: 15px 10px;
	font-size: 108.3%;
	color: #333;
	height: 50px;
	border-bottom: 1px solid #dfdfdf;
}

.resource_visualizer_tooltips span
{
	display: inline-block;
	/*width: 120px;*/
}

/*Media tags for overriting the css according to the screen resolutions*/
@media (max-width: 1300px) {

    .resource_visualizer .info_view .bytes_info 
    {
      width:95%;
    }
   	.resource_visualizer .info_view .memory_info
   	{
   		width: 97%;
   		margin-top: 10px

   	}
   	.resource_visualizer .info_view .bytes_info .inner_div
   	{
   		width: 30%;
   	}
   	.resource_visualizer .info_view .memory_info .inner_div,.resource_visualizer .info_view .memory_info.single_column .inner_div
   	{
   		width: 45%;
   	}

}


/*Logos*/

.resource_visualizer .product_logo
{
	background: url("guest_vms_logos.png") no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 150px;
}

.resource_visualizer .inside_box:hover .product_logo
{
	background: url("guest_vms_logos.png") no-repeat #FFF5DA ;
	border-color: #F6CB4B;
}

.resource_visualizer .inside_box[data-device-family="ns"] .product_logo
{
    background-position: 40px -412px;
}

.resource_visualizer .inside_box[data-device-family="ns_sdwan"] .product_logo {
    background-position: 10px -512px;
}

.resource_visualizer .inside_box[data-device-family="smx_gsb"] .product_logo
{
      background-position: 40px 7px;
}

.resource_visualizer .inside_box[data-device-family="panw"] .product_logo
{
        background-position: 40px -203px;
}

.resource_visualizer .inside_box[data-device-family="trend_micro"] .product_logo
{
        background-position: 40px -65px;
}

.resource_visualizer .inside_box[data-device-family="bluecat"] .product_logo
{
        background-position: 40px -273px;
}

.resource_visualizer .inside_box[data-device-family="websense"] .product_logo
{
        background-position: 40px -135px;
}

.resource_visualizer .inside_box[data-device-family="ca_sps"] .product_logo
{
        background-position: 40px -344px;
}

/*core allocation layout*/
.core_allocation_layout.single_socket
{
    margin: 0 10%;
}

.core_allocation_layout .core_allocation
{
	margin: 10px;
}

.core_allocation_layout .core_allocation_table_header_div {
    padding: 0 10px;
    line-height: 30px;
    font-size: 108.3%;
    color: #ccc;
    font-weight: bold;
}

.core_allocation_layout .row_core td {
    height: 80px;
    border-bottom: solid 1px #fff;
}

.core_allocation_layout .core_allocation_table td, 
.core_allocation_layout .core_allocation_table th,
.core_allocation_layout .core_allocation_table {
    border-collapse: collapse;
}

.core_allocation_layout .core_allocation_table {
    margin: 20px;
    border: none;
    width: 95%;	
}

.core_allocation_layout .core_allocation_table_header {
    height: 33px;
    background: #495162;
    border: none;
    border-bottom: solid 2px #fff;
}

.core_allocation_layout .col_core_info {
    margin: 0;
    padding: 0;
    width: 7%;
    position: relative;
}

.core_allocation_layout .row_core .col_core_info {
    border: solid #e4e7ea;
    border-width: 1px;
}

.core_allocation_layout .core_allocation_table_header.th_first, 
.core_allocation_layout .core_allocation_table_header.th_last
{
	background: #fff;
    width: 3%;
}

.core_allocation_layout .core_info .bar_chart {
    bottom: 0;
    position: absolute;
    margin: 10px;
}
.core_allocation_layout .core_info > .label {
    font-size: 150%;
    padding: 10px;
}

.core_allocation_layout .table_header_instance.left {
    border-right: 40px solid #fff;
    width: 40%;
}

.core_allocation_layout th.core_allocation_table_header.col_core_info.left {
    border-radius: 10px 0 0 0;
    text-align: left;
    border-right: 1px solid #fff;
}

.core_allocation_layout .core_allocation_table_header.th_first,
.core_allocation_layout .core_allocation_table_header.th_last
{
	border: none;
}

.core_allocation_layout th.core_allocation_table_header.col_core_info.right {
    border-radius: 0 10px 0 0;
    text-align: right;
    border-left: 1px solid #fff;
}

.core_allocation_layout .core:hover .usage_tooltip {
    display: block;
}

.core_allocation_layout .core .usage_tooltip {
    display: none;
    position: absolute;
    background: #fff;
    color: #000;
    min-width: 75px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    z-index: 1;
    margin-left: -10px;
    font-size: 83.3%;
}


.core_allocation_layout .core .usage_tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent; 
    
}

.core_allocation_layout .core {
    width: 100%;
    min-width: 65px;
    height: 100%;
    color: #333;
}

.core_allocation_layout .first_td,
.core_allocation_layout .last_td
{
	background: #495162;
    border-radius: 15px 0 0 15px;
    border-right: solid 2px #fff;
}

.core_allocation_layout .last_td {
    border-radius: 0 15px 15px 0;
    border-right: initial; 
    border-left: solid 2px #fff;
}

.core_allocation_layout .first_td .inner, 
.core_allocation_layout .last_td .inner
{
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    width: 50px;
    position: absolute;
    color: #fff;
    font-size: 91.7%;
    line-height: 11px;
    text-align: center;
}

.core_allocation_layout .last_td .outer,
.core_allocation_layout .first_td .outer {
    position: absolute;
}

.core_allocation_layout .last_td .inner,
.core_allocation_layout .first_td .inner {
    position: relative;
    right: 25%;
}

.core_allocation_layout .hyperthread .bar_chart .background {
    opacity: 0.2;
    background: #000;
    height: 4px;
}

.core_allocation_layout .hyperthread .bar_chart .foreground {
    opacity: 0.5;
    height: 4px;
}

.core_allocation_layout .hyperthread .bar_chart .label  {
	color: #fff;
}

.core_allocation_layout .core_info .bar_chart .foreground,
.core_allocation_layout .hyperthread .bar_chart .foreground {
	background: #495162 !important;
    opacity: 1;
    height: 3px;
}

.core_allocation_layout .core_info .bar_chart .background,
.core_allocation_layout .hyperthread .bar_chart .background {
	background: #fff !important;
    opacity: 0.6;
    height: 3px;
}

.core_allocation_layout .core_info .bar_chart .label,
.core_allocation_layout .hyperthread .bar_chart .label {
    right: 2px;
    top: -15px;
    font-size: 66.7%;
    float: right;
}

.core_allocation_layout .hyperthread .bar_chart {
    position: absolute;
    top: 50%;
    width: 100px;
    right: 0;
    margin: 0 10px;
}

.core_allocation_layout .usage {
    position: relative;
    border: solid 1px #8a8a8a;
    height: 100%;
    width: 50%;
    float: right;
}

.core_allocation_layout .shared_dedicated .usage {
    border: 0;
}

.core_allocation_layout .instance_label {
    margin: 10px;
    margin-left: 35px;
    position: relative;
}

.core_allocation_layout .instance_label:before {
    content: "";
    background: #249B91;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -15px;
    top: 2px;
}

.core_allocation_layout .thread_usage {
    position: relative;
    height: 100%;
    margin: 25px;
}

.core_allocation_layout .legends
{
    overflow: auto;
    width: 90%;
    margin-top: 10px;
    margin-left: 30px;
}

.core_allocation_layout .legends .legend
{
    display: inline-block;
	margin: 0 10px;
}
.core_allocation_layout .legends .legend .color_box 
{
    height: 15px;
    width: 15px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 15%;
}
.core_allocation_layout .shared
{	
	background: #57a7da;
}
.core_allocation_layout .dedicated
{
	background: #3fbb85;
}
.core_allocation_layout .empty
{
    border: solid 1px #999;
}
.core_allocation_layout .reserved
{
	background: #9a9a9a;	
}

.core_allocation_layout .legends .legend .legend_label
{
	display: inline-block;
	color: #999;
	vertical-align: top;
}

.core_allocation_layout .info {
    position: absolute;
    margin: 10px;
    top: 0;
    right: 5%;
    background: url(info.png) no-repeat;
    background-size: 80%;
    height: 20px;
    width: 20px;
}

.core_allocation_help_tooltip {
    width: 350px !important;
}

.core_allocation_layout .col_core_info.reserved {
    background: #ffbaba;
}

.core_allocation_layout .col_core_info.available {
    background: #e7b0e8;
}

.core_allocation_layout .col_core_info.dedicated {
    background: #b3e1a3;
}

.core_allocation_layout .col_core_info.pool, 
.core_allocation_layout .col_core_info.semi_pool,
.core_allocation_layout .col_core_info.shared_dedicated {
    background: #b9ddf4;
}

.core_allocation_layout .detailed_core_info.available {
	background: #fff;
}

.core_allocation_layout .available .available_div {
    border: solid 1px #ccc;
    height: 100%;
}

.core_allocation_layout .detailed_core_info.reserved:nth-child(3),
.core_allocation_layout .detailed_core_info.reserved:nth-child(4) {
    border-right: 40px solid #fff;
}

/*.core_allocation_layout .right_socket {
    text-align: right;
}*/

.core_allocation_layout .socket_space_right {
	border-right: 40px solid #fff !important;
}

.core_allocation_layout .socket_space_left {
	border-left: 40px solid #fff;
}

.core_allocation_layout .instance,
.core_allocation_layout .instance_header {
    color: #fff;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.core_allocation_layout .semi_pool .instance {
    width: 50%;
    display: inline-block;
    height: 100%;
    padding: 10px;
    top: 25%;
	position: absolute;
    font-size: 133.3%;
    padding-left: 40px;
}

.core_allocation_layout .pool .instance {
    padding: 5px 10px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.core_allocation_layout .reserved .instance, 
.core_allocation_layout .shared_dedicated .instance, 
.core_allocation_layout .dedicated .instance  {
    padding: 2px 10px;
}

.core_allocation_layout .reserved .instance {
    position: absolute;
}

.core_allocation_layout .dedicated .instance,
.core_allocation_layout .shared_dedicated .instance {
    padding: 15px;
    font-size: 166.7%;
 	max-width: 310px;
    width: 100%;
}

/*.core_allocation_layout .reserved .type,
.core_allocation_layout .dedicated .type {
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 110px;
    font-weight: 500;
    margin: 10px;
    top: 10%;
}*/

.core_allocation_layout .type {
    color: #fff;
    position: absolute;
    right: 110px;
    font-weight: 500;
    margin: 10px;
    top: 10%;
}

/*.core_allocation_layout .type {
	color: #fff;
    font-size: 10px;
    position: absolute;
    top: -15px;
}*/

.core_allocation_layout .detailed_core_info_div {
    height: 80%;
    position: relative;
}

.core_allocation_layout .reserved .detailed_core_info_div {

    height: 100%;
}

.core_allocation_layout .hyperthread {
    position: relative;
    height: 50%;
    text-align: left;
}

.core_allocation_layout .pool .hyperthread {
    height: initial;
}

.core_allocation_layout .pool .hyperthread_info {
    display: table-cell;
    width: 50%;
}

.core_allocation_layout .dedicated .hyperthread,
.core_allocation_layout .shared_dedicated .hyperthread {
    height: 40px;
}

.core_allocation_layout .detailed_core_info.shared_dedicated,
.core_allocation_layout .detailed_core_info.semi_pool,
.core_allocation_layout .detailed_core_info.pool {
    background: #57a7da;
}

.core_allocation_layout .detailed_core_info.shared_dedicated {
    border: solid 1px #fff;
}

.core_allocation_layout .semi_pool .detailed_core_info_div {
    height: 100%;
}

.core_allocation_layout .pool .detailed_core_info_div {
    height: 100%;
    display: table;
    width: 100%;
    padding: 10px 0;
}

.core_allocation_layout td.detailed_core_info.dedicated {
    border-bottom: solid 2px #fff;
}

.core_allocation_layout .dedicated .detailed_core_info_div,
.core_allocation_layout .shared_dedicated .detailed_core_info_div {
    height: 100%;
    padding-left: 5px;
}	

.core_allocation_layout .toggle_switch_label {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
	top: 5px;
}

.core_allocation_layout .toggle_switch_label .toggle_switch_input {
	display:none;
}

.core_allocation_layout .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 17px;
}

.core_allocation_layout .slider:before {
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

.core_allocation_layout .toggle_switch_input:checked + .slider {
	background-color: #2196F3;
}

.core_allocation_layout .toggle_switch_input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

.core_allocation_layout .toggle_switch {
    position: absolute;
    right: 100px;
    top: 0;
}

.core_allocation_layout .toggle_switch_text {
    display: inline-block;
    color: #999;
    padding: 10px;
}

.core_allocation_layout .hyperthread_view_on .hyperthread_label {
	background: #bb9e00;
    height: 20px;
    line-height: 20px;
    color: #333;
    min-width: 20px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    margin: 10px;

}

.core_allocation_layout .hyperthread_view_on.reserved .hyperthread_label {
    position: absolute;
    right: 35%;
}

.core_allocation_layout .hyperthread_view_on.dedicated .hyperthread,
.core_allocation_layout .hyperthread_view_on.shared_dedicated .hyperthread {
    border-top: solid 1px #8a8a8a;
    width: 51%;
    float: right;
}

.core_allocation_layout .hyperthread_view_off.dedicated .usage,
.core_allocation_layout .hyperthread_view_off.shared_dedicated .usage {
    border: 0;
    border-top: solid 1px #8a8a8a;
}

.core_allocation_layout .hyperthread_view_on.dedicated .type,
.core_allocation_layout .hyperthread_view_on.shared_dedicated .type {
    position: absolute;
    top: 0;
    display: inline-block;
    line-height: 40px;
    right: 120px;
    margin: 0;
}

.core_allocation_layout .hyperthread_view_on.dedicated .hyperthread_label_div .hyperthread_label {
    float: right;
    position: relative;
    right: initial;
    height: 100%;
}

.core_allocation_layout .hyperthread_view_on.dedicated .hyperthread.last {
    height: initial;
}

.core_allocation_layout .hyperthread_view_on.dedicated .instance,
.core_allocation_layout .hyperthread_view_on.shared_dedicated .instance {
    position: relative;
}

.core_allocation_layout .hyperthread_view_on.dedicated .hyperthread_label,
.core_allocation_layout .hyperthread_view_on.shared_dedicated .hyperthread_label {
    position: absolute;
    display: inline-block;
    margin: 10px;
    margin-bottom: 5px;
    right: 140px;
}

.core_allocation_layout .hyperthread_view_on.dedicated .hyperthread_label_div{
    right: 90%;
    position: relative;
}

.core_allocation_layout .hyperthread_view_on.shared_dedicated .hyperthread_label {
    margin-right: 20px;
}

.core_allocation_layout .hyperthread_view_on.shared_dedicated .hyperthread {
    width: 55%;
}

/*.core_allocation_layout .hyperthread_view_on.dedicated.right_socket .hyperthread_label_div {
    float: right;
}*/

.core_allocation_layout .hyperthread_view_on.dedicated .bar_chart,
.core_allocation_layout .hyperthread_view_on.shared_dedicated .bar_chart {
 	top: 50%;
    float: right;
}

.core_allocation_layout .hyperthread_view_on.semi_pool .hyperthread_label {
    position: absolute;
    top: 25%;
}

/*.core_allocation_layout .right_socket.hyperthread_view_on.semi_pool .hyperthread_label {
    left: initial;
    right: -15px;
}*/

/*.core_allocation_layout .right_socket .hyperthread .bar_chart {
    right: initial;
    left: 15px;
}*/

.core_allocation_layout .pool.hyperthread_view_on .hyperthread {
    height: 40px;
    padding: 0;
}

/*.core_allocation_layout .pool.hyperthread_view_on.right_socket .hyperthread .hyperthread_label {
    left: initial;
    right: 0;
}*/

.core_allocation_layout .hide {
	display: none;
}

/*.core_allocation_layout .pool.hyperthread_view_on.right_socket .hyperthread .bar_chart {
	right: 30px;
	position: absolute;
	left: initial;
}

.core_allocation_layout .right_socket.reserved .instance, 
.core_allocation_layout .right_socket.shared_dedicated .instance {
	right: 20px;
	position: absolute;
}

.core_allocation_layout .hyperthread_view_on.right_socket.reserved .instance, 
.core_allocation_layout .hyperthread_view_on.right_socket.shared_dedicated .instance {
   text-align: right; 
   right: 0;
}

.core_allocation_layout .right_socket.reserved .hyperthread_label, 
.core_allocation_layout .right_socket.shared_dedicated .hyperthread_label {
    left: initial;
    right: -15px;
}*/

/*.core_allocation_layout .hyperthread_view_on.shared_dedicated .hyperthread_label {
    top: 25%;
    position: absolute;
}*/

.core_allocation_layout .reserved .instance_header {
    padding: 0 30px;
    position: absolute;
    font-size: 133.3%;
    top: 30px;
}

.core_allocation_layout .vcpu {
    position: absolute;
    color: #fff;
    left: 50px;
    margin: auto;
    top: 50%;
    transform: translateY(-40%);
}

.core_allocation_layout .vcpu .vcpu {
    position: relative;
}

.core_allocation_layout .reserved .hyperthread {
    height: 40px;
}

/*.core_allocation_layout .pool .fullpooled_instance .instance {
    text-align: center;
}*/

.core_allocation_layout .pool .fullpooled_instance {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.core_allocation_layout .semi_pool .type {
    top: 50%;
    transform: translateY(-50%);
    margin: 0 10px;
}

.core_allocation_layout .pool .hyperthread_info {
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: middle;
}

/*.core_allocation_layout .right_socket.hyperthread_view_on.dedicated .hyperthread_label {
    left: initial;
    right: -15px;
    float: right;
}

.core_allocation_layout .right_socket.hyperthread_view_on.dedicated .type {
    padding: 7px 0px;
    float: right;
}

.core_allocation_layout .right_socket.hyperthread_view_on.dedicated .bar_chart {
    position: absolute;
    top: 50%;
}

.core_allocation_layout .dedicated.right_socket .bar_chart {
	left: 30px;
}

.core_allocation_layout .semi_pool.right_socket .instance {
    text-align: right;
    float: right;
}*/

@media only screen and (max-width: 950px)
{
	.resource_visualizer .top_chart
	{
		width: 99%;
		margin: 10px 0;
	}

	.resource_visualizer .grid_cell.right
	{
		    width: calc( 100% - 190px);
	}

	.resource_visualizer .grid_cell.resource_summary
	{	
			float: none;
		    clear: both;
		    width: 100%;
		    min-height: initial;
		    height: auto !important; 

	}
	.resource_visualizer .grid_cell .resource_summary .content
	{
		overflow: auto;
	}
	.resource_visualizer .info_content
	{
		border: 0;
	}
	.resource_visualizer .grid_cell.resource_summary .charts_content,.resource_visualizer .grid_cell.resource_summary .info_content
	{
		float: left;
		width: 45%;
	}

}


.app-fw-visualizer  {
  padding:15px;
  box-sizing:border-box;
  width: 100%;
}

.app-fw-visualizer *  {
  box-sizing:border-box;
}
.app-fw-visualizer  select {
    width: 148px;
}
.app-fw-visualizer  #app-fw-visualiser-pgsz, 
.app-fw-visualizer  #app-fw-visualiser-pgno {
    width: auto;
}
.app-fw-visualizer .tools select{
  margin:10px 0 15px 10px;
}

.app-fw-visualizer .tools .refresh{
  float: right;
  margin-top: 14px;
  margin-right: 17px;
  cursor: pointer;
}

.app-fw-visualizer .selected-rule-cntr{
  margin-top:10px;
  padding: 10px 0;
}

.app-fw-visualizer .tools, .app-fw-visualizer .selected-rule-cntr{
  border: 1px solid #95A2AC;
  padding: 5px;
  border-radius: 5px;
  white-space: nowrap;
}

.app-fw-visualizer .root {
  border-radius:50%;
  width:12px;
  height:12px;
  border:1px solid #95A2AC;
  position:absolute;
    cursor: pointer;
}

.app-fw-visualizer .root.selected {
  background-color: #E9F5F8;
}

.app-fw-visualizer .nodeCircle.red, .app-fw-visualizer .nodes .circle.red{
  background-color:#FC0D1B;
  fill:#FC0D1B;
}

.app-fw-visualizer .nodes .circle.hide{
  display: none;
}

.app-fw-visualizer .nodeCircle.green, .app-fw-visualizer .nodes .circle.green {
  background-color:#19A79C;
  fill:#19A79C;
}
.app-fw-visualizer .leaves .circle, .app-fw-visualizer .nodes .circle {
  width:10px;
  height:10px;
  border-radius:50%;
    display:inline-block;
    vertical-align: middle;
    margin: 0px 7px 0 8px;
}

.app-fw-visualizer span.hits {
  padding: 0 3px;
    display: inline-block;
    max-width: 45px;
    overflow: hidden;
    vertical-align: middle;
}



.app-fw-visualizer .visualizer {
  padding: 15px;
  position: relative;
  overflow: scroll;
  border:1px solid #95A2AC;
  border-radius: 5px;
  margin: 15px 0;
}

.app-fw-visualizer .visualizer .error-msg, .app-fw-visualizer .visualizer-svg .error-msg {
    font-style:italic;
    margin: auto;
    width: 50px;
    padding: 50px 0;
}

.app-fw-visualizer .visualizer .hide-me , .app-fw-visualizer .visualizer-svg .hide-me  {
    display:none;
}

.app-fw-visualizer .selected-rule-cntr .sel-rule{
  margin-left: 20px;
}

.app-fw-visualizer .leaf .content{
    width: 65%;
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
    border-right: 1px solid #95A2AC;
    letter-spacing: normal;
  text-overflow: ellipsis;
}

.app-fw-visualizer .leaf .circle + .content{
    width: 85%;
    border-right: none;
}

.app-fw-visualizer .leaf.selected  {
  background-color:#E9F5F8;
}

.app-fw-visualizer .node.selected rect {
  fill:#E9F5F8;
}

.app-fw-visualizer .leaf {
  position:absolute;
  border:1px solid #95A2AC;
  border-radius:5px;
  width:100px;
  overflow:hidden;
  white-space: nowrap;
  cursor: pointer;
}

.app-fw-visualizer .leaf span {
  padding: 5px 4px;
}

.app-fw-visualizer .square {
  display: inline-block;
  letter-spacing: normal;
  width: 35%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align:top;
  text-align: center;
}

.app-fw-visualizer .node rect {
  stroke: #2A2723;
  fill: #fff;
}

.app-fw-visualizer .edgePath path {
  stroke: #2A2723;
  fill: #2A2723;
  stroke-width: 1.5px;
}

.app-fw-visualizer .node .txt-prnt {
  width:150px;
  overflow: hidden;
    text-overflow: ellipsis;
}

.app-fw-visualizer .node .txt-prnt span {
  text-overflow:ellipsis;
}
.app-fw-visualizer .visualizer-svg  .nodes .node {
  cursor: pointer;
}

.app-fw-visualizer .visualizer-svg , .app-fw-visualizer .visualizer-svg svg {
  height: 100%;
  width: 100%;
}
.app-fw-visualizer .visualizer-svg {
  margin: 10px 0;
  border: 1px solid #95A2AC;
  border-radius: 5px;
  position: relative;
  width:100%;
  min-height: 400px;
}

.app-fw-visualizer .node .txt-prnt span.txt {
  display: inline-block;
    width: 73px;
    overflow: hidden;
    vertical-align: middle;
}

.app-fw-visualizer .node .rlx-vis.txt-prnt span.txt {
  width: 122px;
} 

.app-fw-visualizer .visualizer-svg .zoom-vertical-item {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: absolute;
    bottom: 10px;
    left: 10px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
}


.app-fw-visualizer .zoom-btn, .app-fw-visualizer .zoom-btn-fs  {
  position: relative;
  background-color: rgba(234, 234, 234, 0.53);
  border-radius: 2px;
  display: block;
  height: 29px;
  overflow: hidden;
  cursor: pointer;
  width: 29px;
  z-index: 2;
  box-sizing: border-box;
  border:0;
  outline:0;
}
.app-fw-visualizer .zoom-vertical-item .btn-dvdr  {
    background-color: rgb(90%,90%,90%);
    height: 1px;
    left: 5px;
    position: absolute;
    top: 28px;
    width: 19px;
    z-index: 3;
    transition: background-color 0.16s ease-out;
}
.app-fw-visualizer .zoom-btn.zoom-out{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.app-fw-visualizer .zoom-btn.zoom-out{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.app-fw-visualizer .zoom-btn.zoom-in{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.app-fw-visualizer .zoom-btn.zoom-in .widget-zoom-icon {
      background-position: 0 0;
}

.app-fw-visualizer .zoom-btn.zoom-in:hover .widget-zoom-icon {
      background-position: -30px 0;
}

.app-fw-visualizer .zoom-btn.zoom-out .widget-zoom-icon {
      background-position: 0 -15px;
}

.app-fw-visualizer .zoom-btn.zoom-out:hover .widget-zoom-icon {
      background-position: -30px -15px;
}

.app-fw-visualizer .zoom-btn .widget-zoom-icon, .app-fw-visualizer .zoom-btn-fs .widget-zoom-icon {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAA8CAYAAABYfzddAAAJbklEQVR42uyaSUtbbxjFm8kkmlC1xakVsnBCaWibOFWEZG8lG+vKLoSK6y5d+QHcln4Ht7rvV7gKYqIL5yEmKLgRV/mfU07k/m9fo+JNF02EQ26fsRh+vM99Xl+USqUXdd0v/HhM+lf71pA8knd1ddWHz9/Ss9fmr1rfck+bnty3/kU+DJB3ZmbGZxdt1QLK3hfyOeStg+waRITFv7u7Gzw6Ogqfnp42UnymjT4bUK73hdgjDDVKYdme1Lf+Zd4PkTeVSvmHhoYaenp6gngOUXymjb4yUG73hVi7AQpCISkom+t9axHera2tBigCYFsvLi46isXiG4rPtNHHGBchLsPLmhGoFeqA3kgdskUU86i+9S+0ArwEFrBGEonEy3fv3rVQfKZNQLsGkwNeAhuBXkIt0kvZQnWInyWCEchms9H9/f3OQqHQh5M3cXJy8oniM230MYaxynGlL8SanVAflIA+SQnZOhXzqL5P/o8sLCykoYxD6Wr/4i3LSm9ubmbsoq1KAPt40k5MTEQBbAaah75JfM7QxxiNtm4B7NNJG4Uy0Dz0TZqXLaoYXzUAXl9fT6+trWXsoq3a3+/09HT68+fPGbtoc/u75bsmx+Tz8/O2s7OzQXx+B7grAPcHxWfa5GtjLHOe+bv26B2XtdqgQeg7tAL9kFZkG1RMWDketwG2oJJD1l8A2NrY2CjZRVs1AObJOj4+Hh4ZGXmVTCa3AGzJLtroY4xOYbcAZq0w9AragkoObckXVqzrAANYCyo5ZP0FgC2o5JBVhfHZjxM2ure3FwOwk9AhVHKItknGMFbvpc8F2K+TNQZNQoelP38O5Ysp1l8H+OkgeQFpAGBGRkdH2/G87QSYNvoYw1jmuNEXCmhMboe2DQBvyxdRrLcO8OO1vLz8e4w9ODhoAaADOGGncNKeOgGmjT7GMJY5yn3u+MxaA9AUdGoA+FS+AcU+OEbXATaAxCUVR2SoC4BmDQBn6WMMY10EuEEjcheUNQCclS+q2DrAj7+28eiKKAgwX2M0jmNcnsVz3nAC5+ljDGOZo1zPE6557LE+bZhZKw7NQnkDwHn54ooN2sZoY9+aBthxx+otL5FisViIy6rh4eFujMtZwwidpY8xjLUtlbyPubO9r68WVFxWdVcAuFsxT+5bYwDb71o5igZ+/foVuri4iGAs7gSYSZy0X/FZMABckC/JWOYwVyei33Fn+2BfKKTtMhdUSegrVDAAXJAvqdiIcu/tW7MA2+94+R7LUZinKYGMx+NNfMcdGxuL3XcC08cYxjKHuRq9/fa74grbZp8ADOg0JZBNeseNVQA4ppgm5TSoht9+V1zjAJchCnAJxffYq6urZp6mBPL4+LgP9hT+vQgVDQDTtsgYxgr416zBWlpsBQwQe2zjcljvsc06Tcub5xS0CBUNABflS9k20q9VI6qa/+tbkwDbr4q4SQZ4jbwa4kj8/v37ZoL54cOHLrzn9sKXMwCco48xjGWOxmm+Ezfq3viPqx7HVRE3yY16n+VI3CwwOSL3QjkDwDn5uhTbrNyIagWfe8X0DwB8d8/LayBtm7mM6udIjM8EwdT4vARdGgCmbUljdEo5zO1nLdZkbcc9sf2eN6pNMpdR/RqJEwKTI/ISdGkA+FK+WcUmlNuvWm2qfde3ZgEmYDw5Cd74+Hgrl1KC9i2AjEG9Hz9+jAPIHQPAO/QxhrHMUW47a7Emazs31LZNc0jgtWopRSDf6nQloHFoxwDwjny9in2r3HbVitpG61oG2A/ImvhHGbwO4kZZC6sv+Xx+Ticv4f0JXRsAvpaPMYvMYa4WW5OsydrsYdsUlzfNTfqjjEFtlLmU+gLN6XQloD+hawPA1/ItKXZOuVOqNajad33vu+e1KujGAPDNAznpRwCatir8ANgbJ8C0WZV/0iZ4uVHkyKsTM6OrIm6bs3rnzerkJby3BoBv5cs5crZVK8Pa7MFejvfdBp2YGV0LbWs0LisnUG8NAN/Kl3PkbKvWf+2dQWoiQRiFiRMyySYM7WagryBjIAvXs3TnxkUwq4AXyDmy9D5eYc4wiKAZBFeupKd+eA4zTXXsri4Zu/2EDw12VYHm0WXV+1+N1PdN0V1Y+7w/PmDnEfDuozZl9oltT1ciLWLnEfDuSJvvvruv7JGJGTK0p/tTq80r97zWFHkjoe49At7rPbvml9pY26X1ZX1a3zaGbJef/lqoSjT9fdW20FKLU2tNkTcS6t4j4L3e2+jatdou1der+k40Vscn4JFHoHUZHfuCzZjhEWgtrE+fgO036nA4/GxTXxkzssi8WN82hn4PX+WMGl9kzMgi86K+C40eMmdkkTn6/cqYkcXE+swL2FaL7Teq3SHNVeUE9+YRaC3U56Nsl3fz+fxad8Q73SEfZcyI/XhT318PRo+LFbBskoncVbEFPLW+bQyPgG813Z2eQMBT9X17qQK2f2orSjBfs1kjndhmJxDwzPq2MWwsifdaRQmprJGzEwh4pr5TjYWAETACRsBMoZlCM4U+myk0i1gsYrGI1dRFLLaR2EZiG6nB20gYOTByYOTAyIGVEislVkqslBQzUMxAMQPFDJQTUk5IOSEF/RT0U9BPQT+ROkTqEKnzXyN1CLUj1I5Qu6aG2hErS6wssbINjpUl2J1gd4LdCXbnaBWOVuFoFY5W4XAz4HAzAMRcbY/3bMblywNo8gyRDwEAAQMAAgYABAyAgAEAAQOc0RaRVRWFELDlk7++E8hV1HLCFps0OpEILeg/+bgX6rb6U1gva2QQahta0H9Tk3gF/W3zO+cjdepQM1KnDtEidVom3n8idbbbbbJYLLpWpF8Fa2Nta0TqmMe5qyL9KnTVNl6kTtuKFfKhdoPB4D6ECKF294FEDbVrU7FCPtTOve6tVqtvjr4T5UMZ7FprY21rhNr1lLLRdzyUpK82vSxmqF1bBFwUK+tepxYTWwVrEyFWNlVMbBXS2LGyLRFwUazs2D0/ub8njueSTKyN2obGyo4dT46J47kkE7UZZ5FPJwyhdrB74CMo2D2EiMHuIcQMdq9MpGD3ECoHuzvW4r0kh+tjBLsb7yU5XM/phHkBc7QKR6twOiGHm3G4GYebcbgZAkbACBgBM4VmCs0UmkUsFrFYxGr4IhbbSGwjsY3U4G0kjBwYOTByYOTASomVEislVkqKGShmoJiBYgagnJByQgCgoB8AEDAAIGAABAwACBgAEDDA5fAbwKhIGDsjPucAAAAASUVORK5CYII=) 0 0 no-repeat;
    background-size: 120px 30px;
    display: block;
    height: 15px;
    left: 7px;
    position: absolute;
    top: 7px;
    width: 15px;
}

.app-fw-visualizer .zoom-btn-fs.full-scrn-exp .widget-zoom-icon {
    background: url("/admin_ui/rdx/core/images/full_screen.svg") 0 0 no-repeat;
    background-size: 15px 19px;
}

.app-fw-visualizer .full-screen {
    position: absolute;
    bottom: 76px;
    left: 10px;
    color: #666666;
    cursor: pointer;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
}

.app-fw-visualizer .full-screen img {
  width: 22px;
  height: 24px;
}


.app-fw-visualizer .ink {
  display: block; position: absolute;
  background: hsl(62,0%,82%);
  border-radius: 100%;
  transform: scale(0);
}
/*animation effect*/
.app-fw-visualizer .ink.animate {
  animation: ripple 0.65s linear;
}

@keyframes ripple {
  /*scale the element to 250% to safely cover the entire link and fade it out*/
  100% {opacity: 0; transform: scale(2.5);}
}

.app-fw-visualizer  .node {
    cursor: pointer;
  }

.app-fw-visualizer   .node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px;
  }

 .app-fw-visualizer  .node text {
    font-size:83.3%;
  }

.app-fw-visualizer   .link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
  }

.app-fw-visualizer   .templink {
    fill: none;
    stroke: red;
    stroke-width: 3px;
  }

 .app-fw-visualizer  .ghostCircle.show{
      display:block;
  }

.app-fw-visualizer   .ghostCircle, .activeDrag .ghostCircle{
       display: none;
  }

  .app-fw-visualizer .node.selected text {
    fill: #448BCC;
    font-weight: bold;
}

.app-fw-visualizer:-moz-full-screen {
        background-color: rgb(255, 255, 255) !important;
}
.authentication_zero_count_message
{
    padding-left: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.authentication_visualizer_basic_node
{
    height: 30px;
    padding-bottom: 2px;
    text-align: center;
}

.authentication_visualizer_heading_block
{
    background-color: #eeeeef;
    color: #9a9a9a !important;
    height: 35px !important;
    box-shadow: none !important;
    border: 0 !important;
}

.authentication_visualizer_success_block
{
    background-color: #2cca6f;
    color: #fff !important;
    width: 80px !important;
    box-shadow: none !important;
    border: 0 !important;
}

.authentication_visualizer_fail_block
{
    background-color: #f16c75;
    width: 60px !important;
    margin-left: 35px;
    color: #fff !important;
    box-shadow: none !important;
    border: 0 !important;
    height: 35px !important;
}

.authentication_visualizer_text_overflow
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.authentication_visualizer_basic_image_node_red
{
    width: 24px;
    float: left;
    height: 30px;
    position: relative;
    background: url(/admin_ui/rdx/core/images/nav_down_red.png) no-repeat 40% 5px;
    margin-right: -10px;
}

.authentication_visualizer_block_container
{
    left: 552px;
    position: absolute;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    width: 130px;
    -o-box-shadow: 0px 0px 2px rgba(204,204,204,0.7);
    -webkit-box-shadow: 0px 0px 2px rgba(204,204,204,0.7);
    -moz-box-shadow: 0px 0px 2px rgba(204,204,204,0.7);
    box-shadow: 0 2px 0 #cccccd;
    text-align:left;
    z-index:20; 
    border: 1px solid #cccccd;
    color:#666;
    padding:7px;
    font-size:108.3%;
    box-sizing: border-box;
    height: 40px;
}

.authentication_visualizer_add_policy_binding
{
    position: absolute;
    height: 15px;
    border: 1px solid #cccccd;
    width: 14px;
    background: url("/admin_ui/rdx/core/images/plus.png") no-repeat center;
    margin-left: 57px;
    z-index: 1;
    background-color: #fff;
}

.authentication_visualizer_singleblock
{
    border:1px solid #ccc;
    box-shadow: 0px 0px 2px #aaa;
    text-shadow: 1px 1px 1px #fff;
    -o-box-shadow: 0px 0px 2px rgba(204,204,204,0.7);
    -webkit-box-shadow: 0px 0px 2px rgba(204,204,204,0.7);
    -moz-box-shadow: 0px 0px 2px rgba(204,204,204,0.7);
    -moz-border-radius:5px;
    border-radius:5px;
    width: 150px;
    position: absolute;
    text-align:left;
    box-sizing: border-box;
    color:#5c5c5c;
    height: 46px;
    line-height: 46px;
    font-size: 108.3%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin:0;
    padding:0;
}

.authentication_visualizer_singleblock:first-child
{
    margin-top: 0;
}

.authentication_visualizer_text_align
{
    text-align: center;
}

.authentication_visualizer_connector_div
{
    position: absolute;
}

.authentication_visualizer_parent_container
{
    border-bottom: 1px solid #ccc;
}

.authentication_visualizer_show_aside_div
{    
    position: relative;
    display: inline-block;
    float: right;
    padding-left: 10px;
    
}
.entity_visualizer
{
    position: relative;
    overflow: auto;
    border: 1px solid #e4e5e6;
    min-height: 100px;
}

.entity_visualizer .header_pane
{
    overflow: auto;
    clear: both;
    background: var(--charcoal-grey-grad30)
}

.entity_visualizer .header_pane .left_container
{
    padding: 10px 20px;
    background-color: var(--charcoal-grey-grad30);
    float: left;
    width: 50%;
    min-height: 40px;
    border: 0;
    border-right: 1px solid #e4e7ea;
    display: none;
    margin: 0;
}

.entity_visualizer .header_pane .right_container
{
    padding: 10px 20px;
    background-color: var(--charcoal-grey-grad30);
    float: left;
    width: 50%;
    min-height: 40px;
    display: none;
}

.entity_visualizer .left_position
{
    float: left;
    padding: 2px;
    font-weight: normal;
    font-size: 100%;
    line-height: 30px;
}

.entity_visualizer .right_position
{
    float: right;
    height: 35px;
}

.entity_visualizer .header_pane .left_entity,
.entity_visualizer .header_pane .right_entity
{
    overflow: auto;
    clear: both;
}

.entity_visualizer .header_pane .left_title_image
{
    display: inline-block;
    background: url('icon-agent-big.png') no-repeat 0% 50%;
    padding-left: 45px;
    font-size: 200%;
    color: #4e5868;
    height: 33px;
    float: left;
}

.entity_visualizer .header_pane .right_title_image
{
    display: inline-block;
    background: url('icon-device-big.png') no-repeat 0% 50%;
    padding-left: 49px;
    font-size: 200%;
    color: #4e5868;
    height: 34px;
    float: left;
}

.entity_visualizer .header_pane .left_separator,
.entity_visualizer .header_pane .right_separator
{
    margin-left: 20px;
    background: #e4e5e6;
    width: 2px;
    height: 25px;
    display: inline-block;
    margin-top: 3px;
    float: left;
}

.entity_visualizer .header_pane .left_count,
.entity_visualizer .header_pane .right_count
{
    display: inline-block;
    padding-left: 20px;
    font-size: 200%;
    color: #4e5868;
}

.entity_visualizer .header_pane .xva_download
{
    background-image: url('icon-download.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
}

.entity_visualizer .header_pane .left_description,
.entity_visualizer .header_pane .right_description
{
    padding-top: 10px;
    font-size: 108.3%;
    color: #666666;
}

.entity_visualizer .left_entity_pane 
{
    padding: 15px 0 15px 20px;
    float: left;
    border-top: 1px solid #e4e5e6;
    width: 50%;
    min-height: 100px;
}

.entity_visualizer .search_filter_block
{
    overflow: auto;
    clear: both;
    display: none;
}

.entity_visualizer .connector_pane
{
    width: 1px;
    background: #e4e5e6;
    float: left;
    position: absolute;
    left: -1px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0 auto;
    display: none;
}

.entity_visualizer .highlighted_connector_pane 
{
    width: 2px;
    height: 0px;
    background: #F8CE3B;
    position: relative;
    left: -1px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0 auto;
    display: none;
}

.entity_visualizer .right_entity_pane 
{
    padding: 15px 20px 15px 0;
    float: left;
    border-top: 1px solid #e4e5e6;
    width: 50%;
    min-height: 100px;
    font-size: 106%;
}

.entity_visualizer .left_entity_pane .search_filter_block
{
    padding-right: 20px;
}

.entity_visualizer .right_entity_pane .search_filter_block
{
    padding-left: 20px;
}

.entity_visualizer .div_button
{
    font-size: 100%;
    color: #333;
    border-top: 1px solid #485164;
    border-left: 1px solid #485164;
    border-bottom: 1px solid #485164;
    padding: 8px 15px;
    cursor: pointer;
    border-right: 0;
}

.entity_visualizer .div_button:last-child
{
    border-right: 1px solid #485164;
}

.entity_visualizer .div_button.selected
{
    background: #485164;
    color: #fff;
}

.entity_visualizer .filter_option
{
    border-left: 1px solid #e4e5e6;
    display: inline-block;
    background: url('icon-filter.png') no-repeat 50% 50%;
    height: 32px;
    width: 45px;
    cursor: pointer;
}

.entity_visualizer .search_option
{
    border-left: 1px solid #e4e5e6;
    display: inline-block;
    background: url('icon-search.png') no-repeat 50% 50%;
    height: 32px;
    width: 45px;
    cursor: pointer;
}

.entity_visualizer .left_visualizer_container,
.entity_visualizer .right_visualizer_container
{
    margin-top: 15px;
}

.entity_visualizer .parent_left_entity_container
{
    padding-right: 20px;
}

.entity_visualizer .parent_right_entity_container
{
    padding-left: 20px;
}

.entity_visualizer .entity_container
{
    padding: 20px;
    border: 1px solid #e4e7ea;
    position: relative;
    margin-bottom: 10px;
}

.entity_visualizer .entity_container:hover
{
    background: #edf9fc;
    /*border: 1px solid #F8CE3B;*/
}

.entity_visualizer .entity_container .status_up
{
    background: url('status_up.png') no-repeat 0 0;
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    top: 4px;
    float: left;
}

.entity_visualizer .entity_container .status_down
{
    background: url('status_down.png') no-repeat 0 0;
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    top: 4px;
    float: left;
}

.entity_visualizer .entity_container .status_out_of_service
{
    background: url('status_out_of_service.png') no-repeat 0 0;
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    top: 4px;
    float: left;
}

.entity_visualizer .entity_container .entity_block
{
    border-right: 1px solid #e4e7ea;
    display: inline-block;
    padding: 0 20px;
}

.entity_visualizer .entity_container .entity_block:last-child
{
    border-right: none;
    padding-left: 20px;
    padding-right: 0px;
}

.entity_visualizer .entity_container .property_value
{
    color: #4e5868;
}

.entity_visualizer .entity_container .property_key
{
    color: #4e5868;
    font-weight: 500;
}

.entity_visualizer .entity_container .align_center
{
    text-align: center;
}

.entity_visualizer .entity_container .align_left
{
    text-align: left;
}

.entity_visualizer .entity_container .left_connector_dot
{
    display: inline-block;
    width: 7px;
    height: 6px;
    background: #e9e9e9;
    position: absolute;
    right: -7px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.entity_visualizer .entity_container .right_connector_dot
{
    display: inline-block;
    width: 7px;
    height: 6px;
    background: #e9e9e9;
    position: absolute;
    left: -7px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.entity_visualizer .entity_container.highlighted_entity
{
    background: #FEF9DF;
    border: 1px solid #F8CE3B;
}

.entity_visualizer .entity_container .left_connector_dot.highlighted_entity,
.entity_visualizer .entity_container .right_connector_dot.highlighted_entity
{
    background: #F8CE3B;
}
.entity_visualizer .no_results {
    margin: 10px 20px;
    cursor: initial;
}
.entity_visualizer .vis_button_ct .list{position: absolute;cursor: pointer;background-color: #fff; border: 1px solid #bababa; width: 144px}
.entity_visualizer .vis_button_ct li{list-style: none;color: blue;padding: 4px}
.entity_visualizer .vis_button_ct li:hover{text-decoration: underline;}
.search_filter_details_view {
    overflow: auto;
    border: 1px solid #e2e4e5;
}
.search_filter_category_details .category_title {
    padding: 5px 10px;
    font-weight: 500;
	border-bottom: 1px solid #e2e4e5;
}
.search_filter_details_view .search_filter_search_box {
    padding: 2px 20px 2px 5px;
    border: 1px solid #e2e4e5;
    height: 26px;
    cursor: text;
	display: inline-block;
	width: 50%;
	background-color: #ffffff;
    border-radius: 4px;
	position:relative;
}

.search_filter_details_view .search_filter_search_box input[type="text"] {
    border: none;
    background: transparent;
    height: 20px;
    overflow-y: auto;
    outline: none;
    width: 100%;
    color: #666;
}

.search_filter_details_view .clear_search {
    cursor: pointer;
    background: url('icon_remove.png') no-repeat 0% 50%;
    height: 20px;
    width: 20px;
    display: none;
	position: absolute;
    right: 0;
    top: 1px;
}

.search_filter_details_view .search_block {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 8px;
    border: none;
    padding: 0px;
}

.search_filter_details_view .clear_search_item {
    background: url('cross_small.png') no-repeat 0% 50%;
    bottom: 5px;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    z-index: 100;
}

.search_filter_details_view .clear_search_item:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.search_filter_details_view .clear_search_item:hover ~ .search_item {
    border: 1px solid #679BCE;
    outline: medium none;
}

.search_filter_details_view .search_item {
    background-color: #eee;
    border: 1px solid #eee;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    cursor: default;
    display: block;
    height: 24px;
    white-space: nowrap;
    z-index: 98;
    padding-right: 15px;
    position: relative;
}

.systemlog_view .search_item:hover {
    border: 1px solid #679BCE;
    outline: medium none;
}

.search_filter_details_view .search_value {
    color: #333;
    direction: ltr;
    display: inline-block;
    line-height: 17px;
    margin: 2px 5px;
    max-height: 17px;
    max-width: 325px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search_filter_details_view .search_filter_category_filter {
    height: 44px;
	border-bottom: 1px solid #e2e4e5;
	border-top: 1px solid #e2e4e5;
	position:relative;
}

.search_filter_details_view .category_info_container {
    position: absolute;
	padding:10px;
    color: #666;
    font-size: 108.3%;
	right:0;
	top:0;
}

ul.category_filter_list{
	margin: 0;
    padding: 0;
    height: 44px;
    box-sizing: border-box;
	margin-right:100px;
}
.search_filter_details_view li.filter_category {
    display: inline-block;
	height:30px;
	min-width:30px;
}
.search_filter_details_view li.filter_category.hide {
    background-color: white;
    display: none;
}
.search_filter_details_view .category_filter_num {
    padding: 4px 10px;
    color: #000;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
	display:inline-block;
	margin:5px 0 0 10px;
    font-size: 100%;
}

.search_filter_details_view .category_current_indicator {
    height: 16px;
	width:19px;
	position:absolute;
	bottom:-1px;
    background: url('top_indicator.png') no-repeat bottom center;
    display: none;
}

.search_filter_details_view .search_filter_category_details {
    overflow: auto;
}

.category_title_text{display:inline-block;width:50%}
.search_filter_details_view .details_list {
    overflow: auto;
}

.search_filter_details_view .event_data {
    padding: 10px;
    border-bottom: 1px solid #e2e4e5;
    color: #666;
	word-wrap: break-word;
}

.search_filter_details_view .show_all {
    font-size: 108.3%;
    overflow: auto;
    color: #448bcc;
    padding: 10px 20px;
    background-color: var(--charcoal-grey-grad30);
}

.search_filter_details_view .show_span {
    float: right;
    cursor: pointer;
}

.search_filter_details_view .mshandler::-ms-clear {
    width : 0;
    height: 0;
    display: none;
}

.topology_hop_endpoint
{
                border: 2px solid #fff;
                border-radius: 6px;
                margin-top:-2px;
                margin-left:-2px;
                background:#1172b9;
                z-index:1;
}

.topology_hop_icon_label
{
    font-weight: bold;
    text-align: center;
}

.topology_hop_available_items_header
{
    background: #f0f0f0;
    padding: 10px;
    border: 1px solid #bababb;
    border-radius: 4px 4px 0 0;
    font-weight: bold;
    height: 20px;
    text-align: center;
}

.topology_hop_available_items_container
{
    border: 1px solid #bababb;
    border-top: none;
}
.topology_hop_available_items_container div:first-child {
    border-top: none;
    cursor: pointer;
}
.topology_hop_available_items_container div {
    border-top: 1px solid #bababb;
    padding: 5px;
    cursor: pointer;
    height: 176px;
    text-align: center;
}

.topology_hop_diagram_container
{
    border: none;
    border-radius: 4px 4px 4px 4px;
    padding: 10px;
    position: relative;
}

.topology_hop_diagram_title
{
    background: #f0f0f0;
    padding: 10px;
    border: 1px solid #bababb;
    border-radius: 4px 4px 0 0;
    font-weight: bolder;
}

.topology_hop_save_button
{
    height: 33px !important;
    width: 100px !important;
    color: #fff;
    font-weight: bold;
    background: url("submit_button.png") no-repeat scroll 0 2px transparent;
    border: 0px;
    margin: 0px;
    padding: 0px;
    outline: none;
    margin-left: 9px;
}

.topology_hop_cancel_button
{
    height: 33px !important;
    width: 100px !important;
    color: #000;
    font-weight: bold;
    background: url('cancel_button.png') no-repeat scroll 0 2px transparent;
    border: 0px;
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    outline: none;
}

.topology_hop_action_pane
{
    text-align: right;
}

.topology_hop_connection_label
{
	font-weight: bolder;
        margin-top: 25px;
        font-size: 166.7%;
}

.topology_formation_network_element_name{
    text-align: left;
    margin: 5px;
    font-size:1.3em;
    color: white;
}

.topology_formation_network_element_name_ip
{
  text-align: left;
  margin: 0px 0px 0px 15px;
  color: #696969;
  font-weight: normal;                
}


.topology_formation_footer_element {
position:absolute;
border-width:0;
background-image: linear-gradient(bottom, rgb(214,221,255) 14%, rgb(32,35,36) 100%);
background-image: -o-linear-gradient(bottom, rgb(214,221,255) 14%, rgb(32,35,36) 100%);
background-image: -moz-linear-gradient(bottom, rgb(214,221,255) 14%, rgb(32,35,36) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(214,221,255) 14%, rgb(32,35,36) 100%);
background-image: -ms-linear-gradient(bottom, rgb(214,221,255) 14%, rgb(32,35,36) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.14, rgb(214,221,255)),
	color-stop(1, rgb(32,35,36)))
}

.topology_formation_diagram_parent_container {
position:relative;
left:0;
top:0;
background-color:white;
}

.topology_formation_network_name_container{
position:absolute;
}


.topology_formation_diagram_container {
position:static;
left:0;
top:0;
background-color:white
}

.topology_formation_service_container{
 position:absolute;
 border-width:0
}
.topology_formation_vertical_bar{
 position:absolute;               
}

.topology_formation_ip_container{
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
border-radius:5px 5px 0 0;
border:1px solid #C0C0C0;
}

.topology_formation_status_container{
background-color: white;
border-top-width:0px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-style:solid;
border-color:#C0C0C0;
margin-bottom:35px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
border-radius:0 0 5px 5px;
}

.topology_formation_service_element_name_font{
text-align: left;
margin: 15px 15px 0px 15px;
font-size:1.2em;
color: black;
font-weight:bold;
}

.topology_formation_ntw_container{
  position:absolute;
  border-width:0;
}

.topology_formation_network_switch_name_container{
position:absolute;
background-color:black
}

.formation_hop_icon_label{
                font-weight: bolder;
}

.hop_diagram_description
{
                padding: 10px 20px 0;
                font-weight: normal;
                font-size: 108.3%;
}

.hop_diagram_detail_view_header
{
                line-height: 28px;
                font-size: 108.3%;
                background: none repeat scroll 0 0 #EDEDED;
                border: 1px solid #bababa;
                border-radius: 4px 4px 0 0;
                font-weight: bold;
                padding: 8px 10px;
                
}

.hop_diagram_detail_view_container
{
                border-top: 1px solid #fff;
                border-left: 1px solid #bababa;
                border-right: 1px solid #bababa;
                border-bottom: 1px solid #bababa;
                border-radius: 4px 0 0 0;
}

.diagram_table_container
{
                width: 100%;
                padding: 10px 20px;
}
.search_component
{
    background: url('icon-search-dark.png') no-repeat scroll -1px 8px rgba(0, 0, 0, 0) !important;
    -ms-overflow-style: auto;
    padding-left: 22px;
    padding-right: 20px;
    border: medium none;
    margin: 3px;
    min-width: 140px;
    outline: medium none;
    background-color: transparent!important;
    height: 30px;
    z-index:25000;
}

.no_results_css
{
    font-style: italic;
    color: grey;
    width: inherit;
    padding: 5px 10px;
    display: inline-block;
}

#spotlight_input_textbox::-ms-clear 
{
    display: none; 
    width:0; 
    height:0;
}

.op_wizard_disabled_advanced_section:hover
{
    cursor: auto;
}

.app_search .search_component input[type="text"] {
    border: medium none;
    height: 27px;
    min-width: 100%;
    outline: medium none;
    width: auto;
    color: #666666;
    background-color: transparent!important;
    font-size: 108.3%;
    color:#333333;
    font-weight: 500;
}

.app_search
{
    width:675px;
    position:fixed;
    background-color:#fff;
    top:61px;
    left:470px;
    z-index:25000;
    box-shadow: 5px 6px 9px grey;
    border-radius: 7px;
}

.app_search_action-bar 
{
    padding: 3px 25px 2px 10px;
    font-size: 108.3%;
    line-height: 21px;
    position: relative;
}

.app_search_action_bar_shadow
{
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
}

.app_search_input_bar
{
    width: 93%;
    height: 91%;
    padding-left: 10px;
    padding-right: 10px;
    top:0px;
    background-image: url("icon-search-dark.png");
    background-repeat: no-repeat;
    padding-left: 26px;
    padding-right: 10px;
    background-position: 10px 16px;
    color: #666666;
    border: 1px #999999;
    background-color: #fff;
    font-size:108.3%;
}

.pointer_container.shake
{
    color: #fff;
    -webkit-animation: shake 2s .1s 20000;
}

@-webkit-keyframes shake
{
    0% {transform: translateX(0);}

    20% {transform: translateX(-10px);}

    40% {transform: translateX(10px);}

    60% {transform: translateX(-10px);}

    80% {transform: translateX(10px);}

    100% {transform: translateX(0);}
}

@keyframes shake 
{
    0% {transform: translateX(0);}

    20% {transform: translateX(-10px);}

    40% {transform: translateX(10px);}

    60% {transform: translateX(-10px);}

    80% {transform: translateX(10px);}

    100% {transform: translateX(0);}
}

.pointer_tab_margin
{
    margin-top:-9px;
}

.pointer_container
{
    padding-left: 19px;
    background: url("indicator.png") no-repeat !important;
    display: inline-block;
    height: 44px;
    width:50px;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: 8px;    
    z-index:-1;
}

.app_search_hide
{
    visibility: hidden;
}

.app_search_unhide
{
    visibility: visible;
}

.app_search_description
{
    background-color:var(--charcoal-grey-grad30) ;
    float:right;
    position:absolute;
    width:50%;
    height:300px;
    overflow-y:auto;
    font-style:italic;
    font-weight:500;
    top:38px;
    right:0px;
    padding-left: 0px;
    padding-top: 3px;
    color:grey;
    border-bottom-right-radius: 7px;
}

.app_search_parent_box_shadow
{
  box-shadow: 1px 3px 9px grey;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.app_search_hover_background_blue
{
    background-color:#cbe2f1 !important;
    width:100% !important;
}

.app_search_suggestion
{
  width:50%;
  height:300px;
  overflow-y:auto;
  position:relative;
  background-color: var(--charcoal-grey-grad30);
  border-bottom-left-radius:7px; 
}

.app_search_heading
{
    border-top:#efefef;
    border-bottom-color: #efefef;
    cursor:pointer;
    font-size: 108.3% !important;
    font-weight: bold;
    color: #333333;
    width:100%;
    font-style: normal !important;
}

.app_search_suggestions_height
{
  padding: 10px;
}

.app_search_left_padding
{
    text-indent: 30px;
    cursor: pointer;
};

.app_search_suggestions_options
{
    position:relative;
    width:94%;
    float:left;
    font-size: 108.3%;
    color:#666666;  
    text-transform: capitalize;
}

.app_search_description_heading
{
    font-size: 116.7% !important;
    color:#333333;
    font-weight:bold;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top:14px;
    font-style: normal !important;
    text-align: left;
}

.app_search_description_div
{
    font-size: 116.7% !important;
    font-style: normal !important;
    font-weight:normal !important ;
    padding: 5px;
    padding-left: 20px;
    color: #666666;
    padding-right: 40px;
}

.app_search_button_div
{
    background-color: transparent;
    border: none;
}

.app_search_close
{
    background: url("icon-close.png") no-repeat scroll 7px 9px;
    left:95%;
    top:12%;
    position: absolute;
    vertical-align: middle;
    height: 31px;
    cursor: pointer;
    border :none;
    min-width:96px;
    background-color: transparent!important;
}

.app_search_close:hover
{
    background: url("icon-close-hover.png") no-repeat scroll 7px 9px;
}

.three_pane_dashboard
{
    overflow: auto;
    overflow-y: hidden;
}

.three_pane_dashboard *
{
    overflow-x:hidden;
}

.three_pane_dashboard .highcharts-container *
{
    overflow-x:visible;
}

.three_pane_dashboard .view_div_decorator 
{
    border-radius: 0;
}

.three_pane_dashboard .left_pane
{
    width: 20%;
}

.three_pane_dashboard .middle_pane
{
    width: 24%;
    float: left;
    margin-right: 1%;
    background: var(--charcoal-grey-grad30);
    border: 1px solid #eaeaea;
    max-height: 890px;
    border-radius: 5px;
}

.three_pane_dashboard .middle_pane .content
{
    margin: 0 10px;
}

.three_pane_dashboard .middle_pane .resource_properties
{
    margin-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    padding: 10px;
    display: block;
}

.three_pane_dashboard .top_container .resource_properties
{
    float: right;
    width: 15%;
    overflow-y: hidden;
    margin-top: 2px;
}
/*.three_pane_dashboard .middle_pane .resource_properties .rdx_blue_button
{
    float: right;
    margin-right: 0;
}*/

.three_pane_dashboard .middle_pane.fixed
{
    _position: relative;
    top:5px;
}

.three_pane_dashboard .right_pane
{
    width: 60%;
    float: right;
    min-height: 400px;
    transition: width 1.5s;
}

.three_pane_dashboard .right_pane_content
{
    margin-bottom: 10px;
}
.three_pane_dashboard .right_pane_header
{
    padding: 15px 15px;
    border: 1px solid #BCD2E7;
    border-width: 1px 1px 0;
    background: #CCE1F3;
    color: #333;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.three_pane_dashboard .right_pane_header .right_pane_title
{
    display: inline-block;
    float: left;
    font-size: 183.3%;
    font-weight:500;
    border-top-left-radius: 4px;
    overflow: visible;
    border-top-right-radius: 4px;
}

.three_pane_dashboard .right_pane_pagination
{
    display: inline-block;
    float: right;
    margin-top: 7px;
}

.three_pane_dashboard .right_pane_pagination .content
{
    display: inline-block;
    float: left;
    padding: 2px 4px 0;
}
.three_pane_dashboard .right_pane_pagination .content .current
{
    padding: 0 5px;
    background: #fff;
    margin: 0 5px;
    color: #333;
    border: 1px solid #eaeaea;
    font-weight: bold;
    width: 25px;
}

.three_pane_dashboard .right_pane_content + .right_pane_pagination, .three_pane_dashboard .right_pane_content + .right_pane_pagination .page
{
    color: #333 !important;
}

.three_pane_dashboard .right_pane_pagination .content .total
{
    font-weight: bold;
    margin: 0 3px;
}

.three_pane_dashboard .top_container
{
    margin-bottom: 20px;
}

.three_pane_dashboard .middle_pane .item
{
    margin: 10px 0;
    border-radius: 2px;
}

.three_pane_dashboard .middle_pane .item .title
{
    padding: 10px 0 10px 10px;
    background: #fff;
    border: 1px solid #e4e5e6;
    color: #333;
    font-weight: 500;
    cursor: pointer;
}

.three_pane_dashboard .middle_pane .item .title .text
{
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.three_pane_dashboard .middle_pane .item .title.selected,.three_pane_dashboard .middle_pane .item .title:hover, .three_pane_dashboard .middle_pane .item:hover .title
{
    background-color: #CCE1F3;
    border: 1px solid #BCD2E7;
    color: #333;

}

.three_pane_dashboard .title .operation
{
    _display: inline-block;
    float: right;
    margin: 0 10px 0 0;
    visibility: hidden;
}

.three_pane_dashboard .title .operation .operation_icon 
{
    display: inline-block;
    width: 16px;
    height: 16px;
}

.three_pane_dashboard .title .operation .operation_icon.edit
{
    background: url("/admin_ui/rdx/core/images/edit.png") no-repeat;
}
.three_pane_dashboard .title .operation .operation_icon.remove
{
    background: url("/admin_ui/rdx/core/images/cross.png") no-repeat;
}

.three_pane_dashboard .middle_pane .title:hover .operation
{
    visibility: visible;
}

.three_pane_dashboard .block_search
{
    width: 100%;
    float: left;
    position: relative;
}

.three_pane_dashboard .search_text
{
    background-color: #fff !important;
    border: 1px solid #e4e5e6 !important;
    height: 35px;
    padding: 3px;
    margin: 3px 0px 0;
    width: 100%;
    padding-left: 25px;
    outline: none;
}

.three_pane_dashboard .search_image
{
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url("/admin_ui/rdx/core/images/search_icon.png");
    position: absolute;
    top: 12px;
    left: 8px;
}

.three_pane_dashboard .search_text + .rdx_blue_button
{
    margin-right: 0;
}

.three_pane_dashboard .previous, .three_pane_dashboard .next 
{
    cursor: pointer;
    margin: 5px;
    color: #448BCC;

}

.three_pane_dashboard .pagination
{
    padding:0 10px;
}

.three_pane_dashboard .pagination .page
{
    display: inline-block;
    padding: 4px;
    cursor: pointer;
    margin: 0 5px;
    color: #fff;
}


.three_pane_dashboard .previous
{
    float: left;
    margin-left: 0;
}
.three_pane_dashboard .next 
{
    float: right;
    margin-right: 0;
}

.three_pane_dashboard .composite_view_cell
{
    border: none !important;
    background: var(--charcoal-grey-grad30);
}

.three_pane_dashboard .composite_view .composite_view_title
{
    background-color: #fff;
    color: #333 !important;
    font-size: 133.3%;
    border: 1px solid #e4e5e6;
    border-top:none;
    cursor: pointer;
    padding: 0 15px;
}

.three_pane_dashboard .composite_view .composite_view_title.expanded
{
    background: var(--charcoal-grey-grad30);
    border-color: #e4e5e6;
}

.three_pane_dashboard .composite_view .composite_view_title:hover
{
    background-color: var(--charcoal-grey-grad30);
    color: #fff;
}

.three_pane_dashboard .composite_view .composite_view_title.expanded+div
{
    border: 1px solid #e4e5e6;
    border-width: 0 1px 1px;
}

.three_pane_dashboard .composite_view_title .other_info .item .title
{
    margin-bottom: 3px;
}

.three_pane_dashboard .right_pane_inner_composite_view.cell_content
{
    padding: 0 20px;
    border: 1px solid #e4e5e6;
    margin: 10px 10px;
    background: #fff;
}

.three_pane_dashboard .right_pane_inner_composite_view .composite_view_title,.three_pane_dashboard .right_pane_inner_composite_view .composite_view_title:hover
{
    border: 1px solid #e4e5e6;
    border-width: 0 !important;
    background: #fff;
    color: #666 !important;
    cursor: default;
    font-weight: normal;
    margin-bottom: 0;
    padding: 20px 0;
}

.three_pane_dashboard .right_pane .two_row_layout_info_view
{
    padding: 0;
}
.three_pane_dashboard .right_pane .two_row_layout_info_view table tr td.form_multi_layout_container
{
        border-left: 0;
        padding-top: 5px;
        padding-bottom: 5px;
}

.three_pane_dashboard .right_pane .info_view td:nth-child(2n+1)
{
    text-align: left;
}

.three_pane_dashboard .right_pane .info_view td:nth-child(2n)
{
    text-align: right;
}

.three_pane_dashboard .right_pane .two_row_layout_info_view .config_layout table tr td.label
{
    color: #666;
    padding-bottom: 0
}
.three_pane_dashboard .right_pane .two_row_layout_info_view .config_layout table tr td.field 
{
    font-weight: 500 !important;
    color: #333;
    overflow-y:hidden;
    padding: 0;
}

.three_pane_dashboard .pop_out_div
{
    display: inline-block;
    float: right;
    cursor: pointer;
    position: relative;
    top: 6px;
}

.three_pane_dashboard .pop_out_div .pop_out
{
    background: url("/admin_ui/rdx/core/images/icon_popout.png") no-repeat;
    height: 27px;
    width: 27px;
    display: inline-block;
    float: right;
    cursor: pointer;
    display: none;
}

.three_pane_dashboard *::-webkit-scrollbar
{
    -webkit-appearance: none;    
}

.three_pane_dashboard *::-webkit-scrollbar:vertical
{
     width: 8px;
     height: 11px;

}

.three_pane_dashboard *::-webkit-scrollbar-thumb
{
    border-radius: 50px;
    border: 1px solid #e4e5e6; 
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .5);
}

.three_pane_dashboard .chart-more-info
{
    min-height: 120px;
    background: var(--charcoal-grey-grad30);
}

.three_pane_dashboard .chart-more-info.table-layout .chart-info-row
{
    border-bottom: 1px solid #e4e5e6;
    border-top: 0;
}

.three_pane_dashboard .tabs
{
    background: #e4e5e6 !important;
    border-bottom: 1px solid #d3d3d3 !important;
    border-top: 1px solid #d3d3d3 !important;
    margin-bottom: 0;
}
.three_pane_dashboard .tabs li
{
    border-right: 1px solid #d3d3d3;
}

.three_pane_dashboard .tabs li a
{
    padding: 10px 20px !important;
}

.three_pane_dashboard .tabs li:after
{
    display: none;
}

.three_pane_dashboard .tabs li.current_tabs a span
{
    color: #666;
    font-weight: normal;
}

.three_pane_dashboard .tabs li.current_tabs,.three_pane_dashboard  .tabs li:hover
{
    background: var(--charcoal-grey-grad30);
}

.three_pane_dashboard .rdx_blue_button
{
    box-shadow: none;
    padding: 4px 15px;
    width: 100%;
}

.three_pane_dashboard .rdx_blue_button:active
{
    height: auto;
    overflow-y:hidden;
}

.three_pane_dashboard .rdx_blue_button .plus_sign
{
    padding-right: 4px;
    font-weight: 500;
}

.three_pane_dashboard .rdx_blue_button .title_text
{
    position: relative;
    top: -3px;
}

.three_pane_dashboard .right_pane_content .no_items_message
{
    border: 1px solid #e4e5e6;
    border-radius: 5px;
    padding: 20px;
}
.three_pane_dashboard .right_pane_content .no_items_message a, .three_pane_dashboard .right_pane_content .no_items_message a:hover
{
    cursor: pointer;
    color: #498dcc;
    text-decoration: none;
}
.pop_up_window
{
	background:#fff;
	opacity:1;
	position: relative;
}

.close_button
{
	position: absolute;
	top: 14px;
	left: 310px;
	width: 11px;
	height: 11px;
	background: url("/admin_ui/rdx/core/images/close.png") no-repeat;
	margin: 5px;
	cursor: pointer;
}

.custom_shape .mask_position
{
	position: initial;
}

.visualizer_refresh_div
{
	float: right;
	padding: 5px;
	border: 1px solid #e4e7ea;
	margin-top: -43px;
}

.visualizer_refresh_div img
{
	opacity: 0.5;
}
.visualizer_refresh_div img:hover
{
	opacity: 1;
	cursor: pointer;
}

.highlight_node_path
{
	border: 1px solid blue !important;
}

.custom_foreign_checkbox_div
{
	float: left;
}

.zoom_div
{
  position: fixed;
}
 .zoom-btn{
  border:1px solid #E7E7E7;
  background-color: rgba(234, 234, 234, 0.53);
  border-radius: 2px;
  display: inline-block;
  height: 29px;
  overflow: hidden;
  cursor: pointer;
  width: 29px;
  z-index: 2; 
  outline:0;
}

.zoom-in .widget-zoom-icon {
    background: transparent url("/admin_ui/rdx/core/images/zoom_in.png") 0 0 no-repeat;
    display: block;
    height: 15px;
    left: 7px;
    top: 7px;
    width: 15px;
}

.zoom-out .widget-zoom-icon {
    background: transparent url("/admin_ui/rdx/core/images/zoom_out.png") 0 0 no-repeat;
    display: block;
    height: 15px;
    left: 7px;
    top: 7px;
    width: 15px;
}


.accordion_container
{
    border-top: solid 0.5px #eae1e1;
    height: 100%;
}
.accordion_container .accordion_title 
{
    width:82%;
    font-weight: bold;
    float: left;
    color: #555;
    font-size: 108.3%;
}
.accordion_container .individual_view_container 
{
    border-bottom: solid 0.5px #eae1e1;
    width: 100%;
}
/* If the last view def doesnt need border..
.accordion_container .individual_view_container:last-child
{
    border-bottom: none;
}*/
.accordion_container .individual_view_header
{
    line-height: 28px;
    min-height: 28px;
    color: #333;
    height: 17.5px;
    cursor: pointer;
    background-color: #eff2f4;

}
.accordion_container .individual_view_header.expanded
{
    line-height: 28px;
    min-height: 28px;
    color: #333;
    height: 17.5px;
    cursor: pointer;
}

.accordion_container .individual_view_header.expanded .arrow_icons{
    background: #eff2f4 url(/admin_ui/rdx/core/css/sprite_new.png) -179px -149px no-repeat; 
    display: inline-block;
    height: 15px;
    width: 15px;
}

.accordion_container .individual_view_header .arrow_icons{
    background: #eff2f4 url(/admin_ui/rdx/core/css/sprite_new.png) -130px -363px no-repeat;
    display: inline-block;
    height: 15px;
    width: 22px;
 
}
.accordion_container .accordion-section
{
    border: 1px solid #e4e7ea;
    border-radius: 2px;
}
.accordion_container .individual_view_title
{
    display: inline-block;
    width: 90%;
    padding-left: 10px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: left;
    color: #4a4a4a;
}
.accordion_container .individual_view_title.link
{
    cursor: pointer;
    width: auto;
    color: var(--brand-color-grad50);
}
.accordion_container .individual_view_title.link:hover
{
    text-decoration: underline;
}

.accordion_container .view_definition_container
{
    width: 100%;
    height: calc(100% - 28px);
}
.accordion_container .arrow_icons
{
    background: url(/admin_ui/rdx/core/images/threshold_blue_arrow.png) no-repeat 96%; /*intailly*/
    margin-right: 0;
    background-color: #f7f2f2;
    /*margin-right: 10px;*/
    /*display: inline-block;
    width: 10px;
    height: 10px;*/
}
.accordion_container .arrow_icons.expanded
{
    background: url(/admin_ui/rdx/core/images/threshold_gray_arrow.png) no-repeat 96%; /* when its opened*/
    /*margin-right: 10px;
    border: solid 0.5px #eae1e1;*/
    background-color: #f7f2f2;
        margin-right: 0;
}
.accordion_container .accordion_title_container 
{
    border-bottom: 1px solid #e4e7ea;
    padding: 15px 15px 15px 10px;
}
/* Scroll bar CSS to look like Mac */
/*
.accordion_container *::-webkit-scrollbar
{
    -webkit-appearance: none;    
}

.accordion_container *::-webkit-scrollbar:vertical
{
     width: 8px;
     height: 11px;
}

.accordion_container *::-webkit-scrollbar-thumb
{
    border-radius: 50px;
    border: 1px solid #e4e7ea; 
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .5);
}
*/
.grid {
    position: relative;
    height: 100%;
    list-style: none;
    -webkit-transition: width 0.2s, height 0.2s;
    transition: width 0.2s, height 0.2s;
}

.grid .grid-item {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: top 0.2s, left 0.2s, width 0.2s, height 0.2s, font-size 0.2s, line-height 0.2s;

}

.grid .grid-item .inner {

    border: 1px solid #eee;
    margin: 10px;
    box-shadow: 0 0 5px 2px #ccc;
    background: #fff;
    transition: background 3s;
    height: 95%;

}
/* ******************************************************
 *
 *
 *
****************************************************** */

.fluid_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.fluid_row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1; 
}

.fluid_cell {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.single_pie_chart_in_row {
	margin:0
}

.ns_body {
	min-width: 100%;
}

.tree_nav_container {
	width: 100% !important;
}

.composite_view_container_fluid {
	padding: 0;
}

@media screen and (min-width: 600px) {
}

@media screen and (min-width: 768px) {
	
	.single_pie_chart_in_row {
		margin:0 5%
	}
}

@media screen and (min-width: 992px) {
	.single_pie_chart_in_row {
		margin:0 10%
	}
}

@media screen and (min-width: 1200px) {
	.composite_view_container_fluid.feature-dashboard {
		padding: 10px;
	}

	.single_pie_chart_in_row {
		margin:0 20%
	}

	.fluid_row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-bottom: 10px;
	}

	.fluid_cell {
		margin-right: 10px;
	}

}


.ns_wp_header
{

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#E1E1E1'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#E1E1E1')"; /* IE8+ */  
    background-image: none;
    background-color: var(--charcoal-grey-grad30);
    color: #2C2E30;
    font-weight: bold;
    margin: 10px 0 8px;
    width: 100%;
    border-top: 1px solid #95A2AC;
    border-left: 1px solid #95A2AC;
    border-right: 1px solid #95A2AC;
    height: 32px;    
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.ns_wp_header td
{
    padding-left: 4px;
}

.download_custom_theme_class
{
    padding: 0px;
}

.download_custom_theme_class td
{
    padding-left: 10px;
}

.download_custom_theme_class tr:first-child
{
    display: none;
}
.ui-widget
{
    box-shadow: 0 2px 5px #4D4D4D;
}

.ui-widget-content
{
    background-color: #FAFAFA;
    color: #222222;
    padding: 0px;
}

.ui-widget-header
{
   background: none repeat scroll 0 0 #F2F2F2;
    padding-left: 3px;
    text-align: left;
}

.ui-dialog .ui-dialog-titlebar
{
    padding: 15px 20px;
    color: #4D4F53;
    font-weight: bold;
    text-shadow: 1px 1px 1px #FFFFFF;
    border-bottom: 1px solid #e4e7ea;
    font-size: 108.3%;
    min-height: 60px;
    background-color: #0075C4
}

.ui-widget.ui-widget-content 
{
    border: none;
}

.ui-dialog .ui-dialog-title
{
    color: white;
    text-shadow: none;
    font-size: 19px;
    font-weight: normal;
}


/*.ui-widget-header .ui-icon
{
    background: url("cross.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
*/
.splitter .vertical_split_bar div .move, .splitter .vertical_split_bar div:hover
{
    background: url("vgrabber.png") no-repeat scroll center   transparent;
}

.splitter .vertical_split_bar
{
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    background-image: none;
    background-color: #e6e7e8!important;
    width: 1px !important;
    cursor: default!important;    /*In case col-resize isn't supported*/
}

.splitter .vertical_split_bar div
{
    background: url("vgrabber.png") no-repeat scroll center   transparent;
    position: relative;
    left: -3px;
    width: 7px;
    height: 100%;
    display: block;
    outline: none;
    cursor: e-resize;    /*In case col-resize isn't supported*/
    cursor: col-resize;
}
 
/*Top table of view that contains title & tool bar*/

.ns_header{
	border: 0px;
	letter-spacing:1px;
	z-index: 1000;
}

.ns_header table{
    border-collapse: separate;
    border-spacing: 0px;
    display: table;
    margin-bottom: 0;
    margin-top: 0;
    text-indent: 0;
}

.ns_header  ul{
	color: #000;
	line-height: 9px;
    padding: 0;
    display: inline-block;
	margin: 0px 0 0 5px;

}

.full_width_table .ns_header  ul
{
	height: 50px;
}

.ns_header  li{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.ns_header  a,.ns_header a:active,.ns_header a:link, .ns_header   a:hover,.ns_header  a:visited{
	color: #FFF;
	text-decoration: none;
	/*outline: none;*/
}

.header_info{
	color: #fff;
	height: 50px;
    width: 100%;
}

.header_info .info_cell_right
{
	float: right;
	height: 50px;
}
.header_info .info_cell_left
{
	display: inline-block;
    padding: 5px 10px;
}

.header_info_first, .header_info_last{
	width: 20px;
}

.header_info_right{
	float: right;
}

.header_info p{
	color: #fff;
	font-size: 91.7%;
    font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.header_info a,.header_info a:active,.header_info a:hover,.header_info a:visited{
	color: #fff !important;
	text-decoration: none;
}

.ns_logo .ns_company_logo {
    background: url("../images/ns_logo2_color_negative.png") no-repeat scroll left center transparent;
    background-size: contain;
    height: 36px;
    margin: 2px 0;
    display: block;
    width: 160px;
}

.ns_logo h1.ns_logo_version {
    font-size: 1.75em;
    align-content: center;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    padding: 0 0 0 10px;
    margin: 0;
}
.ns_logo_version .platform_name
{
    vertical-align: -webkit-baseline-middle;
}

.header_info .ns_logo_div{
	float: left;
	text-indent: -9999px;
	height: 21px;
	width: 98px;
}

.header_info_right li{
	color: 	#FFF;
	text-align: left;

}

.header_info .logout p{
	padding-top: 2px;
}

li.logout{
	padding-right: 10px !important;
	padding-left: 10px;
	border-left: 1px solid #74767A;
    border-right: 1px solid #74767A;
    line-height: 18px;
}

li.logout .logout_button
{
	color: #4D4F53 !important;
	height: 22px;
	outline: medium none;
	padding-top: 5px;
	text-align: center;
	text-shadow: none;
	width: 68px;
}

li.logout .logout_button:hover
{
    background: -moz-linear-gradient(top, #ffffff 0%, var(--grey-color-grad20) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,var(--grey-color-grad20))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,var(--grey-color-grad20) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,var(--grey-color-grad20) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,var(--grey-color-grad20) 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,var(--grey-color-grad20) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='var(--grey-color-grad20)',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
}

li.logout .logout_button:hover a
{
	color: #333333 !important;
}

.header_info li.citrix_logo{
	padding-right: 0px;
	border: 0px;
}
.header_info li.citrix_logo  a{
    background: url("sprite.png") 6px 2px no-repeat transparent;
    display: block;
    height: 26px;
    outline: medium none;
    width: 64px;
}

.header_menu{
	 height: 40px;
	 line-height: 14px;
	 margin: 0 20px;
}

.rdx_header_user_info_container .dropdown_container span
{
	font-size: 116.7%;
}

.rdx_header_user_info_container
{
    border-left: solid 1px rgba(255, 255, 255, 0.8);
}

.event-disabled {
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.2;
}
/** The above are the styles for showing the three lines menu on the header */

.header_menu_left{
	width: 20px;
}

.header_menu_right{
	width: 17px;
}

.header_menu li {
     display: inline-block;
     height: 40px;
     line-height: 43px;
     text-align: center;
     padding-right: 22px;
     padding-left: 22px;
     border-left: 1px solid rgba(0, 0, 0, 0);
     border-right: 1px solid rgba(0, 0, 0, 0);
}

.header_menu li a
{
	color: #FFF;
	display: inline-block;
	line-height: 30px;
	font-size: 116.7%;
}

.header_menu li.seperator{
	background: url("pipe.png") no-repeat scroll 0 0px transparent;
}

.header_menu li.active
{
	background: #FFF;
  	color: #025a94;
}

.header_menu li.active a
{
	background: #FFF;
  	color: #025a94;
}

.header_menu li div{
	text-indent: -9999px;
	height: 4px;
}

.ns_header ul.right_menu
{
	margin: 0px;
}

.right_menu{
	float: right;
}

.applications_list{
	width: 130px;
}

.applications_list  li{
	float: none;
}


/*drop-down list changes  begin*/
.header_menu .options_container{
	overflow: visible;
	position: relative;
	background-color: #fff;
	width: 120px;
	height: 44px;
	line-height: 44px;
	border-left: 1px solid #8298a7;
	border-right: 1px solid #8298a7;
	cursor: pointer;
}

.header_menu .right_menu li:last-child{
	margin-right: 5px;
}

.header_menu .options_container table{
	margin-top: 0;
	vertical-align: center;
}

.header_menu .applications_table{
	height: 42px;
}

.header_menu div.selectbox-wrapper{
	-moz-box-shadow: 0 0 7px #ccc;
	-webkit-box-shadow: 0 0 7px #ccc;
	box-shadow: 0 0 7px #ccc;
	zoom: 1;
	top: 42px;
	left: 0;
	border-left-color:#c4c4c4;
	border-top-color: #7a8d9a;

}
 .header_menu div.selectbox-wrapper ul li:first-child{
 	border-top: none;
 }
.header_menu div.selectbox-wrapper ul li{
	height: 14px;
	line-height: 14px;
	border-top: 1px solid #dbdcdd;
	text-align: left;
	padding: 5px 10px;
}

.header_menu div.selectbox-wrapper ul li.current{
	background: #d7e8f3;
	color: #4D4F53;
}

.header_menu div.selectbox-wrapper ul li.selected{
	background:url(dropdown_icons.png) no-repeat 105px 6px;
}

.header_menu div.selectbox-wrapper ul li.selected.current{
	background: #d7e8f3 url(dropdown_icons.png) no-repeat 105px 6px;
}

.header_menu div.selectbox-wrapper {
  margin-top: 0;
}

.header_menu .options_container span
{
  background: transparent;
}

.header_menu .options_container .selectbox
{
	background: none;
	border: none;
	color: #4D4F53;
	height: 42px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.header_menu .options_container:hover .selectbox
{
  background: none;
}

.header_menu .options_container .active .selectbox
{
  background: none;
}

.header_menu .options_container .menu_ex
{
	background: url(dropdown_icons.png) no-repeat 0px -54px;
}

.header_menu .options_container:hover .menu_ex
{
  background: url(dropdown_icons.png) no-repeat 0px -54px;
}

.header_menu .options_container .active .menu_ex
{
  background: url(dropdown_icons.png) no-repeat 0px -18px;
}

/* drop-down list changes end */

/* re-usable items*/

/* ns_body and ns_content elements */
.ns_content_left {
	float: left;
}

.ns_content {
	border-spacing: 0px !important;
	background-color: #FFF;
}

.ns_content > .base_view_no_view_top_container
{
	padding: 15px 10px;
}

.ns_alert_text{
	color: #000 !important;
}

.ns_content .ns_view_container{
    padding: 0;
    position: relative;
}

@media screen and (min-width: 768px) {
	.ns_content .ns_view_container {
		padding: 10px 15px;
	}
}

.tool_bar_table .title {
	background: none;
	filter: none;
	text-align: left;
	width: 100%;
}

.ribbon_div
{
	background: none;
}

.rdx_display_inline
{
	display: inline-block;
	float: left;
}

.toolbar_buttons .rdx_ribbon_toolbar_padding
{
	padding: 2px 8px;
	cursor: pointer;
}

.rdx_small_width_title_bar
{
	width:70%;
	display: inline-block;
}

.rdx_action_btn_padding
{
	padding-top: 2px;
	position: relative;
}

.ribbon_div .rdx_action_btn_padding::after {
    content: "\F11F";
    color: var(--brand-color-grad50);
    font-family: "icons";
    position: relative;
    font-size: 12px;
    right: 20px;
    top: 3px;
}
.ribbon_div .rdx_action_btn_padding:hover::after {
	color: var(--brand-color-grad60);
}

.table_form_parent_div
{
	border: none;
	border-bottom: none;
	padding: 0px;
	min-height: 40px;
}

.header_parent_div
{
	min-width: 100%;
}
/**/

.heaer_info_with_notification
{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.ns_header .header_info_container:hover{
    cursor: pointer;
}

.ns_header .header_info_label_tile
{
    font-size: 83.3%;
    color: #74767A;
    padding-left: 10px;
}

.skip_navigation
{
	position: absolute;
	top: -25px;
	left: 0px;
	z-index: 1;
	font-size: 91.7%;
	font-weight: bold;
	margin: 1px;
}
.skip_navigation:focus
{
	position: absolute;
	left: -1px;
	top: 0px;
	transition: top .3s ease-in, background .5s linear;
	border-style: solid;
	border-width: 1px;
}

a.header_info_item_label.link{
	color: #000 !important;
	text-decoration: none;
}


span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker
{
    background-image: none;
}

span.accordion-expander,
.dynatree-exp-cl span.accordion-expander, /* Collapsed, not delayed, last sibling */
.dynatree-exp-cd span.accordion-expander, /* Collapsed, delayed, not last sibling */
.dynatree-exp-cdl span.accordion-expander, /* Collapsed, delayed, last sibling */
.dynatree-exp-e span.accordion-expander,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.accordion-expander,  /* Expanded, delayed, not last sibling */
.dynatree-exp-el span.accordion-expander,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.accordion-expander  /* Expanded, delayed, last sibling */
{
    background-image: none;
}

/* ul li ul li span.dynatree-expander
{
    background: url(/admin_ui/rdx/core/css/sprite_new.png) -127px -363px no-repeat;
    height: 18px;
} */

/* Expanded, not delayed, not last sibling */
/* Expanded, delayed, not last sibling */
/* Expanded, not delayed, last sibling */
/* Expanded, delayed, last sibling */
/* li ul li .dynatree-exp-e span.dynatree-expander,
li ul li .dynatree-exp-ed span.dynatree-expander,
li ul li .dynatree-exp-el span.dynatree-expander,
li ul li .dynatree-exp-edl span.dynatree-expander
{
    background: url(/admin_ui/rdx/core/css/sprite_new.png) 0px -363px no-repeat;
} */

span.dynatree-icon /* Default icon */
{
    margin: 2px 2px 2px 0px;
    width: 16px;
}

span.dynatree-node
{
  position: relative;
}

ul.dynatree-container a
/*, ul.dynatree-container a:visited*/
{
    margin-left: 0px;
    padding: 0px;
    cursor: default;
}

ul.dynatree-container a:hover
{
    text-decoration: none;
    color: #ededef;
}

span.dynatree-document a,
span.dynatree-folder a
{
    padding: 0px 1px;
}

span.dynatree-folder a
{
    font-weight: normal;
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link  /* @IE */
{
    background-color: transparent; /* gray */
}

span.accordion-active a
{
	background-color: transparent !important;
}

.tree_panel_cell ul.dynatree-container li ul li{
 min-height:30px;
 padding:0px 0;
 padding-left:0px;
 border:0px;
 margin-top:0px;
 }
ul.dynatree-container li ul li:hover{ background:none !important;}
ul.dynatree-container li ul { margin:0px 0;}
ul.dynatree-container li ul ul{ margin: 5px 0 0 0;}

ul.dynatree-container > li.dynatree-lastsib > ul > li > span > span.dynatree-connector{background: none !important;}

ul.dynatree-container li span.dynatree-node{margin:0px 0; display:block;}

ul.dynatree-container li ul li span.dynatree-node{ margin:0px;}

span.dynatree-selected a{ font-style:normal !important;}

ul.dynatree-container ul {

    padding: 0 0 0 0px !important;
}

ul.dynatree-container ul ul ul,ul.dynatree-container ul li.dynatree-lastsib ul
{
    border-bottom: none;
}

.tree_panel_cell #ul.dynatree-container a{ margin-top:1px;}

ul.dynatree-container a, ul.dynatree-container a:hover, ul.dynatree-container a:visited, ul.dynatree-container a:active {
    background-color: transparent !important;
    border: 0 none !important;
}

.tree_panel_cell ul.dynatree-container > li.dynatree-lastsib > ul > li:hover > span{
	color: var(--brand-color-grad50);
}

.tree_panel_cell ul.dynatree-container > li.dynatree-lastsib > ul > li > span > span{
	float: right;
	position: relative;
	top: 4px;
	padding-right: 30px;
}

.tree_panel_cell ul.dynatree-container > li.dynatree-lastsib > ul > li > span > a{
	display: block;
	position: relative;
	top: 6px;
	height: auto;
	padding-top: 0px !important;
    font-weight: 500;
}

.tree_panel_cell ul.dynatree-container span.dynatree-expander {
    background: url("sprite_new.png") -127px -362px no-repeat transparent;
}
.tree_panel_cell ul.dynatree-container span.dynatree-exp-e > span.dynatree-expander{
    background: url("sprite_new.png") -170px -150px no-repeat transparent;
    cursor: default;
}

/* Allocate space for landing page icon and expander. Wrap line if it is too long.*/
/* Dont apply on category main titles */
ul.dynatree-container > li.dynatree-lastsib > ul > li > ul a.dynatree-title {
    width: calc(91% - 50px);
    white-space: normal;
    font-size: 14px;
    font-weight: 300;
    /* line-height: 16px; */
    vertical-align: bottom;
}

.tree_panel_cell li.dynatree-lastsib a{
    width: 91%;
}

ul.dynatree-container a {
    padding-top: 3px;
    padding-bottom: 3px;
}
/*
 * The below CSS is added for IE-9 issue, which leaves a blank due to <a> occupying 100% of the span.
 * Refer to OB 333083
 *
 */
ul.dynatree-container li > ul > li > ul > li > span,
ul.dynatree-container li > ul > li > ul > li > ul > li  > span{
	padding-left:8px;
}

.tree_pane ul.dynatree-container li > ul > li > ul > li > span > span:first-child,
.tree_pane ul.dynatree-container li > ul > li > ul > li > ul > li  > span > span:first-child{
	position: relative;
	width: 16px;
	float: right;
	padding-right: 30px;
}

/*
 * The above CSS is added for IE-9 issue, which leaves a blank due to <a> occupying 100% of the span.
 * Refer to OB 333083
 *
 */

ul.dynatree-container li > ul > li > ul > li > ul > li  > span > a{
	background-image: none !important;

}

ul.dynatree-container li > ul > li > ul > li > span > a, ul.dynatree-container li > ul > li > ul > li > ul > li  > span > a
{
   padding-left: 6px;
}

ul.dynatree-container li > ul > li > ul > li > span > a:hover{
    color: var(--brand-color-grad60) !important;
    font-weight: 400 !important;
}

ul.dynatree-container li > ul > li > ul > li > ul > li > span > a:hover
{
    color: var(--brand-color-grad60) !important;
    font-weight: 400 !important;
}


ul.dynatree-container li > ul > li > ul > li > span.dynatree-active > a:hover, ul.dynatree-container li > ul > li > ul > li > ul > li  > span.dynatree-active > a:hover{
	background-color: transparent !important;
}

span.dynatree-active a, span.dynatree-active a:hover, span.dynatree-active a:visited, span.dynatree-active a:active {
  font-weight: 500;
}

/* dynatree-node.dynatree-expanded.dynatree-has-children.dynatree-lastsib.dynatree-active.folder.dynatree-exp-el.dynatree-ico-e
dynatree-node.dynatree-expanded.dynatree-has-children.folder.dynatree-exp-e.dynatree-ico-e
dynatree-node.dynatree-expanded.dynatree-has-children.folder.dynatree-exp-el.dynatree-ico-e */

ul.dynatree-container > li.dynatree-lastsib > ul > li > span.dynatree-active > a{
	background-color: transparent !important;
}

li.dynatree-lastsib span.dynatree-exp-cl span.dynatree-expander{
    background: url("TreeCollapsed.png") center center no-repeat transparent;
}
li.dynatree-lastsib span.dynatree-exp-el span.dynatree-expander{
   background: url("TreeExpanded.png") center center no-repeat transparent;
}

/* first level need special attention, But this is no longer required.*/
/* ul.dynatree-container > li.dynatree-lastsib > ul >  li.dynatree-lastsib > span.dynatree-exp-cl > span.dynatree-expander{
    background: url("TreeCollapsed.png") center center no-repeat transparent;

}
ul.dynatree-container > li.dynatree-lastsib > ul > li.dynatree-lastsib > span.dynatree-exp-el > span.dynatree-expander
{
    background: url("TreeExpanded.png") center center no-repeat transparent;
} */

ul.dynatree-container>li.dynatree-lastsib>ul>li>span>span.dynatree_alert {
  visibility: hidden;
}

ul.dynatree-container > li.dynatree-lastsib > ul > li > span.folder_disabled{
  background-image: url("disabled.png");
   background-position: right 7px center;
   background-repeat: no-repeat;

}

ul.dynatree-container > li.dynatree-lastsib > ul > li > span.folder_unlicensed{
   background-image: url("license.png");
   background-position: right center;
   background-repeat: no-repeat;
}

.dynatree_alert{
   background-repeat: no-repeat;
   background-position: left center;
   display: inline-block;
   position: relative;
   left: 7px;
   height: 20px;
   width: 20px;
   top: 2px;
}
.p5{
    margin-right: 8px;
    vertical-align: bottom;
}

span.dynatree_alert.dynatree_disabled:hover + .hide{
   display: block !important;
   position: absolute;
   top:-20px;
   left:25px;
   background-color: aliceblue;
   padding:5px;
   z-index: 1;
}
.hide {
  display: none;
}


ul.dynatree-container > li.dynatree-lastsib > ul > li > span > span.dynatree_alert{
    width: 0;
    height: 0;
}

.dynatree_disabled
{
    background: url("sprite.png") -2px -30px no-repeat transparent;
}

.dynatree_unlicensed
{
   background-image: url("license.png");
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
ul.dynatree-container li ul {
	 float: none;
}
}

ul.dynatree-container > li > ul > li:first-child, ul.dynatree-container > li:first-child{
    padding-top: 0px !important;
}

ul.dynatree-container > li.dynatree-lastsib > ul > li > .dynatree-node > .dynatree-icon
{
  background: none;
}

.rdx_tree_deployment
{
    width: 100%;
}

.rdx_tree_deployment td
{
    padding: 5px 10px;
    padding-left: 14px;
}

.rdx_tree_deployment tr:last-child td{
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 10px;
}

.rdx_tree_deployment img
{
    padding-bottom: 2px;
    padding-right: 5px;
}

.rdx_tree_deployment td:hover
{
    cursor: pointer;
    background-color: #ededef;
}

.rdx_tree_deployment .rdx_tree_selected_deployment
{
    background-color: #ededef;
}

.rdx_tree_deployment span
{
    height: 20px;
    display: inline-block;
}

.rdx_tree_deployment_title_container
{
    color: #666666;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    display: inline-block;
    font-weight: bold;
    font-size: 108.3%;
    padding-left: 15px;
    border-top: 1px solid #E7E7E7;
    width: 100%;
}


.table th
{
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
    background: var(--bg-grey-grad10);
    color: var(--text-color-table-heading);
    position: relative;
    border-left: 0.21428571rem solid #FFFFFF;
    font-weight: 400;
    text-align: left !important;
}

.table th .resize_row
{
    width: 10px;
    top: 0;
    right: 0;
    height: auto;
    bottom: 0;
}

/*.table input[type="checkbox"]
{
    height: 15px;
    width: 15px;
    margin: 0 5px;
}*/


.table th:first-child
{
    border-left: none;
}

.table th:last-child
{
    border-right: 0px;
}

.table td
{
    padding: 6px 20px 6px 18px;
    border-bottom: 1px solid #e4e7ea;
    white-space: nowrap;
    text-align: left;
    position: relative;
}

.table tr:hover td {
    background: var(--hover-color);
}

.table td.info_icon_padding
{
    padding: 4px 15px 4px 4px;
}

.table tr.selected td, .table tr.selected:hover td
{
    /*background:#CCE3F0;*/
    background-color: var(--brand-color-grad20);
}


.table tr.selected .table_view_row_editor, .table tr.selected:hover .table_view_row_editor:hover
{
    background-color:transparent;
}

.table tr.selected .table_view_row_editor tr:hover
{
    background-color: #CCE3F0;
}

.table td.details table tr:hover
{
    width: 100%;
    background: transparent;
}

.table td.details
{
    background-color: #D7E3E9;
    padding: 0;
}

.table td.details table
{
    width: 100%;
    background: transparent;
}

.table td.details td:last-child
{
    border-bottom: none;
}


/* table */
.head_node .sort {
    position: absolute;
    right: 0;
    top: 5px;
    display: inline-block; 
}


.head_node .sort.asc::after
{
    font-family: "icons";
    content: "\F137";
    color: var(--brand-color-grad50);
    position: relative;
    left: -3px;
    top: -1px;
    font-size: 8px;
}

.head_node .sort.desc::after
{
    font-family: icons;
    content: "\F137";
    color: var(--brand-color-grad50);
    transform: rotate(180deg);
    display: inline-block;
    left: -3px;
    position: relative;
    font-size: 8px;
}





.head_node .sort::after, .head_node .sort.hide::after{
    font-family: "icons";
    content: "\F136";
    color: var(--grey-color-grad30);
    font-size: 10px;
    transform:none;
}


.head_node.details_menu_icon_padding .sort, .head_node.menu_icon_padding .sort
{
    display: none !important;
}

.table  td.selected {
}

.table tr.selected td.selected{
    background: #CCE3F0 !important;
}

.table .table_th_label_div
{
    display: block;
    padding: 6px 20px 7px 15px;
    text-transform: uppercase;
}

.table.exportable .table_th_label_div
{
    font-size: 10px;
    padding: 5px;
    text-align: center;
}

.table .open_close_img
{
    padding-right: 10px;
}
.table tr.no_hover_selected
{
    background-color: #FFF;
}

.rdx_no_grid_table table td,.rdx_no_grid_table td
{
    border: none !important;
    padding: 0px !important;
}

.rdx_no_grid_table table td:hover
{
    background-color: transparent !important;
}

.rdx_no_grid_table tr.selected
{
    background-color:transparent !important;
}

.rdx_no_grid_table tr:hover
{
    background-color:transparent !important;
}

.pointer_curosr
{
    cursor: pointer;
}

.table th .ui-resizable-e
{
    width: 15px;
    right: -10px;
    cursor: ew-resize;
}

.table th:last-child .ui-resizable-e
{
    right: 0;
}

.pagination_records_width
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.detail_view_details
{
    margin: 10px;
    border: 1px solid #e4e7ea;
    margin-top: 0px;
    border-top: 0px;
    padding-top: 0px;
}
.gadget_header
{
    background-image: linear-gradient(bottom, #E1E1E1 38%, #FEFEFE  89%);
    background-image: -o-linear-gradient(bottom, #E1E1E1 38%, #FEFEFE  89%);
    background-image: -moz-linear-gradient(bottom, #E1E1E1 38%, #FEFEFE  89%);
    background-image: -webkit-linear-gradient(bottom, #E1E1E1 38%, #FEFEFE  89%);
    background-image: -ms-linear-gradient(bottom, #E1E1E1 38%, #FEFEFE  89%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#E1E1E1'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#E1E1E1')"; /* IE8+ */  
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.38, #E1E1E1),color-stop(0.89, #FEFEFE ));
    padding-left: 3px;
    text-align: left;
    color: #2C2E30;
    height: 16px !important;
    font-weight: bold;
    padding: 5px;
    cursor: move;
}

.gadget
{
    border: 1px solid #E1E3E4;
}

.gadget:hover
{
    border: 1px solid #95A2AC;
}

.gadget_content .view_div_decorator
{
    border-left: 0px solid #95A2AC;
    border-right: 0px solid #95A2AC;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.gadget_content .view_div_decorator .title_tool_bar_table
{
    padding-left: 3px;
    text-align: left;
    border-top: 0px solid #95A2AC;
    border-left: 0px solid #95A2AC;
    border-right: 0px solid #95A2AC;
    height: 20px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.gadget_content .title_tool_bar_table
{
    margin-bottom: 0px;
}

.gadget_collapse
{
    padding-top: 4px;
    background: url("left_comp_sprite.png") no-repeat scroll 4px 6px transparent;
}

.gadget_expand
{
    padding-top: 4px;
    background: url("left_comp_sprite.png") no-repeat scroll 4px -15px transparent;
}

.gadget_maximize
{
    background: url("left_comp_sprite.png") no-repeat scroll 4px -33px transparent;
}

.gadget_restore
{
    background: url("left_comp_sprite.png") no-repeat scroll 4px -71px transparent;
}

.gadget_close
{
    background: url("left_comp_sprite.png") no-repeat scroll 4px -52px transparent;
}
.info_view
{
    padding:10px 0;
}

.info_view tr:last-child td
{
    border-bottom: 0px;
}

.info_view td
{
    color: #485164;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.info_view td:first-child
{
    width: 40%;
}

.info_view td:nth-child(2n+1)
{
    text-align: right;
	font-weight:normal;
    word-break: break-word;
}

.info_view td:nth-child(2n)
{
    font-weight: bold;
    color: #333333;
    word-break: break-all;
}

.info_view_title_panel
{
	font-size: 133.3% !important;
	display: inline-block;
	padding: 10px 20px 8px;
	width:100%;
	border-top: 1px solid #BABABA;
	border-right: 1px solid #BABABA;
	border-left: 1px solid #BABABA;
}
.two_row_layout_info_view .config_layout table tr td
{
    text-align: center !important;
    padding-left:0 !important;
    font-weight: normal !important;
}
.two_row_layout_info_view .config_layout table tr td.field
{
    font-weight: bold !important;
    font-size : 108.3% !important;
}

.two_row_layout_info_view td
{
    background: none! important;
}

.two_row_layout_info_view table tr td.form_multi_layout_container
{
    width: auto !important;
    padding: 5px;
    border-left: 1px solid #e4e7ea;
}

.two_row_layout_info_view table tr td.form_multi_layout_container:last-child
{
    border-right: none;
}

.two_row_layout_info_view table tr td.form_multi_layout_container:first-child
{
    border-left: none;
}

.two_row_layout_info_summary
{
    padding: 0;
}

.two_row_layout_info_summary table.form_container
{
    border: 1px solid #DDD;
}

.two_row_layout_info_summary table tr td.form_multi_layout_container
{
    padding: 10px;
    /*min-height: 70px;*/
    border-right: 1px solid #DDD;
    /*border-bottom: 1px solid #DDD;*/
}

.two_row_layout_info_summary table tr td.form_multi_layout_container:last-child
{
    border-right: none;
}

.two_row_layout_info_summary table tr td.label
{
    font-size: 116.7%;
    text-align: center !important;
    padding-left: 0 !important;
    font-weight: normal;
}

.two_row_layout_info_summary td:nth-child(2n+1)
{
    text-align: center;
    padding-left: 0;
}

.two_row_layout_info_summary td:nth-child(2n)
{
    font-weight: normal;
}

.info_ribon_span
{
    float: right;
}

.info_form_parent
{
    overflow: hidden;
}
.rdx_slider_container .info_view table.form_columns_container
{
    width: auto;
}

.info_view_auth_dashboard
{
    border: 1px solid #e4e7ea;
}

.composite_view_cell {
    border-left: 1px solid #e4e7ea;
	border-top: 1px solid #e4e7ea;
    border-radius: 0px;
    vertical-align: top;
}
.composite_view_container.add_border {border: 1px solid #e4e7ea; padding: 10px;}
.composite_view_cell.last_column{ border-right: 1px solid #e4e7ea;}
.composite_view_cell.last_row{border-bottom: 1px solid #e4e7ea;}
.composite_view_cell .cell_content{display: block;overflow: auto;}
.composite_view_cell .cell_content.add_border {border: 1px solid #e4e7ea;}
.composite_view_cell .cell_content.block_layout {padding: 10px; border: 1px solid #e4e7ea;}
.composite_view_title {
	color: #4d4f53;
	font-size: 150%;
	padding: 10px;
	min-height: 20px;
	font-weight: normal;
}
.composite_view_cell .cell_content .composite_view_title.inline-block {
	padding-right: 0px;
}



/* Reset/Override from parent*/

.ribbon_bottom
{
	width: 100%;
}

.ribbon_bottom .ribbon_items_table{
	border-spacing: 0px !important;
}

.ribbon_bottom td
{
    text-align: center;
    white-space: nowrap;
    height: 30px;
}

.ribbon_bottom .ribbon_items_table td.disabled:hover
{
    background-color: transparent !important;
}

.ribbon_bottom .ribbon_items_selectable_table td.selected div
{
    border: 1px solid transparent;
}

.ribbon .ribbon_list_wrapper {
    min-width: 90px;
    height: 31px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.ribbon_list_wrapper.action
{
    max-width: 126px;
}

.ribbon_list_wrapper .ie_select{
    width: auto !important;
}
.ribbon_list_wrapper .list option
{
    padding-top: 4px;
    height: 25px;
    background-color: #F0F0F0;
}
.wizard
{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}

.wizard_link_node
{
    height: 100%;
    width: 100%;
}

.wizard_link_node_wrapper
{
    background: url("edge_middle.png") right repeat-y;
    height: 100%;
}

.wizard_link_node_wrapper table
{
    width: 100%;
}

.wizard_link_node_container
{
    height: 100%;
}

.wizard_border
{
    border: none;
}

.wizard_delta_node_selected
{
    background: url("selected_indicator.png") right -12px no-repeat;
    padding-right: 5px;
    height: 10px;
    width: 100%;
}

.link_node_bottom_container
{
    position: relative;
    background: url("edge_bottom.png") right center no-repeat;
    padding-right: 5px;
    height: 30px;
    width: 100%;
}

.wizard_links_col td
{
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 30px;
}

.wizard_top_panel_border
{
    border: none;
    border-bottom: 1px solid #E4E4E4;
}

.wizard_top_panel
{
    background-color: #F5F5F5;
    width: 100%;
}
.CodeMirror{font-family:monospace;min-height:300px;color:#000}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}
.cm-s-rubyblue.CodeMirror{background:#112435;color:#fff}.cm-s-rubyblue div.CodeMirror-selected{background:#38566f}.cm-s-rubyblue .CodeMirror-line::selection,.cm-s-rubyblue .CodeMirror-line>span::selection,.cm-s-rubyblue .CodeMirror-line>span>span::selection{background:rgba(56,86,111,.99)}.cm-s-rubyblue .CodeMirror-line::-moz-selection,.cm-s-rubyblue .CodeMirror-line>span::-moz-selection,.cm-s-rubyblue .CodeMirror-line>span>span::-moz-selection{background:rgba(56,86,111,.99)}.cm-s-rubyblue .CodeMirror-gutters{background:#1f4661;border-right:7px solid #3e7087}.cm-s-rubyblue .CodeMirror-guttermarker{color:#fff}.cm-s-rubyblue .CodeMirror-guttermarker-subtle{color:#3e7087}.cm-s-rubyblue .CodeMirror-linenumber{color:#fff}.cm-s-rubyblue .CodeMirror-cursor{border-left:1px solid #fff}.cm-s-rubyblue span.cm-comment{color:#999;font-style:italic;line-height:1em}.cm-s-rubyblue span.cm-atom{color:#f4c20b}.cm-s-rubyblue span.cm-attribute,.cm-s-rubyblue span.cm-number{color:#82c6e0}.cm-s-rubyblue span.cm-keyword{color:#f0f}.cm-s-rubyblue span.cm-string{color:#f08047}.cm-s-rubyblue span.cm-meta{color:#f0f}.cm-s-rubyblue span.cm-tag,.cm-s-rubyblue span.cm-variable-2{color:#7bd827}.cm-s-rubyblue span.cm-def,.cm-s-rubyblue span.cm-type,.cm-s-rubyblue span.cm-variable-3{color:#fff}.cm-s-rubyblue span.cm-bracket{color:#f0f}.cm-s-rubyblue span.cm-link{color:#f4c20b}.cm-s-rubyblue span.CodeMirror-matchingbracket{color:#f0f!important}.cm-s-rubyblue span.cm-builtin,.cm-s-rubyblue span.cm-special{color:#ff9d00}.cm-s-rubyblue span.cm-error{color:#af2018}.cm-s-rubyblue .CodeMirror-activeline-background{background:#173047}
.CodeMirror-merge {
    position: relative;
    border: 1px solid #ddd;
    white-space: pre;
  }
  
  .CodeMirror-merge, .CodeMirror-merge .CodeMirror {
    height: 350px;
  }
  
  .CodeMirror-merge-2pane .CodeMirror-merge-pane { width: 47%; }
  .CodeMirror-merge-2pane .CodeMirror-merge-gap { width: 6%; }
  .CodeMirror-merge-3pane .CodeMirror-merge-pane { width: 31%; }
  .CodeMirror-merge-3pane .CodeMirror-merge-gap { width: 3.5%; }
  
  .CodeMirror-merge-pane {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
  }
  .CodeMirror-merge-pane-rightmost {
    position: absolute;
    right: 0px;
    z-index: 1;
  }
  
  .CodeMirror-merge-gap {
    z-index: 2;
    display: inline-block;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    position: relative;
    background: #f8f8f8;
  }
  
  .CodeMirror-merge-scrolllock-wrap {
    position: absolute;
    bottom: 0; left: 50%;
  }
  .CodeMirror-merge-scrolllock {
    position: relative;
    left: -50%;
    cursor: pointer;
    color: #555;
    line-height: 1;
  }
  .CodeMirror-merge-scrolllock:after {
    content: "\21db\00a0\00a0\21da";
  }
  .CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after {
    content: "\21db\21da";
  }
  
  .CodeMirror-merge-copybuttons-left, .CodeMirror-merge-copybuttons-right {
    position: absolute;
    left: 0; top: 0;
    right: 0; bottom: 0;
    line-height: 1;
  }
  
  .CodeMirror-merge-copy {
    position: absolute;
    cursor: pointer;
    color: #44c;
    z-index: 3;
  }
  
  .CodeMirror-merge-copy-reverse {
    position: absolute;
    cursor: pointer;
    color: #44c;
  }
  
  .CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy { left: 2px; }
  .CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy { right: 2px; }
  
  .CodeMirror-merge-r-inserted, .CodeMirror-merge-l-inserted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
    background-position: bottom left;
    background-repeat: repeat-x;
  }
  
  .CodeMirror-merge-r-deleted, .CodeMirror-merge-l-deleted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
    background-position: bottom left;
    background-repeat: repeat-x;
  }
  
  .CodeMirror-merge-r-chunk { background: #ffffe0; }
  .CodeMirror-merge-r-chunk-start { border-top: 1px solid #ee8; }
  .CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #ee8; }
  .CodeMirror-merge-r-connect { fill: #ffffe0; stroke: #ee8; stroke-width: 1px; }
  
  .CodeMirror-merge-l-chunk { background: #eef; }
  .CodeMirror-merge-l-chunk-start { border-top: 1px solid #88e; }
  .CodeMirror-merge-l-chunk-end { border-bottom: 1px solid #88e; }
  .CodeMirror-merge-l-connect { fill: #eef; stroke: #88e; stroke-width: 1px; }
  
  .CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk { background: #dfd; }
  .CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start { border-top: 1px solid #4e4; }
  .CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #4e4; }
  
  .CodeMirror-merge-collapsed-widget:before {
    content: "(...)";
  }
  .CodeMirror-merge-collapsed-widget {
    cursor: pointer;
    color: #88b;
    background: #eef;
    border: 1px solid #ddf;
    font-size: 90%;
    padding: 0 3px;
    border-radius: 4px;
  }
  .CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt { display: none; }
  
.CodeMirror-lint-markers{width:16px}.CodeMirror-lint-tooltip{background-color:#ffd;border:1px solid #000;border-radius:4px 4px 4px 4px;color:#000;font-family:monospace;font-size:10pt;overflow:hidden;padding:2px 5px;position:fixed;white-space:pre;white-space:pre-wrap;z-index:100;max-width:600px;opacity:0;transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s}.CodeMirror-lint-mark-error,.CodeMirror-lint-mark-warning{background-position:left bottom;background-repeat:repeat-x}.CodeMirror-lint-mark-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==)}.CodeMirror-lint-mark-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-error,.CodeMirror-lint-marker-warning{background-position:center center;background-repeat:no-repeat;cursor:pointer;display:inline-block;height:16px;width:16px;vertical-align:middle;position:relative}.CodeMirror-lint-message-error,.CodeMirror-lint-message-warning{padding-left:18px;background-position:top left;background-repeat:no-repeat}.CodeMirror-lint-marker-error,.CodeMirror-lint-message-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=)}.CodeMirror-lint-marker-warning,.CodeMirror-lint-message-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=)}.CodeMirror-lint-marker-multiple{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right bottom;width:100%;height:100%}
/* RDX_CSS_RAINMAKER_FILES */
/*RDX thirdparty_CSS_FILES */