@charset "utf-8";

/* CSS Document */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}



.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	border: none;
	outline: none;
}

.fl-lt,
.left {
	float: left;
}

.fl-rt,
.right {
	float: right;
}
/*.btn {
    height: 36px !important;
    outline: none !important;
}*/

button, html input[type=button], input[type=reset], input[type=submit], input[type=file] {
	-webkit-appearance: none;
	cursor: pointer;
}

button, [type=button], [type=reset], [type=submit], .btn {
	border-radius: 5px !important;
	font-weight: var(--s-fw-bolder) !important;
	font-size: var(--s-fs-default) !important;
	line-height: var(--s-lh-btn) !important;
	outline: none !important;
}

input[type=text], input[type=password], textarea, select {
	resize: none;
	height: 36px;
	padding: 5px 8px;
	font-weight: normal;
	border-radius: 5px;
	width: 100%;
	/*	color: var(--s-body-text-disabled-dark);
	background: var(--s-body-background-lighter);
	border: 1px solid var(--s-body-border);*/
}


input[type=text], input[type=password], textarea, select {
	/*color: var(--s-body-text-disabled-dark);
	box-shadow: none;*/
}

	input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
		/*border: 1px solid var(--s-body-border-link-primary) !important;*/
		box-shadow: none;
	}





.select-x-button-down span,
.select-x-button-up span {
	position: relative;
	display: block;
	overflow: hidden;
	height: 18px;
	font-weight: normal !important;
}

.btn-default:hover {
	background: var(--s-body-background-lighter);
	border-color: var(--s-body-border);
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
	background: var(--s-body-background-lighter);
	border-color: var(--s-body-border);
}

	.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
		background: var(--s-body-background-lighter);
		border-color: var(--s-body-border);
	}
/*
header {
	height: 50px;
}*/

	header .fixed-top {
		position: fixed;
		right: 0;
		left: 0;
		z-index: 1030;
	}

	header .header-content {
		/*background: var(--s-body-background-link-dark);*/
		padding: 8px 20px;
		/*border: 1px solid var(--s-body-border-link-primary);*/
	}

.header-content-inner h1 {
	float: left;
}

.header-content-inner .logarea {
	float: right;
	font-size: var(--s-fs-medium);
	margin-top: 13px;
}

	.header-content-inner .logarea a.trail {
		color: var(--s-body-text-success);
		padding: 5px 10px;
		border: 1px solid var(--s-body-border-success-dark);
		border-radius: 5px;
		font-weight: var(--s-fw-bolder);
		margin-right: 15px
	}

		.header-content-inner .logarea a.trail:hover {
			color: var(--s-body-text-success);
		}

	.header-content-inner .logarea ul {
		font-weight: var(--s-fw-bold);
		margin-top: 5px;
	}

		.header-content-inner .logarea ul li {
			display: inline;
			color: var(--s-body-text-disabled-secondary)
		}

			.header-content-inner .logarea ul li img {
				position: relative;
				top: -2px;
			}

			.header-content-inner .logarea ul li a {
				color: var(--s-body-text-disabled-secondary)
			}

				.header-content-inner .logarea ul li a:hover {
					color: var(--s-body-text-disabled-light)
				}



.form-control, .btn {
	line-height: var(--s-lh-btn);
}

	.form-control:focus {
		box-shadow: none;
	}

.stylish-input-group .input-group-addon {
	background: white !important;
}

.stylish-input-group .form-control {
	border-right: 0;
	box-shadow: none;
	border-color: var(--s-body-border);
	font-size: var(--s-fs-default);
}

.topbusinessdv {
	width: 100%;
	margin: 15px 0;
	float: left;
}

	.topbusinessdv .leftdiv {
		position: relative;
		float: left;
	}

		.topbusinessdv .leftdiv h1 {
			float: left;
			margin: 5px 18px 0 0;
		}

	.topbusinessdv .topsearcharea {
		float: right;
		position: relative;
	}

	.topbusinessdv .rltcheckbox .rltcheckbox {
		margin-right: 4px;
	}

		.topbusinessdv .rltcheckbox .rltcheckbox:before {
			width: 20px;
			height: 20px;
			/*background: var(--s-body-text-link-primary);*/
		}


	.topbusinessdv .topsearcharea .btn .caret {
		margin-left: 0;
		text-align: right;
		float: right;
		top: 15px;
		position: absolute;
		left: 118px;
	}

	.topbusinessdv .topsearcharea .select-x button {
		width: 130px;
	}

	.topbusinessdv .topsearcharea .dropdown-menu > li > a {
		padding: 6px 20px;
	}

	.topbusinessdv .topsearcharea .dropdown-menu .divider {
		margin: 4px 0;
	}

	.topbusinessdv .topsearcharea .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
		color: var(--s-body-text-disabled-light);
	}

	.topbusinessdv button[type=submit] {
		background: var(--s-body-background-lighter) !important;
		border: none !important;
	}

	.topbusinessdv .dropdowndv {
		float: right;
		position: relative;
		font-weight: var(--s-fw-bold);
	}

		.topbusinessdv .dropdowndv a, i {
		}

		.topbusinessdv .dropdowndv ul.dropdown-menu:before {
			content: "";
			border-bottom: 8px solid var(--s-body-border);
			border-right: 8px solid transparent;
			border-left: 8px solid transparent;
			position: absolute;
			top: -9px;
			right: 7px;
			z-index: 10;
		}

		.topbusinessdv .dropdowndv ul.dropdown-menu {
			position: absolute;
			border: 1px solid var(--s-body-border);
			padding: 0;
			min-width: 105px;
			left: 50px;
		}

		.topbusinessdv .dropdowndv ul.dropdown-menu {
		}

			.topbusinessdv .dropdowndv ul.dropdown-menu li {
				text-align: left;
			}

			.topbusinessdv .dropdowndv ul.dropdown-menu > li > a {
				padding: 8px 10px;
				border-bottom: 1px solid var(--s-body-border);
				text-align: left;
				font-size: var(--s-fs-default);
			}

			.topbusinessdv .dropdowndv ul.dropdown-menu li:last-child {
				border-bottom: none;
			}

			.topbusinessdv .dropdowndv ul.dropdown-menu li:hover {
				background: var(--s-body-background-light);
			}

				.topbusinessdv .dropdowndv ul.dropdown-menu li:hover:first-child {
					border-radius: 5px 5px 0 0;
				}

				.topbusinessdv .dropdowndv ul.dropdown-menu li:hover:last-child {
					border-radius: 0 0 5px 5px;
				}

		.topbusinessdv .dropdowndv .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
			background: none !important;
		}

		.topbusinessdv .dropdowndv ul.dropdown-menu li.active > a {
			color: var(--s-body-text-link-primary);
		}

			.topbusinessdv .dropdowndv ul.dropdown-menu li.active > a:before {
				content: "\f00c";
				font-family: var(--s-icon-font);
				font-size: var(--s-fs-small);
				position: absolute;
				right: 10px;
				top: 10px;
			}

	.topbusinessdv .rltcheckbox .rltcheckbox {
		margin-right: 4px;
	}

		.topbusinessdv .rltcheckbox .rltcheckbox:before {
			width: 20px;
			height: 20px;
			/*background: var(--s-body-text-link-primary);*/
		}

	.topbusinessdv .topsearcharea .btn-group > .btn:first-child {
		width: 138px;
		font-size: var(--s-fs-default);
		text-align: left;
	}



#topsearchdiv {
	width: 200px;
	float: right;
	margin-left: 10px;
}

.btnGap .leftdiv {
	display: flex;
}

	.btnGap .leftdiv .rltbutton {
		margin: 0 10px 0 0 !important;
	}

.alert-warning {
	margin-top: 25px;
	padding: 10px;
	margin-bottom: 0px;
}

	.alert-warning strong {
		float: left;
		margin-right: 10px;
	}




	.alert-warning .close {
		color: var(--s-body-text-warning-dark);
		opacity: 1;
		font-size: var(--s-fs-display-1);
		font-weight: var(--s-fw-bolder);
		top: -9px;
	}

	.alert-warning p {
		float: left;
	}

	.alert-warning .close p {
		margin: 0;
	}


