@import url(site-forms.css);
@import url(site-grids.css);

/*@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/pts55f-webfont.eot');
    src: url('fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pts55f-webfont.woff') format('woff'), url('fonts/pts55f-webfont.ttf') format('truetype'), url('fonts/pts55f-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansbold';
    src: url('fonts/pts75f-webfont.eot');
    src: url('fonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pts75f-webfont.woff') format('woff'), url('fonts/pts75f-webfont.ttf') format('truetype'), url('fonts/pts75f-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900&display=swap");
@import url("fonts/glyphs/KendoUIGlyphs.ttf");

/*Fonts*/
@font-face {
	font-family: 'Roboto-Black';
	src: url('fonts/Roboto/Roboto-Black.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Roboto-Bold';
	src: url('fonts/Roboto/Roboto-Bold.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Roboto-Medium';
	src: url('fonts/Roboto/Roboto-Medium.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Roboto-Light';
	src: url('fonts/Roboto/Roboto-Light.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto/Roboto-Regular.ttf');
	font-weight: normal;
}

body {
	margin: 0px;
	font-size: 100%;
	vertical-align: baseline;
	line-height: 1.6em;
	font-size: 0.8em;
	overflow-y: scroll;
	height: 100%;
	background-color: #ffffff;
}

img {
	border-width: 0px;
}

td, div, p, input, select, textarea, span {
	color: #3d4a69;
	line-height: 19px;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
}

table {
	font-family: 'Roboto', sans-serif;
}

.formField label {
	font-weight: 700;
	display: block;
	padding-bottom: 5px;
	font-size: 11px;
	color: #3d4a69;
}

.formField textarea.disabled {
	color: #888;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #2f48b2;
}

a:hover {
	text-decoration: underline;
	color: #235bb4;
}

:focus {
	outline: none;
}

h1, h2, h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 1.1em;
}

h2 {
	font-size: 1em;
	margin: 0 0 0.9em 0;
}

.desktop-only {
	/* HINT: Use this placeholder to handle desktop specific styling */
}

.touch-only {
	display: none !important;
}

.webTitle {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 18px;
	margin-top: 10px;
	clear: both;
	color: #333333;
	padding-bottom: 8px;
	cursor:default;
}

.underline {
	border-bottom: 1px solid #e7e7e7;
}

.contentWrapper, .footer span {
	margin: 0 auto;
}

.header > div {
	position: relative;
}

.headerWrapper {
	width: 100%;
	top: 0px;
	background-color: #ffffff;
}

.header {
	border-bottom: 0px solid #608ecb;
	margin-bottom: 1px;
	min-width: 980px;
	background-color: #ffffff;
	margin: 0;
	min-height: 125px;
	width: 100%;
}

.loginPage {
	width: 980px;
	margin: 0 auto;
}

.borderless {
	border-bottom: 0px solid !important;
}

.alignTop {
	vertical-align: top;
}

.midImage {
	text-align: center;
	height: 383px;
	margin: 0 5%;
	background-color: white;
	min-width: 980px;
}

.midImageSmall {
	text-align: center;
	height: 20px;
	background-color: #3f6ca5;
}

.midImageWrapper {
	background-color: white;
	background-image: none;
	padding-top: 5px;
	clear: both;
	margin-top: -15px;
}

.firstCol {
	margin-right: 30px !important;
}

.secondCol {
	margin-right: 15px !important;
	margin-left: 15px !important;
}

.thirdCol {
	margin-left: 30px !important;
}

.normalFont {
	font-size: 1em;
}

.horView {
	margin: 0px;
	padding: 0px;
}

	.horView li {
		display: inline-block;
		float: left;
		margin: 8px;
		box-shadow: 0px 0px 30px 3px #f5f5f5;
	}

.contentPane {
	padding: 0px 60px;
	margin: 0px;
}

.landing-text {
	padding-top: 12%;
	padding-left: 10%;
	padding-right: 10%;
	margin-bottom: 20px;
	text-align: left;
}

.footer {
	padding: 65px 0px;
	padding-bottom: 0px;
	margin: 0px 60px;
	margin-top: 120px;
}

	.footer span {
		display: block;
		line-height: 1.7em;
		color: #f1eeee !important;
		font-size: 0.98em;
		margin: 0px;
	}

.footerWrapper {
	clear: both;
	background-image: url(Images/web/footer.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	cursor:default;
}

.footer-content {
	color: white;
	padding-top: 70px;
	padding-bottom: 30px;
}

	.footer-content .left-section, .footer-content .right-section {
		margin-right: 50px;
		display: inline-block;
		vertical-align: top;
	}

		.footer-content .left-section div, .footer-content .right-section div {
			color: white;
		}

.paddingBottomLg {
	padding-bottom: 165px;
}

.footer-title {
	font-size: 16px;
	font-weight: 600;
}

.footer-cr-section {
	color: white;
	background: #0f3692;
	text-align: center;
	padding: 12px 54px;
}

.copyRightText {
	color: white;
}

.footer-icons img {
	margin-top: 5px;
	width: 24px;
	margin-right: 5px;
}

.paddingBottomLg {
	padding-bottom: 165px;
}

.w-100 {
	width: 100%;
}

.loginPanel {
	float: right;
	width: 100%;
}

.loginPage-content {
	width: inherit;
	margin: 0 auto;
}

.loginControll {
	float: right;
}

	.loginControll td {
		font: bold 12px 'Roboto';
		padding: 0.2em 0 0.5em 1.5em;
	}

		.loginControll td input[type=text], .loginControll td input[type=password] {
			font: bold 12px 'Roboto';
			height: 24px !important;
		}

		.loginControll td .btnGenaral {
			padding: 4px 10px 6px 10px;
			margin: 0px -1px 0px 0px;
		}

/*-------------------------button Stylings-------------------------*/

.btnGenaral {
	background-color: #1548be !important;
	color: #ffffff !important;
	font-family: 'Roboto-Medium' !important;
	border: 1px solid #1548be !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 3px 12px;
	-webkit-appearance: none;
	font-size: 12px !important;
}

	.btnGenaral.k-button {
		background-color: #1548be !important;
		color: #ffffff !important;
		font-family: 'Roboto-Medium';
		border: 1px solid #1548be !important;
		-moz-border-radius: 2px !important;
		-webkit-border-radius: 2px !important;
		border-radius: 2px !important;
		cursor: pointer;
		background-image: none !important;
		padding: 3px 12px;
		-webkit-appearance: none;
		font-size: 12px !important;
	}

		.btnGenaral.k-button:hover, .btnGenaral:hover {
			background-color: #1548be !important;
			color: #ffffff !important;
			font-family: 'Roboto-Medium';
			border: 1px solid #1548be !important;
			-moz-border-radius: 2px !important;
			-webkit-border-radius: 2px !important;
			border-radius: 2px !important;
			cursor: pointer;
			background-image: none !important;
			padding: 3px 12px;
			font-size: 12px !important;
		}

	.btnGenaral:disabled, .k-button:disabled {
		background-color: #e2e2e2 !important;
		border: 1px solid #e2e2e2 !important;
		color: #adadad !important;
		cursor: default !important;
		font-size: 12px !important;
	}

	.btnGenaral.k-button[disabled]:hover, .btnGenaral[disabled]:hover {
		background-color: #e2e2e2 !important;
		border: 1px solid #e2e2e2 !important;
		color: #adadad !important;
	}

.btnGenaral-lg.k-button, .btnGenaral-lg {
	background-color: #1548be !important;
	color: #ffffff !important;
	font-family: 'Roboto-Medium' !important;
	border: 1px solid #1548be !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 12px 20px;
	-webkit-appearance: none;
	font-size: 12px !important;
}

.btnSecondary.k-button, .btnSecondary, btnSecondary.k-button:hover, btnSecondary:hover {
	background-color: #ffffff !important;
	color: #1548be !important;
	font-family: 'Roboto-Medium' !important;
	border: 1px solid #1548be !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 3px 12px;
	-webkit-appearance: none;
	font-size: 12px !important;
}

.btnAdditional.k-button, .btnAdditional {
	background-color: #ffffff !important;
	color: #1548be !important;
	font-family: 'Roboto-Medium';
	border: 1px solid #1548be;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 3px 12px;
	font-size: 12px !important;
}

.btnProceed.k-button {
	background-color: #34be79 !important;
	color: #ffffff !important;
	font-family: 'Roboto-Medium';
	border: 1px solid #34be79;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 3px 12px;
	-webkit-appearance: none;
	font-size: 12px !important;
}

.btnProceed:disabled, .k-button:disabled {
	background-color: #e2e2e2 !important;
	border: 1px solid #e2e2e2 !important;
	color: #adadad !important;
	cursor: default !important;
	background-image: none !important;
}

.btnDanger {
	background-color: #eb5d5d !important;
	color: #ffffff !important;
	font-family: 'Roboto-Medium';
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	cursor: pointer;
	border: 1px solid #eb5d5d;
	background-image: none !important;
	padding: 3px 12px;
	-webkit-appearance: none;
	font-size: 12px !important;
}

	.btnDanger:disabled, .k-button:disabled {
		background-color: #e2e2e2 !important;
		border: 1px solid #e2e2e2 !important;
		color: #adadad !important;
		cursor: default !important;
		background-image: none !important;
	}

.btnProceedSecondary, .btnProceedSecondary.k-button {
	background-color: #ffffff !important;
	color: #34be79 !important;
	font-family: 'Roboto-Medium';
	border: 1px solid #34be79;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 3px 12px;
	font-size: 12px !important;
}

.btnReject {
	background-color: #f19a00 !important;
	font-family: 'Roboto-Medium';
	border: 1px solid #f19a00;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 3px 12px;
	color: #ffffff;
	font-size: 12px !important;
}

	.btnReject:disabled, .k-button:disabled {
		background-color: #e2e2e2 !important;
		border: 1px solid #e2e2e2 !important;
		color: #adadad !important;
		cursor: default !important;
		background-image: none !important;
	}

	.btnReject:hover {
		color: #ffffff;
		border: 1px solid #e27901;
	}

.btnRejectSecondary {
	background-color: #ffffff !important;
	font-family: 'Roboto-Medium';
	border: 1px solid #f19a00;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 3px 12px;
	color: #f19a00;
	font-size: 12px !important;
}

	.btnRejectSecondary:disabled, .k-button:disabled {
		background-color: #eaeaea !important;
		border: 1px solid #eaeaea !important;
		color: #818181 !important;
		cursor: default !important;
		background-image: none !important;
	}

.btnBorderPrimary {
	background-color: white !important;
	border: 1px solid #1548be !important;
	color: #1548be !important;
	border-radius: 4px !important;
}

.btn-borderless {
	border: none !important;
	font-weight: bold !important;
}

.btn-danger-light, .btn-danger-light.k-button {
	background-color: #ffffff !important;
	color: #eb5d5d !important;
	font-family: 'Roboto-Medium';
	border: 1px solid #eb5d5d !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 3px 12px;
}

	.btn-danger-light:disabled, .k-button:disabled {
		background-color: #e2e2e2 !important;
		border: 1px solid #e2e2e2 !important;
		color: #adadad !important;
		cursor: default !important;
		background-image: none !important;
	}

.k-button.k-state-focused, .k-button.k-state-focused.k-state-disabled, .k-button:focus, .k-button:focus:hover, .k-state-disabled .k-button.k-state-focused {
	box-shadow: none !important;
}

.btn-success {
	background-color: #34be79 !important;
	color: #ffffff !important;
	font-family: 'Roboto-Medium';
	border: 1px solid #34be79 !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 3px 12px;
	-webkit-appearance: none;
	font-size: 12px !important;
}

	.btn-success:disabled, .k-button:disabled {
		background-color: #e2e2e2 !important;
		border: 1px solid #e2e2e2 !important;
		color: #727272 !important;
		cursor: default !important;
		font-size: 12px !important;
	}

#unitNameSpan {
	font-size: 0.85em;
}

.center-btn-panel {
	text-align: center;
	margin: 15px auto;
}

.k-button:focus {
	box-shadow: 0 0 2px 1px #e9effb;
}


/*--------label styles-------*/

.label-danger {
	background: #eb5d5d;
	color: white;
	padding: 0px 10px;
	font-size: 9px;
	border-radius: 2px;
	font-weight: 500;
	line-height: 1.8;
	text-transform: uppercase;
}

.label-success {
	background: #5cb65c;
	color: white;
	padding: 2px 10px;
	font-size: 9px;
	border-radius: 2px;
	font-weight: 600;
	line-height: 1.8;
	text-transform: uppercase;
}

.label-success-light {
	background: #d7f4e5;
	color: #127f49;
	padding: 2px 10px;
	font-size: 9px;
	border-radius: 2px;
	font-weight: 600;
	line-height: 1.8;
	text-transform: uppercase;
}

.label-warning {
	background: #f19a00;
	color: white;
	padding: 2px 10px;
	font-size: 9px;
	border-radius: 2px;
	font-weight: 600;
	line-height: 1.8;
	text-transform: uppercase;
}

.label-general {
	background: #f0f4ff;
	color: #1548be;
	padding: 2px 10px;
	font-size: 9px;
	border-radius: 2px;
	font-weight: 600;
	line-height: 1.8;
	text-transform: uppercase;
}

.label-default {
	background: #ECECEC;
	color: #172B4D;
	padding: 2px 10px;
	font-size: 9px;
	border-radius: 2px;
	font-weight: 600;
	line-height: 1.8;
	text-transform: uppercase;
}

.label-danger-secondary {
	background: #FDF2F2;
	color: #F41818;
	padding: 2px 10px;
	font-size: 12px;
	border-radius: 2px;
	font-weight: 600;
	line-height: 1.8;
}

/*--------girdSearchPanel-------*/
.girdSearchPanel {
	float: right;
}

	.girdSearchPanel label {
		font: 600 11px 'Roboto';
		cursor: default;
	}

	.girdSearchPanel input {
		font-size: 12px;
		border: 1px solid #f3f3f3;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		margin-left: 5px;
		background-color: #ffffff;
		border-width: 1px !important;
		vertical-align: top;
		padding: 0px 5px;
	}

		.girdSearchPanel input.searchButtonWithText {
			background-image: none;
			cursor: pointer;
			border-width: 0px !important;
			background-color: #1548be;
			box-sizing: border-box;
			border: none !important;
			border-radius: 4px;
			padding: 2px 12px;
			color: white;
			-webkit-appearance: none;
		}

	.girdSearchPanel.firstPanel {
		margin-right: 10px;
		margin-top: -3px;
	}

	.girdSearchPanel input.searchButton {
		background-image: none;
		cursor: pointer;
		border-width: 0px !important;
		background-color: #1548be;
		box-sizing: border-box;
		border: none !important;
		border-radius: 4px;
		padding: 2px 12px;
		color: white;
		-webkit-appearance: none;
		width: 52px;
	}

	.girdSearchPanel .textBox {
		padding: 0px 10px;
	}

.searchButtonWithText {
	background-image: none;
	cursor: pointer;
	border-width: 0px !important;
	background-color: #2574e0;
	box-sizing: border-box;
	border: none !important;
	border-radius: 4px;
	padding: 2px 12px;
	color: white;
	-webkit-appearance: none;
}
/*page body and header*/

.bodyWrapper {
	width: 90%;
	min-width: 980px;
	margin: 112px auto 0px auto;
}

.bodyWrapperInner {
	width: 100%;
	min-width: 980px;
	margin: 167px auto 0px auto;
}

.freeze {
	position: fixed;
	z-index: 1000;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
}


.logo {
	text-align: center;
	background: #1548be;
}

.content {
	padding: 10px 20px;
}

.paddedText {
	padding: 0px 10px;
}

.title {
	font-family: 'Roboto-Bold' !important;
	background: #fafafa;
	color: #1548be;
	padding: 10px 20px;
	margin-bottom: 15px;
	border-radius: 6px;
	font-size: 12px !important;
}

.gridTitle {
	font-size: 14px;
	background: transparent;
	font-family: 'Roboto-Bold';
	color: #121212;
	border-radius: 10px;
	padding: 8px 14px 8px 4px;
	margin-bottom: 5px;
	cursor: default;
}

	.gridTitle span {
		color: #121212;
	}

	.mini-title {
		margin-bottom: 10px;
		font-size: 12px;
		color: #484848;
		font-weight: 600;
	}

.count {
	background: #e0e9ff;
	padding: 2px 10px;
	border-radius: 12px;
	color: #1548be !important;
	font-size: 12px;
	margin-left: 10px;
	font-weight: 600;
}

.count-sm-succees {
	background: #3bbf8f;
	color: white;
	padding: 3px 6px;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 600;
}

.count-sm-all {
	background: #5795e4;
	color: white !important;
	padding: 3px 6px;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 600;
}

.count-sm-todo {
	background: #ffb200;
	color: white;
	padding: 3px 6px;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 600;
}

.count-sm-warning {
	background: #e03029;
	color: white;
	padding: 3px 6px;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 600;
}

.img-icon {
	width: 16px;
	cursor: pointer;
}

.grid-icon {
	width: 16px;
	cursor: pointer;
	padding:2px;
}

.PageNumberText input[type=text] {
	padding: 0px 5px !important;
}

.toolbar {
	padding-top: 4px;
	clear: both;
}

ul.toolbar {
	height: 72px;
	margin-left: -71px;
	position: relative;
	background-color: #ffffff;
	box-shadow: 0 1px 6px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 1px 6px rgba(207, 207, 207, 0.25);
	-moz-box-shadow: 0 1px 6px rgba(207, 207, 207, 0.25);
	padding: 0 15px;
}

.toolbar li {
	padding: 0px 3px;
	max-width: 81px;
	min-width: 54px;
	margin-top: 4px !important;
}

	.toolbar li div:hover {
		text-decoration: none;
		display: inline-block;
		border-width: 0;
	}

	.toolbar li div {
		padding: 1px 5px;
	}

.toolbar .highDefinitionStyling input[type=image] {
	width: 32px;
	margin-top: 4px;
	margin-bottom: 3px;
}

.toolbar input[type=image] {
	width: 32px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #f2f6ff;
	padding: 2px 5px;
	border-radius: 4px;
}

.logoDisplay {
	width: 50px;
	vertical-align: middle;
}

.logoCell {
	width: 60px;
}

.menuCell {
	vertical-align: top;
}

.logoDisplay :focus {
	outline: none;
}

.smallBoldText {
	font: bold 0.9em 'Roboto';
}

.boldText {
	font-weight: 600;
}

.truncate {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}

.log-unit {
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: none;
	right: 5px;
	font-size: 12px;
	top: -8px;
	color: #fff;
	margin-left: 10px;
}

.k-icon {
	color: #707070 !important;
}

	.k-icon.k-i-none {
		display: none;
	}

.k-i-trash {
	font-size: 16px;
	vertical-align: -webkit-baseline-middle;
}

.k-state-default > .k-select {
	background: white;
}

.k-list-scroller {
	background: #fafafa;
}

.userDisplay {
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: right;
}

	.userDisplay #signin-user {
		display: inline-block !important;
		cursor: pointer;
		max-width: 145px;
	}

	.userDisplay .k-icon {
		margin-top: -12px;
		margin-left: 7px;
	}

	.userDisplay .signInUserContainer {
		cursor: pointer;
		color: #ffffff;
		display: inline-block;
	}

	.userDisplay .logoutButton {
		color: white;
		text-decoration: none;
		display: block;
		border-bottom: 1px solid #d3d3d3;
		padding: 8px 12px;
		white-space: nowrap;
	}

.signInUserInfo {
	display: inline-block;
	position: relative;
}

.dropSection {
	border: none;
	background-color: #1548be;
	position: absolute;
	right: -5px;
	display: none;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px 0 rgba(216, 216, 216, 0.3);
	top: 44px;
	z-index: 10007;
	color: white;
	border-radius: 0px 0px 4px 4px;
}

.userDisplay .profileDropdown {
	padding: 8px 12px;
	display: block;
	white-space: nowrap;
	cursor: pointer;
}

.userDisplay .groupLogoContainer {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.truncate.smallBoldText {
	margin: 0px;
}
/*login screen*/
.userLoginCaption {
	background-image: url(Images/userLoginBack.jpg);
	background-repeat: no-repeat;
	width: 122px;
	height: 39px;
	padding: 42px 0px 0px 0px;
	font: bold 10px 'Roboto';
	color: #ffffff;
	background-position: 0px 25px;
	text-align: center;
}

.loginControlPadding {
	padding-top: 36px;
	vertical-align: top;
	padding-left: 12px;
	font: bold 10px 'Roboto';
}

/*filter Styling*/

.filter {
	padding-bottom: 15px;
}

	.filter input {
		display: none;
	}

		.filter input + label {
			display: inline-block;
			width: auto;
			padding: 3px 18px;
			font: bold 11px "Roboto";
			cursor: pointer;
			border-radius: 12px;
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			line-height: 19px;
			background-color: #f4f6f9;
			margin: 0px 2px 5px 0px;
		}

		.filter input:checked + label {
			background-color: #f0f4ff;
			border: none;
			color: #1548be;
			border-radius: 12px;
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			padding: 3px 18px;
		}


/*common widths and paddings*/
.width125 {
	width: 125px;
}

.padding35x2 {
	padding: 0px 35px;
}

/*form elements*/
.txtBox {
	border: 1px solid #c6c6c6;
	padding-left: 2px;
}

.smallTxtBox {
	border: 1px solid #e5e5e5;
	font-size: 11px;
	color: #585858;
	height: 14px;
}


.btnLight {
	background-color: #3b6eb2;
	border: 1px solid #75a7e4;
	color: #ffffff;
}

.no-wrap {
	white-space: nowrap;
}

.formTable td {
	vertical-align: top;
	text-align: left;
}

.ui-widget.ui-widget-content {
	border: 1px solid #ececec !important;
}

.formTable input[type=text], .formTable textarea, formTable input[type=email] {
	border: 1px solid #ececec;
	height: auto !important;
}

.formTable {
	padding: 0px 0px 0px 20px;
}

	.formTable td {
		padding: 0 5px;
		height: 30px !important;
	}
/*popup button panel*/
.btnPanel {
	text-align: right;
	padding: 10px 0px 10px 0px;
}

.popButtonPanel {
	float: right;
	padding: 15px 0px;
}

	.popButtonPanel input {
		display: inline;
	}

	.popButtonPanel button {
		display: inline;
	}

.dialog-response-right {
	padding: 10px 0px;
	text-align: right;
}

	.dialog-response-right input {
		margin-left: 5px;
		text-align: right;
		display: inline-block;
	}


/*menus*/
.leftMenu {
	margin: 0px;
	padding: 0px;
	border: 1px solid #dbdbde;
	border-bottom: 0px solid #dbdbde;
}

	.leftMenu li {
		list-style: none;
	}

		.leftMenu li a:link, .leftMenu li a:visited, .leftMenu li a:active {
			background-image: url(Images/frontPageButtonBack.jpg);
			background-repeat: no-repeat;
			height: 15px;
			width: 123px;
			padding: 7px 5px 6px 25px;
			text-decoration: none;
			color: #333333;
			display: block;
			border-bottom: 1px solid #dbdbde;
		}

		.leftMenu li a:hover {
			background-image: url(Images/frontPageButtonBack_ov.jpg);
			background-repeat: no-repeat;
			height: 15px;
			width: 123px;
			padding: 7px 5px 6px 25px;
			text-decoration: none;
			color: #ffffff;
			display: block;
			border-bottom: 1px solid #dbdbde;
		}

.topMenu {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	background-color: #1548be;
}

	.topMenu li {
		float: left;
		height: 50px;
		cursor: pointer;
		position: relative;
	}

		.topMenu li a {
			display: block;
			padding: 15px 21px;
			text-decoration: none;
			position: fixed;
			right: 0;
			top: 52px;
			z-index: 999;
		}

		.topMenu li:nth-last-child(2) a img {
			margin-top: -3px;
		}

.topMenuHover a {
	background: url(Images/menuHoverBack2.jpg) center top !important;
	color: #ffffff !important;
}

.topMenuSelected a {
	display: block;
	background-color: #1548be;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: 600 !important;
	border-radius: 12px;
	padding: 4px 14px !important;
	margin: 10px 6px !important;
}

.topMenu li span {
	display: block;
	padding: 17px 10px;
	background-color: #1548be;
	color: #ffffff;
	text-decoration: none;
	font-family: Roboto-Medium;
	font-size: 12px;
}

.subMenuContainer {
	position: relative;
	margin-left: -71px;
	z-index: 99;
}

.list-points {
	list-style: square !important;
	padding-left: 12px;
}

#searchBoxParent {
	display: flex;
	padding: 5px;
	background: #f4f8fc;
	border-radius: 4px;
	margin-top: 7px;
}

	#searchBoxParent .languageDropdown {
		width: 80px;
	}

