/* Added For VAPT JQuery UI Upgrade from older theme version(v1.13.1) - Start*/
.ui-widget {
	font-family: ui-sans-serif, "system-ui", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.ui-widget button {
	font-family: ui-sans-serif, "system-ui", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5dbec;
/* 	border-radius:10px; */
}

.ui-widget-content {
	border: 1px solid #a6c9e2;
	background: #fcfdfd;
	color: #222
}

.ui-widget-content a {
	color: #222
}

.ui-widget-header {
	border: 1px solid #c5dbec;
/* 	background: #dfeffc; */
	color: #1d5987;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: left;
	font-size: 0.75rem;
	font-weight: bold !important;
/* 	background: #f8faff; */
	background: #f5f7fa;
}

.ui-widget-header a {
	color: #fff
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover,
	html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5dbec;
	background: #dfeffc;
	font-weight: bold;
	color: #15416e;
	/*border-top-left-radius:7px;
	border-top-right-radius:7px;*/
}

.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 #c5dbec;
	background: #dfeffc;
	font-weight: bold;
	color: #1d5987
}

.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: #2e6e9e; */
	color: hsl(210 85% 50%);
}

.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 #79b7e7;
	background: #f5f8f9;
	font-weight: bold;
	color: #e17009
}

.ui-icon-background, .ui-state-active .ui-icon-background {
	border: #79b7e7;
	background-color: #e17009
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
	{
	color: #e17009;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
	border: 1px solid #fad42e;
	background: #fbec88;
	color: #363636
}

.ui-state-checked {
	border: 1px solid #fad42e;
	background: #fbec88
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,
	.ui-widget-header .ui-state-highlight a {
	color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
	{
	border: 1px solid #cd0a0a;
	background: #fef1ec;
	color: #cd0a0a
}

.ui-state-error a, .ui-widget-content .ui-state-error a,
	.ui-widget-header .ui-state-error a {
	color: #cd0a0a
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text,
	.ui-widget-header .ui-state-error-text {
	color: #cd0a0a
}

.ui-icon, .ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_469bdd_256x240.png")
}

.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_d8e7f3_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_217bc0_256x240.png")
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
	background-image: url("images/ui-icons_f9bd01_256x240.png")
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png")
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png")
}

.ui-button .ui-icon {
	background-image: url("images/ui-icons_6da8d5_256x240.png")
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 1px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 1px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 1px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 1px
}

.ui-widget-shadow {
	-webkit-box-shadow: -8px -8px 8px #aaa;
	box-shadow: -8px -8px 8px #aaa
}
/* Added For VAPT JQuery UI Upgrade from older theme version(v1.13.1) - End*/

html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	min-width: 1000px;
	min-height: 550px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	font-size: 15px;
}

body {
	background: hsl(0 0% 97%);
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	min-width: 1000px;
	min-height: 550px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	font-size: 15px;
}

select {
	border-radius: 5px !important;
}

select:focus, input:focus, button:focus, a:focus {
	outline: 0;
}

.header {
	z-index: 2;
	overflow: visible;
	min-width: 1000px;
	width: 100%;
	margin: 0px;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 55px;
	background-color: hsl(205 70% 94%);
	border-bottom: 1px solid hsl(210 15% 88%);
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.menunbody {
	z-index: 1;
	position: absolute;
	top: 55px;
	left: 0px;
	min-width: 1000px;
	min-height: 500px;
	height: 87%;
	width: 100%;
	margin: 1px auto;
	text-align: center;
	display: block;
	overflow: hidden;
	background: hsl(0 0% 97%);
	/* background-image: url(images/bodybglight.png);background-repeat: repeat-x;background-size: 1% 100%; */
}

.menunbody-portal {
	min-width: 1000px;
	min-height: 500px;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 15px;
	overflow: hidden;
	/* background-image: url(images/bodybglight.png);background-repeat: repeat-x;background-size: 1% 100%; */
}

.menubuttom {
	min-width: 1000px;
	width: 100%;
	margin: 0px;
	height: 6px;
}

.footer, .tree-footer {
	padding: 2px 0px;
	min-width: 1000px;
	width: 100%;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	height: auto;
	bottom: 0px;
	overflow: hidden;
	color: hsl(215 45% 20%);
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	font-size: 0.7rem;
	background-image: linear-gradient(to right, hsl(205 70% 94%),
		hsl(205 70% 94%/ .95));
	border-top: 1px solid hsl(210 15% 88%);
}

div.nestedmenu {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: left;
	font-size: 0.85rem;
	height: 50%;
	position: relative;
	overflow: visible;
}

#my-acct {
	position: absolute;
	width: 200px;
	right: 20px;
	top: 50px;
	border: 1px solid hsl(210 15% 88%);
	border-radius: 5px;
	background: #ffffff;
	display: none;
	text-align: left;
	padding: 5px 5px;
	font-size: 0.8rem;
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
}

#my-acct>div {
	height: 30px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

div.nestedmenu>ul {
	width: 97%;
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.nestedmenu ul ul {
	display: none;
}

div.nestedmenu ul li:hover>ul {
	display: block;
}

div.nestedmenu ul {
	background: inherit;
	/* 	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15); */
	border-radius: 0px;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

div.nestedmenu ul:after {
	content: "";
	clear: both;
	display: block;
}

div.nestedmenu ul li {
	float: left;
	display: flex;
	align-items: center;
}

div.nestedmenu>ul>li:hover {
	text-align: left;
	border-radius: 5px;
}

div.nestedmenu ul li:hover a {
	color: #000000;
}

div.nestedmenu ul li a {
	display: block;
	padding: 6px 10px;
	color: hsl(215 45% 20%);
	text-decoration: none;
	height: 20px;
}

div.nestedmenu ul ul {
	border-radius: 5px;
	padding: 0;
	position: absolute;
	top: 100%;
}

div.nestedmenu ul ul li a {
	padding: 2px 10px;
	color:#fff;
}

div.nestedmenu ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

a, .ui-widget-content a {
	/* 	color: #02A1C1; */
	color: hsl(203 80% 55%);
	text-decoration: none;
}

.menunbody a{
	font-weight: 500;
}

a:HOVER, .ui-widget-content a:HOVER {
	text-decoration: underline;
}

a.ui-tabs-anchor {
	text-decoration: none;
}

.grdBg {
	background-image: linear-gradient(to right, hsl(205 70% 94%),
		hsl(205 70% 94%/ .95));
/* 	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15); */
}

.errorItem {
	color: red;
	width: 90%;
	margin-left: 10%;
	height: 20px;
	line-height: 14px;
	text-align: left;
}

.succItem {
	color: green;
	width: 90%;
	margin-left: 10%;
	height: 20px;
	line-height: 14px;
	text-align: left;
}

.succErrItemLst .errorItem {
	color: red;
	width: 99.5%;
	margin-left: 0.5%;
	height: 20px;
	line-height: 14px;
	display: inline-block;
	border-width: 0px;
}

.succErrItemLst .succItem {
	color: green;
	width: 99.5%;
	margin-left: 0.5%;
	height: 20px;
	line-height: 14px;
	display: inline-block;
	border-width: 0px;
}

.ui-icon-red, .ui-widget-content .ui-icon-red, .ui-widget-header .ui-icon-red
	{
	background-image:
		url(../../static/css/images/ui-icons_cd0a0a_256x240.png);
	cursor: pointer;
}

.ui-icon-green, .ui-widget-content .ui-icon-green, .ui-widget-header .ui-icon-green
	{
	width: 16px;
	height: 16px;
	background-image:
		url(../../static/css/images/ui-icons_4eb305_256x240.png);
	cursor: pointer;
}

.ui-icon-white, .ui-widget-content .ui-icon-white, .ui-widget-header .ui-icon-white
	{
	width: 16px;
	height: 16px;
	background-image:
		url(../../static/css/images/ui-icons_ffffff_256x240.png);
	cursor: pointer;
}

.ui-icon-blue, .ui-widget-content .ui-icon-blue, .ui-widget-header .ui-icon-blue
	{
	width: 16px;
	height: 16px;
	background-image:
		url(../../static/css/images/ui-icons_469bdd_256x240.png);
	cursor: pointer;
}

.ui-icon-yellow, .ui-widget-content .ui-icon-yellow, .ui-widget-header .ui-icon-yellow
	{
	width: 16px;
	height: 16px;
	background-image:
		url(../../static/css/images/ui-icons_f9bd01_256x240.png);
	cursor: pointer;
}

.shuttle .ui-widget-content {
	border: 1px solid hsl(210 15% 88%);
}

.recs-widget {
	display: none;
}

input {
	padding-left: 5px;
}

.search-filtered {
	display: none;
}

.paginate-filtered {
	display: none;
}

.shuttle .ui-selecting {
	background: #FECA40;
}

.shuttle .ui-selected {
	background: #F39814;
	color: white;
}

.shuttle span {
	margin: 1%;
	padding: 2px; /* height: 18px; */
	width: 94%;
	float: left;
	font-size: 12px;
}

textarea:focus {
	outline: none !important
}

input, input[type=text], input[type=password], select, textarea {
	border: 1px solid hsl(210 15% 88%);
	border-radius: 5px;
	width: 200px;
}

input:disabled, input[type=text]:disabled, input[type=password]:disabled,
	select:disabled, textarea:disabled {
	border: 1px solid #E4E4E4;
	opacity: 1;
	background: #FCFCFC;
	color: black
}

input, input[type=text], input[type=password], select, label {
	height: 19px;
	margin: 4px 4px 4px 4px;
}

button {
	margin: 3px 3px 3px 3px;
	height: 30px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	font-weight: 500;
	font-size: 0.8rem;
}

.ui-button-text-only .ui-button-text {
	padding-top: 3px;
	padding-bottom: 3px;
}

.ui-widget {
	font-size: 0.75rem;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.ui-widget .ui-widget {
	font-size: 0.8rem;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
	{
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	font-size: 0.8rem;
}

.ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog {
	padding: 0px !important;
	border-radius:8px !important;
	overflow:hidden;
}

.ui-dialog .ui-dialog-buttonpane {
	padding: 0px;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 3px 3px 3px 3px;
	font-size: 0.8rem;
}

.ui-dialog {
	padding: 0px !important;
}

.ui-dialog .ui-dialog-buttonpane {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 0px !important;
	padding-bottom: 0px;
	padding-top: 0px;
}

.ui-dialog .ui-dialog-title {
	margin-top: 0.4em;
	margin-left: 5px;
/* 	font-weight: 600 !important; */
}

.ui-dialog .ui-dialog-titlebar-close {
	width: 18px !important;
	height: 17px !important;
	margin-top: -9px;
	margin-right: -1px;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog-titlebar button {
	min-width: 18px;
}

.ui-dialog a.ui-tabs-anchor {
	padding-bottom: 0.1em !important;
	padding-top: 0px !important;
}

/* .ui-dialog .recstbl th { */
/* 	height: 12px; */
/* 	border: 1px solid hsl(210 15% 88%); */
/* 	color: black; */
/* } */

.ui-dialog .recstbl .ui-datatable-odd, .ui-dialog .recstbl .ui-datatable-even,
	.portlet .recstbl .ui-datatable-odd, .portlet .recstbl .ui-datatable-even
	{
	height: 12px !important;
}

.ui-tabs .ui-helper-reset {
	line-height: 0.6;
}

.ui-tabs .ui-widget-header {
	background: #eef4fb;
	color: #222;
	border: 1px solid hsl(210 15% 88%);
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.page-header {
	width: 100%;
	height: 31px;
	margin: auto;
/* 	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15); */
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid hsl(210 15% 88%);
}

.page-header-title-bar .bi {
	padding-left: 0px;
	font-size: 1rem;
}

.page-header-title-bar {
	font-size: 0.9rem;
	/* 	color: #2c4d75; */
/* 	color: #1d5987; */
	color: #1e3a8a;
	font-weight: bold;
	margin-left: 10px;
	width: 40%;
	display: flex;
	align-items: center;
	text-align: left;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.page-header-button-bar {
	display: flex;
	align-items: center;
	justify-content: right;
	min-height: 25px;
	margin-right: 18px;
	width: 60%;
}

.page-header-button-bar button, .page-header-button-bar input,
	.page-header-button-bar select, .page-header-button-bar label {
	float: right;
}

.page-header-button-bar label {
	line-height: 22px;
	color: #e6e6e6;
}

.page-header-button-bar .head-msg { /* background-color:#8080ff; */
	color: hsl(215 45% 20%);
	padding-left: 2px;
	padding-right: 2px;
	font-size: 11px;
}

.page-body {
	font-size: 90%;
	position: absolute;
	width: auto;
	top: 35px;
	bottom: 2px;
	left: 3px;
	right: 3px;
	background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 10px;
	border: 1px solid hsl(210 15% 88%);
	box-sizing: border-box;
	margin: 0 auto;
	display:flex;
	flex-direction:column;
	justify-content:unset;
}

.page-body-portal {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
	background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #c3d9ff;
}

.page-body-container {
	position: relative;
	margin: 0 auto; /* min-width:990px; */
	min-height: 430px;
	width: 100%; /* height:99%; */
	height: 100%;
	box-sizing: border-box;
	padding-bottom: 40px !important;
	overflow: auto;
}

.page-footer {
	position: absolute;
	bottom: 0%;
	width: 100%;
	/* 	background-image: linear-gradient(to right, hsl(205 70% 94% / .60) , hsl(205 70% 94% / .30)); */
	/* 	height: 31px; */
	/* 	background-image: linear-gradient(to right, hsl(205 70% 94%) , hsl(205 70% 94% / .75)); */
/* 	background-color: #eef4fb; */
/* 	background: #f8faff; */
	background: #f5f7fa;
/* 	border-top: 1px solid hsl(210 15% 88%); */
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
}

.page-footer-button-bar {
	float: right;
	margin-right: 10px;
}

.page-footer-button-bar button{
	font-size: 0.8rem !important;
}

.tree-template-handle {
	position: absolute;
	top: 36px;
	bottom: 34px;
	width: auto;
	background-color: #f7d9b4;
	overflow: hidden;
	cursor: e-resize;
	left: 20%;
	right: 20.2%;
	display: none;
}

/* .treeTbl .page-header{left:20%;right:0px;width:auto;} */
.treeTbl .page-body {
	left: 20.1%;
	right: 3px;
	width: auto;
}
/* .treeTbl .page-footer{left:20%;right:0px;width:auto;} */
.recsTree {
	text-align: left;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

ul.tree {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	cursor: pointer;
	white-space: nowrap;
}

li.tree {
	padding-left: 18px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";;
	font-size: 0.8rem;
	margin-top: 3px;
	cursor: pointer;
	white-space: nowrap;
}

.tree-selected { /* color:#008000; */
	color: hsl(28 80% 55%) !important;
	font-weight: 500;
}

.tree-highlighted { /* color:#0078d0; */
	color: #FFA500;
	font-weight: bold;
}

.recsTree li[link]:hover {
	color: #0078d0;
	font-weight: bold;
}

.tree-header {
	position: absolute;
	top: 3px;
	left: 0px;
	right: 80%;
	height: 31px;
	margin-right: 2px;
}

.tree-body {
	position: absolute;
	top: 35px;
	bottom: 2px;
	flex: 0 0 20%;
	left: 3px;
	right: 80%;
	margin-right: 2px;
	background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: auto;
	/* 	border: 1px solid #c3d9ff; */
	border: 1px solid hsl(210 15% 88%);
	border-radius: 10px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

.tree-body-container {
	position: relative;
	margin: 0 auto;
	min-width: 100px; /* min-height:430px; */
	width: 99%; /* height:99%; */
}

/* .tree-footer { */
/* 	position: absolute; */
/* 	bottom: 1px; */
/* 	left: 0px; */
/* 	right: 80%; */
/* 	height: 31px; */
/* 	margin-right: 2px; */
/* } */
.ui-tooltip-content, .ui-widget-content .ui-tooltip-content, .ui-tooltip .ui-tooltip-content,
	.ui-widget .ui-tooltip-content {
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	color: #03B2F9;
}

.ui-tooltip {
	max-width: 400px;
	border-radius: 5px;
}

.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-timepicker-rtl {
	direction: rtl;
}

.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
	float: right;
	clear: right;
}

.ui-timepicker-rtl dl dd {
	margin: 0 45% 10px 10px;
}

.ui-datepicker-trigger {
	height: 18px;
	margin: 6px 4px 4px 0px;
	position: relative;
	top: -3px;
	right: 2px;
	cursor: pointer;
}

.ui-datepicker select.ui-datepicker-month {
	width: 50px;
	margin-right: 5px;
}

.ui-datepicker select.ui-datepicker-year {
	width: 60px;
	margin-right: 5px;
}

button.ui-datepicker-close, button.ui-datepicker-current {
	font-weight: normal;
	height: auto;
	line-height: normal;
}

div.link-btn { /* width:150px; */
	/*color: blue;*/
	color:#3e71ec;
/* 	background:#ebf1ff; */
	border:0.25px solid #b2cff2;
	cursor: pointer;
	float: right;
	text-align: left;
	margin-right: 20px;
	font-weight:700px;
	border-radius:4px;
	height:20px;
	padding-top:5px !important;
	padding:.1em .5em;
}

div.link-btn:HOVER {
	box-shadow:0 2px 6px rgba(0,0,0,.07);
	background:#dbeafe;
	color:#2563eb;
}

.label-red-star:after {
	content: "*";
	position: relative;
	padding-left: 1px;
	color: red;
	font-size: 13px;
}

.label-red-star::after {
	content: "*";
	position: relative;
	padding-left: 1px;
	color: red;
	font-size: 13px;
}

.label-blue-star:after {
	content: "*";
	position: relative;
	padding-left: 1px;
	color: #dcae23;
	font-size: 13px;
}

.label-blue-star::after {
	content: "*";
	position: relative;
	padding-left: 1px;
	color: #dcae23;
	font-size: 13px;
}

.param {
	font-weight: bold;
	cursor: pointer;
}

.jqplot-data-label, .jqplot-point-label {
	color: blue;
	font-size: 10px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.jqplot-table-legend-label {
	min-width: 100px;
	text-align: left;
}

input::-ms-clear {
	display: none;
}

/*
 * Start - combobox 
 */
.custom-combobox {
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}

.custom-combobox-input {
	margin: 0;
	padding: 1px 3px;
}
/*
 * End - combobox 
 */
.colFilter {
	font-size: 10px;
}



a.custom-combobox-toggle {
	width: 20px !important;
}

.ui-icon {
	margin-top: 0px;
}

div.tree-body.collapse {
	right: 100%;
}

div.page-body.collapse {
	left: 0%;
}

.text-alert {
	overflow: hidden;
}

* {
	scrollbar-width: thin;
	scrollbar-color: hsl(210 15% 80%) #f1f1f1;
/* 	border-bottom: 1px solid hsl(210 15% 80%); */
}

*::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

*::-webkit-scrollbar-track {
	background: #f1f1f1;
}

*::-webkit-scrollbar-thumb {
	background-color: hsl(210 15% 80%);
	border-radius: 10px;
	border: 1px solid #f1f1f1;
}

*::-webkit-scrollbar-thumb:hover {
	background-color: hsl(210 15% 80%);
}

.recs-widget {
	display: block;
}

input, select {
	font-size: 0.7rem !important;
	text-align: left;
}

textarea{
	font-size: 0.8rem;
}

.ui-icon.ui-icon-circle-check {
	transform: scale(0.8);
	transform-origin: center;
}

.ui-icon.ui-icon-circle-close {
	transform: scale(0.8);
	transform-origin: center;
}

.ui-icon.ui-icon-trash {
	transform: scale(0.8);
	transform-origin: center;
	margin-bottom: 2px;
}

.ui-icon-circle-arrow-n {
	transform: scale(0.8);
	transform-origin: center;
}

.ui-icon-circle-arrow-s {
	transform: scale(0.8);
	transform-origin: center;
}

.ui-icon.ui-icon-plusthick {
	transform: scale(0.8);
	transform-origin: center;
}

.ui-icon.ui-icon-info {
	transform: scale(0.8);
	transform-origin: center;
}

.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e {
	transform: scale(0.8);
	transform-origin: center;
}

label, input, textarea {
	opacity: 1;
	font-size: 0.8rem;
}

.bi {
	background-image: none !important;
	cursor: pointer;
}

.bi-default {
	color: #2c4d75;
}

.bi.ui-icon-red {
	color: red;
	cursor: pointer;
}
.bi.bi-x{
	font-size:1.2rem;
}
.bi.ui-icon-yellow {
	color: orange;
	cursor: pointer;
}

.bi.ui-icon-blue {
	color: blue;
	cursor: pointer;
}

.bi.ui-icon-green {
	color: green;
	cursor: pointer;
}

.bi.ui-icon-blue {
	color: blue;
	cursor: pointer;
}

.bi.ui-icon-white {
	color: white;
	cursor: pointer;
}

.bi.ui-icon-parent {
	color: parent;
	cursor: pointer;
}

.bi-thick::before {
	font-weight: bold;
}

.ui-icon-disabled::before, .ui-widget-content .ui-icon-disabled::before,
	.ui-widget-header .ui-icon-disabled::before {
/* 	color: #d30707; */
/* 	cursor: not-allowed; */
/* 	pointer-events: none; */
	opacity: 0.3;
}

.ui-icon-disabled{
	pointer-events: none;
}

.bi-arrow-turn-up-left::before {
	content: "\f132"; /* arrow-return-right */
	transform: rotate(180deg);
	display: inline-block;
}

div.nestedmenu ul ul {
	display: none;
}

div.nestedmenu ul li:hover>ul {
	display: block;
}

div.nestedmenu ul:after {
	content: "";
	clear: both;
	display: block;
}

div.nestedmenu ul li {
	float: left;
}

div.nestedmenu ul li:hover {
	background: #fea50033;
	border-radius: 5px;
	text-align: left;
}

div.nestedmenu ul li:hover>a {
	color: #a05400 !important;
}

div.nestedmenu ul li:hover ul li:hover a {
	color: #a05400 !important;
}

div.nestedmenu ul li a {
	display: block;
	padding: 6px 10px;
	text-decoration: none;
	height: 20px;
}

div.nestedmenu ul ul {
	background: #ffffff;
	border-radius: 5px;
	padding: 5px;
	position: absolute;
	top: 100%;
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
}

div.nestedmenu ul ul li {
	float: none;
	position: relative;
	margin: 2px;
}

div.nestedmenu ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

div.nestedmenu a:has(+ul li)::after {
	content: " \f229"; /* bi-caret-down */
	font-family: "bootstrap-icons" !important;
	font-size: 0.5rem;
	color: inherit;
	margin-right: 2px;
	line-height: 1.2rem;
}

div.nestedmenu>ul>li:hover>a:has(+ul li)::after {
	content: " \f235"; /* bi-caret-up */
	font-family: "bootstrap-icons" !important;
	font-size: 0.5rem;
	color: inherit;
	margin-right: 2px;
	line-height: 1.2rem;
}

.selectedmenu {
	color: #e17009 !important;
	font-weight: 500;
}

div.nestedmenu>ul>li {
	font-weight: 500;
}

div.nestedmenu>ul>li>ul>li {
	font-weight: normal;
}

div.nestedmenu>ul>li>ul>li:hover {
	font-weight: normal;
}

.bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
	line-height: 1.2rem !important
}

.bi-skip-end, .bi-skip-start, .bi-fast-forward, .bi-rewind {
	border: 1px solid #d9e6f7;
	color: #2c4d75;
	padding: 1px 5px;
	border-radius: 5px;
	cursor:pointer;
}

.bi-skip-end:hover, .bi-skip-start:hover, .bi-fast-forward:hover,
	.bi-rewind:hover {
	background: #eef4fb;
}

.bi-play{
	font-size: 1.2rem;
}

.bi-play-fill {
	font-size: 1rem;
}

.bi-trash{
	font-size: 0.7rem;
}

/* SUCCESS */
.success {
	background: #e8f9e8;
	border: 1px solid #8ad18a;
	color: #2c8a2c;
	border-radius: 5px;
	padding: 2px;
	align-items: center;
}

.success::before {
	content: "\f26b"; /* bi-check-circle */
	font-family: "bootstrap-icons" !important;
	font-size: 1em;
	color: inherit;
	margin-right: 4px;
	line-height: 1.2rem;
}

/* FAILED */
.failed {
	background: #fdeaea;
	border: 1px solid #e29a9a;
	color: #b42525;
	border-radius: 5px;
	padding: 2px;
	align-items: center;
}

.failed::before {
	content: "\f622"; /* bi-x-circle */
	font-family: "bootstrap-icons" !important;
	font-size: 1em;
	color: inherit;
	margin-right: 4px;
	line-height: 1.2rem;
}

/* IMPORTANT */
.important {
	background: #c0c0c0;
	border: 1px solid #e3c98b;
	color: #7b5a0f;
	border-radius: 5px;
	padding: 2px;
	align-items: center;
}

.bi-list-ul {
	position: relative;
	top: 2px;
	margin-right: 2px !important;
}

.bi-wrench-adjustable-circle-fill {
	margin-right: 2px;
	position: relative;
	top: 1px;
}

.close-btn {
	color: #6b7a8d !important;
    background: white !important;
    border: 1px solid hsl(210 15% 80%) !important;
}

.toggle {
	position: relative;
	display: inline-flex;
	width: 40px;
	height: 20px;
}

.toggle input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #ccc;
	transition: .4s;
	border-radius: 24px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: 0.4s;
	border-radius: 50%;
}

input:checked+.slider {
	background-color: #1380ec;
}

input:checked+.slider:before {
	transform: translateX(20px);
}

.bi-arrow-up-right-circle-fill{
	margin-right: 4px;
}
.bi-arrow-down-left-circle-fill{
	margin-right: 4px;
}


/* RECS TABLE STYLING - START */
.recstbl {
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto;
	border-spacing: 0;
}
.recstbl th {
/* 	color: #2c4d75; */
	color: #64748b;
	background: #eef4fb;
	font-size: 0.75rem;
	font-weight: 500;
	text-align: left;
	padding: 5px 10px !important;
	white-space: nowrap;
	border-bottom: 1px solid hsl(210 15% 88%);
	border-top: 1px solid hsl(210 15% 88%);
}
.recstbl td {
	border-bottom: 1px solid hsl(240 4.2% 90.6%);
	text-align: left;
	padding: 2px 10px;
	word-wrap: break-word;
	font-size: 0.75rem;
	font-family: ui-sans-serif, "system-ui", sans-serif, "Apple Color Emoji","Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.recstbl tr.hovered {
	background-color: #F3F3F3;
}
.recstbl tr.selected {
	color: #a05400 !important;
	background: #fea50033 !important;
}
.recstbl td select {
	height: 23px;
}
.recstbl .custom-combobox input {
	width: 60px;
}

.pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-weight: 500;
	font-size: 0.9rem;
}

.pagination .bi{
	color: hsl(215,16%,65%);
	padding-top: 2px;
}

.pagination .bi:hover{
	color: hsl(215,16%,45%);
}

span.pager-lbl label, span.pager-lbl select {
	color: #546f90;
	cursor: pointer;
	font-weight: 500;
	font-size: 0.8rem;
	padding: 0 2px;
}

span.pager-lbl label{
	letter-spacing: 2px;
}

span.pager-lbl label:hover {
	text-decoration: underline;
}
/* RECS TABLE STYLING - END */

/* RECS FORM TBL STYLING - START */
.recs-form-tbl {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: separate;
	border-spacing: 10px;
	width: 80%;
	max-width: 1100px;
	padding-left: 5%;
}
.recs-form-tbl td:has( input[type=radio] ) {
	display: flex;
	align-items: center;
}
.recs-form-tbl td {
	width: 33%;
	vertical-align: top;
}
.recs-form-tbl td label {
	width: 95%;
	text-align: left;
	float: left;
	margin: 4px 4px 0px 4px;
	color: #5f5f5f;
}
.recs-form-tbl td input[type=text], .recs-form-tbl td input[type=password] {
	width: 75%;
	float: left;
	margin: 0px 4px 4px 4px;
	border: 1px solid hsl(210 15% 88%);
}
.recs-form-tbl td select {
	width: 75%;
	float: left;
	margin: 0px 4px 4px 4px;
	border: 1px solid hsl(210 15% 88%);
	padding-top: 1px;
	padding-bottom: 1px;
	height: 23px;
}
.recs-form-tbl td select[multiple=multiple] {
	width: 75%;
	float: left;
	margin: 0px 4px 4px 4px;
	border: 1px solid hsl(210 15% 88%);
	padding-top: 1px;
	padding-bottom: 1px;
	height: 82px;
}
.recs-form-tbl td textarea {
	width: 75%;
	float: left;
	margin: 0px 4px 4px 4px;
	border: 1px solid hsl(210 15% 88%);
	height: 82px;
	resize: none;
}
.recs-form-tbl td textarea:focus {
	width: 75%;
	float: left;
	margin: 0px 4px 4px 4px;
	border: 1px solid hsl(210 15% 88%);
	height: 82px;
	resize: none;
	outline: none !important;
	font-family: monospace;
}
.recs-form-tbl td input[type=text]:disabled, .recs-form-tbl td input[type=password]:disabled
	{
	border: 1px solid #E4E4E4;
	color: #8b8b8b;
}
.recs-form-tbl td select:disabled {
	border: 1px solid #E4E4E4;
	color: #8b8b8b;
}
.recs-form-tbl td select[multiple=multiple]:disabled {
	border: 1px solid #E4E4E4;
	color: #8b8b8b;
}
.recs-form-tbl td textarea:disabled {
	border: 1px solid #E4E4E4;
	color: #8b8b8b;
}
.recs-form-tbl td input[type=radio] {
	margin: 4px 0px 4px 6px;
	border-width: 0px;
	display: inline-block;
	width: auto;
}
.recs-form-tbl td label.for-radio {
	text-align: left;
	float: left;
	margin: 4px 4px 4px 0px;
	color: #5f5f5f;
	display: block;
	width: auto;
}
/* RECS FORM TBL STYLING - END */

/* RECS FORM LIST TABLE STYLING - START */
.recs-form-lst-tbl .custom-combobox input {
	width: 60px;
}
.recs-form-lst-tbl td{
/*  	border-right: 1px solid hsl(210 15% 88%); */
}
.recs-form-lst-tbl th{
/* 	border-right: 1px solid hsl(210 15% 88%); */
}
.recs-form-lst-tbl input, .recs-form-lst-tbl input[type=text],
	.recs-form-lst-tbl select, .recs-form-lst-tbl label {
	margin: 0px 0px 0px 0px;
}
/* RECS FORM LIST TABLE STYLING - END */

.recstbl-sticky-hdr thead {
	position: sticky;
	top: 0;
/* 	background-color: rgba(208, 229, 229, 1); */
	z-index: 100;
	background: #eef4fb;
}
/* BUTTON STYLING - START */
button.ui-button {
	padding: 2px 10px !important;
	font-weight: 500 !important;
	border-radius: 4px;
	height: 25px;
/* 	color: hsl(210 85% 50%); */
	color: #2563eb;
/* 	background: #1380ec; */
	background: #ebf1ff; 
/* 	box-shadow: 0 2px 6px rgba(0,0,0,.07); */
	border: 0.25px solid #c7dcf6;
	font-size: 0.8rem;
}

button.ui-button:hover{
	box-shadow: 0 2px 6px rgba(0,0,0,.07);
	background: #ebf1ff;
	color: #2563eb;
}

button.ui-button:focus{
	background: #ebf1ff;
	color: #2563eb;
}

.recs-rmv {
	background: #fdecec !important;
	color: #f87171 !important;
	border: 0.25px solid #f3c3c3 !important;
}

.recs-rmv:hover{
	background:#f8d7d9 !important;
	color: #e73636 !important;	
	border:0.25px solid #f87171 !important ;
}

.save-btn{
	background: #e8f5e9 !important;
	border: 1px solid hsl(123, 46%, 74%) !important;
	color: #2e7d32 !important;
}

.save-btn:hover{
	background: #c8e6c9 !important;
	border: 1px solid hsl(123, 46%, 54%) !important;
}
/* BUTTON STYLING - END */

#systemsTabs.ui-widget-content{
	border:0px !important;
}
#SysVsSysTabs.ui-widget-content{
	border:0px !important;
}