button,
html input[type=button],
input[type=reset],
input[type=submit],
input[type=file] {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}


/*input[type=button]:focus {
	border-color: var(--s-btn-side-menu-hover-border-color) !important;
}*/







.contactarea {
	margin: 0 0 15px 0;
}

.bottomdiv .rltbutton {
	line-height: var(--s-lh-btn) !important;
	padding: 7px 19px !important;
}

.bottomdiv .rltsecndaryBtn {
	line-height: var(--s-lh-btn) !important;
	padding: 7px 19px !important;
	margin-right: 10px;
}

.rltbutton,
.topbusinessdv .leftdiv .btn,
.topbusinessdv .rltbutton {
	border-radius: 5px;
	font-weight: var(--s-fw-bolder);
	font-size: var(--s-fs-default);
	line-height: var(--s-lh-btn);
	padding: 7px 19px;
	cursor: pointer;
}

	.rltbutton > [type=button] {
		border: none;
	}

.rltinactiveBtn {
	border-radius: 5px;
	font-weight: var(--s-fw-bolder);
	font-size: var(--s-fs-default);
	line-height: var(--s-lh-btn);
	padding: 7px 19px;
	background: transparent;
	color: var(--s-body-text-disabled-light);
	border: 1px solid var(--s-body-border);
	cursor: pointer;
	margin-right: 10px;
}

	.rltinactiveBtn:hover {
		background: transparent;
		color: var(--s-body-text-disabled-light);
		border: 1px solid var(--s-body-border);
	}




.rltsecndaryBtn {
	border-radius: 5px;
	font-weight: var(--s-fw-bolder);
	font-size: var(--s-fs-default);
	line-height: var(--s-lh-btn);
	padding: 7px 19px;
	cursor: pointer;
	margin-right: 10px;
}

.clear {
	clear: both;
	margin: 20px 0;
}

.rltinputType {
	border-radius: 5px;
	padding: 5px 12px;
	font-size: var(--s-fs-default);
	height: 26px;
	margin-right: 20px;
}

	.rltinputType:focus {
		outline: 0;
	}

.rltdropdown {
	border-radius: 5px;
	padding: 5px 12px;
	font-size: var(--s-fs-default);
	height: 36px;
	width: 195px;
	background: var(--s-body-background-lighter) url(../img/dropdownImg.png) right center no-repeat;
	background-position: 176px 16px;
}

	.rltdropdown:focus {
		outline: 0;
		border-radius: 5px 5px 0 0;
	}