.topMenu li span#searchBoxParent span {
	padding: 0px;
	font-size: 10px;
	background: white;
}

	.topMenu li span#searchBoxParent span.k-dropdown-wrap.k-state-default {
		padding: 4px 0px;
	}

	.topMenu li span#searchBoxParent span.k-icon {
		display: none;
	}

	.topMenuHover span {
		background-color: #074da6 !important;
	}

.topMenuSelected span {
	background-color: white !important;
	color: #1548be !important;
}

.topMenu li .topMenuSelected {
	border-bottom: 3px solid #1548be !important;
}

.topMenu li:nth-last-child(2).topMenuSelected span {
	background-color: #1548be !important;
	color: #1548be !important;
}

	.topMenu li:nth-last-child(2).topMenuSelected span a img {
		margin-top: -14px;
	}

.topSubMenu {
	margin: 0px !important;
	padding: 0px;
	float: left;
	background-color: white;
	width: 100%;
	display: none;
	box-shadow: 0 1px 6px rgba(196, 196, 196, 0.25);
	height: 44px;
}

	.topSubMenu li {
		display: inline-block;
		float: left;
		position: relative;
	}

		.topSubMenu li a:link, .topSubMenu li a:visited, .topSubMenu li a:active {
			display: block;
			padding: 0px;
			margin: 14px 13px;
			font: normal 12px 'Roboto';
			color: #1548be;
			text-decoration: none;
			font-weight: 500;
		}

		.topSubMenu li a.disabled:link, .topSubMenu li a.disabled:visited, .topSubMenu li a.disabled:active {
			color: #4d96e2;
			text-decoration: none;
			cursor: default;
		}

		.topSubMenu li a.disabled:hover {
			color: #4d96e2;
			text-decoration: none;
			cursor: default;
			cursor: default;
			background-color: #074da6;
		}