.rltdropdown {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

	.rltdropdown::-ms-expand {
		/* for IE 11 */
		display: none;
	}

/*css style for dropdown seletecd option*/
/* select  */
.select-x {
	position: relative;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

	.select-x * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}

	.select-x button {
		position: relative;
		text-align: left;
		box-shadow: none !important;
		border-radius: 5px;
		padding: 5px 10px;
		font-size: var(--s-fs-default);
		height: 36px;
		width: 100%;
		background-position: 176px 16px;
		line-height: var(--s-lh-sm) !important
	}

		.select-x button::before {
			content: '\f107';
			font-family: var(--s-icon-font);
			font-size: var(--s-fs-large);
			position: absolute;
			right: 10px;
			z-index: 1;
			background: var(--s-input-text-background) !important;
			padding-left: 4px;
		}

	.select-x > button.dwnArrwIconDsbl::before {
		background: none !important;
	}


	.select-x button:focus {
		border-radius: 5px 5px 0 0;
	}

	.select-x input {
		position: relative;
		text-align: left;
		box-shadow: none !important;
		border-radius: 5px;
		padding: 5px 10px;
		font-size: var(--s-fs-default);
		height: 36px;
		width: 100%;
		/*background-position: 176px 16px;*/
		line-height: var(--s-lh-sm) !important;
	}

		.select-x input::before {
			content: '\f107';
			font-family: var(--s-icon-font);
			font-size: var(--s-fs-large);
			position: absolute;
			right: 10px;
		}

		.select-x input:focus {
			border-radius: 5px 5px 0 0;
		}

	.select-x ul {
		width: 100%;
		position: absolute;
		z-index: 10;
		visibility: hidden;
		border-top: none;
		list-style-type: none;
		padding: 0;
		margin: 0;
		max-height: 200px;
		overflow-y: auto;
		box-sizing: content-box;
		top: 37px;
	}

		.select-x ul.open {
			visibility: visible;
			width: 99.6%;
		}

		.select-x ul li {
			padding: 4px 20px 4px 10px;
			cursor: pointer;
			border-top: 1px solid;
			vertical-align: middle;
			position: relative;
			min-height: 34px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-top: 1px solid var(--s-component-dropdown-border);
		}

.select-x-slide > li {
	min-height: 30px;
}

.select-x ul li.blankcell:after {
	display: none
}


.select-x ul li.selected:after {
	content: "\f00c";
	font-family: var(--s-icon-font);
	float: right;
	top: 6px;
	right: 6px;
	position: absolute;
}

.select-x-fade {
	transition: visibility 0.4s, opacity 0.4s;
	opacity: 0;
}

	.select-x-fade.open {
		opacity: 1;
	}

.select-x-slide {
	transform: scaleY(0);
	transform-origin: top;
}

	.select-x-slide.open {
		transform: scaleY(1);
	}


.select-x ul::-webkit-scrollbar {
	width: 7px;
}

.select-x ul::-webkit-scrollbar-track {
	background: var(--s-body-background);
}

.select-x ul::-webkit-scrollbar-thumb {
	border-radius: 20px;
	background: var(--s-body-background-light);
}



.select-x-button-up span {
	position: relative;
	display: block;
	overflow: hidden;
	height: 19px;
}

.rlttextarea {
	border-radius: 5px;
	padding: 5px 12px;
	font-size: var(--s-fs-default);
	height: 75px;
	width: 385px;
}

	.rlttextarea:focus {
		outline: 0;
	}

.rltcustom_select {
	border: 1px solid var(--s-body-border);
	color: var(--s-body-text-disabled-dark);
	border-radius: 5px;
	font-size: var(--s-fs-default);
	height: 36px;
	width: 195px;
	background: var(--s-body-background-lighter) url(../img/dropdownImg.png) right center no-repeat;
	background-position: 176px 16px;
}

.rltselect_opts {
	background-color: var(--s-body-background-lighter);
	border: 1px solid var(--s-body-border);
	border-radius: 2px;
}

.rltoption_title,
.rltoption {
	padding: 8px 20px 8px 15px;
}

.rltoption_title {
	font-weight: var(--s-fw-bold);
}

.rltoption {
	border-top: 1px solid var(--s-body-background);
}

	.rltoption:hover {
		background: var(--s-body-background);
	}

	.rltoption.current {
		color: var(--s-body-text-link-primary);
		background: var(--s-body-background) url(../img/dropdownselect.png) no-repeat right center;
		background-position: 177px 13px;
	}

.rltoption_title::selection {
	background-color: transparent;
}

.rltoption_title::-moz-selection {
	background-color: transparent;
}

.rltoption_title::-webkit-selection {
	background-color: transparent;
}

label {
	font-weight: var(--s-fw-bold);
}

/*Search field css start here*/

.rltclearable.x {
	z-index: 100;
	background: url(../img/search-clear.jpg) right center no-repeat;
	background-position: 190px 14px;
}

.rltclearable.onX {
	cursor: pointer;
}


/*.rltclearableMainDv {
	display: flex !important;
	align-items: center;
	border: 1px solid var(--s-body-border);
	border-radius: 5px; 
}

	.rltclearableMainDv:focus {
		align-items: center; 
	}*/



.rltclearableMainDv {
	align-items: center;
	border: 1px solid var(--s-body-border);
	border-radius: 5px;
	display: inline-block;
}

	.rltclearableMainDv > input:focus {
		border: 1px solid var(--s-body-border-link-primary);
	}

	.rltclearableMainDv.rltsearchbtn {
		position: relative;
		top: -30px;
	}

		.rltclearableMainDv .rltsearchbtn:after {
			position: relative;
			/*top: -25px;*/
			left: -8px;
		}




	.rltclearableMainDv .rltclearable,
	.rltclearableMainDv .rltsearchbtn {
		border: none;
		height: 35px;
	}


		.rltclearableMainDv .rltsearchbtn,
		.rltclearableMainDv .rltsearchbtn:hover {
			top: -3px;
			position: absolute;
			background: none;
			right: 0;
		}


.srfLkupSrchInptIconFix {
	position: relative;
}

	.srfLkupSrchInptIconFix .rltsearchbtn {
		top: -29px !important;
		position: relative;
		background: var(--s-input-text-background) !important;
		padding: 9px !important;
		width: 24px;
		text-align: center;
		height: 24px !important;
		right: 2px !important;
		padding-left: 10px !important;
	}






.rltclearable {
	border: 1px solid var(--s-body-border);
	color: var(--s-body-text-disabled-dark);
	border-radius: 5px 0px 0px 5px;
	font-size: var(--s-fs-default);
	height: 24px;
	width: 195px;
	border-right: 0;
	float: left;
	position: relative;
	transition: background 0.4s;
	background-position: 217px 14px;
	padding: 5px 5px 5px 8px;
}

.rltsearchbtn {
	height: 12px;
	width: 13px;
	padding: 17px;
	border-radius: 0 5px 5px 0;
	border: 1px solid var(--s-body-border);
	cursor: pointer;
	position: relative;
	float: left;
	background: var(--s-body-background-lighter);
}

	.rltsearchbtn:hover {
		background: var(--s-body-background-lighter);
	}

	.rltsearchbtn:after {
		content: "\f002";
		font-family: var(--s-icon-font);
		font-size: var(--s-fs-large);
		color: var(--s-body-text-disabled-secondary);
		position: relative;
		top: -9px;
		left: -6px;
	}

/*Checkbox css start here*/

.rltcheckbox {
	position: relative;
	width: 100%;
}

	.rltcheckbox .rltcheckbox {
		display: inline-block;
		cursor: pointer;
		font-size: var(--s-fs-default);
		margin-right: 10px;
		line-height: var(--s-lh-base);
		margin-bottom: 4px;
	}

	.rltcheckbox input[type=checkbox] {
		display: inline;
		opacity: 0;
		margin: 0 !important;
		left: -999999999px;
		height: 0;
		width: 0;
		position: absolute;
	}

	.rltcheckbox .rltcheckbox:before {
		content: "";
		display: inline-block;
		width: 18px;
		height: 18px;
		vertical-align: middle;
		color: var(--s-body-text-link-primary);
		text-align: center;
		border-radius: 3px;
		border: 1px solid var(--s-body-border);
		position: relative;
		top: -1px;
		line-height: var(--s-lh-sm);
		background: var(--s-body-container-background);
	}

	.rltcheckbox input[type=checkbox]:checked + .rltcheckbox:before {
		content: "\f00c";
		font-family: var(--s-icon-font);
		font-size: var(--s-fs-x-large);
		font-weight: var(--s-fw-normal);
	}

	/* disabled checkbox */
	.rltcheckbox [type="checkbox"]:disabled:not(:checked) + label:before,
	[type="checkbox"]:disabled:checked + label:before {
		box-shadow: none;
		border-color: var(--s-body-border);
		background: var(--s-body-background);
	}

	.rltcheckbox [type="checkbox"]:disabled:checked + label:after {
	}

	.rltcheckbox [type="checkbox"]:disabled + label {
		color: var(--s-body-text-disabled-secondary);
	}

/*Radio button css start here*/

.rltradiodiv {
	position: relative;
	width: 100%;
	margin-bottom: 4px;
}

	.rltradiodiv input[type=radio].with-font,
	.rltradiodiv input[type=checkbox].with-font {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

		.rltradiodiv input[type=radio].with-font ~ label:before,
		.rltradiodiv input[type=checkbox].with-font ~ label:before {
			font-family: var(--s-icon-font);
			display: inline-block;
			content: "\f1db";
			letter-spacing: 10px;
			font-size: var(--s-fs-xx-large);
			color: var(--s-body-text-disabled-secondary);
			width: 18px;
			position: relative;
			top: 1px;
			font-weight: var(--s-fw-normal);
		}

		.rltradiodiv input[type=radio].with-font:checked ~ label:before,
		.rltradiodiv input[type=checkbox].with-font:checked ~ label:before {
			content: "\f192";
			font-size: var(--s-fs-xx-large);
			color: var(--s-body-text-link-primary);
			letter-spacing: 5px;
			font-weight: var(--s-fw-normal);
		}

		.rltradiodiv input[type=checkbox].with-font ~ label:before {
			content: "\f096";
		}

		.rltradiodiv input[type=checkbox].with-font:checked ~ label:before {
			content: "\f046";
			color: var(--s-body-text-link-primary);
		}

		.rltradiodiv input[type=radio].with-font:focus ~ label:before,
		.rltradiodiv input[type=checkbox].with-font:focus ~ label:before,
		.rltradiodiv input[type=radio].with-font:focus ~ label,
		.rltradiodiv input[type=checkbox].with-font:focus ~ label {
		}

/*tooltip css start here*/
.rlttooltipdv {
	color: var(--s-body-text-link-primary);
	font-size: var(--s-fs-large);
	position: relative;
	text-align: center;
	transform: translateZ(0);
	float: left;
	font-weight: var(--s-fw-bold);
	opacity: 0.9;
	font-size: var(--s-fs-large) !important;
}

	.rlttooltipdv .tooltip {
		bottom: 100%;
		color: var(--s-body-text-lighter);
		display: block;
		left: -20px;
		margin-bottom: 15px;
		opacity: 0;
		padding: 10px;
		pointer-events: none;
		border-radius: 5px;
		font-size: var(--s-fs-default);
		position: absolute;
		width: 400px;
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		-o-transform: translateY(10px);
		transform: translateY(10px);
		background: var(--s-body-background-dark);
		border-color: var(--s-body-border-dark);
		font-weight: var(--s-fw-normal);
	}

		/* This bridges the gap so you can mouse into the tooltip without it disappearing */
		.rlttooltipdv .tooltip:before {
			bottom: -20px;
			content: " ";
			display: block;
			height: 20px;
			left: 0;
			position: absolute;
			width: 100%;
		}

		/* CSS Triangles - see Trevor's post */
		.rlttooltipdv .tooltip:after {
			border-left: solid transparent 10px;
			border-right: solid transparent 10px;
			border-top: solid var(--s-body-text-disabled-dark) 10px;
			bottom: -10px;
			content: " ";
			height: 0;
			left: 22%;
			margin-left: -13px;
			position: absolute;
			width: 0;
		}

	.rlttooltipdv:hover .tooltip {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

/*rltpagination css start here*/

/*css for rltpagination*/
/*css for rltpagination*/

.rltpagination {
	margin-top: 10px;
	float: left;
	position: relative;
	width: 400px;
}

	.rltpagination > li {
		border-radius: 5px !important;
		margin-left: 2px;
		padding: 9px 0px;
		color: var(--s-body-text-link-primary);
		background: none;
		border: none;
		font-weight: var(--s-fw-bold);
		display: inline;
	}

		.rltpagination > li > a {
			border-radius: 5px !important;
			padding: 9px 12px;
			color: var(--s-body-text-link-primary);
			background: none;
			border: none;
			font-weight: var(--s-fw-bold);
		}

		.rltpagination > li.active a {
			color: var(--s-body-text-lighter);
		}

		.rltpagination > li:first-child > a,
		.rltpagination > li:first-child > span {
			border: 1px solid var(--s-body-border);
			background: var(--s-body-background-lighter);
		}

		.rltpagination > li.active a {
			border: 1px solid var(--s-body-border-link-primary);
			background: var(--s-body-background-link-primary);
		}

		.rltpagination > li:last-child > a,
		.rltpagination > li:last-child > span {
			border: 1px solid var(--s-body-border);
			background: var(--s-body-background-lighter);
			color: var(--s-body-text-link-primary);
		}


/*css for datepicker field*/

#sandbox-container {
	position: relative;
	float: left;
}

	#sandbox-container .rltdatefieled {
		border: 1px solid var(--s-body-border);
		color: var(--s-body-text-disabled-dark);
		border-radius: 5px;
		padding: 5px 12px;
		font-size: var(--s-fs-default);
		height: 26px;
		width: 100px;
		position: relative;
		float: left;
	}

	#sandbox-container span {
		position: absolute;
		right: 10px;
		line-height: var(--s-lh-1);
		top: 11px;
	}

		#sandbox-container span:before {
			content: "\f073";
			font-family: var(--s-icon-font);
			font-size: var(--s-fs-large);
			color: var(--s-body-text-disabled-secondary);
		}

	#sandbox-container .rltdatefieled:focus {
		color: var(--s-body-text-link-primary);
		border: 1px solid var(--s-body-border-link-primary);
	}

	#sandbox-container:focus span:before {
		color: var(--s-body-text-link-primary);
	}

/*css for popup message*/

.rltmodalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--s-body-background-disabled);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

	.rltmodalDialog hr {
		margin: 15px 0;
		border-top: var(--s-body-border);
		border-left: 0;
	}

	.rltmodalDialog:target {
		opacity: 1;
		pointer-events: auto;
	}

	.rltmodalDialog > div {
		width: 400px;
		position: relative;
		margin: 10% auto;
		padding: 0;
		border-radius: 5px;
		background: var(--s-body-background-lighter);
		line-height: var(--s-lh-lg);
	}

.rltclose {
	color: var(--s-body-text-disabled-secondary);
	line-height: var(--s-lh-lg);
	position: absolute;
	right: 8px;
	text-align: center;
	top: 15px;
	width: 24px;
	text-decoration: none;
	font-weight: var(--s-fw-bold);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

	.rltclose:hover {
		color: var(--s-grey);
	}

.rltnumberType {
	background: var(--s-body-background-lighter);
	border: 1px solid var(--s-body-border);
	color: var(--s-body-text-disabled-dark);
	border-radius: 0 5px 5px 0;
	padding: 5px 12px;
	font-size: var(--s-fs-default);
	height: 26px;
	position: relative;
	float: left;
	left: -1px;
}

.rltnumberType-addon {
	padding: 10px 12px;
	font-size: var(--s-fs-xx-large);
	font-weight: var(--s-fw-bold);
	line-height: var(--s-lh-1);
	text-align: center;
	background: var(--s-body-background);
	border: 1px solid var(--s-body-border);
	border-radius: 5px 0 0 5px;
	position: relative;
	float: left;
}

#relate-message-box {
	position: relative;
	color: var(--s-body-text-warning-light);
	border: 1px solid var(--s-body-border);
	border-radius: 5px;
	padding: 10px;
	cursor: pointer;
}

.relate-message-box-close {
	position: relative;
	float: right;
	width: 7px;
	height: 7px;
	color: var(--s-body-text-disabled-secondary);
	font-weight: var(--s-fw-bold);
}

	.relate-message-box-close i {
		color: var(--s-body-text-warning-light);
	}

		.relate-message-box-close i:hover {
			color: var(--s-body-text-warning-light);
		}

.rlthorizontal-tab-outer {
	height: auto;
	width: 100%;
	position: relative;
	margin: 0px 0 15px 0;
	background-color: var(--s-edit-body-background);
	border-radius: 0 0 5px 5px;
	border: 1px solid var(--s-edit-body-border);
	float: left;
	padding: 40px;
}

.rlthorizontal-tab-wrapper {
	list-style: none;
	margin-bottom: 8px;
}

.rltvertical-tab-container {
	/* border: 1px solid var(--s-body-border); */
	float: left;
	position: relative;
	width: 100%;
	border-radius: 0 0 5px 5px;
	padding: 20px;
}

.rlthorizontal-tab-body {
	width: 100%;
	float: left;
	border-top: 0;
	position: relative;
	border: 1px solid var(--s-edit-body-border);
	border-radius: 0 0 5px 5px;
	padding: 20px;
}

.rlthorizontal-tab-wrapper li {
	float: left;
	font-weight: var(--s-fw-bold);
	/* width: 100%; */
	font-size: var(--s-fs-default);
	margin: 0;
	text-transform: none;
	letter-spacing: 0px;
}

	.rlthorizontal-tab-wrapper li a {
		display: block;
		font-weight: var(--s-fw-bolder);
		line-height: var(--s-lh-lg);
		text-decoration: none;
		color: var(--s-edit-tab-text);
		padding: 6px 18px 6px 17px;
		background: var(--s-edit-tab-background);
		border: 1px solid var(--s-edit-tab-border);
		/* width: 133px; */
		text-shadow: 0 1px 0 white;
		border-radius: 10px 10px 0 0;
		font-size: var(--s-fs-medium);
		text-align: center;
		/* border-bottom: none; */
		margin-bottom: -1px;
		position: relative;
		border-bottom: 0;
		letter-spacing: 0;
	}

	.rlthorizontal-tab-wrapper li:last-child a {
		padding: 6px 19px 6px 19px;
	}

	.rlthorizontal-tab-wrapper li:last-child a {
		padding: 6px 19px 6px 19px;
	}

	.rlthorizontal-tab-wrapper li a:hover {
		color: var(--s-edit-tab-active-text);
	}

	.rlthorizontal-tab-wrapper li.active a {
		color: var(--s-edit-tab-active-text);
		border-bottom: 0;
		z-index: 100;
		border-radius: 10px 0px 0 0;
		display: block;
		line-height: var(--s-lh-lg);
		text-decoration: none;
		padding: 6px 18px 6px 17px;
		background: var(--s-edit-tab-active-background);
		border: 1px solid var(--s-edit-tab-active-border);
		/* width: 133px; */
		text-shadow: 0 1px 0 white;
		border-radius: 10px 10px 0 0;
		font-size: var(--s-fs-medium);
		font-weight: var(--s-fw-bolder);
		text-align: center;
		/* border-bottom: none; */
		margin-bottom: -1px;
		position: relative;
		border-bottom: 0;
		letter-spacing: 0;
		box-shadow: none;
	}

		.rlthorizontal-tab-wrapper li.active a::before {
			content: "";
			position: absolute;
			top: -1px;
			right: -1px;
			border-top: 14px solid var(--s-edit-body-background);
			border-left: 18px solid var(--s-edit-tab-active-border);
			width: 0;
		}

.rlthorizontal-tab-body > .rlthorizontal-tab-container {
	line-height: var(--s-lh-btn);
	padding: 0;
	border-radius: 5px;
	color: var(--s-edit-tab-text);
	/* float: left; */
	width: 100%;
	height: auto; /*add on 08-06-2017*/
}

.rlthorizontal-tab-body h4 {
	margin-bottom: 5px;
}

.accordion .rltcheckbox input[type="checkbox"] {
	display: none;
}

.accordion .rltcheckbox .rltcheckbox:before {
	margin-right: 6px;
}

.accordion .rltcheckbox input[type="checkbox"]:checked + .rltcheckbox:before {
	content: "\f00c";
	font-family: var(--s-icon-font);
	font-size: var(--s-fs-x-large);
	font-weight: normal;
}

/*vertical tab control start here*/