.topSubMenuSelected a {
	display: block;
	background-color: #1548be;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: 600 !important;
	border-radius: 12px;
	padding: 4px 14px !important;
	margin: 10px 6px !important;
}

.midImageWrapper {
	display: none;
}

	.midImageWrapper.homepage {
		display: block;
	}

.k-pager-wrap .k-state-selected {
	vertical-align: super;
	background: #1548be !important;
	color: white !important;
}

.k-pager-wrap {
	background-color: #fafafa !important;
	color: #313131;
	border-color: #fafafa !important;
	padding: 10px 5px;
}

	.k-pager-wrap .k-pager-numbers .k-current-page {
		background: #1548be;
	}

		.k-pager-wrap .k-pager-numbers .k-current-page span {
			color: #ffffff !important;
		}

.k-pager-numbers-wrap {
	margin: 0px !important;
	vertical-align: top;
}

.k-pager-wrap.k-pager-sm .k-pager-sizes {
	display: inline-block;
	vertical-align: top;
}

	.k-pager-wrap.k-pager-sm .k-pager-sizes .k-dropdown-wrap.k-state-default {
		padding: 0px;
	}

.k-pager-wrap .k-label {
	display: inline-block;
	vertical-align: super;
}

.k-link.k-pager-nav, .k-pager-numbers.k-reset {
	border-radius: 8px !important;
	vertical-align: super;
}

	.k-link.k-pager-nav .k-icon {
		color: #1548be !important;
	}