.rlttotaldiv {
	background-color: var(--s-body-background-lighter);
	border: 1px solid var(--s-body-border);
	width: 213px;
	border-radius: 0 0 5px 5px;
	margin: 0 9px 10px 0;
	height: 310px;
	float: left;
}

	.rlttotaldiv:last-child {
		margin-right: 0px;
	}

	.rlttotaldiv .headerpart {
		position: relative;
		border-bottom: 1px solid var(--s-body-border);
		float: left;
		width: 100%;
	}

		.rlttotaldiv .headerpart h3 {
			color: var(--s-body-text-link-primary);
			font-size: var(--s-fs-large);
			font-weight: var(--s-fw-bolder);
			margin: 0;
			float: left;
			padding: 8px 0 7px 16px !important;
		}

		.rlttotaldiv .headerpart a {
			padding: 5px 8px;
			float: right;
			position: relative;
			border-left: 1px solid var(--s-body-border);
			color: var(--s-body-text-disabled-secondary);
			font-size: var(--s-fs-large);
		}

			.rlttotaldiv .headerpart a:hover {
			}

			.rlttotaldiv .headerpart a:focus {
				transition: all 0.2s;
				background: var( --s-body-background-secondary);
				border-color: var(--s-body-border-secondary);
				color: var(--s-body-text-lighter);
				border-radius: 0 5px 0 0;
			}

	.rlttotaldiv .middlepart {
		padding-bottom: 2px;
		position: relative;
		float: left;
		font-size: var(--s-fs-medium);
		width: 100%;
		padding: 10px 20px 10px 20px;
	}

		.rlttotaldiv .middlepart ul {
			position: relative;
			float: left;
			padding: 15px;
		}

			.rlttotaldiv .middlepart ul li {
				border-bottom: 1px solid var(--s-body-border);
				padding: 5px 0;
				width: 100%;
				float: left;
			}

				.rlttotaldiv .middlepart ul li a {
					text-align: right;
					color: var(--s-body-text-link-primary);
					position: relative;
					float: right;
				}

				.rlttotaldiv .middlepart ul li:last-child {
					border-bottom: none;
					font-weight: var(--s-fw-bold);
				}

					.rlttotaldiv .middlepart ul li:last-child a {
					}

		.rlttotaldiv .middlepart table {
			position: relative;
			float: left;
			padding: 15px;
		}

			.rlttotaldiv .middlepart table tr td.nextclumn {
				text-align: right;
				color: var(--s-body-text-link-primary);
				position: relative;
				float: right;
			}

				.rlttotaldiv .middlepart table tr td.nextclumn a {
					color: var(--s-body-text-link-primary);
				}

					.rlttotaldiv .middlepart table tr td.nextclumn a:hover {
						color: var(--s-body-text-link-dark);
					}

			.rlttotaldiv .middlepart table tr td {
				position: relative;
				float: left;
				padding: 0;
			}

			.rlttotaldiv .middlepart table tr {
				border-bottom: 1px solid var(--s-body-border);
				padding: 5px 0;
				width: 100%;
				float: left;
			}

		.rlttotaldiv .middlepart tr:last-child {
			border-bottom: none;
			font-weight: var(--s-fw-bold);
		}

/*popover css start here*/
.rltpopover-container {
	display: none;
}

.rltpopover-content {
	padding: 0;
}

	.rltpopover-content ul {
		margin: 0 !important;
		padding: 0 !important;
	}

		.rltpopover-content ul li {
			margin: 0 !important;
			padding: 4px 15px !important;
			border-bottom: 1px solid var(--s-body-border);
		}

			.rltpopover-content ul li:hover {
				background: var(--s-body-background);
			}

			.rltpopover-content ul li a {
				background: none !important;
				padding: 10px 2px !important;
				float: none !important;
				position: relative;
				border-left: none !important;
			}

			.rltpopover-content ul li:last-child {
				border-bottom: none;
			}

				.rltpopover-content ul li:last-child a {
					color: var(--s-body-text-danger) !important
				}

/*popover css end here*/


/*css start for chart div*/

.chartarea {
	width: 100%;
	padding: 0;
	margin: 10px 0 0px 0;
	position: relative;
	float: left;
}

	.chartarea .chartdiv {
		background-color: var(--s-body-background-lighter);
		border: 1px solid var(--s-body-border);
		width: 450px;
		float: left;
		border-radius: 5px;
		margin-right: 9px;
	}

		.chartarea .chartdiv:last-child {
			margin-right: 0px;
		}

		.chartarea .chartdiv .headerpart {
			position: relative;
			border-bottom: 1px solid var(--s-body-border);
			float: left;
			width: 100%;
		}

			.chartarea .chartdiv .headerpart h3 {
				color: var(--s-body-text-link-primary);
				font-size: var(--s-fs-default);
				font-weight: var(--s-fw-bolder);
				margin: 0;
				float: left;
				padding: 8px 0 0 14px;
			}

			.chartarea .chartdiv .headerpart a {
				padding: 5px 8px;
				float: right;
				position: relative;
				border-left: 1px solid var(--s-body-border);
				color: var(--s-body-text-disabled-secondary);
				font-size: var(--s-fs-large);
			}

				.chartarea .chartdiv .headerpart a:hover {
				}

			.chartarea .chartdiv .headerpart a {
			}

				.chartarea .chartdiv .headerpart a:hover {
				}

		.chartarea .chartdiv .middlepart {
			padding-bottom: 2px;
			display: table;
		}

	.chartarea .totaldiv {
		background-color: var(--s-body-background-lighter);
		border: 1px solid var(--s-body-border);
		width: 296px;
		float: left;
		border-radius: 0 0 5px 5px;
		margin: 0 10px 10px 0;
		height: 310px;
	}

		.chartarea .totaldiv:last-child {
			margin-right: 0px;
		}

		.chartarea .totaldiv .headerpart {
			position: relative;
			border-bottom: 1px solid var(--s-body-border);
			float: left;
			width: 100%;
		}

			.chartarea .totaldiv .headerpart h3 {
				color: var(--s-body-text-link-primary);
				font-size: var(--s-fs-default);
				font-weight: var(--s-fw-bolder);
				margin: 0;
				float: left;
				padding: 8px 0 0 14px;
			}

			.chartarea .totaldiv .headerpart a {
				background: url(../img/settings-work-tool.png) center no-repeat;
				padding: 15px;
				float: right;
				position: relative;
				border-left: 1px solid var(--s-body-border);
			}

				.chartarea .totaldiv .headerpart a:hover {
					background: var(--s-body-background-lighter) url(../img/settings-work-tool.png) center no-repeat;
				}

		.chartarea .totaldiv .middlepart {
			padding-bottom: 2px;
			padding: 15px 30px 5px 30px;
			position: relative;
			float: left;
			font-size: var(--s-fs-medium);
			width: 100%;
		}

			.chartarea .totaldiv .middlepart ul {
				position: relative;
				float: left;
				width: 100%;
			}

				.chartarea .totaldiv .middlepart ul li {
					border-bottom: 1px solid var(--s-body-border);
					padding: 5px 0;
				}

					.chartarea .totaldiv .middlepart ul li a {
						text-align: right;
						color: var(--s-body-text-link-primary);
						position: relative;
						float: right;
					}

					.chartarea .totaldiv .middlepart ul li:last-child {
						border-bottom: none;
						font-weight: var(--s-fw-bold);
					}

						.chartarea .totaldiv .middlepart ul li:last-child a {
						}

.rltlegend-doughnut {
	line-height: var(--s-lh-sm);
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
}

	.rltlegend-doughnut ul {
		width: 150px;
		position: relative;
		float: left;
		font-size: var(--s-fs-medium);
		margin-left: 20px;
	}

		.rltlegend-doughnut ul li {
			margin-bottom: 10px;
			float: left;
			position: relative;
			display: table;
		}

			.rltlegend-doughnut ul li:last-child {
				margin-bottom: 0px;
			}

			.rltlegend-doughnut ul li span {
				width: 14px;
				height: 14px;
				position: relative;
				float: left;
				border-radius: 2px;
			}

			.rltlegend-doughnut ul li h5 {
				font-size: var(--s-fs-default);
				position: relative;
				float: left;
				margin-left: 10px;
			}

				.rltlegend-doughnut ul li h5 span {
					width: 100%;
					float: left;
					font-weight: var(--s-fw-normal);
				}

/*popup css start here*/
.popupbox {
	background: var(--s-popup-overlay-background);
	border-radius: 5px;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

	.popupbox > .popupmodelbox {
		margin: auto;
		width: 480px;
		position: relative;
		border-radius: 5px;
		margin-top: 5%;
		border: 1px solid var(--s-body-border);
	}

		.popupbox > .popupmodelbox h1,
		h2,
		h3,
		h4,
		h5 {
			margin: 0;
			padding: 0;
		}

		.popupbox > .popupmodelbox h5 {
			font-weight: var(--s-fw-bold);
			font-size: var(--s-fs-large);
		}

		.popupbox > .popupmodelbox > .popheaderpart {
			background: var(--s-popup-header-footer-background);
			border-bottom: 1px solid var(--s-popup-border);
			padding: 15px;
			border-radius: 5px 5px 0 0;
			float: left;
			width: 100%;
		}

			.popupbox > .popupmodelbox > .popheaderpart > .close-button {
				position: absolute;
				right: -15px;
				top: 14px;
				color: var(--s-body-text-disabled-lighter);
				font-size: var(--s-fs-large);
				text-decoration: none;
				font-weight: var(--s-fw-bold);
			}

				.popupbox > .popupmodelbox > .popheaderpart > .close-button:hover {
				}

		.popupbox > .popupmodelbox > .popmiddlepart {
			background: var(--s-body-background-lighter);
			padding: 15px 15px 5px 15px;
			float: left;
			width: 100%;
		}

			.popupbox > .popupmodelbox > .popmiddlepart > .tablediv {
				background: var(--s-body-background-lighter);
				border: 1px solid var(--s-body-border);
				border-radius: 5px;
				float: left;
				width: 100%;
				margin-top: 20px;
			}

/* For editable dropdown*/
#downarrow {
	position: relative;
	z-index: 1;
	left: -20px !important;
	top: 1px;
	cursor: pointer;
	width: 0;
}