.k-link.k-link-clear.k-i-close {
	font-family: 'WebComponentsIcons' !important;
	font: 16px/1 'WebComponentsIcons' !important;
}

.k-pager-info.k-label {
	padding: 5px 0px;
}

.k-pager-wrap .k-link:hover {
	background-color: #1548be;
	border-color: #1548be;
}

/*-------scroll down animation-----------*/
.chevron {
	position: absolute;
	width: 28px;
	height: 8px;
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
	animation: move 3s ease-out infinite;
}

	.chevron:first-child {
		animation: move 3s ease-out 1s infinite;
	}

	.chevron:nth-child(2) {
		animation: move 3s ease-out 2s infinite;
	}

	.chevron:before,
	.chevron:after {
		content: ' ';
		position: absolute;
		top: 0;
		height: 100%;
		width: 51%;
		background: #1548be;
	}

	.chevron:before {
		left: 0;
		transform: skew(0deg, 30deg);
	}

	.chevron:after {
		right: 0;
		width: 50%;
		transform: skew(0deg, -30deg);
	}

@keyframes move {
	25% {
		opacity: 1;
	}

	33% {
		opacity: 1;
		transform: translateY(30px);
	}

	67% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 0;
		transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
	}
}

.scroll-container {
	display: flex;
	justify-content: center;
	padding: 10px;
}

.scroll-more {
	width: 24px;
	height: 80px;
}

.scroll-text {
	display: block;
	position: relative;
	bottom: -62px;
	margin-top: 25px;
	font-size: 12px;
	color: #1548be;
	font-weight: 500;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: .25;
	animation: pulse 2s linear alternate infinite;
}

.caroufredsel_wrapper {
	width: 100% !important;
}

	.caroufredsel_wrapper #newsItemsCollection {
		width: 100% !important;
	}

@keyframes pulse {
	to {
		opacity: 1;
	}
}

/*-------scroll down animation ends-----------*/

@media(max-width:756px) {
	.scroll-container {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media only screen and (min-width: 1200px) {
	.topMenu li span {
		padding: 17px 15px;
	}

	.logoDisplay {
		width: 50px;
		vertical-align: middle;
	}

	.logoCell {
		width: 70px;
	}

	#searchBoxParent {
		padding: 6px 10px;
	}
}

.moreMenuIcon img, .topSubMenu img {
	margin-top: 12px;
	cursor: pointer;
	float: right;
}

.moreMenuIcon ul, .topSubMenu ul {
	position: absolute;
	background-color: #ffffff !important;
	margin-top: 44px;
	padding: 0px !important;
	display: none;
	width: 150px;
	margin-left: -138px;
	z-index: 99;
	color: #1548be !important;
	box-shadow: 0 1px 6px rgba(189, 189, 189, 0.25);
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}

	.moreMenuIcon ul li, .topSubMenu ul li {
		display: block !important;
		padding: 5px 0px !important;
		clear: left;
	}

		.moreMenuIcon ul li a, .topSubMenu ul li a {
			padding: 5px 12px 6px 12px !important;
			display: block !important;
			width: 126px;
		}

/*error messages and notices*/
.errorMsgBottom {
	background: url(Images/errorDown.png) no-repeat;
	padding: 7px 6px 4px 6px;
	color: #ffffff !important;
	font: normal 0.9em 'Roboto';
	position: absolute;
}

	.errorMsgBottom label {
		color: #ffffff;
	}

.errorMsgSide {
	background: url(Images/errorSide.png) no-repeat !important;
	padding: 6px 6px 6px 6px !important;
	color: #ffffff;
	font: normal 0.9em 'Roboto';
	position: absolute;
}

.ackMessage {
	background-color: #548bd3;
	padding: 5px;
	color: #ffffff;
	font: normal 0.9em 'Roboto';
}

.lockMessage {
	background-color: #ffead5;
	padding: 5px 12px 5px 25px;
	color: #df7000;
	background-image: url(Images/lock.svg);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	margin-left: 20px;
	border: none;
	border-radius: 4px;
	vertical-align: middle;
	word-break: break-word;
	white-space: nowrap;
	font-size: 10px;
	font-weight: 600;
	background-size: 14px;
}

div.error {
	background-image: url(Images/errorDown.png);
	background-repeat: no-repeat;
	padding: 7px 6px 4px 9px;
	color: #ffffff;
	font: normal 0.9em 'Roboto';
	position: absolute;
	z-index: 999;
}

/*hide kendo grouping header*/
.k-grid-pager, .k-grouping-header {
	display: none !important;
}

.k-header .k-link {
	text-decoration: none;
}

.k-state-hover {
	color: #1548be;
	background: #e6f1ff;
}

.k-link.k-state-hover {
	background: #e6f1ff !important;
}

.k-state-selected.k-link.k-state-hover {
	background: #8db8ef !important;
}

#context-menu-list .k-item.k-state-hover {
	color: #1548be;
	background: #e6f1ff !important;
}

.itemSearchBoxSelectionContainer .k-multiselect-wrap {
	padding: 0px;
}

.k-grid-content {
	overflow-x: hidden !important;
}

	.k-grid-content table td {
		border-bottom: 1px solid #efefef;
	}

.k-grid td {
	border-bottom: 1px solid #ececec;
	vertical-align: top;
	border-color: #ececec !important;
	cursor: pointer;
}

.k-widget {
	border-color: #ececec !important;
}

.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
	border-color: #ececec !important;
}

	.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
		color: #3d4a69;
	}

.k-widget.k-multiselect.k-header {
	border-radius: 0 !important;
}

	.k-widget.k-multiselect.k-header .k-multiselect-wrap {
		background-image: url(Images/dropDownArrow.png);
		background-repeat: no-repeat;
		background-position: right top;
		background-size: 17px;
		border-radius: 0 !important;
	}

.k-multiselect-wrap {
	border-color: #e5e5e5;
	border-radius: 0px;
	padding: 3px 0px;
}



/*icon stylings*/