.rltsearchClear {
	padding: 0;
	height: 100%;
	border: 1px solid var(--s-body-border);
	border-radius: 5px;
	background: var(--s-body-background-lighter);
	float: left;
	height: 36px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

	.rltsearchClear:hover {
		border: 1px solid var(--s-component-dropdown-hover-border);
	}

	.rltsearchClear .search-text {
		border: none;
		width: 148px;
		height: 100%;
		margin: 0;
		display: inline-block;
		border-radius: 5px;
		float: left;
		color: var(--s-body-text-dark);
		background: none;
		padding-right: 4px;
		box-shadow: none;
	}

		.rltsearchClear .search-text:focus {
			border: none !important;
		}

	.rltsearchClear .rltClear {
		height: 18px;
		width: 20px;
		margin: 0;
		float: left;
		display: block;
		border: 0;
		margin-top: 8px;
		padding: 1px 0 0 0;
		background: none;
		font-size: var(--s-fs-medium);
		font-weight: var(--s-fw-normal);
		color: var(--s-body-text-lighter);
		border-right: 1px solid var(--s-body-border);
		text-align: center;
		color: var(--s-body-text-disabled-secondary);
		cursor: pointer;
	}

		.rltsearchClear .rltClear:before {
			content: "\f00d" !important;
			font-family: var(--s-icon-font);
			position: relative;
			right: 0;
			top: 0;
			display: inline;
			line-height: var(--s-lh-1);
		}

		.rltsearchClear .rltClear:hover {
			color: var(--s-body-text-disabled-secondary);
		}

	.rltsearchClear .rltSearch {
		height: 20px;
		width: 19px;
		margin: 0;
		float: right;
		display: block;
		margin-top: 8px;
		padding: 0 4px;
		position: relative;
		right: 4px;
	}


		.rltsearchClear .rltSearch:before {
			content: "\f002" !important;
			font-family: var(--s-icon-font);
			position: relative;
			top: 0;
			display: inline;
			line-height: var(--s-lh-1);
			color: var(--s-body-text-disabled-secondary);
		}

/*******************************************************
Slider B-flat
*******************************************************/
.checkbox-slider--b-flat {
	position: relative;
	margin-bottom: 5px;
	margin: 0;
	float: right;
}

	.checkbox-slider--b-flat label {
		width: auto !important;
	}

	.checkbox-slider--b-flat input {
		display: block;
		position: absolute;
		top: 0px;
		right: 0;
		bottom: 0;
		left: 0;
		width: 0%;
		height: 0%;
		margin: 0 0;
		cursor: pointer;
		opacity: 0;
	}

		.checkbox-slider--b-flat input + span {
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

			.checkbox-slider--b-flat input + span:before {
				position: absolute;
				left: -2px;
				display: inline-block;
			}

			.checkbox-slider--b-flat input + span > h4 {
				display: inline;
			}

		.checkbox-slider--b-flat input + span {
			padding-left: 40px;
		}

			.checkbox-slider--b-flat input + span:before {
				content: "";
				height: 20px;
				width: 96px;
				transition: background 0.2s ease-out;
				/* border: 1px solid var(--s-body-border); */
				top: -2px;
				background: var(--bright-cool-gray-03);
			}

			.checkbox-slider--b-flat input + span:after {
				width: 10px;
				height: 12px;
				position: absolute;
				left: 0;
				top: 0px;
				display: block;
				background: var(--s-body-background-lighter);
				transition: margin-left 0.1s ease-in-out;
				text-align: center;
				font-weight: var(--s-fw-bold);
				content: "";
			}

		.checkbox-slider--b-flat input:checked + span:after {
			content: "";
		}

		.checkbox-slider--b-flat input:checked + span:before {
			transition: background 0.2s ease-in;
		}

		.checkbox-slider--b-flat input + span {
			padding-left: 25px;
			text-transform: none;
			letter-spacing: 0;
			font-size: var(--s-fs-default);
			font-weight: var(--s-fw-bold);
		}

			.checkbox-slider--b-flat input + span:before {
				border-radius: 20px;
				width: 40px;
				top: 2px;
			}

			.checkbox-slider--b-flat input + span:after {
				background: var(--s-body-background-lighter);
				content: "";
				width: 12px;
				border: solid transparent 2px;
				border-radius: 20px;
				left: 1px;
				top: 6px;
				display: inline-block;
			}

		.checkbox-slider--b-flat input:not(:checked) + span:after {
			-webkit-animation: popOut ease-in 0.3s normal;
			animation: popOut ease-in 0.3s normal;
		}

		.checkbox-slider--b-flat input:checked + span:after {
			content: "";
			margin-left: 22px;
			-webkit-animation: popIn ease-in 0.3s normal;
			animation: popIn ease-in 0.3s normal;
			border: 1px solid var(--s-body-border-link-primary);
			border: solid transparent 2px;
			top: 6px;
		}

		.checkbox-slider--b-flat input:checked + span:before {
			background: var(--bright-blue-04);
			/* border: 1px solid var(
			--s-body-border-link-primary); */
			top: 2px;
		}

	.checkbox-slider--b-flat.checkbox-slider-md input + span:before {
		border-radius: 30px;
	}

	.checkbox-slider--b-flat.checkbox-slider-md input + span:after {
		border-radius: 30px;
	}

	.checkbox-slider--b-flat.checkbox-slider-lg input + span:before {
		border-radius: 40px;
	}

	.checkbox-slider--b-flat.checkbox-slider-lg input + span:after {
		border-radius: 40px;
	}

	.checkbox-slider--b-flat input + span:before {
		box-shadow: none;
	}

/*#####*/
.checkbox-slider-info.checkbox-slider--b input:checked + span:before,
.checkbox-slider-info.checkbox-slider--b-flat input:checked + span:before,
.checkbox-slider-info.checkbox-slider--c input:checked + span:before,
.checkbox-slider-info.checkbox-slider--c-weight input:checked + span:before {
	background: var(--s-body-background-link-light);
}

.checkbox-slider-warning.checkbox-slider--b input:checked + span:before,
.checkbox-slider-warning.checkbox-slider--b-flat input:checked + span:before,
.checkbox-slider-warning.checkbox-slider--c input:checked + span:before,
.checkbox-slider-warning.checkbox-slider--c-weight input:checked + span:before {
	background: var(--s-body-background-warning-light);
}

.checkbox-slider-danger.checkbox-slider--b input:checked + span:before,
.checkbox-slider-danger.checkbox-slider--b-flat input:checked + span:before,
.checkbox-slider-danger.checkbox-slider--c input:checked + span:before,
.checkbox-slider-danger.checkbox-slider--c-weight input:checked + span:before {
	background: var(--s-body-background-danger);
}

/*Focus checkbox*/
.rltcheckbox [type="checkbox"]:focus:not(:checked) + label:before,
[type="checkbox"]:focus:checked + label:before {
	border-color: var(--s-body-border-link-primary);
}

/* Popover */
.popover {
	font-size: var(--s-fs-medium) !important;
}

.invoiceWrapper .panel .detailsdv .detaildvcell .rlthorizontal-tab-outer {
	position: relative;
	width: 100%;
	border: none;
	padding: 0;
	box-shadow: none;
}

	.invoiceWrapper .panel .detailsdv .detaildvcell .rlthorizontal-tab-outer .rlthorizontal-tab-wrapper {
		list-style: none;
		height: 30px;
		margin-bottom: 13px;
	}

		.invoiceWrapper .panel .detailsdv .detaildvcell .rlthorizontal-tab-outer .rlthorizontal-tab-wrapper li {
			margin: 0px 10px 0px 0px;
			float: left;
			text-transform: uppercase;
			cursor: pointer;
		}


			.invoiceWrapper .panel .detailsdv .detaildvcell .rlthorizontal-tab-outer .rlthorizontal-tab-wrapper li.active a,
			.invoiceWrapper .panel .detailsdv .detaildvcell .rlthorizontal-tab-outer .rlthorizontal-tab-wrapper li.active a::before {
				border: none;
				padding: 6px 5px;
				letter-spacing: 1px;
				font-size: var(--s-fs-x-small);
			}

			.invoiceWrapper .panel .detailsdv .detaildvcell .rlthorizontal-tab-outer .rlthorizontal-tab-wrapper li:last-child a {
				background: none;
				border: none;
				color: var(--s-body-text-disabled-secondary);
				font-size: var(--s-fs-x-small);
			}


	.invoiceWrapper .panel .detailsdv .detaildvcell .rlthorizontal-tab-outer .rlthorizontal-tab-body {
		border: none;
		padding: 0px;
	}


.validatearea,
.diverrorpanelserver > *:first-of-type {
	width: 100% !important;
	padding: 10px;
	border-radius: 5px;
	font-weight: var(--s-fw-bold);
	position: relative;
	z-index: 1;
	margin: 0 0 10px 0 !important;
	float: left;
}

.diverrorpanelserver {
	float: left;
	width: 100% !important;
	position: relative;
	color: var(--bright-orange-04) !important;
	margin-top: 4px;
}

	.diverrorpanelserver ul {
		top: 0 !important;
		color: var(--bright-orange-04) !important;
	}
.brightInput .diverrorpanelserver ul li:hover,
.brightInput .diverrorpanelserver p:hover {
	color: var(--bright-orange-04) !important;
}

	.diverrorpanelserver > *:first-of-type {
		margin-bottom: 0 !important;
	}

.validWidthFix {
	width: 1% !important;
	width: 98%;
}



.sectionHeading,
.fullWidth .sectionHeading,
#lightbox .sectionHeading,
#lightbox .gridHeader,
#frm_reportselection .gridHeader,
.popheaderpart1 {
	border-bottom: 1px solid var(--s-popup-border) !important;
	background: var(--s-popup-header-footer-background) !important;
	width: 100% !important;
	padding: 15px !important;
	border-radius: 5px 5px 0 0 !important;
	font-size: var(--s-fs-large) !important;
	font-weight: var(--s-fw-bold) !important;
	font-family: tk-museo-sans-n7 !important;
	height: auto !important;
	float: none !important;
	display: block;
}


	#secheading h5,
	#spantext h5,
	.sectionHeading h5,
	.fullWidth .sectionHeading h5,
	#lightbox .sectionHeading h5,
	#lightbox .gridHeader h5,
	#frm_reportselection .gridHeader h5,
	.popheaderpart1 h5 {
		font-size: var(--s-fs-large) !important;
		font-weight: var(--s-fw-bolder) !important;
	}


	.fullWidth .validatearea,
	#lightbox .validatearea,
	#frm_reportselection .validatearea,
	.popheaderpart1 .validatearea,
	.popmiddlepart .validatearea,
	.saContactPickerContainer .validatearea,
	.fullWidth .diverrorpanelserver > *:first-of-type,
	#lightbox .diverrorpanelserver > *:first-of-type,
	#frm_reportselection .diverrorpanelserver > *:first-of-type,
	.popheaderpart1 .diverrorpanelserver > *:first-of-type,
	.popmiddlepart .diverrorpanelserver > *:first-of-type,
	.saContactPickerContainer .diverrorpanelserver > *:first-of-type,
	.fullWidth .bsdiverrorpanel,
	#lightbox .bsdiverrorpanel,
	#frm_reportselection .bsdiverrorpanel,
	.popheaderpart1 .bsdiverrorpanel,
	.popmiddlepart .bsdiverrorpanel,
	.saContactPickerContainer .bsdiverrorpanel {
		width: 96% !important;
		margin: 2% !important;
		padding: 10px;
		border-radius: 5px;
		font-weight: var(--s-fw-bold);
		position: relative;
		z-index: 1;
	}






	.sectionHeading > div span,
	.fullWidth .sectionHeading > div span,
	#lightbox .sectionHeading > div span,
	#lightbox .gridHeader > div span,
	#frm_reportselection .gridHeader > div span,
	.popheaderpart1 > div span {
		display: inline;
		font-size: var(--s-fs-large) !important;
		font-weight: var(--s-fw-bold) !important;
		font-family: tk-museo-sans-n7 !important;
	}




/*.inputGroup .inputName,
.fullWidth .inputName,
#lightbox .inputName,
.saNominalTableContainer1 .inputName {
	width: 100%;
	font-weight: var(--s-fw-bolder) !important;
	text-transform: uppercase;
	font-size: var(--s-fs-x-small) !important;
	color: var(--s-body-text-disabled) !important;
	letter-spacing: 1px !important;
	margin-bottom: 4px !important;
	float: left;
	position: relative;
}*/

.fullWidth .singleColumn,
#lightbox .saContactListFooter,
.saNominalFooter1,
.saContactListFooter,
.popfooterpart,
#lightbox .gridFooter,
.fullWidth .buttonFooter,
#lightbox .saAlertSpecialFooter {
	border-top: 1px solid var(--s-popup-border) !important;
	background: var(--s-popup-header-footer-background) !important;
	width: 100% !important;
	padding: 15px !important;
	border-radius: 0 0 5px 5px !important;
	height: auto !important;
	text-align: right;
	border-bottom: none !important;
	float: left;
	position: relative;
}

#lightbox .saContactListFooter {
	text-align: right !important;
}


.fullWidth .singleColumn .rltbutton,
.saNominalFooter1 .rltbutton,
.popfooterpart .rltbutton,
#lightbox .gridFooter .rltbutton,
.fullWidth .buttonFooter .rltbutton,
saContactListFooter .rltbutton {
	line-height: var(--s-lh-btn) !important;
	padding: 7px 19px !important;
	margin-left: 0px !important;
}