/*.k-i-arrow-60-down:before {
    content: "\e015" !important;
}

.k-i-arrow-60-up:before {
    content: "\e013" !important;
}*/

/*data tabels grid*/
.dataTables_length {
	width: 49%;
	float: left;
	color: #000000;
	padding: 2px 0px 2px 10px;
	margin-bottom: 5px;
}

	.dataTables_length select {
		padding: 5px;
		border: 1px solid #e5e5e5 ;
		background: #ffffff !important;
	}

.dataTables_filter {
	width: 49%;
	float: right;
	text-align: right;
	color: #000000;
	padding-bottom: 10px;
}

	.dataTables_filter input {
		margin-right: 0px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		padding: 0px 5px !important;
	}

	.dataTables_filter label {
		font-weight: 600;
	}

.dataTableGrid, .dataTableGridSp {
	width: 100%;
	clear: both;
	border-collapse: collapse;
}

.dataTableGridSp {
	border-bottom: 1px solid #cdcdcd;
}

	.dataTableGrid th, .dataTableGrid td, .dataTableGridSp th {
		padding: 6px 6px 5px 6px;
		text-align: left;
		border: 1px solid #ececec;
	}

.dataTableGrid th {
	white-space: nowrap;
}

/*
 * Data Table Sorting
 */

.dataTableGrid .sorting_asc {
	background-image: url(Images/sort_asc.svg);
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: center right;
}

.dataTableGrid .sorting_desc {
	background-image: url(Images/sort_desc.svg);
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: center right;
}

/*Grid Stylings*/

k-grid-header {
	background-color: #fafafa !important;
	border-color: #ececec !important;
	background-image: none !important;
}

thead.k-grid-header {
	background-color: #fafafa !important;
	border-color: #ececec !important;
	background-image: none !important;
}

.k-grid-header th {
	font: bold 11px 'Roboto' !important;
}

.k-grid-header .k-header {
	background: #fafafa !important;
	border-color: #ececec;
}

.k-grid-header th.k-header {
	line-height: 18px !important;
	text-overflow: ellipsis;
	vertical-align: baseline;
	padding: 6px 4px;
	overflow: visible;
}

	.k-grid-header th.k-header > .k-link {
		padding: 4px;
		margin: 0px;
	}

.k-grid td input[type="checkbox"] {
	text-overflow: clip;
}

.dataTableGrid th, .dataTableGridSp th {
	border-bottom: 1px solid #ececec;
	border-top: 1px solid #ececec;
	background-image: none;
	background-repeat: repeat-x;
	font-family: 'Roboto';
	font-size: 11px;
	background-color: #fafafa;
}

.dataTableGridSp td {
	padding: 6px 6px 5px 6px;
	text-align: left;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
}

#searchValueBox.input[type=text] {
	padding: 0px;
}

.odd td, .even td {
	/* border-bottom: 1px solid #ffffff !important;*/
}

.evenInner tr:nth-of-type(odd) {
	background-color: #ffffff;
}

.evenSp td:first-child {
	border-right: 0px solid #ffffff;
}

.evenSp td:nth-of-type(2) {
	border-left: 0px solid #ffffff;
}

.dataTables_info {
	padding: 5px;
	width: 50%;
	float: left;
	cursor:default;
}

.dataTables_paginate {
	height: 30px;
	float: right;
	text-align: right;
	color: #000000;
	width: auto;
}

.paginate_button {
	display: inline-block;
	border: none;
	color: #333333;
	margin: 4px 0px 0px 4px;
	padding: 2px 8px;
	cursor: pointer;
	border-radius: 4px;
}

.paginate_active {
	display: inline-block;
	background-color: #1548be;
	border: none;
	color: #ffffff;
	margin: 4px 0px 0px 4px;
	padding: 2px 6px;
	border-radius: 4px;
	cursor:pointer;
}

.first, .previous, .next, .last {
	background-color: #f1f1f1;
}

.paginate_button_disabled, .btnDisabled {
	color: #d3d3d3;
	border: none;
	cursor: default;
	padding: 2px 8px;
	border-radius: 4px;
}

.rowSelected {
	color: #000000;
	background-color: #f2f6ff !important;
}

.k-grid tr:hover {
	background-color: #edf2ff;
	background-image: none !important;
}

.dataTables_scrollHeadInner {
	background-image: url(Images/gridHeader.jpg);
	background-repeat: repeat-x;
	background-position: 0 1px;
	background-color: #CDCDCD;
}

.dataTables_scrollHead {
	clear: both;
}

/* Tooltip */
a.htooltip {
	color: Black;
	text-decoration: none;
}


.htooltip > span {
	/* The appearance of our tooltip */
	background-color: #F8F8FF;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	color: black;
	margin-top: 65px;
	opacity: 0; /* Make it transparent */
	padding: 10px 10px 10px 40px;
	position: absolute;
	text-decoration: none;
	visibility: hidden; /* and hidden */
	width: 350px;
	z-index: 10;
	text-align: left;
}

.htooltip:hover > span {
	opacity: 0.9;
	visibility: visible;
	z-index: 30000;
}

.htooltip > span img {
	border: 0 none;
	margin-left: -30px;
	margin-top: -5px;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	z-index: -1;
}

.htooltip:hover > span img {
	/* show the image */
	opacity: 0.9;
	visibility: visible;
}

.ko-theader-outer-wrapper {
	border-bottom: 1px solid #CDCDCD;
	border-top: 1px solid #CDCDCD;
	background-image: url(Images/gridHeader.jpg);
	background-repeat: repeat-x;
	background-position-y: 1px;
	background-color: #CDCDCD;
}

.ko-theader-inner-wrapper {
	margin-right: 17px;
}

.ko-tbody-wrapper {
	overflow-y: scroll;
	border: 1px solid #ececec;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.k-calendar, .k-calendar .k-link {
	font-weight: normal !important;
	font-family: 'Roboto', sans-serif;
}

	.k-calendar td.k-state-focused .k-link {
		box-shadow: none !important;
	}

	.k-calendar td.k-state-hover .k-link {
		box-shadow: none !important;
	}

	.k-calendar .k-today .k-link {
		color: #1548be;
		box-shadow: none !important;
	}

	.k-calendar .k-footer .k-nav-today {
		color: #1548be !important;
	}

.tabletMessage {
	display: none;
}

@media only screen and (orientation: portrait) {
	.tabletMessage {
		background-color: #ffffff;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		z-index: 99999;
		display: block;
		text-align: center;
		padding-top: 20em;
		font: 2em;
		background-image: url(Images/logo.jpg);
		background-repeat: no-repeat;
		background-position: center 14em;
	}

	body {
		overflow: hidden !important;
	}
}

.k-calendar td.k-state-selected .k-link {
	background-color: #1548be !important;
	border-color: #1548be !important;
}

.k-calendar td.k-state-hover {
	background-color: #f2f6ff !important;
	border-color: #f2f6ff !important;
}


.k-calendar .k-header .k-link {
	padding: 4px 0px !important;
}

.k-calendar > .k-header {
	background-color: #fafafa !important;
}

.k-calendar th {
	color: #1548be !important;
	font-weight: 500 !important;
	background-color: #fafafa !important;
}

.k-calendar .k-header .k-link {
	padding: 4px 0px !important;
	color: #1548be;
	font-weight: 600 !important;
}

.k-calendar .k-link .k-icon {
	color: #1548be !important;
}

.k-calendar-container.k-group {
	border-color: #d8d8d8 !important;
	background: white !important;
}

.k-multiselect:after {
	content: "\25BC";
	position: absolute;
	top: 10px;
	right: 8px;
	font-size: 10px;
	color: #707070;
}

.k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close, .k-multiselect.k-state-focused > .k-multiselect-wrap > .k-i-close {
	display: none !important;
}

.btnShow {
	background-image: url(Images/btnShow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999px;
	border: 0px solid #ffffff;
	width: 17px !important;
	height: 16px !important;
	margin-top: 0px;
}

.webSubTitle {
	font: bold 1em 'Roboto';
	margin: 15px 0px 5px 0px;
	cursor:default;
}

.btnCollapse {
	background-image: url(Images/btnCollapse.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999px;
	border: 0px solid #ffffff;
	width: 17px !important;
	height: 16px !important;
	margin-top: 0px;
}

.adobe {
	display: block;
	width: 52px;
	height: 53px;
	background-image: url(Content/Themes/White/Desktop/Images/icoAdobe.png);
	background-repeat: no-repeat;
	float: left;
	background-color: red;
	margin: 0px 10px 10px 0px;
}


/**radio buttons**/

.radio-holder input {
	display: none;
}

	.radio-holder input + label {
		-webkit-appearance: none;
		border: 1px solid #ececec;
		box-shadow: none;
		padding: 4px 7px 4px 15px;
		border-radius: 1px;
		display: inline-block;
		position: relative;
		margin-bottom: 1px;
		min-width: 200px;
	}

	.radio-holder input:checked + label:after {
		content: ' ';
		width: 6px;
		height: 95%;
		border-radius: 1px;
		position: absolute;
		top: 1px;
		text-shadow: 0px;
		left: 1px;
		font-size: 32px;
		background-image: url(Images/tungbil_arrow.png);
		background-repeat: no-repeat;
		background-position: 0px 9px;
	}

	.radio-holder input:checked + label {
		background-color: #1548be;
		color: #ffffff;
		border: none !important;
		background-image: none !important;
		border: 1px solid #777777;
		background: #1548be;
	}

		.radio-holder input + label:active, .radio-holder input:checked + label:active {
			box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
		}

.productsMenu li.selected {
	font-size: 1.2em;
	padding: 5px 15px;
	margin-right: 5px;
	background-color: #6795d3;
	color: #ffffff;
}

.productsMenu li {
	font-size: 1.2em;
	padding: 5px 15px;
	margin-right: 5px !important;
	background-color: #d3d3d3;
	cursor: pointer;
}

.tabContainer {
	border-bottom: 2px solid #6795d3;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.redBulletedList {
	margin: 0px 0px 10px 15px;
	padding: 0px;
}

	.redBulletedList li {
		list-style-image: url(Images/web/bullet.png);
		background-repeat: no-repeat;
		padding-top: 4px;
		background-position: 0px -4px;
	}

.centerAlign {
	text-align: center !important;
}

.k-block, .k-button, .k-textbox, .k-drag-clue, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker.k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-button .k-state-hover, .k-editor-button .k-state-active, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

	.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup, .k-multiselect .k-button, .k-multiselect .k-button:hover {
		color: #3d4a69;
	}

.k-listbox .k-item, .k-popup .k-list .k-item{
	cursor:pointer;
}

.k-numeric-wrap.k-state-default {
	height: auto !important;
	background-image: none !important;
	border-color: #e5e5e5;
}

	.k-picker-wrap .k-select {
		border-radius: 0px !important;
	}

.k-picker-wrap {
	border-color: #ececec !important;
}

	.k-picker-wrap.k-state-disabled {
		background: #f2f1f1 !important;
	}

.k-state-default > .k-select {
	border-color: #ececec !important;
}

span.k-numeric-wrap.k-expand-padding.k-state-default {
	height: auto !important;
}

.k-datetimepicker .k-select .k-link {
	vertical-align: bottom;
}


.k-item.k-state-selected.k-state-focused {
	border-color: #3493EB;
	background-color: #3493EB;
}

.k-list > .k-state-selected {
	color: black !important;
}

.k-state-hover {
	background-image: none !important;
	background-color: #e2ebff;
	background: #e2ebff;
}

.k-dropdown-wrap.k-state-default {
	background-image: none !important;
	background-color: white;
	border-color: #e5e5e5 !important;
	padding: 3px 0px;
	border-radius: 2px;
}

	.k-dropdown-wrap.k-state-default.k-state-focused.k-state {
		color: #000000 !important;
	}

.k-dropdown-wrap.k-state-disabled {
	padding: 3px 0px;
	background-image: none !important;
}

.k-datetimepicker .k-select + .k-select, .k-dropdown-wrap .k-select, .k-list-container.k-state-border-right, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
	border-radius: 0px !important;
}

/*#region KendoUI Control Styling */
.k-multiselect .k-button {
	background-color: #f1f1f1 !important;
	border: 1px solid #ffffff !important;
	border-radius: 4px;
}

	.k-multiselect .k-button .k-icon.k-i-close {
		font-size: 12px;
	}

.k-window {
	border: 2px solid #ffffff !important;
	z-index: 10004;
}

.k-i-close:before {
	content: "\e11b";
}

.k-multiselect-wrap li.k-button:hover {
	padding: 0.1em 1.6em 0.1em 0.4em;
}

.k-header {
	background-image: none !important;
}

.k-window-title {
	font: bold 14px 'Roboto';
	color: #3D4A69 !important;
	padding-bottom: 12px;
	flex-wrap: wrap;
	flex: 3;
	word-break: break-word;
	white-space: normal;
}

.k-window-titlebar {
	background-color: #ffffff !important;
	height: auto !important;
	padding: 10px 12px 0px 12px;
	border-bottom: 1px solid #f6f6f6 !important;
	align-items: center;
}

	.k-window-titlebar.k-header {
		background-color: #ffffff !important;
		height: auto !important;
		padding: 10px 12px 0px 12px;
		border-bottom: none !important;
	}

	.k-window-titlebar .k-window-action {
		padding-bottom: 12px;
	}

	.k-window-titlebar .k-button:hover::before{
		opacity:0;
	}

	div.k-window-content {
		padding: 15px 10px !important;
	}

.k-state-selected, .k-draghandle.k-state-selected:hover {
	color: #000000 !important;
	background-color: #edf2ff !important;
	border: none !important;
}

	.k-state-selected.k-state-focused {
		background-color: #f2f6ff;
	}

.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected, .k-button:focus:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.k-input {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}

.ui-dialog-titlebar {
	background-image: url(Images/popUpTitleBack.jpg) !important;
	background-repeat: repeat-x !important;
	/*height: 32px !important;*/
	background-position: top !important;
	border-bottom-width: 0px !important;
	border-top-width: 0px !important;
}

.ui-widget-header {
	background-image: url(Images/popUpTitleBack.jpg) !important;
	background-color: transparent !important;
	background-position: top !important;
	border: none !important;
}

.ui-dialog-title {
	margin: .3em 0 .4em 0 !important;
	font: bold 12px 'Roboto';
	color: #fff !important;
}

.ui-dialog-buttonpane {
	border-width: 0 !important;
	padding: .1em 0.5em .5em .4em !important;
}

.ui-button-text-only .ui-button-text {
	padding: .3em 1em !important;
}

.ui-dialog-titlebar.ui-widget-header {
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.ui-button {
	background-color: #235cab !important;
	color: #ffffff !important;
	font: normal 1em 'Roboto' !important;
	border: 1px solid #114694 !important;
	-moz-border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	border-radius: 1px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 0px 2px;
	color: #fff;
}

.ui-icon.ui-icon-alert {
	height: 64px !important;
	width: 64px !important;
	background-image: url(Images/message-icons.png) !important;
	background-position: -58px 0px;
}

.ui-button-text {
	color: #fff;
}

.ui-button:focus {
	outline: none !important;
}

.ui-button:hover {
	background-color: #3b77ca !important;
	color: #ffffff !important;
	font: normal 1em 'Roboto' !important;
	border: 1px solid #114694 !important;
	-moz-border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	border-radius: 1px !important;
	cursor: pointer;
	background-image: none !important;
	padding: 0px 2px;
	color: #fff;
}

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

.ui-dialog.ui-widget.ui-widget-content {
	-webkit-box-shadow: rgba(128, 128, 128, 0.298039) 1px 1px 7px 1px;
	box-shadow: rgba(128, 128, 128, 0.298039) 1px 1px 7px 1px;
	-moz-box-shadow: rgba(128, 128, 128, 0.298039) 1px 1px 7px 1px;
	border-width: 0px;
	z-index: 99999;
}

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

.ui-widget-overlay {
	z-index: 9999;
	background-color: #000;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	background-image: none;
}

#dialog {
	overflow-y: hidden;
}

input[type=text], input[type=password], textarea {
	border: 1px solid #e5e5e5;
	padding: 5px;
	border-radius: 2px;
}

	input[type=text]:hover, input[type=password]:hover, textarea:hover {
		border: 1px solid #dddddd;
	}

	input[type=text]:disabled, input[type=password]:disabled, textarea:disabled {
		border: 1px solid #e5e5e5;
		background: #f2f2f2;
		color: #7a7a7b;
		resize: none;
	}

	input[type=text]:focus, input[type=password]:focus, textarea:focus {
		outline: none;
		-moz-box-shadow: 0px 0px 3px 0px #fafafa;
		-webkit-box-shadow: 0px 0px 3px 0px #fafafa;
		box-shadow: 0px 0px 3px 0px #fafafa;
	}

input[type=image]:focus {
	outline: none;
}

.k-numeric-wrap input[type=text], .k-picker-wrap input[type=text], .k-autocomplete input[type=text] {
	border-width: 0px;
	border-color: #e5e5e5 !important;
	padding: 5px;
}

#appfooter {
	height: 20px;
}