.fullWidth .singleColumn .rltsecndaryBtn,
.saNominalFooter1 .rltsecndaryBtn,
.popfooterpart .rltsecndaryBtn,
#lightbox .gridFooter .rltsecndaryBtn,
.fullWidth .buttonFooter .rltsecndaryBtn,
.saContactListFooter .rltsecndaryBtn {
	line-height: var(--s-lh-btn) !important;
	padding: 7px 19px !important;
	margin: 0px 16px 0 0 !important;
}


.saContactListFooter input[type=button],
.saNominalFooter1 input[type=button],
.popfooterpart input[type=button],
.gridFooter input[type=button],
.buttonFooter input[type=button],
.saContactListFooter input[type=button] {
	margin: 0 0 0 16px !important;
}

/*css for pagination*/

.pagination {
	margin-top: 10px;
}

	.pagination > li > a, .pagination > li > span {
		border-radius: 5px !important;
		margin-left: 10px;
		padding: 9px 12px;
		color: var(--s-body-text-warning-dark);
		background: none;
		border: none;
		font-weight: var(--s-fw-bold);
	}

	.pagination > li:first-child > a, .pagination > li:first-child > span {
		border: 1px solid var(--s-body-border);
		background: var(--s-body-background-lighter);
	}

	.pagination > li.active a {
		border: 1px solid var(--s-body-text-warning-dark);
		background: var(--s-body-border-warning-dark);
	}

	.pagination > li:last-child > a, .pagination > li:last-child > span {
		border: 1px solid var(--s-body-border);
		background: var(--s-body-background-lighter);
		color: var(--s-body-text-link-primary);
	}


/*
#footer {
    background-size: cover;
    
    font-size: var(--s-fs-medium);
    padding: 0 20px;
}

    #footer p {
        position: relative;
    }

        #footer p a {
            
        }

            #footer p a:hover {
                
            }*/



#footer {
	padding: 22px 15px;
	font-size: var(--s-fs-medium);
	font-weight: var(--s-fw-bold);
	height: 62px;
	position: fixed;
	bottom: 0;
	width: 100%;
	min-width: 880px;
	z-index: 1;
}

	#footer p {
		position: relative;
		margin: 0;
	}


.gridAllocate {
	background: var(--s-body-background-link-primary);
	border-radius: 0 0 5px 5px;
	color: var(--s-body-text-lighter);
	float: left;
	border: 1px solid var(--s-body-border-link-primary);
}


.surfThemebuttonFooter .rltsecndaryBtn {
	margin: 0 !important;
}


table thead {
	border-bottom: 1px solid var(--s-body-border)
}

/*.bsntablearea table thead {
	border-bottom: none;
}*/

.fa-search {
	color: var(--s-body-text-disabled-secondary) !important;
}

/*===#divpopupConrl_popupmodelbox {
	 width: 450px !important;  this id is defined at various places, may effect with other popup, need to fix with visual ====
} */





.section-content {
	float: left;
	position: relative;
	display: block;
	width: 100%;
}

	.section-content .subdivOne {
		table-layout: fixed;
		display: table;
		width: 100%;
		margin-bottom: 12px;
	}

		.section-content .subdivOne .informDv {
			display: table-cell;
			vertical-align: middle;
			padding: 0 10px;
			width: 100%;
		}

			.section-content .subdivOne .informDv label {
				letter-spacing: 1.6px;
				text-transform: uppercase;
				font-size: var(--s-fs-x-small);
				width: 100%;
				font-weight: var(--s-fw-bolder);
				margin-bottom: 4px;
			}

			.section-content .subdivOne .informDv h2 {
				position: relative;
				width: 100%;
				font-size: var(--s-fs-small);
				color: var(--s-body-text-disabled-secondary);
				border-bottom: 1px solid var(--s-body-border);
				padding: 4px 0;
				margin: 0;
				text-transform: uppercase;
				font-weight: var(--s-fw-bolder);
			}


			.section-content .subdivOne .informDv hr {
				margin: 0;
				border-bottom: 1px solid var(--s-body-border);
			}

.rltcheckbox > label {
	letter-spacing: inherit !important;
	text-transform: none !important;
	font-size: var(--s-fs-default) !important;
	width: 100%;
	font-weight: var(--s-fw-bold) !important;
}


.saContactListFooterNoBackground {
	background: none !important;
	border: none !important;
	margin: 15px 0 15px 0;
	padding: 0px !important;
}

.redTxt {
	color: var(--s-body-text-danger) !important;
}

#surfOverlay_surfalert {
	background: var(--s-popup-overlay-background) !important;
	opacity: 1 !important;
}


/*.tooltip {
	white-space: nowrap;
	max-width: none;
}*/

/* Tooltip */
.tooltip > .tooltip-inner {
	background: var(--s-body-background-dark);
}
/* Tooltip on top */
.tooltip.top > .tooltip-arrow {
	border-top: 5px solid var(--s-body-border-dark);
}
/* Tooltip on bottom */
.tooltip.bottom > .tooltip-arrow {
	border-bottom: 5px solid var(--s-body-border-dark);
}
/* Tooltip on left */
.tooltip.left > .tooltip-arrow {
	border-left: 5px solid var(--s-body-border-dark);
}
/* Tooltip on right */
.tooltip.right > .tooltip-arrow {
	border-right: 5px solid var(--s-body-border-dark);
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: var(--s-body-border);
}


/* footer*/


.footerdiv {
	display: block;
	width: 960px;
	position: relative;
	bottom: 0px;
	margin-top: 5px;
	height: 3.2em;
	margin-left: auto;
	margin-right: auto;
}

	.footerdiv a {
		color: var(--s-footer-text) !important;
	}

		.footerdiv a:hover {
			color: var(--s-footer-hover) !important;
		}


.lookUpSearch {
	position: relative;
}

	.lookUpSearch > .rltsearchbtn {
		border: none;
		position: absolute;
		right: 0;
		background: none;
	}

.lookupSrchIcoFix {
	display: flex;
	flex-direction: column-reverse;
}

	.lookupSrchIcoFix .rltsearchbtn {
		position: absolute;
		background: none;
		border: none;
		right: 0;
	}

#progressBarContainer > #ProgressBar #PBarContent {
	background: var(--s-body-background-secondary) !important;
	height: 23px;
}


#divisiondelete1,
#divisiondelete3,
#divisiondelete2,
#subdivisiondelete1,
#subdivisiondelete2 {
	/*color: var(--s-browse-action-menu-text-danger)!important;*/
}


	#divisiondelete1:hover,
	#divisiondelete3:hover,
	#divisiondelete2:hover,
	#subdivisiondelete1:hover,
	#subdivisiondelete2:hover {
		/*color: var(--s-browse-action-menu-text-danger)!important;*/
	}



#cboFromPeriod > .select-x-button-down,
#cboToPeriod > .select-x-button-down {
	background: var(--s-body-container-background) !important;
}

	#cboFromPeriod > .select-x-button-down > span,
	#cboToPeriod > .select-x-button-down > span {
		padding-right: 10px;
	}


#cboFromPeriod > #cboFromPeriod_Contener,
#cboToPeriod > #cboToPeriod_Contener {
	min-width: 100px;
}

#filteradvanced {
	margin-right: 10px !important;
}


.fullWidth .singleColumn input[value="Manually Adjust"] {
	margin-right: 10px !important;
}


#editableGrid > tbody tr.gridSelectedRow {
	background-color: var(--s-body-background-lighter) !important;
}


.saNominalContainer1 #NominalComboTable tbody td:nth-child(2) {
	word-break: break-all;
	min-width: 150px !important;
}

.select-x ul li:focus {
	color: var(--s-component-dropdown-item-color);
	background: var(--s-component-dropdown-item-hover);
}


#sadj_productSearchDiv_popupmodelbox > .popmiddlepart > div {
	display: flex;
	position: relative;
	float: left;
}

	#sadj_productSearchDiv_popupmodelbox > .popmiddlepart > div #sadj_productSearchDiv_searchbox {
		width: 522px !important;
	}

.productSearchDivPopup #popupcontactSearchButtonDiv {
	top: 19px !important;
	right: 10px !important;
}