#busy {
	background-color: #1548be;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 60px;
	height: 60px;
	z-index: 99999;
	position: fixed;
	top: 0px;
}

	#busy span {
		display: none;
	}

	#busy g {
		stroke: #fff;
	}
/*#endregion*/

.tableView {
	display: table;
	width: 100%;
}

.tableViewRow {
	display: table-row;
}

	.tableViewCell, .tableViewRow > div {
		display: table-cell;
	}

.tableViewRowGroup {
	display: table-row-group;
}

.noWrapCol {
	white-space: nowrap;
	text-overflow: clip !important;
}

.colored-text {
	color: #1548be;
}



.webPageProgressBar, .fade {
	z-index: 999999;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
}

	.webPageProgressBar div, .fade div {
		position: absolute;
		top: 32%;
		left: 40%;
		width: 20%;
		text-align: center;
	}

	.webPageProgressBar span {
		display: block;
		text-align: center;
	}

#toastex-container > .toast-info > .toast-message {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toastex-container > .toast-error > .toast-message {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toastex-container > .toast-success > .toast-message {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toastex-container > .toast-warning > .toast-message {
	/*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}*/
	background-image: url('Images/warning.svg');
	background-repeat: no-repeat;
	background-position: 5px;
	background-size: 20px;
}

#toastex-container > .toast-persistent > .toast-message {
	margin: 0px 2.3% !important;
}

#toast-container > div {
	min-width: 150px;
	width: auto !important;
	padding: 10px 10px 10px 50px !important;
}

.toast-message {
	margin: 0px 5%;
	color: #ffffff;
}

.toast-success {
	background-color: #1EB81E !important;
}

#toastex-container {
	z-index: 100010;
}

	#toastex-container > div > div {
		background-position: 15px center;
		background-repeat: no-repeat;
		color: #FFFFFF;
		padding: 8px 15px 8px 40px;
	}

	#toastex-container > div:first-child {
		position: fixed;
		width: 100%;
		z-index: 10005;
	}

.dock-top {
	/*border-top: 4px solid #6795d3;
    margin-top: 1px;*/
}


.pullRight {
	float: right;
}

.pullLeft {
	float: left;
}

.v-middle {
	vertical-align: middle;
}

.importantMsg {
	color: #ff0000;
}

#offline-overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #808080;
	opacity: 0.3;
	display: none;
	z-index: 10003;
	top: 0;
}

#offline-message-wrapper {
	font-weight: bold;
	font-size: 14px;
	color: #ff0000;
}

a#BKTempMessage {
	display: block;
	padding: 2px 4px 3px 4px;
	margin: 2px 0px 0px 2px;
	background-image: none !important;
	font: normal 12px 'Roboto';
	color: #ff0000;
	text-decoration: none;
}

#customeProductMessage {
	margin-left: -55px;
}


/*.fade {
    opacity:0.7;
    filter: alpha(opacity=20);
    background-color:#000; 
    width:100% !important;
    height:100% !important;
    z-index:999999;
    top:0; 
    left:0; 
    position:fixed; 
  }*/
.ipadScrollIndicator {
	display: none;
}

#busyContainer {
	text-align: center;
}

#busy {
	margin-left: -36px;
}
/*print styles for procedures*/
#print-procedure ul {
	margin: 16px;
	list-style: disc;
	padding: 0px 40px;
}

#print-procedure {
	margin: 20px;
}

	#print-procedure table td {
		padding: 5px;
		font-size: 13px;
	}
/*print styles for documentations*/
#print-documentation ul {
	margin: 16px;
	list-style: disc;
	padding: 0px 40px;
}

#print-documentation {
	margin: 20px;
}

	#print-documentation table td {
		padding: 5px;
		font-size: 13px;
	}

.required-field:after {
	content: "*";
	color: #f65b5b;
	margin-left: 3px;
	font-size: 12px;
	font-family: 'Roboto';
	font-weight: bold;
}

#userProfileArrow {
	visibility: hidden;
}

.k-tabstrip-items .k-state-default {
	padding: 2px 10px;
}

.k-tabstrip .k-content.k-state-focused, .k-tabstrip .k-content:focus {
	outline-color: transparent;
}

.k-grid-norecords-template {
	border: none !important;
}

.k-grid-norecords-template {
	border: none !important;
}

/*Checkbox Styles*/
input[type=checkbox].k-checkbox {
	color: #c5c5c5;
	border-radius: 2px;
	border-color: #c5c5c5;
	width: 16px !important;
	height: 16px !important;
	-webkit-appearance: none !important;
}

input.k-checkbox:checked {
	color: white;
	background: #34BE79;
	border-color: #c5c5c5;
	width: 16px !important;
	-webkit-appearance: none !important;
}

	input.k-checkbox:checked:focus {
		box-shadow: 0 0 3px 0 #34BE79;
		border-color: #34be79;
		-webkit-appearance: none !important;
	}

		input.k-checkbox-label:before {
			box-shadow: none !important;
		}

input:disabled.k-checkbox:checked {
	color: #848282;
	background-color: #f3f3f3;
}

.k-checkbox.k-state-indeterminate::before, .k-checkbox:indeterminate::before {
	content: "\e118";
	box-shadow: none !important;
	background: #ffa600;
	color: white;
	border-color: #ffa600;
	width: auto;
	height: auto;
	-webkit-appearance: none !important;
}

.k-checkbox.k-state-indeterminate, .k-checkbox:indeterminate {
	border-color: #c5c5c5;
	color: #ffffff;
	background-color: #ffa600;
}

.k-checkbox:indeterminate:hover {
	border-color: #ffa600;
	background-color: #ffa600;
}

.k-checkbox:indeterminate:hover {
	border-color: #ffa600;
}

.k-checkbox:focus, .k-checkbox:checked:focus {
	box-shadow: 0 0 3px 0 #34BE79;
	border-color: #34BE79;
}

.k-checkbox:hover {
	border-color: #c5c5c5;
	color: #34BE79;
	background-color: #fff;
}

/*Checkbox Styles Ends*/
/*Radio button Styles*/
input.k-radio {
	width: 16px !important;
	color: #34BE79 !important;
	border: 1px solid #bfbfbf !important;
	-webkit-appearance: none !important;
}

	input.k-radio:checked {
		border-color: #34BE79 !important;
		color: #ffffff !important;
		background-color: #ffffff;
		width: 16px !important;
		height: 16px;
		border: 2px solid #34BE79 !important;
		-webkit-appearance: none !important;
	}

		input.k-radio:checked::before {
			background: #34BE79 !important;
		}

	input.k-radio:disabled + .k-radio-label {
		color: #858585 !important;
	}

.k-radio:focus, .k-radio:checked:focus {
	box-shadow: 0 0 3px 0 #34BE79 !important;
}

/*Radio button Styles Ends*/

/*Kendo tooltip styles*/
.k-widget.k-tooltip {
	background-color: #1548be;
	background-image: none;
	border-radius: 2px;
}

.k-tooltip-content {
	color: #ffffff;
	font-size: 11px;
	font-weight: 500;
}

.k-callout-n {
	border-bottom-color: #1548be;
}

/*Kendo tooltip styles ends*/


/*Scrollbar styles*/
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 10px;
	height: 7px;
}

::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius: 0px;
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #d3d3d3;
}

:focus {
	outline: none;
}

/*form-row styles*/

.form-field {
	padding-bottom: 12px;
}

.field-label {
	font-weight: 600;
}

.form-field input[type=text] {
	width: 100%;
	box-sizing: border-box;
}

.form-field textarea {
	width: 100%;
	resize: none;
	box-sizing: border-box;
}

.field-value {
	width: 100%;
	box-sizing: border-box;
}

/*Horizontal form styles*/

.form-field-inline {
	display: flex;
	align-items: center;
}

.field-label-inline {
	flex: 1;
	font-weight: 500;
}

.field-value-inline {
	flex: 3;
	border-radius: 8px;
}

/*multiselect styles*/
.k-list-container {
	border-color: #ececec;
	background-color: #ffffff;
}


.k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-datepicker-calendar, .k-dropdown-wrap.k-state-active, .k-filebrowser .k-image, .k-grid .k-filter-options, .k-menu .k-menu-group, .k-multiselect.k-state-focused, .k-picker-wrap.k-state-active, .k-popup, .k-time-popup, .k-tooltip {
	box-shadow: none !important;
}

.k-autocomplete.k-state-focused, .k-multiselect-wrap.k-state-focused, .k-state-focused > .k-multiselect-wrap {
	box-shadow: none !important;
}

.k-grid-header th.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-state-focused, td.k-state-focused {
	box-shadow: none !important;
}

.k-multiselect-clearable.k-state-hover {
	border-color: #e5e5e5 !important;
}

/* Kendo Switch styles */

.k-switch-container {
	box-shadow: none !important;
}

.k-switch {
	box-shadow: none !important;
	width: 50px !important;
	height: 24px !important;
}

.k-switch-on .k-switch-container {
	border: none !important;
	background: #50d894 !important;
}

.k-switch-off .k-switch-container {
	background-color: #c2c1c1 !important;
	border: none !important;
}

.k-switch-handle {
	width: 17px !important;
	height: 16.5px !important;
	top: 0px !important;
	left: 4.5px !important;
}

.k-switch-label-on, .k-switch-label-off {
	font-size: 10px !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}

.k-switch-on .k-switch-handle {
	left: calc(100% - 20px) !important;
}

.k-switch-on .k-switch-handle, .k-switch-off .k-switch-handle {
	background-color: #ffffff !important;
	border: none !important;
	background-image: none !important;
}

.k-switch-off.k-state-hover .k-switch-handle, .k-switch-off:hover .k-switch-handle {
	background-color: #ffffff !important;
	border: none !important;
}

.content-card {
	background-color: #ffffff;
	padding: 12px;
	border-radius: 8px;
	margin: 0px 6px 10px 6px;
	box-shadow: 0 1px 6px #dbe2f1;
	box-sizing: border-box;
	cursor: default;
}

.mg-0 {
	margin: 0px !important;
}

.card-title {
	font-size: 14px;
	font-weight: 700;
	display: block;
	margin-bottom: 8px;
}

.mg-m {
	margin-top: 40px;
	margin-bottom: 40px;
}

.mg-t-m {
	margin-top: 35px;
}

.mg-b-m {
	margin-bottom: 35px;
}

.mg-80 {
	margin: 80px 0px;
}

/*padding styles*/
.pd-m-hr {
	padding: 0px 20px;
}

.d-flex {
	display: flex;
}

.title-md {
	font-size: 32px;
	font-family: 'Roboto-Black';
	margin-bottom: 20px;
	line-height: 1.2;
	cursor:default;
}

.title-sm {
	font-size: 20px;
	font-family: 'Roboto-Bold';
	margin-bottom: 10px;
}

.title-sm-colored {
	font-size: 20px;
	font-family: 'Roboto-Bold';
	margin-bottom: 10px;
	color: #1548be;
	cursor:default;
}

.text-md-bd {
	font-size: 13px;
	line-height: 2;
	font-family: 'Roboto-Bold';
}

.text-md-light {
	font-size: 13px;
	font-family: 'Roboto';
}

.title-lg {
	font-size: 36px;
	font-family: 'Roboto-Bold';
	line-height: 1.3;
	cursor:default;
}

.text-lg-light {
	font-size: 22px;
	font-family: 'Roboto';
	margin-bottom: 8px;
	line-height: 1.3;
	color: #3D4A69;
	cursor: default;
}

.text-bold-sm {
	font-weight: 600;
	font-size: 11px;
}

.link-md {
	font-size: 13px;
	line-height: 2;
}

.f-r {
	float: right;
}

.title-md-center {
	font-size: 28px;
	font-family: 'Roboto-Black';
	margin-bottom: 25px;
	text-align: center;
	cursor:default;
}

.para-md {
	font-size: 12px;
	font-family: 'Roboto';
	margin: 10px 0px;
	text-align: left;
	cursor:default;
}

	.para-md p {
		font-size: 12px;
		font-family: 'Roboto';
		cursor:default;
	}

.para-sm {
	font-size: 12px;
	font-family: 'Roboto';
	padding-right: 15px;
}

.section-content {
	padding: 100px 0px;
	cursor:default;
}

.section-info-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap:10px;
}

.f-1 {
	flex: 1;
}

.d-f-3 {
	flex: 1 1 33.333333%;
	max-width: 33.333333%;
}

.section-img-container {
	text-align: center;
}

	.section-img-container img {
		width: 92%;
	}

.section-text {
	padding-top: 12%;
}

.section-text-l {
	padding-top: 12%;
	padding-left: 12%;
	text-align: left;
}

.section-text-lg {
	padding-top: 30%;
	padding-right: 20px;
	padding-left: 20px;
}

.check-more {
	font-family: 'Roboto-Medium';
	font-size: 12px;
	margin: 10px 0px;
	display: block;
	color: #1548be;
	cursor: pointer;
}

.t-center {
	text-align: center;
}

.img-md-center {
	display: block;
	margin: 0 auto;
	height: 320px;
}

.content-tile {
	background: #ffffff;
	border-radius: 4px;
	margin: 20px 10px;
	padding: 30px 15px;
	box-shadow: 0px 0px 3px 0px #e5e5e5;
}

	.content-tile .tile-content {
		display: inline-block;
		vertical-align: top;
		width: 58.5%;
		padding: 20px 10px;
	}

		.content-tile .tile-content .tile-title {
			font-family: 'Roboto-Bold';
			font-size: 16px;
			margin-bottom: 6px;
		}

		.content-tile .tile-content .tile-para {
			font-family: 'Roboto';
			font-size: 12px;
			margin-bottom: 10px;
			color: #73777f;
		}

	.content-tile .tile-img {
		display: inline-block;
		width: 34.5%;
		padding: 20px 0px;
	}

		.content-tile .tile-img img {
			width: 100%;
		}

.column-tile {
	margin: 20px 10px;
	box-shadow: 0px 0px 5px 0px #ededed;
	border-radius: 4px;
	cursor: pointer;
}

	.column-tile .img-section {
		height: 150px;
		text-align: center;
	}

	.column-tile .img-section-sm {
		height: 85px;
		text-align: center;
		padding-top: 10px;
	}

	.column-tile .img-section-lg {
		height: 100%;
		text-align: center;
	}

		.column-tile .img-section-lg img {
			width: 100%;
		}

	.column-tile .content-section {
		padding: 10px 18px;
	}

	.column-tile .text-content {
		font-size: 12px;
		font-family: Roboto;
		text-align: center;
	}

	.column-tile .text-content-sm {
		font-size: 12px;
		font-family: Roboto;
		text-align: center;
		height: 70px;
	}

	.column-tile .check-more {
		text-align: center;
	}

	.column-tile .title {
		font-size: 13px;
		font-family: 'Roboto-Medium';
		text-align: center;
		margin: 10px 0px;
	}

.column-tile-colored {
	margin: 10px;
	box-shadow: 0px 0px 5px 0px #ededed;
	background-color: #fafafa;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	padding: 40px 10px;
	height: 135px;
	cursor:pointer;
}

	.column-tile-colored .tile-img {
		width: 48px;
		padding: 14px;
		border-radius: 8px;
		background-color: #ecf1fc;
	}

	.column-tile-colored .tile-header {
		font-size: 13px;
		font-family: Roboto-Medium;
		margin-top: 10px;
		text-decoration: none !important;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.column-tile-colored:hover {
		background-color: #ecf1fc;
	}

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

.row-tile {
	margin: 10px;
	box-shadow: 0px 0px 5px 0px #ededed;
	padding: 40px 20px;
	border-radius: 4px;
	margin-bottom: 60px;
	cursor:default;
}

	.row-tile:focus {
		outline: #ecf1fc;
		border: 1px solid #d5e1fd;
	}

.float-tile-img {
	width: 48px;
	padding: 14px;
	border-radius: 8px;
	background-color: #ecf1fc;
	position: absolute;
	top: -86px
}

.content-sm {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.content-xs {
	height: 100px;
}

.pos-ab {
	position: absolute;
}

.n-clickable{
	cursor:default;
}

.clickable{
	cursor:pointer;
}

.k-overlay {
	opacity: 0.5 !important;
}

/*Adding font-face Muli*/
@font-face {
	font-family: 'Muli';
	src: url('fonts/Muli/Muli-Regular.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Muli-bold';
	src: url('fonts/Muli/Muli-Bold.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Muli-extrabold';
	src: url('fonts/Muli/Muli-ExtraBold.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Roboto-Black';
	src: url('fonts/Roboto/Roboto-Black.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Roboto-Bold';
	src: url('fonts/Roboto/Roboto-Bold.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Roboto-Medium';
	src: url('fonts/Roboto/Roboto-Medium.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Roboto-Light';
	src: url('fonts/Roboto/Roboto-Light.ttf');
	font-weight: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto/Roboto-Regular.ttf');
	font-weight: normal;
}