/* Comment Generated by Combres - Resource '~/Content/News/01.Main.css' (Mode: Static) */
/*--------------------------------color system---------------------------------*/
:root {
	--input-background-hover: #e6f2dc;
	--input-background-focus: #fafad2;
	--input-background-error: #ffeeee;
	--input-border-color: #e1e1e1;
	--a-link-color: #3271ce;
	--a-link-hover: #ff0000;
	--a-link-active: #3e8730;
	--border-color: #8c9fab4d;
	--border-color-1: #f5f4ea;
	--color-white: white;
	--color-black: black;
	--color-black-1: #2f2626;
	--color-black-2: #454545;
	--color-black-3: #262626;
	--color-black-4: #51515191;
	--color-black-5: #333;
	--color-black-6: #666666;
	--color-black-7: #000000;
	--color-gray: #cccccc;
	--color-gray-1: #e6e6e6;
	--color-gray-2: #eee7e7;
	--color-gray-3: #ddd;
	--color-gray-4: #f5f4ef;
	--color-gray-5: #f4f4f4;
	--color-gray-6: rgba(121, 121, 121, 0.5);
	--color-blue-1: #087096;
	--color-blue-2: #0292F1;
	--color-blue-3: #1414c1;
	--color-blue-4: #2f718194;
	--color-red-1: #ff0000;
	--background-transparent: rgba(0,0,0,0);
	--backgroup-button: #888;
	--backgroup-button-hover: #666;
	--color-link: #3271ce;
	--header-background-color: #0197a6;
	--header-font-color: white;
	--header-app-color: #ee463d;
	--lable-background-gray-1: #e3e7e9;
	--lable-color-black-1: #374852;
	--lable-color-black-2: #b3d6d4;
}


/* Global Elements
----------------------------------------------------------*/

*,
*::before,
*::after {
	box-sizing: border-box;
}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
}

a:link, a:visited { color: var(--a-link-color);	text-decoration: none;}
a:hover {color: var(--a-link-hover);text-decoration: none;}
a:active {color: var(--a-link-active); }
/*p {	margin-bottom: 10px;line-height: 1.6em; }*/
h1, h2, h3, h4, h5, h6 {font-size: 1.5em;font-variant: normal;text-transform: none;font-weight: 200;margin-bottom: 0px;}
h1 {font-size: 1.6em;padding-bottom: 0px;margin-bottom: 0px;}
h2 {font-size: 1.5em;font-weight: 600;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}
fieldset {margin: 0;padding: 0;border: 1px solid  black; border-radius:5px;}
fieldset p {margin: 2px 12px 10px 10px;	}
fieldset label.inline {	display: inline;}
legend {font-size: 1.0em;font-weight: 600;padding: 0px 5px;margin-left: 10px;}
/*fieldset > div {overflow: scroll;}*/


input[type="text"], input[type="file"] {border: 1px groove var(--input-border-color);	font-size: 1em; min-height:20px;}
input[type="text"]:hover {	background-color: var(--input-background-hover);	}
input[type="text"]:focus {	background-color:var(--input-background-focus); border: 1px solid var(--border-color);	}
input[type="file"] {text-align: right; }

input:disabled, input.disabled, textarea.disabled, select.disabled {
	pointer-events: none;
	cursor: not-allowed;
	background-color: transparent;
	border: solid #e1e1e100 1px;
}

input[type="checkbox"].disabled {
	opacity: 0.3;
	background: #fff;
}

input[type="file"].disabled, input[type="button"].disabled {
	display: none;
}


.required:after {
	color: red;
	content: " * ";
}



html { margin: 0; padding: 0; border: 0; }
/*body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,  form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }*/
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
body { line-height: 1.5;  }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; float: none !important; }
table, th, td { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
:focus { outline: 0; }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
body {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	/*background-image: url(/Content/News/images/bg.png);*/
	background-color:white;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: 50% 50%;
	background-attachment: fixed;
	/*background-color: hsla(0,0%,100%,0.99);
	background-blend-mode: overlay;*/
	line-height: 1.5;
}



#wrapper {	overflow:auto;}
#wrapper, #header,#banners, #page, #main, #footer {	display: block;}
#header, /*#page,*/ #footer {	margin: 0 auto;	margin-left:0;margin-right: 0; 	}
#header,#footer {	background-color: var(--background-transparent);}

/*----------------------------------------------header------------------------------------------------*/
#header {
	height: 41px;
	padding: 0;
	z-index: 999;
	vertical-align: baseline;
	display: inline-block;
	width: 100% !important;
	background-color: black;
	border-bottom: 1px solid #d2d2d2 !important;
}
a.logoInno {
	/*background: url(/Content/images/bg/bg_logo.png) var(--background-transparent) no-repeat;*/
	background: transparent url(/Content/images/bg/logo.png) no-repeat;
	/*background: transparent url(/Content/images/bg/logo36.png) no-repeat;*/
	background-position: center;
	background-size: 110px 30px;
	float: left;
	margin-right: 10px;
	height: 40px;
	width: 155px;
}

@media screen and (max-width: 800px ){
	a.logoInno {
		background: transparent url(/Content/images/bg/logo36.png) no-repeat;
	}
}


#header .app {	position: relative;	float: left;	max-height: 34px;padding: 0 !important;	margin-left: 2px;	border: 0 solid;	cursor: pointer;}
.AppName {
	float: left;
	text-decoration: none;
	color: #1168ae /* orangered*/ /*var(--header-app-color)*/;
	text-transform: uppercase;
	font-family: verdana;
	font-size: 30px;
	font-weight: bold;
	line-height: 32px;
}
.AppName {
	/*text-shadow: 1px 1px 1px #1168ae, 1px 2px 1px #1168ae, 1px 3px 1px #1168ae, 1px 4px 1px #1168ae, 1px 5px 1px #1168ae, 1px 6px 1px #1168ae, 1px 7px 1px #1168ae, 1px 8px 1px #1168ae, 1px 9px 1px #1168ae, 1px 10px 1px #1168ae, 1px 18px 6px rgba(16,16,16,0.4), 1px 22px 10px rgba(16,16,16,0.2), 1px 25px 35px rgba(16,16,16,0.2), 1px 30px 60px rgba(16,16,16,0.4);*/
	/*text-shadow: 1px 1px 1px whitesmoke, 1px 2px 1px whitesmoke, 1px 3px 1px whitesmoke, 1px 4px 1px whitesmoke, 1px 5px 1px whitesmoke, 1px 6px 1px whitesmoke, 1px 7px 1px whitesmoke, 1px 8px 1px whitesmoke, 1px 9px 1px whitesmoke, 1px 10px 1px whitesmoke, 1px 18px 6px rgba(16,16,16,0.4), 1px 22px 10px rgba(16,16,16,0.2), 1px 25px 35px rgba(16,16,16,0.2), 1px 30px 60px rgba(16,16,16,0.4);*/
}


@media screen and (max-width: 9120px ) {

	.AppName {
		font-size: 30px;
		width: auto;
	}
}
@media screen and (max-width: 1280px ) {
	.AppName {
		font-size: 28px;
	}
}
@media screen and (max-width: 1024px ) {
	.AppName {
		font-size: 21px;
	}
}
@media screen and (max-width: 912px ) {
	.AppName {
		font-size: 13px;
	}
}
@media screen and (max-width: 820px ) {

	.AppName {
		font-size: 20px;
		width: auto;
	}
}
@media screen and (max-width: 768px ) {
	.AppName {
		display: none;
	}
}

@media screen and (max-width: 550px ) {

	.AppName {
		font-size: 14px;
		width: auto;
	}
}
@media screen and (max-width: 420px ) {

	.AppName {
		font-size: 10px;
		width: auto;
	}
}


	/*AppNameAnimation*/

	svg {
		display: block;
		font-size: 30px;
		font-weight: bold;
		width: 80px;
		height: 35px;
		margin: 0 auto;
	}

	.text-copy {
		fill: none;
		stroke: white;
		stroke-dasharray: 6% 29%;
		stroke-width: 2px;
		stroke-dashoffset: 0%;
		-webkit-animation: stroke-offset 5.5s infinite linear;
		animation: stroke-offset 5.5s infinite linear;
	}

		.text-copy:nth-child(1) {
			stroke: #2986cc;
			-webkit-animation-delay: -1s;
			animation-delay: -1s;
		}

		.text-copy:nth-child(2) {
			stroke: #f44336;
			-webkit-animation-delay: -2s;
			animation-delay: -2s;
		}

		.text-copy:nth-child(3) {
			stroke: #BD0034;
			-webkit-animation-delay: -3s;
			animation-delay: -3s;
		}

		.text-copy:nth-child(4) {
			stroke: #0197a6;
			-webkit-animation-delay: -4s;
			animation-delay: -4s;
		}

		.text-copy:nth-child(5) {
			stroke: #FDB731;
			-webkit-animation-delay: -5s;
			animation-delay: -5s;
		}

	@-webkit-keyframes stroke-offset {
		100% {
			stroke-dashoffset: -35%;
		}
	}

	@keyframes stroke-offset {
		100% {
			stroke-dashoffset: -35%;
		}
	}
	/*=================================AppName3D=============================================*/
	@import url(https://fonts.googleapis.com/css?family=Akronim);
	@import url(https://fonts.googleapis.com/css?family=Caesar+Dressing);
	@import url(https://fonts.googleapis.com/css?family=Amethysta);

	.AppName3D {
		perspective: 9999px;
		transform-style: preserve-3d;
		display: block;
		font-size: 30px;
		font-weight: bold;
		width: 80px;
		/*height: 35px;*/
		margin: 0 auto;
	}


	.layer {
		width: 100%;
		height: 100%;
		position: absolute;
		transform-style: preserve-3d;
		animation: ಠ_ಠ 5s infinite alternate ease-in-out -7.5s;
		animation-fill-mode: forwards;
		transform: rotateY(40deg) rotateX(33deg) translateZ(0);
	}

		.layer:after {
			font-family: "Pacifico", "Kaushan Script", "Futura", "Roboto", "Trebuchet MS", "Helvetica","sans-serif";
			content: "";
			white-space: pre;
			text-align: center;
			height: 100%;
			width: 100%;
			position: absolute;
			color: whitesmoke;
			letter-spacing: -2px;
			text-shadow: 4px 0 10px rgba(0, 0, 0, 0.13);
		}

		.layer:nth-child(1):after {
			transform: translateZ(0px);
		}

		.layer:nth-child(2):after {
			transform: translateZ(-1.5px);
		}

		.layer:nth-child(3):after {
			transform: translateZ(-3px);
		}

		.layer:nth-child(4):after {
			transform: translateZ(-4.5px);
		}

		.layer:nth-child(5):after {
			transform: translateZ(-6px);
		}

		.layer:nth-child(6):after {
			transform: translateZ(-7.5px);
		}

		.layer:nth-child(7):after {
			transform: translateZ(-9px);
		}

		.layer:nth-child(8):after {
			transform: translateZ(-10.5px);
		}

		.layer:nth-child(9):after {
			transform: translateZ(-12px);
		}

		.layer:nth-child(10):after {
			transform: translateZ(-13.5px);
		}

		.layer:nth-child(11):after {
			transform: translateZ(-15px);
		}

		.layer:nth-child(12):after {
			transform: translateZ(-16.5px);
		}

		.layer:nth-child(13):after {
			transform: translateZ(-18px);
		}

		.layer:nth-child(14):after {
			transform: translateZ(-19.5px);
		}

		.layer:nth-child(15):after {
			transform: translateZ(-21px);
		}

		.layer:nth-child(16):after {
			transform: translateZ(-22.5px);
		}

		.layer:nth-child(17):after {
			transform: translateZ(-23px);
		}

		.layer:nth-child(18):after {
			transform: translateZ(-24.5px);
		}

		.layer:nth-child(19):after {
			transform: translateZ(-25px);
		}

		.layer:nth-child(20):after {
			transform: translateZ(-26.5px);
		}


		.layer:nth-child(n+10):after {
			-webkit-text-stroke: 3px rgba(0, 0, 0, 0.25);
		}

		.layer:nth-child(n+11):after {
			-webkit-text-stroke: 6px dodgerblue;
			text-shadow: 4px 0 4px #00366b, 3px 3px 3px #002951, 0 4px 4px #00366b;
		}

		.layer:nth-child(n+12):after {
			-webkit-text-stroke: 5px #0077ea;
		}

		.layer:last-child:after {
			-webkit-text-stroke: 7px rgba(0, 0, 0, 0.1);
		}

		.layer:first-child:after {
			color: #fff;
			text-shadow: none;
		}

	@keyframes ಠ_ಠ {
		100% {
			transform: rotateY(-40deg) rotateX(-43deg);
		}
	}

	@media screen and (max-width: 540px ) {
		/*a.logoInno{ display:none;}*/
		.AppName {
			display: none;
			/*font-size:23px;*/
		}

		.AppName3D {
			font-size: 17px;
			width: auto;
		}
	}

	@media screen and (max-width: 820px ) {
		/*a.logoInno{ display:none;}*/
		.AppName {
			font-size: 13px;
		}

		.AppName3D {
			font-size: 20px;
			width: auto;
		}
	}

	

	





	/*------------------------------------.loginDisplay-----------------------------------*/
	#header .loginDisplay { /*flex: auto;*/
		padding: 0;
		float: right;
		padding-top: 3px;
	}

		#header .loginDisplay .UserInfor {
			float: right;
			border: 0;
			height: 25px;
			width: 25px;
			border-radius: 50%;
			margin: 4px;
			margin-top: 0;
			z-index: 999999;
			text-align: center;
			background-color: #0197a6 /*var(--header-background-color)*/;
			text-align: center;
			cursor: pointer;
		}

			#header .loginDisplay .UserInfor #User_switcher {
				display: none;
			}

			#header .loginDisplay .UserInfor label,
			#header .loginDisplay .UserInfor .Display-UserInfor .UserIcon label {
				cursor: pointer;
				padding: 5px;
				font-size: 14px;
				font-weight: bold;
				color: white;
				display: block;
			}

			#header .loginDisplay .UserInfor .UserIcon {
				height: 80px;
				width: 80px;
				position: relative;
				border: 3px solid #0197a6 /*var(--header-background-color)*/;
				border-radius: 50%;
				background-color: #0197a6 /*var(--header-background-color)*/;
				color: var(--color-white);
				font-size: 50px;
				font-weight: bold;
				box-shadow: -3.5px 3.5px 5px #0197a6 /*var(--header-background-color)*/;
				margin: auto;
			}

				#header .loginDisplay .UserInfor .UserIcon p {
					margin: 0;
					position: absolute;
					top: 50%;
					left: 50%;
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					color: var(--color-white);
				}

			#header .loginDisplay .UserInfor .Display-UserInfor {
				display: none;
				width: 300px;
				height: 165px;
				position: relative;
				z-index: 99999;
				border: solid 1px var(--border-color);
				float: right;
				margin: 14px;
				border-radius: 10px;
				background-color: var(--color-white);
				flex-grow: 1;
				text-align: center;
				padding: 10px;
				color: var(--colo-black);
				font-size: 14px;
				font-weight: bold;
				box-shadow: -3.5px 3.5px 5px var(--color-black-7);
			}

	#header #User_switcher:checked + div.Display-UserInfor {
		display: block;
	}

	#header .loginDisplay .UserInfor .Display-UserInfor .infor {
		color: var(--color-black-1);
	}

	#header .loginDisplay .UserInfor .Display-UserInfor .infor {
		letter-spacing: .29px;
		margin: auto;
		text-align: center;
		text-overflow: ellipsis;
		overflow: hidden;
	}

		#header .loginDisplay .UserInfor .Display-UserInfor .infor > p {
			margin: 0;
		}

	#header .loginDisplay .UserInfor .Display-UserInfor .inforBtn .btnSignOut {
		padding-left: 0;
		background: none;
	}
	/*-------------------------------------------User-Profile-------------------------------*/
	/*#header .loginDisplay { padding-right:10px;}*/
	#header .User-Profile {
		display: inline-block;
		float: right;
		cursor: pointer; /*padding: 2px;*/ /*padding-left:2px;*/
		margin: 0 auto;
		height: 32px;
		width: 32px;
		background-color: #0197a6;
		border: 3px solid #0197a6;
		border-radius: 50%;
		text-align: center;
	}

		#header .User-Profile .User-Profile-icon {
			display: block;
			font-size: 18px;
			font-weight: bold;
			color: white;
		}

	#header .User-Profile-infor-show {
		display: block;
	}

	#header .User-Profile-infor-hide {
		display: none;
	}

	#header .User-Profile .User-Profile-infor {
		position: relative;
		width: 300px;
		height: 176px;
		border: solid 1px gray;
		float: right;
		top: -35px;
		right: -14px;
		z-index: 999999999999;
		background-color: white;
		cursor: default;
		opacity: 1;
		-webkit-transition: height .2s,width .2s,margin .2s;
		-moz-transition: height .2s,width .2s,margin .2s;
		transition: height .2s,width .2s,margin .2s;
	}

		#header .User-Profile .User-Profile-infor .User-Profile-infor-header {
			position: relative;
			left: 0;
			padding: 16px 12px 12px 120px;
			background: 0 0;
			line-height: 24px;
			height: 125px;
			opacity: 1;
			transition: opacity 2s;
			display: flex;
		}

			#header .User-Profile .User-Profile-infor .User-Profile-infor-header .icon {
				position: absolute;
				top: 4px;
				left: 3px;
				width: 96px;
				height: 96px;
				margin-top: 14px;
				margin-left: 19px;
				border-left: 0 solid #8c9fab4d;
				filter: none;
				-webkit-filter: grayscale(0);
				background-color: #0197A6;
				border-radius: 50%;
				text-align: center;
				font-size: 60px;
				font-weight: bold;
				padding-top: 35px;
				padding-left: 5px;
				-webkit-box-flex: 1;
				-ms-flex: auto;
				flex: auto;
				color: white;
			}

			#header .User-Profile .User-Profile-infor .User-Profile-infor-header .infor {
				width: 200px;
				height: 80px;
				flex: auto;
				color: black;
				text-align: left;
				/*float: right;*/ padding: 10px;
			}

				#header .User-Profile .User-Profile-infor .User-Profile-infor-header .infor p {
					margin: 0;
					font-size: 15px;
					overflow-x: hidden;
					text-overflow: ellipsis;
					display: inline-block;
					width: 100%;
					white-space: nowrap;
					vertical-align: top;
				}

					#header .User-Profile .User-Profile-infor .User-Profile-infor-header .infor p .btnUser {
						color: /*#3271ce*/ var(--color-link) !important;
					}

		#header .User-Profile .User-Profile-infor .inforBtn {
			position: relative;
			padding: 10px 20px 10px 0;
			overflow: hidden;
			background: #f4f4f4;
			text-align: right;
			line-height: 29px;
		}

			#header .User-Profile .User-Profile-infor .inforBtn a {
				background: #888 /*var(--backgroup-button)*/;
				background-image: none;
				display: inline-block;
				padding: 8px 12px;
				line-height: 13px;
				opacity: 1;
				letter-spacing: .4px;
				color: /*var(--color-white)*/ white !important;
			}

				#header .User-Profile .User-Profile-infor .inforBtn a:hover {
					background: #666 /*var(--backgroup-button-hover)*/;
				}
	/*-----------------------------------------lang-------------------------------------------*/

	#header .lang {
		padding: 0;
		float: right;
		padding-top: 3px;
		margin: 0 5px;
	}

		#header .lang .VI, #header .lang .EN {
			display: inline-block;
			float: right;
			cursor: pointer;
			padding: 2px;
			margin: 0 auto;
			height: 32px;
			width: 32px;
			border-radius: 50%;
			text-align: center;
			background-position: center;
			text-indent: -9999px;
		}

		#header .lang .VI {
			background-image: url(/Content/News/images/icon/english.png);
		}

		#header .lang .EN {
			background-image: url(/Content/News/images/icon/vietnam.png);
		}



	#menu, #page > #footer {
		color: var(--color-white);
	}


	/*--------------------------------------menu----------------------------------------------*/
	.menuView {
		display: flex;
	}

	#menu .menuExit {
		display: none;
	}

	#menu {
		padding: 0px 0px 0px 5px;
		font-weight: bold;
	}

		#menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
			float: left;
			cursor: pointer;
			display: flex;
			justify-content: space-between;
			text-align: center;
		}

			#menu ul.level1 {
				width: auto;
			}

		#menu a.level1 {
			display: block;
			border: none;
			color: var(--color-gray-2);
			padding: 0px 10px 4px 0px;
			margin: 10px 0 0 10px;
			text-decoration: none;
			white-space: nowrap;
			font-weight: bold;
			text-transform: uppercase;
		}

			#menu a.level1:hover {
				color: var(--color-white);
			}

		#menu ul.level1 > li:hover { /*box-shadow: 0px -4px 5px var(--color-gray); border-top-left-radius:5px;border-top-right-radius:5px;	*/
		}

		#menu ul > li:hover > ul.dynamic {
			display: block;
		}

		#menu ul ul, #menu ul ul ul, #menu ul ul ul ul {
			display: none;
		}

			#menu ul ul, #menu ul ul ul, #menu ul ul ul ul {
				position: absolute;
				background-color: var(--color-white);
				z-index: 200;
				padding: 5px 4px 10px;
				-moz-border-top-right-radius: 5px;
				-moz-border-bottom-left-radius: 5px;
				-moz-border-bottom-right-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				border-top-right-radius: 5px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				-moz-box-shadow: 5px -5px 5px var(--color-gray);
				-webkit-box-shadow: 5px -5px 5px var(--color-gray);
				box-shadow: 5px 5px 5px var(--color-gray);
				border: 1px solid #ccc;
				min-width: 150px;
			}

				#menu ul ul li {
					text-align: left;
					padding: 5px;
				}

					#menu ul ul li a {
						text-transform: none;
						white-space: nowrap;
						text-decoration: none;
						font-weight: bold;
						color: var(--color-black-1);
						line-height: 23px;
						margin: 0 5px;
					}

					#menu ul ul li:hover {
						background-color: var(--color-gray-1);
					}

				#menu ul ul ul {
					left: 95%;
					z-index: 210;
					margin-left: -1px;
					margin-top: -25px; /*width: 100% !important;*/
				}

		#menu ul.dynamic li.has-popup::after {
			content: '\25BA';
			display: block;
			float: right;
			color: var(--color-black-2);
			font-weight: bold;
			margin-top: 4px;
			position: relative;
		}

		#menu ul ul ul:before {
			content: "\25C4";
			display: block;
			float: left;
			color: var(--color-black-2);
			font-weight: bold;
			margin-top: 0px;
			margin-left: -23px;
		}

	/*-----------------------------------------toggle-switcher--------------------------------*/
	#toggle-switcher {
		width: auto;
	}

	#toggle-switcher, .c3m-switch-input {
		display: none;
	}

	.navbar-toggle {
		position: relative;
		float: left;
		padding: 3px;
		margin: 2px;
		background-color: var(--background-transparent);
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}

		.navbar-toggle:focus {
			outline: 0;
		}

		.navbar-toggle .icon-bar {
			display: block;
			width: 18px;
			height: 2px;
			border-radius: 1px;
		}

			.navbar-toggle .icon-bar + .icon-bar {
				margin-top: 4px;
			}

	.navbar-toggle {
		border-color: #ddd;
	}

		.navbar-toggle:hover, .navbar-toggle:focus {
			background-color: #ddd;
		}

		.navbar-toggle .icon-bar {
			background-color: var(--color-white);
		}

		.navbar-toggle:hover > .icon-bar, .navbar-toggle:focus > .icon-bar {
			background-color: var(--color-black-3);
		}
	/*------------------------------------------breadcrumb-----------------------------------------------*/
	#breadcrumb {
		font-weight: bold;
		font-size: 10px;
		line-height: 21px;
	}

		#breadcrumb a {
			text-decoration: none;
			color: var(--color-black-2);
			padding: 0 2px;
			font-weight: bold;
		}

			#breadcrumb a.currentNode {
				color: var(--color-blue-1);
			}

		#breadcrumb .pathSeparator {
			color: var(--color-black-2);
		}

		#breadcrumb .rootNode {
			border: medium none;
			padding: 0 5px;
		}

	#jumpTo {
		padding: 2px 5px;
		font-size: 11px;
		text-align: right;
	}

		#jumpTo > input[type=text] {
			width: 40px;
		}


	.headerFix {
		position: fixed;
	}
	/*-----------------------------------------page----------------------------------------*/
	.pageFix {
		margin-top: 43px;
	}

	#page {
		background-color: var(--background-transparent);
		z-index: 5;
		vertical-align: baseline;
		position: relative;
		color: var(--color-black-2);
	}

	#page {
		min-height: calc(100vh - 81px);
	}

	#main {
		margin: 5px;
		padding-top: 10px;
	}
	/*---------------------------------------------footer-----------------------------------*/
	#footer {
		padding-bottom: 10px;
		padding-top: 10px;
		display: block;
		background-color: black;
		color: white;
	}

		#footer > #digitalClock {
			float: right;
		}

			#footer > #digitalClock > .clocktime {
				padding-left: 10px;
			}

	/*-------------------------------------------to_top-------------------------------------------------*/
	#to_top {
		width: 32px;
		height: 32px;
		line-height: 20px;
		text-align: center;
		/*background: var(--background-transparent);*/
		background: url(/Content/News/images/arrow-up.png) no-repeat;
		background-size: 32px;
		background-position: center;
		position: fixed;
		bottom: 0px;
		right: 19px;
		z-index: 9999;
		/*border: 4px double var(--header-background-color);border-radius: 20px;*/
		text-decoration: none;
		margin: 21px auto;
	}

		#to_top i {
		}

	.ic-arrow-up {
	}

	.ic {
		width: 20px;
		height: 20px;
	}
	/*.ic::after {content: '\2191';color: var(--header-background-color);font-size: 20px;font-weight: bold;}*/

	/*------------------------------------validation-summary-errors-------------------------------------------*/
	div.validation-summary-errors {
		color: var(--color-red-1);
		border: 1px solid red;
		background: var(--color-white) url(/Content/images/warning.png) no-repeat scroll 5px 30px;
		position: fixed;
		right: 20px;
		bottom: 10px;
		z-index: 9999;
		cursor: pointer;
		min-width: 250px;
		width: auto;
		min-height: 80px;
		overflow: hidden;
		text-align: left;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 5px 5px 5px var(--border-color);
	}

		div.validation-summary-errors > span {
			background: #e3f1d7 url(/Content/images/symbol/close.gif) no-repeat scroll right center;
			border-bottom: 2px solid var(--input-border-color);
			float: left;
			width: 100%;
			font-weight: bold;
			margin-right: 5px;
			padding-left: 5px;
		}

		div.validation-summary-errors > ul {
			cursor: default;
			margin: 0;
			padding: 25px 0 0;
			margin-left: 55px;
			list-style: point;
			font-weight: normal;
		}

	div.validation-summary-valid {
		display: none;
	}

	div.undercontruction {
		backgroundvar(--background-transparent) url(/Content/images/under-construction.gif) no-repeat scroll center top;
		width: 250px;
		width: 300px;
		margin: 100px auto;
		padding: 180px 20px 0;
		color: #990033;
		text-align: center;
	}
	/*--------------------------------------Validation Tooltip--------------------------------------*/
	.field-validation-error {
		color: var(--color-red-1);
	}

	.field-validation-valid {
		display: none;
	}

	.input-validation-error {
		border: 1px solid var(--color-red-1);
		background-color: var(--input-background-error);
	}


	/*-----------------------------------responsive--------------------------------------------*/

	@media screen and (max-width: 1023px ) {

		#header, #page, #footer {
			margin-left: 0;
			margin-right: 0;
			padding-left: 5px;
			padding-right: 5px;
		}

		.app {
			display: inline-block;
			margin: 0 auto;
			flex: auto;
		}

		svg {
			font-size: 23px;
			width: 60px;
		}

		#footer > #digitalClock {
			display: none;
		}

		#toggle-switcher {
			display: block;
			flex: auto;
		}

		.menuView {
			display: none;
		}

		.menuCSS3 {
			display: block;
		}


		#menu {
			margin-left: -5px;
			min-height: 100%;
			position: fixed;
			top: 0;
			bottom: 0;
			background-color: var(--color-black-3);
			overflow-y: scroll;
			min-width: 80%;
			z-index: 999;
		}

			#menu .menuExit {
				margin-top: 5px;
				padding: 5px;
				display: inline-block;
				width: -webkit-fill-available;
			}

				#menu .menuExit > span {
					float: right;
					font-size: 25px;
					cursor: pointer;
					margin-top: -10px;
					padding-left: 5px;
					padding-right: 5px;
				}

			#menu ul {
				display: block;
				text-align: left;
				width: 100% !important;
				float: none;
			}

				#menu ul.level1 > li:hover {
					box-shadow: 0px 0px 0px var(--color-gray);
					border-top-left-radius: 5px;
					border-top-right-radius: 5px;
				}

				#menu ul ul, #menu ul ul ul, #menu ul ul ul ul {
					position: absolute;
					display: none;
					background-color: var(--color-black-3);
					-moz-box-shadow: 0px 0px 0px var(--color-gray);
					-webkit-box-shadow: 0px 0px 0px var(--color-gray);
					box-shadow: 0px 0px 0px #ccc;
					border: 0px solid #ccc;
				}

					#menu ul ul li a, #menu ul ul ul li a, #menu ul ul ul ul li a {
						display: block;
						color: var(--color-gray-2);
						height: auto;
						line-height: 23px;
						margin: 0 5px;
						padding: 0;
						text-transform: none;
						white-space: nowrap;
						text-decoration: none;
						z-index: -1;
					}

					#menu ul ul li, #menu ul ul ul li, #menu ul ul ul ul li {
						margin-left: 15px;
						display: block;
					}

				#menu ul > li:hover > ul.dynamic {
					display: contents;
				}

				#menu ul ul li:hover {
					background-colorvar(--background-transparent);
				}

				#menu ul.dynamic li.has-popup:after {
					content: "\002B";
					color: white;
					font-size: 16px;
					font-weight: bold;
					position: absolute;
					right: 8px;
				}

				#menu ul.dynamic li.has-popup:hover:after {
					content: "\002B";
					color: white;
					font-size: 16px;
					font-weight: bold;
					position: absolute;
					right: 8px;
				}
	}

	/*----------------------------------menu view -------------------------------------*/

	.MenuView {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		display: flex;
		list-style-type: none;
		flex-wrap: wrap;
	}

		.MenuView .ViewItem {
			width: 22%;
		}

		.MenuView .ViewItem {
			margin-right: 3%;
			float: left;
			border-bottom: 1px solid var(--color-gray-1);
		}

			.MenuView .ViewItem:hover {
				background-color: #f3f3f3 /*#fafafa*/;
				color: #333;
			}

			.MenuView .ViewItem a {
				font-size: 15px;
				font-weight: bold;
				color: #666;
				display: block;
				cursor: pointer;
				padding: 18px;
			}

	@media screen and (max-width:912px) {
		.MenuView .ViewItem {
			width: 45%;
		}
	}

	@media screen and (max-width:540px) {
		.MenuView {
			padding-left: 2px;
		}

			.MenuView .ViewItem {
				width: 45%;
			}
	}

	@media screen and (max-width:414px) {
		.MenuView {
			padding-left: 2px;
		}

			.MenuView .ViewItem {
				width: 100%;
			}
		/*	#to_top{ bottom:70px;}*/
	}

	/*---------------------------------------menu group ---------------------------------------*/



	.MenuViewGroup {
		margin: 0 auto 100px;
		width: 910px;
		max-width: 1080px;
		text-align: left;
		font-family: "Open Sans",sans-serif;
		font-weight: 100;
	}

	.group-header-fixed {
		padding: 0;
		z-index: 99;
		vertical-align: baseline;
		width: 100% !important;
		padding-top: 0px;
		padding-right: 10px;
		position: fixed;
		top: 41px;
	}

		.group-header-fixed .group-header-name {
			width: 910px;
			max-width: 1080px;
			padding: 5px;
			flex: auto;
			margin: auto;
			padding-bottom: 5px;
			padding-top: 34px;
			color: #333;
			background-color: white;
			font-size: 19px;
			font-weight: 400;
			border-bottom: 1px solid #ddd;
		}

	.group-header-fixed-show {
		display: block;
	}

	.group-header-fixed-hide {
		display: none;
	}

	.MenuViewGroup .group-name {
		padding: 35px 0 5px;
		margin: 0;
		color: #333;
		font-size: 19px;
		font-weight: 400;
		border-bottom: 1px solid #ddd;
	}

	.MenuViewGroup .group-list {
		overflow: hidden;
	}

		.MenuViewGroup .group-list ul {
			margin: 5px 0;
			overflow: hidden;
			list-style: none;
		}

		.MenuViewGroup .group-list .group-item {
			float: left;
			padding: 0 10px;
			overflow: hidden;
			width: 47.5%;
		}

		.MenuViewGroup .group-list .group-left-right {
			clear: both;
		}

		.MenuViewGroup .group-list .group-item .app-logo {
			width: 48px;
			height: 48px;
			display: inline-block;
			margin-right: 15px;
			cursor: pointer;
			float: left;
			background-size: 48px 48px;
			background-position: center;
			background-repeat: no-repeat;
		}

		.MenuViewGroup .group-list .group-item .app-container {
			padding: 20px 0;
		}

		.MenuViewGroup .group-list .group-item .app-name {
			float: left;
			font-size: 15px;
			font-weight: 500;
			color: var(--color-blue-2);
		}

		.MenuViewGroup .group-list .group-left-right .app-content {
			padding-right: 35px;
		}

		.MenuViewGroup .group-list .group-item .app-content {
			padding-left: 63px;
			margin-top: 10px;
			margin-bottom: 13px;
			font-size: 13px;
			color: #333;
		}

	.group-footer-fixed {
		padding: 0;
		z-index: 100;
		vertical-align: baseline;
		width: 100%;
		padding-top: 0px;
		padding-right: 10px;
		position: fixed;
		bottom: 0px;
		text-align: center;
	}

	.group-footer-fixed-bottom {
		bottom: 40px;
	}

	.group-footer-fixed .group-footer-name {
		width: 910px;
		max-width: 1080px;
		margin: auto;
		height: 74px;
		color: #333;
		background-color: white;
		font-size: 19px;
		font-weight: 400;
		border-top: 1px solid #ddd;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

		.group-footer-fixed .group-footer-name .group-list {
			cursor: pointer;
			width: 30px;
			height: 30px;
			padding: 0;
			margin: 21px auto;
			/*margin-left:300px;
			margin-right:300px;*/
			display: table;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-ms-flex-direction: row;
			flex-direction: row;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			float: right;
			-webkit-box-flex: 89%;
			-ms-flex: 89%;
			flex: 89%;
		}

			.group-footer-fixed .group-footer-name .group-list a#Setting {
				width: 30px;
				height: 30px;
				background: url(/Content/News/images/icon/home-common.png) -1px -1px no-repeat;
				margin: auto;
				padding: 0;
				position: absolute;
			}

				.group-footer-fixed .group-footer-name .group-list a#Setting:hover {
					background-position: -1px -39px;
				}
		/*.group-footer-fixed .group-footer-name .group-list:hover {
					background-position: -1px -39px;
				}*/



		.group-footer-fixed .group-footer-name .group-button {
			cursor: pointer;
			padding: 0;
			margin: 21px auto;
			/*float: right;*/
			font-size: 14px;
			display: block;
			-webkit-box-flex: 11%;
			-ms-flex: 11%;
			flex: 11%;
		}

			.group-footer-fixed .group-footer-name .group-button a#btnPopular {
				display: none;
				padding-left: 0px;
			}

	.group-footer-fixed .menu-setting {
		z-index: 9999;
		display: block;
		direction: ltr;
		position: fixed;
		top: 100%;
		bottom: 74px;
		left: 0;
		right: 0;
		transition: top .45s ease-in-out;
	}

	.group-footer-fixed .menu-setting-show {
		display: block;
		top: 43px;
		transition: top .45s ease-in-out;
	}

	.group-footer-fixed .menu-setting .menu-setting-content {
		width: 910px;
		max-width: 1080px;
		height: 100%;
		margin: 0 auto;
		background-color: white;
		overflow: auto;
	}

		.group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item {
			cursor: pointer;
		}

			.group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item input[type="checkbox"] {
				display: inline-block;
				float: left;
				margin: 8px;
			}




	/*-------------------------------------------SearchApp--------------------------------------*/
	#header .searchApp {
		position: absolute;
		left: 18%;
		width: 64%;
		overflow: hidden;
		height: 40px;
		border-left: 1px solid #d2d2d2;
		background-color: black;
	}

		#header .searchApp .search-container .zod-search {
			width: 45px;
			height: 40px;
			background: url(/Content/News/images/icon/search-blue-icon.png) no-repeat;
			background-position: 26px 11px;
			margin: 2px 0 0 -8px;
			border: transparent;
			cursor: pointer;
			display: inline-block;
			line-height: 40px;
			-webkit-transition: .1s all linear;
			-o-transition: .1s all linear;
			transition: .1s all linear;
		}

		#header .searchApp .search-container:hover .zod-search {
			width: 70px;
			background: url(/Content/News/images/icon/search-icon.png) 26px 18px no-repeat #333;
			margin: 0;
			background-position-y: 10px;
		}

		#header .searchApp .search-container .zod-content {
			position: absolute;
			line-height: 40px;
			padding-left: 10px;
			white-space: nowrap;
			font-size: 14px;
			transition: .1s all linear;
			color: white;
		}

		#header .searchApp .globalsearch {
			z-index: 999;
			display: none;
			direction: ltr;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}

			#header .searchApp .globalsearch .global-overlay {
				background-color: var(--color-gray-6);
				opacity: 0.8;
				filter: alpha(opacity=80);
				-moz-opacity: 0.8;
				min-height: 100%;
				width: 100%;
				grid-area: 1 / 1;
			}

			#header .searchApp .globalsearch .search {
				left: 17% !important;
				top: 0px !important;
				margin-top: 0px !important;
				margin-left: 0px !important;
				height: 700px;
				width: 66%;
				position: absolute;
				border-radius: 5px;
				background-color: #ffffff;
				box-shadow: 4px 0px 36px -6px #807e7e;
			}

				#header .searchApp .globalsearch .search .search-header {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					width: 100%;
					height: 40px;
					position: relative;
					background-color: #f5f5f5;
					border-bottom: 1px solid #dadada;
					border-radius: 5px 5px 0px 0px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}

					#header .searchApp .globalsearch .search .search-header .search-icon {
						width: 70px;
						height: 40px;
						background-image: url(/Content/News/images/icon/search.png);
						background-color: transparent;
						background-position: center;
						background-repeat: no-repeat;
						background-size: 40px;
					}

					#header .searchApp .globalsearch .search .search-header .search-input {
						-webkit-box-flex: 1;
						-ms-flex: auto;
						flex: auto;
						width: 100% !important;
					}

					#header .searchApp .globalsearch .search .search-header .search-close {
						width: 40px;
						height: 40px;
						background-image: url(/Content/News/images/icon/close-icon.png);
						background-color: transparent;
						background-position: center;
						background-repeat: no-repeat;
						position: relative;
						cursor: pointer;
						float: right;
					}

					#header .searchApp .globalsearch .search .search-header .search-query {
						z-index: 2;
						margin: 0px;
						width: 100% !important;
						height: 39px;
						color: #4f4f4f;
						font-size: 18px !important;
						line-height: 22px;
						padding: 13px 0px;
						position: inherit;
						background-color: var(--color-white);
						border: none !important;
						outline: none !important;
						font-weight: normal;
					}

				#header .searchApp .globalsearch .search .search-content {
					overflow: auto;
					margin-top: 15px;
					margin-left: 15px;
					margin-bottom: 15px;
					height: 640px;
					width: auto;
				}

					#header .searchApp .globalsearch .search .search-content #searchitem, .group-footer-fixed .menu-setting .menu-setting-content #MenuSetting {
						margin: 5px 0;
						overflow: hidden;
						list-style: none;
					}

						#header .searchApp .globalsearch .search .search-content #searchitem .group-item, .group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item {
							float: left;
							padding: 0 10px;
							overflow: hidden;
							width: 50%;
						}

							#header .searchApp .globalsearch .search .search-content #searchitem .group-item:hover, .group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item:hover {
								background-color: #f4f4f4;
							}

							#header .searchApp .globalsearch .search .search-content #searchitem .group-item .app-container, .group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item .app-container {
								margin-bottom: 5px;
								padding: 5px;
								height: 30px;
							}

							#header .searchApp .globalsearch .search .search-content #searchitem .group-item .app-name, .group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item .app-name {
								float: left;
								font-size: 15px;
								color: var(--color-blue-2);
							}

								#header .searchApp .globalsearch .search .search-content #searchitem .group-item .app-name .filter, .group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item .app-name .filter {
									color: var(--color-red-1);
								}

							#header .searchApp .globalsearch .search .search-content #searchitem .group-item .app-logo, .group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item .app-logo {
								width: 20px;
								height: 20px;
								display: inline-block;
								margin-right: 15px;
								cursor: pointer;
								float: left;
								background-size: 20px;
								background-position: center;
								background-repeat: no-repeat;
							}

							#header .searchApp .globalsearch .search .search-content #searchitem .group-item a {
								display: inline-block;
								width: 100%;
							}


	@media screen and (max-width: 1024px ) {
		#header .searchApp .globalsearch .search .search-content #searchitem .group-item {
			width: 100%;
		}
	}

	@media screen and (max-width:768px) {
		.group-footer-fixed .group-footer-name {
			width: 100%;
		}
	}

	@media screen and (max-width: 500px ) {
		#header .searchApp .globalsearch .search {
			left: 0% !important;
			width: 100%;
		}

			#header .searchApp .globalsearch .search .search-content #searchitem .group-item {
				width: 100%;
			}

		.group-footer-fixed .group-footer-name {
			width: 100%;
		}
	}

	@media screen and (max-width: 320px ) {
		#header .searchApp {
			left: 21%;
		}

		.MenuViewGroup .group-list .group-item .app-name {
			font-size: 11px;
		}

		.group-footer-fixed .group-footer-name {
			width: 100%;
		}

		.group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item .app-name {
			font-size: 11px;
		}

		#header .searchApp .globalsearch .search .search-content #searchitem .group-item .app-name,
		.group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item .app-name {
			font-size: 11px;
		}

		.MenuViewGroup .group-list .group-item .app-content {
			font-size: 11px;
		}
	}

	@media screen and (max-width: 280px ) {
		#header .searchApp .globalsearch .search .search-content #searchitem .group-item {
			width: 100%;
		}

		#header .searchApp {
			left: 25%;
		}

			#header .searchApp .globalsearch .search .search-content #searchitem .group-item .app-name,
			.group-footer-fixed .group-footer-name .group-list {
				flex: 80%;
			}

		.group-footer-fixed .group-footer-name .group-button {
			flex: 20%;
		}
	}

	/*------------------------------------------------------logo app --------------------------------*/

	.app-logo {
		background: url(/Content/News/images/icon/menu/App-logo-new.png);
	}

	.app-logo-A001 {
		background: url(/Content/News/images/icon/menu/A001.png);
	}

	.app-logo-A006 {
		background: url(/Content/News/images/icon/menu/A006.png);
	}

	.app-logo-A007 {
		background: url(/Content/News/images/icon/menu/A007.png);
	}

	.app-logo-A008 {
		background: url(/Content/News/images/icon/menu/A008.png);
	}

	.app-logo-A009 {
		background: url(/Content/News/images/icon/menu/A009.png);
	}

	.app-logo-A010 {
		background: url(/Content/News/images/icon/menu/A010.png);
	}

	.app-logo-A011 {
		background: url(/Content/News/images/icon/menu/A011.png);
	}

	.app-logo-A012 {
		background: url(/Content/News/images/icon/menu/A012.png);
	}

	.app-logo-A013 {
		background: url(/Content/News/images/icon/menu/A013.png);
	}

	.app-logo-A014 {
		background: url(/Content/News/images/icon/menu/A014.png);
	}

	.app-logo-A015 {
		background: url(/Content/News/images/icon/menu/A015.png);
	}

	.app-logo-A901 {
		background: url(/Content/News/images/icon/menu/A901.png);
	}

	.app-logo-B001 {
		background: url(/Content/News/images/icon/menu/B001.png);
	}

	.app-logo-B012 {
		background: url(/Content/News/images/icon/menu/B012.png);
	}

	.app-logo-B013 {
		background: url(/Content/News/images/icon/menu/B013.png);
	}

	.app-logo-B014 {
		background: url(/Content/News/images/icon/menu/B014.png);
	}

	.app-logo-B015 {
		background: url(/Content/News/images/icon/menu/B015.png);
	}

	.app-logo-B016 {
		background: url(/Content/News/images/icon/menu/B016.png);
	}

	.app-logo-B017 {
		background: url(/Content/News/images/icon/menu/B017.png);
	}

	.app-logo-B018 {
		background: url(/Content/News/images/icon/menu/B018.png);
	}

	.app-logo-B019 {
		background: url(/Content/News/images/icon/menu/B019.png);
	}

	.app-logo-B020 {
		background: url(/Content/News/images/icon/menu/B020.png);
	}

	.app-logo-B021 {
		background: url(/Content/News/images/icon/menu/B021.png);
	}

	.app-logo-B022 {
		background: url(/Content/News/images/icon/menu/B022.png);
	}

	.app-logo-B023 {
		background: url(/Content/News/images/icon/menu/B023.png);
	}

	.app-logo-B024 {
		background: url(/Content/News/images/icon/menu/B024.png);
	}

	.app-logo-B025 {
		background: url(/Content/News/images/icon/menu/B025.png);
	}

	.app-logo-B026 {
		background: url(/Content/News/images/icon/menu/B026.png);
	}

	.app-logo-B027 {
		background: url(/Content/News/images/icon/menu/B027.png);
	}

	.app-logo-B028 {
		background: url(/Content/News/images/icon/menu/B028.png);
	}

	.app-logo-B029 {
		background: url(/Content/News/images/icon/menu/B029.png);
	}

	.app-logo-B030 {
		background: url(/Content/News/images/icon/menu/B030.png);
	}

	.app-logo-B031 {
		background: url(/Content/News/images/icon/menu/B031.png);
	}

	.app-logo-B032 {
		background: url(/Content/News/images/icon/menu/B032.png);
	}

	.app-logo-B033 {
		background: url(/Content/News/images/icon/menu/B033.png);
	}

	.app-logo-B034 {
		background: url(/Content/News/images/icon/menu/B034.png);
	}

	.app-logo-B035 {
		background: url(/Content/News/images/icon/menu/B035.png);
	}

	.app-logo-B036 {
		background: url(/Content/News/images/icon/menu/B036.png);
	}

	.app-logo-B037 {
		background: url(/Content/News/images/icon/menu/B037.png);
	}

	.app-logo-B038 {
		background: url(/Content/News/images/icon/menu/B038.png);
	}

	.app-logo-B039 {
		background: url(/Content/News/images/icon/menu/B039.png);
	}

	.app-logo-B040 {
		background: url(/Content/News/images/icon/menu/B040.png);
	}

	.app-logo-B041 {
		background: url(/Content/News/images/icon/menu/B041.png);
	}

	.app-logo-B042 {
		background: url(/Content/News/images/icon/menu/B042.png);
	}

	.app-logo-B043 {
		background: url(/Content/News/images/icon/menu/B043.png);
	}

	.app-logo-B044 {
		background: url(/Content/News/images/icon/menu/B044.png);
	}

	.app-logo-B045 {
		background: url(/Content/News/images/icon/menu/B045.png);
	}

	.app-logo-B046 {
		background: url(/Content/News/images/icon/menu/B046.png);
	}

	.app-logo-B047 {
		background: url(/Content/News/images/icon/menu/B047.png);
	}

	.app-logo-B048 {
		background: url(/Content/News/images/icon/menu/B048.png);
	}

	.app-logo-B049 {
		background: url(/Content/News/images/icon/menu/B049.png);
	}

	.app-logo-B050 {
		background: url(/Content/News/images/icon/menu/B050.png);
	}

	.app-logo-B051 {
		background: url(/Content/News/images/icon/menu/B051.png);
	}

	.app-logo-B052 {
		background: url(/Content/News/images/icon/menu/B052.png);
	}

	.app-logo-B053 {
		background: url(/Content/News/images/icon/menu/B053.png);
	}

	.app-logo-B054 {
		background: url(/Content/News/images/icon/menu/B054.png);
	}

	.app-logo-B055 {
		background: url(/Content/News/images/icon/menu/B055.png);
	}

	.app-logo-B056 {
		background: url(/Content/News/images/icon/menu/B056.png);
	}

	.app-logo-B057 {
		background: url(/Content/News/images/icon/menu/B057.png);
	}

	.app-logo-B058 {
		background: url(/Content/News/images/icon/menu/B058.png);
	}

	.app-logo-B059 {
		background: url(/Content/News/images/icon/menu/B059.png);
	}

	.app-logo-B060 {
		background: url(/Content/News/images/icon/menu/B060.png);
	}

	.app-logo-B061 {
		background: url(/Content/News/images/icon/menu/B061.png);
	}

	.app-logo-B062 {
		background: url(/Content/News/images/icon/menu/B062.png);
	}

	.app-logo-B063 {
		background: url(/Content/News/images/icon/menu/B063.png);
	}

	.app-logo-B064 {
		background: url(/Content/News/images/icon/menu/B064.png);
	}

	.app-logo-B065 {
		background: url(/Content/News/images/icon/menu/B065.png);
	}

	.app-logo-B066 {
		background: url(/Content/News/images/icon/menu/B066.png);
	}

	.app-logo-B067 {
		background: url(/Content/News/images/icon/menu/B067.png);
	}

	.app-logo-B068 {
		background: url(/Content/News/images/icon/menu/B068.png);
	}

	.app-logo-B069 {
		background: url(/Content/News/images/icon/menu/B069.png);
	}

	.app-logo-B070 {
		background: url(/Content/News/images/icon/menu/B070.png);
	}

	.app-logo-B071 {
		background: url(/Content/News/images/icon/menu/B071.png);
	}

	.app-logo-B072 {
		background: url(/Content/News/images/icon/menu/B072.png);
	}

	.app-logo-B073 {
		background: url(/Content/News/images/icon/menu/B073.png);
	}

	.app-logo-B901 {
		background: url(/Content/News/images/icon/menu/B901.png);
	}

	.app-logo-B902 {
		background: url(/Content/News/images/icon/menu/B902.png);
	}

	.app-logo-B903 {
		background: url(/Content/News/images/icon/menu/B903.png);
	}

	.app-logo-B904 {
		background: url(/Content/News/images/icon/menu/B904.png);
	}

	.app-logo-B905 {
		background: url(/Content/News/images/icon/menu/B905.png);
	}

	.app-logo-B906 {
		background: url(/Content/News/images/icon/menu/B906.png);
	}

	.app-logo-B907 {
		background: url(/Content/News/images/icon/menu/B907.png);
	}

	.app-logo-B908 {
		background: url(/Content/News/images/icon/menu/B908.png);
	}

	.app-logo-B909 {
		background: url(/Content/News/images/icon/menu/B909.png);
	}

	.app-logo-B910 {
		background: url(/Content/News/images/icon/menu/B910.png);
	}

	.app-logo-B911 {
		background: url(/Content/News/images/icon/menu/B911.png);
	}

	.app-logo-B912 {
		background: url(/Content/News/images/icon/menu/B912.png);
	}

	.app-logo-C001 {
		background: url(/Content/News/images/icon/menu/C001.png);
	}

	.app-logo-C002 {
		background: url(/Content/News/images/icon/menu/C002.png);
	}

	.app-logo-C003 {
		background: url(/Content/News/images/icon/menu/C003.png);
	}

	.app-logo-C004 {
		background: url(/Content/News/images/icon/menu/C004.png);
	}

	.app-logo-C005 {
		background: url(/Content/News/images/icon/menu/C005.png);
	}

	.app-logo-C006 {
		background: url(/Content/News/images/icon/menu/C006.png);
	}

	.app-logo-C007 {
		background: url(/Content/News/images/icon/menu/C007.png);
	}

	.app-logo-C008 {
		background: url(/Content/News/images/icon/menu/C008.png);
	}

	.app-logo-C009 {
		background: url(/Content/News/images/icon/menu/C009.png);
	}

	.app-logo-C010 {
		background: url(/Content/News/images/icon/menu/C010.png);
	}

	.app-logo-C011 {
		background: url(/Content/News/images/icon/menu/C011.png);
	}

	.app-logo-C012 {
		background: url(/Content/News/images/icon/menu/C012.png);
	}

	.app-logo-C013 {
		background: url(/Content/News/images/icon/menu/C013.png);
	}

	.app-logo-C014 {
		background: url(/Content/News/images/icon/menu/C014.png);
	}

	.app-logo-C015 {
		background: url(/Content/News/images/icon/menu/C015.png);
	}

	.app-logo-C016 {
		background: url(/Content/News/images/icon/menu/C016.png);
	}

	.app-logo-C017 {
		background: url(/Content/News/images/icon/menu/C017.png);
	}

	.app-logo-C018 {
		background: url(/Content/News/images/icon/menu/C018.png);
	}

	.app-logo-C019 {
		background: url(/Content/News/images/icon/menu/C019.png);
	}

	.app-logo-C020 {
		background: url(/Content/News/images/icon/menu/C020.png);
	}

	.app-logo-C021 {
		background: url(/Content/News/images/icon/menu/C021.png);
	}

	.app-logo-C022 {
		background: url(/Content/News/images/icon/menu/C022.png);
	}

	.app-logo-C023 {
		background: url(/Content/News/images/icon/menu/C023.png);
	}

	.app-logo-C024 {
		background: url(/Content/News/images/icon/menu/C024.png);
	}

	.app-logo-C025 {
		background: url(/Content/News/images/icon/menu/C025.png);
	}

	.app-logo-C026 {
		background: url(/Content/News/images/icon/menu/C026.png);
	}

	.app-logo-C027 {
		background: url(/Content/News/images/icon/menu/C027.png);
	}

	.app-logo-C028 {
		background: url(/Content/News/images/icon/menu/C028.png);
	}

	.app-logo-C029 {
		background: url(/Content/News/images/icon/menu/C029.png);
	}

	.app-logo-C030 {
		background: url(/Content/News/images/icon/menu/C030.png);
	}

	.app-logo-C031 {
		background: url(/Content/News/images/icon/menu/C031.png);
	}

	.app-logo-C032 {
		background: url(/Content/News/images/icon/menu/C032.png);
	}

	.app-logo-C033 {
		background: url(/Content/News/images/icon/menu/C033.png);
	}

	.app-logo-C901 {
		background: url(/Content/News/images/icon/menu/C901.png);
	}

	.app-logo-C902 {
		background: url(/Content/News/images/icon/menu/C902.png);
	}

	.app-logo-C903 {
		background: url(/Content/News/images/icon/menu/C903.png);
	}

	.app-logo-C904 {
		background: url(/Content/News/images/icon/menu/C904.png);
	}

	.app-logo-C907 {
		background: url(/Content/News/images/icon/menu/C907.png);
	}

	.app-logo-C908 {
		background: url(/Content/News/images/icon/menu/C908.png);
	}

	.app-logo-C909 {
		background: url(/Content/News/images/icon/menu/C909.png);
	}

	.app-logo-C910 {
		background: url(/Content/News/images/icon/menu/C910.png);
	}

	.app-logo-C911 {
		background: url(/Content/News/images/icon/menu/C911.png);
	}

	.app-logo-C912 {
		background: url(/Content/News/images/icon/menu/C912.png);
	}

	.app-logo-C914 {
		background: url(/Content/News/images/icon/menu/C914.png);
	}

	.app-logo-C915 {
		background: url(/Content/News/images/icon/menu/C915.png);
	}

	.app-logo-C916 {
		background: url(/Content/News/images/icon/menu/C916.png);
	}

	.app-logo-C917 {
		background: url(/Content/News/images/icon/menu/C917.png);
	}

	.app-logo-C918 {
		background: url(/Content/News/images/icon/menu/C918.png);
	}

	.app-logo-C919 {
		background: url(/Content/News/images/icon/menu/C919.png);
	}

	.app-logo-C920 {
		background: url(/Content/News/images/icon/menu/C920.png);
	}

	.app-logo-C921 {
		background: url(/Content/News/images/icon/menu/C921.png);
	}

	.app-logo-C922 {
		background: url(/Content/News/images/icon/menu/C922.png);
	}

	.app-logo-C923 {
		background: url(/Content/News/images/icon/menu/C923.png);
	}

	.app-logo-C924 {
		background: url(/Content/News/images/icon/menu/C924.png);
	}

	.app-logo-C925 {
		background: url(/Content/News/images/icon/menu/C925.png);
	}

	.app-logo-C926 {
		background: url(/Content/News/images/icon/menu/C926.png);
	}



	@media screen and (max-width:1024px) {
		.MenuViewGroup, .group-footer-fixed .menu-setting .menu-setting-content {
			margin-left: 10%;
			margin-right: 10%;
		}

		.group-header-fixed .group-header-name {
			margin-left: 10%;
			margin-right: 10%;
		}
	}

	@media screen and (max-width:912px) {
		body {
			background-size: calc(100vw/1.5)
		}

		.MenuViewGroup, .group-footer-fixed .menu-setting .menu-setting-content {
			margin-left: 0;
			margin-right: 0;
		}

			.MenuViewGroup .group-list .group-item, .group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item {
				width: 45%;
			}

		.group-header-fixed .group-header-name {
			margin-left: 0;
			margin-right: 0;
		}
	}

	@media screen and (max-width:540px) {
		.MenuViewGroup, .group-footer-fixed .menu-setting .menu-setting-content {
			width: 100%;
		}

			.MenuViewGroup .group-list .group-item, .group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item {
				width: 100%;
			}
	}

	@media screen and (max-width:414px) {
		.MenuViewGroup, .group-footer-fixed .menu-setting .menu-setting-content {
			width: 100%;
		}

			.MenuViewGroup .group-list ul {
				padding-left: 2px;
			}

			.MenuViewGroup .group-list .group-item, .group-footer-fixed .menu-setting .menu-setting-content #MenuSetting .group-item {
				width: 100%;
			}

		.group-footer-fixed .group-footer-name {
			width: 100%;
		}
	}



	/*------------------------------------------------------------------------------------*/
	#paramLeft {
		float: left;
		width: 35%;
	}

	#paramRight {
		float: right;
		width: 65%;
	}

	@media screen and (max-width:1024px) {
		#paramLeft, #paramRight {
			width: 100%;
		}
	}


/* Comment Generated by Combres - Resource '~/Content/News/02.Common.css' (Mode: Static) */
.containerCol {
	width: 100%;
	min-width: 0;
	margin: 0 auto;
	overflow: auto;
	display: table;
}

	.containerCol .onecol, .containerCol .twocol, .containerCol .threecol, .containerCol .fourcol, .containerCol .fivecol, .containerCol .sixcol,
	.containerCol .sevencol, .containerCol .eightcol, .containerCol .ninecol, .containerCol .tencol, .containerCol .elevencol, .containerCol .twelvecol {
		margin-right: 1%;
		float: left;
		min-height: 1px;
	}

	.containerCol .onecol {
		width: 6.5%;
	}

	.containerCol .twocol {
		width: 15.00%;
	}

	.containerCol .threecol {
		width: 23.5%;
	}

	.containerCol .fourcol {
		width: 32.00%;
	}

	.containerCol .fivecol {
		width: 40.50%;
	}

	.containerCol .sixcol {
		width: 49.00%;
	}

	.containerCol .sevencol {
		width: 57.5%;
	}

	.containerCol .eightcol {
		width: 66.00%;
	}

	.containerCol .ninecol {
		width: 74.5%;
	}

	.containerCol .tencol {
		width: 83.00%;
	}

	.containerCol .elevencol {
		width: 91.50%;
	}

	.containerCol .twelvecol {
		width: 99%;
		float: left;
	}

.colLeft, .colRight {
	min-height: 26px;
}

.containerRow {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100% !important;
	height:inherit;
	/*height: -webkit-fill-available;*/
	line-height:23px;
}

	.containerRow:hover > .descCell {
		background-color: var(--input-background-focus);
	}

.descCell {
	padding: 0px 1px 1px 5px;
	background: #e3e7e9;
	color: #374852;
	border-bottom: white 1px solid !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: left;
	float: left;
	padding-right: 5px;
	min-width: 120px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.descText {
	padding: 0 5px;
	float: left;
	/*width: calc(100% - 43px);*/
	width: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
}

.descLable {
	padding-right: 5px;
}

.Rows {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media handheld, only screen and (max-width: 760px) {
	.Rows {
		display: table-cell;
	}
}

.last {
	margin-right: 0px;
}

img, object, embed {
	max-width: 100%;
}

img {
	height: auto;
}
/*---------------------------------------------------------------*/

@media handheld, only screen and (max-width: 760px) {
	.containerCol, body, .containerCol {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

		.containerCol .onecol, .containerCol .twocol, .containerCol .threecol, .containerCol .fourcol, .containerCol .fivecol, .containerCol .sixcol,
		.containerCol .sevencol, .containerCol .eightcol, .containerCol .ninecol, .containerCol .tencol, .containerCol .elevencol, .containerCol .twelvecol {
			width: 100%;
		}
}


/*------------------------------paging header-------------------------------------------------*/

ul.pagerContainer {
	white-space: nowrap;
	padding: 2px;
	margin: 0;
	float: inherit;
}

	ul.pagerContainer li {
		list-style-type: none;
		display: inline;
		margin: 0;
		padding: 0;
	}

		ul.pagerContainer li > a {
			background-repeat: no-repeat; /*background-position: center left;*/
			padding: 0 6px;
			cursor: pointer;
			display: inline-block;
			line-height: 16px;
		}

			ul.pagerContainer li > a.imageButton {
				text-indent: -9999px; /* hides the link text */
				padding: 0 8px;
			}

		ul.pagerContainer li.pagerLinkPage {
			border: 1px solid #8a8e8829;
		}

			ul.pagerContainer li.pagerLinkPage > a {
				text-decoration: none;
				font-weight: bold;
				text-align: center;
				font-size: 11px;
				padding: 0 4px;
			}

		ul.pagerContainer li.pagerCurrentPage {
			background-color: #515151;
		}

			ul.pagerContainer li.pagerCurrentPage a {
				color: var(--color-white);
			}

	ul.pagerContainer a.disabled {
		cursor: default;
	}

	ul.pagerContainer li.pagerInfoCell {
		color: var(--color-black-6);
		white-space: nowrap;
		border: none;
	}

		ul.pagerContainer li.pagerInfoCell:link {
			color: var(--color-black-6);
			text-decoration: none;
		}

		ul.pagerContainer li.pagerInfoCell:visited {
			color: var(--color-black-6);
			text-decoration: none;
		}

.containerPaging {
	text-align: left;
	padding-left: 10px;
	margin-top: 5px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	line-height: 20px;
}

/*------------------------------------------- popups begin--------------------------------------*/
.loading {
	z-index: 99999;
}

.popups {
	color: black; /*border: 1px solid #0000FF;*/
	background: var(--color-white);
	position: fixed;
	right: 20px;
	top: 10px;
	z-index: 9999;
	cursor: pointer;
	width: 500px;
	height: auto;
	text-align: left;
	border-radius: 10px 10px 0 0;
	box-shadow: 5px 5px 5px #ccc;
}

.left_top {
	background-image: url(~/Content/images/xpwindowleft.jpg);
	width: 13px;
	background-repeat: no-repeat;
	height: 30px;
}

.right_top {
	background-position: right 50%;
	background-image: url(~/Content/images/xpwindowright.jpg);
	width: 13px;
	background-repeat: no-repeat;
	height: 30px;
}

.top_bg {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	background-image: url(~/Content/images/xpwindowbg.jpg);
	height: 30px;
	color: var(--color-white);
	background-repeat: repeat-x;
	font-family: verdana;
}

.message {
	text-align: center;
	padding: 10px;
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
}

/*----------------------------------------------- Popuprequired begin---------------------------------*/

.Popuprequired {
	display: block;
	position: absolute;
	vertical-align: middle;
	width: 170px;
	text-align: left;
	z-index: 999999;
	margin-top: 22px;
}

	.Popuprequired::after {
		content: " ";
		position: absolute;
		bottom: 100%;
		left: 10%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent #fe0000 transparent;
	}

.Popuprequiredtext {
	width: 100%;
	min-width: 100px;
	overflow: hidden;
	margin-top: -1px;
	padding: 5px;
	position: absolute;
	z-index: 1000;
	background: #fff;
	color: red;
	border: 1px solid red;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 5px 5px 5px #ccc;
}
/*.PopupSelect{*/ /*top:21px;*/ /*margin-top:10%;}*/

/*----------------------------------------------------freezeTable----------------------------------*/
.freezeTable .fix-row-header {
	position: absolute;
	z-index: 1;
	overflow: hidden; /*width:99%!important;*/
}

	.freezeTable .fix-row-header table th {
		background-color: #969998;
	}
/*----------------------------------------------- list file begin-----------------------------------*/
.ulList {
	width: 100%;
	list-style-type: none;
}

.ulListFile {
	width: 100%;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}

	.ulListFile li {
		width: 33.3333%;
		float: left;
		flex-basis: 33.3333%;
	}

.Tooltip {
	visibility: hidden;
	min-width: 150px;
	width: inherit;
	background-color: White;
	color: Black;
	text-align: left;
	box-shadow: 5px 5px 5px #ccc;
	border-radius: 5px;
	padding: 5px 5px;
	margin-left: 5px;
	border: 1px solid #0000FF;
	position: absolute;
	display: block;
	z-index: 9999999;
	font-size: 12px;
	/*white-space: pre-line;*/
}

.fileSize {
	margin-left: 5px;
}

.ulListFile li .file, .ulList li .file {
	text-align: left;
	font-weight: bold;
	min-width: 100px;
	width: 100%;
	position: relative;
	color: #0563C1;
	margin-left: 5px;
	text-decoration: underline;
}

.ulListFile li .fileR, .ulList li .fileR {
	text-align: left;
	font-weight: bold;
	min-width: 100px;
	width: 100%;
	position: relative;
	color: #0563C1;
	margin-left: 5px;
	text-decoration: underline;
}

.file:hover .Tooltip {
	visibility: visible;
}

.file .Tooltip::after {
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 5%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #0000FF transparent;
}

.fileR {
	text-align: left;
	font-weight: bold;
	min-width: 100px;
	position: relative;
	color: #3e8730;
	margin-left: 5px;
}

	.fileR:hover .TooltipR {
		visibility: visible;
	}

	.fileR .TooltipR::after {
		content: " ";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent transparent #0000FF;
	}

.TooltipText {
}

.containerParam .choiceTooltip, .containerCol .choiceTooltip {
	display: block;
	position: relative;
	vertical-align: middle;
	width: 100% !important;
	text-align: left;
}

.choiceTooltip .cTooltip {
	visibility: hidden;
	border: 1px solid #0000ff;
	border-radius: 6px;
	padding: 5px 5px;
	position: absolute;
	background-color: #fff;
	color: black;
	text-align: left;
	white-space: pre-line;
	box-shadow: 5px 5px 5px #ccc;
	min-width: 20px;
	width: inherit;
	/*max-width: 300px;*/
	height: auto;
	max-height: 400px;
	overflow-y: auto;
	display: none;
	z-index: 99;
	
}
/*.choiceTooltip > .cTooltip::after {content: "\25b2";	left: 2%;top: -13px;color: #0000ff;	position: absolute;	}*/

.choiceTooltip:hover .cTooltip {
	visibility: visible;
}

.TooltipR {
	visibility: hidden;
	min-width: 250px;
	width: 100%;
	top: -5px;
	background-color: White;
	color: Black;
	text-align: left;
	box-shadow: 5px 5px 5px #ccc;
	border-radius: 5px;
	padding: 5px;
	margin-left: -5px;
	right: 110%;
	border: 1px solid #0000FF;
	position: absolute;
	z-index: 1;
	font-size: 12px;
}
/*----------------------------------------------modal------------------------------------------------------*/
.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #a3b5e04d;
	z-index: 99;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	min-height: 100%;
	width: 100%;
}

.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 20px;
	height: 20px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	position: absolute;
	top: 45%;
	left: 50%;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


/* Scroll   
----------------------------------------------------------*/
.containerScroll {
	overflow: scroll;
	border: #00558a 1px solid;
}

	.containerScroll tr {
		height: 0;
	}

	.containerScroll th {
	}

	.containerScroll thead {
		z-index: 10;
		cursor: default;
	}

	.containerScroll tbody {
	}
/*---------------------------------------- Group Header----------------------------------------------------------*/
.containerParam {
	text-align: right;
	clear: left;
	display: block;
	padding: 1px 5px;
	margin-bottom: 2px;
	border-bottom: 1px solid #00558a;
	line-height: 20px;
}

	.containerParam #paramLeft, .containerParam > p {
		float: left;
	}

	.containerParam > p {
		color: #cc0000;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		margin-left: 10px;
		margin-bottom: 0;
	}

	.containerParam:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

.groupTitle {
	overflow: hidden;
	padding: 2px 20px 2px 0;
	text-align: right;
	border-bottom: 1px solid #00558a;
	display: block;
	line-height: 22px;
	margin: 1px auto 2px;
}

	.groupTitle > p {
		background-image: url(/Content/images/symbol/bullet1.gif);
		background-repeat: no-repeat;
		background-position: left center;
		float: left;
		padding-left: 20px;
		font-weight: bold;
		color: #ff4500;
		margin-bottom: 0;
	}

.groupTitle1 {
	background-image: url(/Content/images/background/tab_blue_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: #00558a 1px solid;
	padding: 0px 0px 0px 5px;
	display: block;
	line-height: 22px;
	margin: 1px auto 2px;
}

	.groupTitle1 > p {
		padding: 3px 8px 1px 3px;
		display: inline-block;
		font-weight: bold;
		color: #ff4500;
		background-image: url(/Content/images/background/tab_blue_right.gif);
		background-repeat: no-repeat;
		background-position: right top;
		margin: 0 auto;
	}

.groupTitle2 {
	background-image: url(/Content/images/symbol/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: #00558a 1px solid;
	padding: 2px 15px;
	display: block;
	line-height: 22px;
	margin: 1px auto 2px;
}

	.groupTitle2 > p {
		font-weight: bold;
		color: #ff4500;
		text-transform: uppercase;
		margin: 0 auto;
	}

/*------------------------------------------ Border Style  ----------------------------------------------------------*/
.borderBox {
	border: solid 1px #e1e1e1;
	border-collapse: collapse;
}

.borderBox1 {
	padding: 1px 2px 2px 2px;
	border: solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
}

.borderBox2 {
	border: solid;
	border-width: 1px 1px 2px 1px;
	border-collapse: collapse;
	border-color: #97D2FF;
}

.borderBox3 {
	padding: 1px;
	border: 5px ridge #d3e7f7;
}

.borderLeft {
	border-left: solid 1px #e1e1e1;
	border-collapse: collapse;
}

.borderRight {
	border-right: solid 1px #e1e1e1;
	border-collapse: collapse;
}

.borderTop {
	border-top: solid 1px #e1e1e1;
	border-collapse: collapse;
}

.borderBottom {
	border-bottom: solid 1px #e1e1e1;
	border-collapse: collapse;
}

.borderBottom2 {
	border-bottom: ridge 2px #b7c8f6;
	border-collapse: collapse;
}

.borderBottom3 {
	border-bottom: dotted 5px var(--color-white);
	border-collapse: collapse;
}

/*------------------------------------------- TreeView Style----------------------------------------------------------*/
.tvParentNodeStyle {
	font-weight: normal;
}

.tvHoverNodeStyle a {
	text-decoration: underline;
	font-weight: bold;
}

.tvSelectedNodeStyle a {
	text-decoration: underline;
	font-weight: bold;
	padding: 0;
}

.tvNodeStyle {
	padding: 0px !important;
	margin: 0px !important;
}

/*-------------------------------------------- MISC --------------------------------------------------------*/
.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

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

.img-left {
	float: left;
	margin: 4px 10px 4px 0;
}

.img-right {
	float: right;
	margin: 4px 0 4px 10px;
}

.nopadding {
	padding: 0;
}

.noindent {
	margin-left: 0;
	padding-left: 0;
}

.nobullet {
	list-style: none;
	list-style-image: none;
}

.statusKey {
	color: Fuchsia;
	font-weight: bold;
}

.status0 {
	color: Blue;
}

.status1 {
	color: Teal;
}

.status2 {
	color: Navy;
}

.status3 {
	color: Maroon;
}

.status4 {
	color: Silver;
}

.status5 {
	color: #4169e1;
}

.status6 {
	color: Green;
}

.status7 {
	color: Gray;
}

.status8, .warningMsg {
	color: #ff8c00;
}

.status9, .errorMsg {
	color: Red;
}

.noteStyle {
	color: Gray;
	font-style: italic;
}

.smaller {
	font-size: smaller;
}

.wrap {
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP Printers */
	word-wrap: break-word; /* IE 5+ */
	word-break: break-all;
	white-space: normal;
}

.waiting {
	position: relative;
	z-index: 100;
	background-color: transparent;
}

	.waiting img {
		position: absolute;
		top: 0px;
		left: 100px;
	}

.line-through {
	text-decoration: line-through;
}

.cursorHand {
	cursor: pointer;
}

.rptViewer {
	display: table !important; /*Fix bug Report viewer size in FireFox */
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.alignjustify {
	text-align: justify;
}

/*@media handheld, only screen and (max-width: 1400px){*/
.scroll {
	overflow: auto;
}

.scroll-x {
	overflow-x: hidden;
	overflow-y: auto;
}

.scroll-y {
	overflow-x: auto;
	overflow-y: hidden;
	min-height: inherit;
}

.scroll-hidden {
	overflow: hidden;
}

/*}*/

.shadow {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 5px 5px 5px #ccc;
}

body.ie6 .shadow, body.ie7 .shadow {
}

body.ie8 .shadow {
}

.ulhorizon {
	list-style-type: none;
}

	.ulhorizon > li {
		display: inline;
	}

#screenshot {
	position: absolute;
	padding: 2px;
	display: none;
}

.textshadow {
	text-shadow: 1px 1px rgba(255,128,0,.7), 2px 2px rgba(255,128,0,.7), 3px 3px rgba(255,128,0,.7), 4px 4px rgba(255,128,0,.7), 5px 5px rgba(255,128,0,.7);
}

.textshadow2 {
	text-shadow: 0px 0px 4px #ccc, 0 -5px 4px #ff3, 0px -10px 6px #fd3, -2px -15px 11px #f80, 2px -18px 18px #f20;
}

.textshadow3 {
	background: #ccc;
	text-shadow: -1px -1px white, 1px 1px #333;
}

.textshadow4 {
	color: red;
	text-shadow: 1px 1px 0px #000, -1px -1px 0px #000;
}

.textshadow5 {
	text-shadow: 1px 1px rgba(238, 247, 231,.7), 2px 2px rgba(238, 247, 231,.7), 3px 3px rgba(226, 242, 214,.7), 4px 4px rgba(208, 234, 188,.7), 5px 5px rgba(208, 234, 188,.7);
}

.maskDate {
	width: 70px;
	font-size: 1em;
}

.maskDateTime {
	width: 110px;
	font-size: 1em;
}

.maskTime {
	width: 40px;
	font-size: 1em;
}

ul.doubleColumn, ul.tripleColumn, ul.quadColumn, ul.sixColumn {
	overflow: hidden;
}

	ul.doubleColumn li, ul.tripleColumn li, ul.quadColumn li, ul.sixColumn li {
		float: left;
		display: inline;
	}

	ul.doubleColumn li {
		width: 50%;
	}

	ul.tripleColumn li {
		width: 33.333%;
	}

	ul.quadColumn li {
		width: 25%;
	}

	ul.sixColumn li {
		width: 16.666%;
	}

#paramAdvance {
	background-color: #F6FFEF;
	margin: 5px auto;
	-webkit-transition: height .15s, width .5s;
	-moz-transition: height .15s, width .5s;
	transition: height .15s, width .5s;
	height: auto;
	visibility: visible;
}

	#paramAdvance.hide {
		visibility: hidden;
		display: -webkit-box;
		opacity: 0;
		-webkit-transition: height .5s, width .15s;
		-moz-transition: height .5s, width .15s;
		transition: height .5s, width .15s;
		height: 0;
	}


.highlight1 {
	background-color: #ffff0042;
}

.highlight2 {
	background-color: #ff00003b;
}

.highlight3 {
	background-color: #49cee11c;
}
.highlight4 {
	background-color: #49cee154;
}
/*--------------------------------------------------------*/

.progressbar {
	counter-reset: step;
	padding: 0;
	display: inline-flex;
	table-layout: fixed;
	width: 100%;
	position: sticky;
	position: -webkit-sticky;
}

	.progressbar li {
		float: left;
		list-style: none;
		position: relative;
		text-align: center;
		width: calc(100% / 6);
		cursor: pointer;
	}

		.progressbar li:before {
			background: #fff;
			border: 2px solid #bebebe;
			border-radius: 50%;
			color: #bebebe;
			content: counter(step);
			counter-increment: step;
			display: block;
			font-weight: 700;
			height: 30px;
			line-height: 27px;
			margin: 0 auto 10px;
			text-align: center;
			width: 30px;
		}

		.progressbar li:after {
			background: #979797;
			content: '';
			height: 3px;
			left: -50%;
			position: absolute;
			top: 15px;
			width: 100%;
			z-index: -1;
		}

		.progressbar li:first-child:after {
			content: none;
		}

		.progressbar li.activate:after, .progressbar li.complete:after {
			background: #0197a6;
		}

		.progressbar li.activate:before {
			background: #ff0000;
			border-color: #ff0000;
			color: #fff;
		}

		.progressbar li.complete:before {
			background: #0197a6;
			border-color: #0197a6;
			color: #fff;
		}

		.progressbar li.activate {
			color: #ff0000;
			font-weight: 700;
		}

		.progressbar li.complete {
			color: #0197a6;
			font-weight: 700;
		}

/*------------------------------------------------*/
.multisteps {
	position: relative;
	left: 0;
	width: 100%;
	height: 0;
	margin: 0 auto;
	z-index: 99;
}

	.multisteps .multisteps-form {
		position: absolute;
		margin: 0 auto;
		width: 100%;
		height: 0;
	}

		.multisteps .multisteps-form .step {
			border: 1px solid;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			box-shadow: 5px 5px 5px #ccc;
			z-index: 100;
			visibility: hidden;
			background-color: white;
			display: -webkit-box;
			opacity: 0;
			-webkit-transition: height .2s, width .2s;
			-moz-transition: height .2s, width .2s;
			transition: height .2s, width .2s;
			height: 0;
			width: 0;
			margin: 0 auto;
			display: block;
		}

		.multisteps .multisteps-form .activate {
			visibility: visible;
			opacity: 1;
			-webkit-transition: height .2s, width .2s;
			-moz-transition: height .2s, width .2s;
			transition: height .2s, width .2s;
			height: auto;
			min-height: 70px;
			width: 350px;
		}

		.multisteps .multisteps-form .step .title {
			text-align: center;
			font-size: 15px;
			font-weight: bold;
			color: #ffffff;
			width: 100%;
			background-color: #0197A6;
			padding: 5px;
		}

		.multisteps .multisteps-form .step .content {
			padding: 5px;
			margin: 5px;
		}

/*-----------------------------------------------------*/

.rowButton {
	display: inline-block;
}

@media handheld, only screen and (max-width: 760px) {
	.rowButton {
		margin: 15px auto;
	}
}



/* Comment Generated by Combres - Resource '~/Content/News/03.Buttonstyle.css' (Mode: Static) */
/* Button Style  */
span.buttonStyle {background: transparent url(~/Content/images/bg/square_left.gif) no-repeat top left !important;
    padding-left: 9px !important; margin-left: 20px;}
span.buttonStyle > a { background: transparent url(~/Content/images/bg/square_right.gif) no-repeat top right !important;
        padding: 4px 9px 4px 0 !important;    }
span.buttonStyle:hover { background: transparent url(~/Content/images/bg/square_left.gif) no-repeat bottom left !important;
        border: none !important;  height: 23px !important;   }
span.buttonStyle:hover > a { background: transparent url(~/Content/images/bg/square_right.gif) no-repeat bottom right !important;        }

.containerButton {   overflow: hidden;}
    .containerButton a {
        background-color: transparent;
        background-position: top left;
        background-repeat: no-repeat;
        text-decoration: none;
        padding-left: 5px;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-left: 5px;
        margin-right: 5px;
        color: #087096;
        border-radius: 2px;
    }
.containerButton a:hover {     /*outline: 1px outset var(--color-gray-4);*/ text-decoration: underline;  }

body.ie6 .containerButton a:hover {  border: 1px outset var(--color-gray-4); }
.containerButton a[disabled=disabled], .containerButton a.disabled, a.disabled {
    background-position: bottom left;
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}
.containerButton a.imageButton {   /* hides the link text */  /*text-indent: -9999px;*/ }
.containerButton a.imageButton:hover {     outline: none;    }

a.btnTemplate { background-image: url(/Content/images/symbol/puzzle.png);}
a.btnGo {       background-image: url(/Content/images/symbol/go.png);}

a.btnNext {     background-image: url(/Content/images/pagination_icons.png); background-position:-30px 0px;}
a.btnPrev {     background-image: url(/Content/images/pagination_icons.png); background-position:-15px 0px;}
a.btnLast {     background-image: url(/Content/images/pagination_icons.png); background-position:-45px 0px;}
a.btnFirst {    background-image: url(/Content/images/pagination_icons.png); background-position:0px 0px;}




a.btnSignOut {  padding-left: 18px; background-image: url(/Content/images/symbol/exit.png); }
a.btnExpand {   background-image: url(/Content/images/datagrid_icons.png); background-position: -45px 0px;width: 0px;
                padding-left: 18px;}
a.btnCollapse { background-image: url(/Content/images/datagrid_icons.png);background-position: -30px 0px;padding-left: 18px;}

.tableDataStyle th.btnSort { background-image: url(/Content/images/sort_both.png); cursor: pointer; background-repeat: no-repeat;
                             background-position: center right; text-decoration: none;  color: white;  padding-right: 2px;}
.tableDataStyle th.btnSort.Asc { background-image: url(/Content/images/sort_asc_disabled.png);    }
.tableDataStyle th.btnSort.Desc {   background-image: url(/Content/images/sort_desc_disabled.png);   }

.iconAttach {background: transparent url(~/Content/images/symbol/attach.png) no-repeat center left;	padding-left: 20px;	margin-left: 5px;}
.icondoc, .icondocx {	background-image: url(~/Content/images/icon/doc.gif);}
.iconxls, .iconxlsx {	background-image: url(~/Content/images/icon/xls.gif);}
.icontxt {	background-image: url(~/Content/images/icon/txt.gif);}
.iconhtml {	background-image: url(~/Content/images/icon/html.gif);}
.iconjava {	background-image: url(~/Content/images/icon/java.gif);}
.iconjpg, .icongif {background-image: url(~/Content/images/icon/jpg.gif);}
.iconpdf {	background-image: url(~/Content/images/icon/pdf.gif);}
.iconppt {	background-image: url(~/Content/images/icon/ppt.gif);}
.iconrtf {	background-image: url(~/Content/images/icon/rtf.gif);}
.iconzip {	background-image: url(~/Content/images/icon/zip.gif);}


/* Comment Generated by Combres - Resource '~/Content/News/04.DataView.css' (Mode: Static) */
.tableDataStyle {   width: 100%; }
.tableDataStyle th {  font-weight: bold; color: /*var(--color-white)*/ white;  text-align: center;  background-color: #969998/*var(--color-black-4)*/;
                      -moz-background-clip: padding; padding-top: 1px; padding-bottom: 1px;    }
.tableDataStyle td.alignright input[type=text][disabled], table.tableDataStyle td.alignleft input[type=text][disabled],
.tableDataStyle td.alignright textarea[disabled], table.tableDataStyle td.alignleft textarea[disabled] {  
    color: GrayText; border: #f5f4ea/*var(--border-color-1)*/ 1px solid;  background-color: white /*var(--color-white)*/;    }
.tableDataStyle td {    padding: 0 5px;    margin: 0;   }
.tableDataStyle td.descCell, .descCell {   padding: 0px 1px 1px 5px;  background: /*var(--lable-background-gray-1)*/#e3e7e9;  color: #374852/*var(--lable-color-black-1)*/;
                                           border-bottom: var(--color-white) 1px solid !important; display:revert;
                                           text-align: left;  float: left;  padding-right:5px;  min-width:120px;   align-items:center;  }
.descCell {
    display: flex;
}
    
.tableDataStyle tr.pagerRowStyle {   background-color: #99ccff;   color:var(--color-white);  text-align: center;    }
.tableDataStyle tr.footerRowStyle {  position: relative;   overflow-x: hidden;   }
.tableDataStyle tr.footerRowStyle td {  background-color: #f6ffef;  font-weight: bold;        }
.tableDataStyle tr.emptyRowStyle td {      font-style: italic;     border: none !important;    }
.tableDataStyle tr.selectedRowStyle td {     background-color: #a0cf7e;    font-weight: bold;    }
.tableDataStyle tr.alternatingRowStyle td {  background-color: #f6ffef;    }
.tableDataStyle tr.dataRowStyle:hover td, .tableDataStyle tr.alternatingRowStyle:hover td {  background-color: #e6f2dc;    }
.tableDataStyle tr.editRowStyle td {  background-color: #fafad2;   }
.tableDataStyle tr.rowPostBack td {   cursor: pointer;    }

.table01 {     width: 30%;    max-height: 350px;    margin: 0 auto;    text-align: center;}
.table01 .tbHeader {    border: 2px solid #00558a;      background-color: #00558a;    background: linear-gradient(var(--color-white),#00558a,#00558a, #00558a);
        padding: 1px;      border-radius: 10px 10px 0px 0px;       color:var(--color-white);    }
.table01 .tbHeader .btnclose {   background: transparent url("/Content/images/symbol/close.gif") no-repeat scroll right center;
            border-bottom: 1px solid transparent;    float: right;   font-weight: bold; margin-right: 5px;  position: relative;
            margin-top: -20px;  height: 15px; width: 15px;       }
.table01 .tbDetail {  border: 2px solid #00558a;  box-shadow: 5px 10px 18px #888888;   max-height: 500px;   }
.tableDataSort thead tr th {}
.arrow-down:after {    content: "";display: inline-block;vertical-align: middle;width: 0;height: 0;border-left: 4px solid transparent;
                       border-right: 4px solid transparent;border-top: 4px solid #060606; position: absolute; margin-top: 8px; margin-left: 3px }
.arrow-up:after {  content: "";  display: inline-block;  vertical-align: middle; width: 0; height: 0; border-left: 4px solid transparent;
    border-right: 4px solid transparent; border-bottom: 4px solid #060606;  position: absolute;  margin-top: 8px;    margin-left: 3px }

table.borderTable {	border-collapse: collapse;}
table.borderTable > tr > th, table.borderTable > thead > tr > th, table.borderTable > tfoot > tr > th, table.borderTable > tbody > tr > th
	, thead.borderTable > tr > th, tfoot.borderTable > tr > th {border: solid 1px #e1e1e187 !important;	}
table.borderTable > tr > td, table.borderTable > tbody > tr > td {border: solid 1px #e1e1e187; -moz-background-clip: padding;	}



.TableTree .RowShow,.RowShow {    display: table-row;}
.TableTree .RowHide,.RowHide,.HideNS {    display: none;}
.TableTree tr.Level0 > td {    background-color: #a5a7b387; }
.TableTree tr.Level1 > td {    background-color: #00ffc421;}
.TableTree tr.Level0 > td.notNS, .TableTree tr.Level1 > td.notNS{ background-color:transparent;}
.TableTree .RowDisabled td > input, .RowDisabled td > input, td > input:disabled, input.disabled, textarea.disabled, select.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background-color: transparent;
    border: solid #e1e1e100 1px;
}
input[type="checkbox"].disabled {opacity: 0.3;background: #fff;}
input[type="file"].disabled{display:none;}

.TableTree .RowDisabled {    font-style: italic;}
.TableTree a.Level0 {    margin-left: 0px;}
.TableTree a.Level1, .TableTree a.Level2, .TableTree a.Level3, .TableTree a.Level4, .TableTree a.Level5, .TableTree a.Level6, .TableTree a.Level7, .TableTree a.Level8, .TableTree a.Level9, .TableTree a.Level10
, .TableTree a.Level11, .TableTree a.Level12, .TableTree a.Level13, .TableTree a.Level14, .TableTree a.Level15, .TableTree a.Level16, .TableTree a.Level17, .TableTree a.Level18, .TableTree a.Level19, .TableTree a.Level20
, .TableTree a.Level21, .TableTree a.Level22, .TableTree a.Level23, .TableTree a.Level24, .TableTree a.Level25, .TableTree a.Level26, .TableTree a.Level27, .TableTree a.Level28, .TableTree a.Level29, .TableTree a.Level30 { margin-left:1px;
}

/*.TableTree td{ position: relative; }*/
.TableTree a:hover { cursor: pointer;}
.TableTree a {    cursor: pointer; background: url(/Content/images/treeview/treeview-default.gif) 0 0 no-repeat; /*position:absolute; top:0; height:100%;*/ }
.TableTree a.collapsable {        background-position: -66px -23px;        padding: 4px 0px 4px 16px;    }
.TableTree a.lastcollapsable {  background-position: -2px -111px;   padding: 4px 0px 4px 16px;}
.TableTree a.expandable {  background-position: -82px -1px;  padding: 4px 0px 4px 16px;}
.TableTree a.lastexpandable {  background-position: -34px -67px;  padding: 4px 0px 4px 16px;}
.TableTree a.NotChild {  background: url(/Content/images/treeview/treeview-default-line.gif) -2px 0px;    padding: 4px 0px 4px 16px;}
.TableTree a.LastChild { background: url(/Content/images/tree_icons.png) 110px 38px;   padding: 4px 0px 0px 16px;}
    
.TableTree a.rootexpandable { background-position: -81px -1px;    padding: 4px 0px 4px 16px;}
.TableTree a.rootcollapsable { background-position: -65px -23px;  padding: 4px 0px 4px 16px;}

.TableTree .node {background: url(/Content/images/treeview/treeview-default-line.gif) 0 0 no-repeat;    background-position: -1px -12px;    padding: 4px 0px 4px 16px; }
.TableTree .lastnode {     background: url(/Content/images/tree_icons.png) 111px 37px;    padding: 4px 0px 4px 16px; }
.TableTree .nonode {    background: none;    padding: 4px 0px 4px 16px; }

.expandable, .collapsable{ cursor:pointer;  }
.expandable th, .collapsable th{ border:solid 1px; line-height:24px; font-size:14px;}
.expandable th:after { content: "\002B"; color: white; font-size: 16px; font-weight: bold;position: absolute;  right: 8px; }
.collapsable th:after { content: "\2212"; color: white; font-size: 16px; font-weight: bold; position: absolute;right: 8px;}

/*============================================*/
.TableTree1 td{ position:relative; }
    .TableTree1 td a {
        /*display: flex;*/
        cursor: pointer;
        position: absolute;
        height: 100%;
        top: 0;
        padding: 4px 0px 4px 16px;
        align-items: center;
    }
    .TableTree1  .rootexpandable:before {
        content: "";
        background: url(/Content/images/tree_icons.png);
        background-position: -66px -18px;
        position: absolute;
        height: 100%;
        top: 0;
        left:0;
        padding: 4px 0px 4px 16px;
    }
    .TableTree1  .rootcollapsable:before {
        content: "";
        background: url(/Content/images/tree_icons.png);
        background-position: -81px 0px;
        position: absolute;
        height: 100%;
        top: 0;
        left:0;
        padding: 4px 0px 4px 16px;
    }
    .TableTree1  .node:after {
        content:"";
        background: url(/Content/images/treeview/treeview-default-line.gif) 0 0 no-repeat;
        background-position: -1px -200px;
        padding: 4px 0px 4px 16px;
        position:absolute;
        height:100%;
        left:0;
        top:0;
    }
    .TableTree1 .LastChild{
        margin-left:16px;
        
    }
        .TableTree1 .LastChild:after {
            content: "";            
            background: url(/Content/images/treeview/treeview-default-line.gif) -1px -20px no-repeat;
            padding: 4px 0px 0px 16px;
            position: absolute;
            height: 50%;
            left: 0;
            top: 0;
        }
        .TableTree1 .LastChild:before {
            content: "";
            /* background: url(/Content/images/tree_icons.png) 112px 32px;
            padding: 4px 0px 0px 16px;
            position: absolute;
            width: 16px;
            height: 5px;
            left: 0;
            top: 45%;*/
            background: url(/Content/images/tree_icons.png) 112px 100px;
            padding: 4px 0px 0px 16px;
            position: absolute;
            left: 0;
            top: 50%;
        }
.TableTree1 .nonode {
    background: none;
    padding: 4px 0px 4px 16px;
}
    .TableTree1 .NotChild {
        margin-left: 16px;
    }
        .TableTree1 .NotChild:after {
            content: "";
            background: url(/Content/images/treeview/treeview-default-line.gif) -1px -200px;
            padding: 4px 0px 4px 16px;
            position: absolute;
            height: 100%;
            left: 0;
            top: 0;
        }
        .TableTree1 .NotChild:before {
            content: "";
            background: url(/Content/images/tree_icons.png) 112px 100px;
            padding: 4px 0px 0px 16px;
            position: absolute;
            left: 0;
            top: 50%;
        }


/* Comment Generated by Combres - Resource '~/Content/News/05.Uicustom.css' (Mode: Static) */
/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


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


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

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


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

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,Verdana,%20Arial,Sans-Serif&fwDefault=normal&fsDefault=1em&cornerRadius=6px&bgColorHeader=3a8104&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=3f7506&fcHeader=ffffff&iconColorHeader=efef00&bgColorContent=f2f9f6&bgTextureContent=05_inset_soft.png&bgImgOpacityContent=0&borderColorContent=72b42d&fcContent=696969&iconColorContent=fefe00&bgColorDefault=9fcf7d&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=50&borderColorDefault=45930b&fcDefault=009f4a&iconColorDefault=fe0000&bgColorHover=4eb305&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=50&borderColorHover=8bd83b&fcHover=fe0000&iconColorHover=efef00&bgColorActive=285c00&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=30&borderColorActive=72b42d&fcActive=ffffff&iconColorActive=fe0000&bgColorHighlight=fbf5d0&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=f9dd34&fcHighlight=696969&iconColorHighlight=4eb305&bgColorError=ffdc2e&bgTextureError=01_flat.png&bgImgOpacityError=0&borderColorError=fe0000&fcError=696969&iconColorError=cd0a0a&bgColorOverlay=4a4a4a&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=60&bgColorShadow=3e3e3e&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=0px&offsetTopShadow=5px&offsetLeftShadow=5px&cornerRadiusShadow=4px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica,Verdana, Arial,Sans-Serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica,Verdana, Arial,Sans-Serif; font-size: 1em; }
.ui-widget-content { border: 1px solid var(--color-black); background: #f2f9f6 url(/Content/jquery-ui/images/ui-bg_inset-soft_0_f2f9f6_1x100.png) 50% bottom repeat-x; /*color: #696969;*/ }

/*.ui-widget-content a { color: #696969; }*/

.ui-widget-header {
    border: 1px solid #00558a;
    /*background: #3a8104 url(/Content/jquery-ui/images/ui-bg_highlight-soft_50_3a8104_1x100.png) 50% 50% repeat-x;*/
    background: linear-gradient(var(--color-white),var(--lable-background-gray-1),var(--lable-background-gray-1), var(--lable-background-gray-1));
   /* color: var(--color-black);*/
    font-weight: bold;
}
.ui-widget-header a { color: var(--color-white); }

/* Interaction states
----------------------------------*/

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid var(--lable-background-gray-1);
        background: var(--lable-color-black-2) url(images/ui-bg_highlight-soft_50_9fcf7d_1x100.png) 50% 50% repeat-x;
        font-weight: normal;
        color: var(--color-black);
    }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #009f4a; text-decoration: none; }
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #8bd83b;
        background: #2cd0c7 url(images/ui-bg_highlight-soft_50_4eb305_1x100.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #fe0000;
    }
.ui-state-hover a, .ui-state-hover a:hover { color: #fe0000; text-decoration: none; }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid var(--lable-background-gray-1);
        background: var(--color-blue-4) url(images/ui-bg_highlight-hard_30_285c00_1x100.png) 50% 50% repeat-x;
        font-weight: normal;
        color: var(--color-black);
    }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }


/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #f9dd34; background: #fbf5d0 url(images/ui-bg_glass_55_fbf5d0_1x400.png) 50% 50% repeat-x; color: #696969; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #696969; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #fe0000; /*background: #ffdc2e url(images/ui-bg_flat_0_ffdc2e_40x100.png) 50% 50% repeat-x;*/ color: #696969; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #696969; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #696969; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

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

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/Content/jquery-ui/images/ui-icons_cd0a0a_256x240.png);
}

.ui-widget-content .ui-icon {
    background-image: url(/Content/jquery-ui/images/ui-icons_cd0a0a_256x240.png);
}

.ui-widget-header .ui-icon {
    /*background-image: url(images/ui-icons_cd0a0a_256x240.png);*/
    /*background-image: url(/Content/jquery-ui/images/ui-icons_4eb305_256x240.png);*/
    background-image: url(/Content/jquery-ui/images/ui-icons_fefe00_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(/Content/jquery-ui/images/ui-icons_cd0a0a_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    /*background-image: url(images/ui-icons_cd0a0a_256x240.png);*/
    /*background-image: url(/Content/jquery-ui/images/ui-icons_4eb305_256x240.png);*/
    background-image: url(/Content/jquery-ui/images/ui-icons_fefe00_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(/Content/jquery-ui/images/ui-icons_cd0a0a_256x240.png);
}

.ui-state-highlight .ui-icon {
    /*background-image: url(/Content/jquery-ui/images/ui-icons_4eb305_256x240.png);*/
    background-image: url(/Content/jquery-ui/images/ui-icons_fefe00_256x240.png);
}

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




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


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

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }

/* Overlays */
.ui-widget-overlay { background: #4a4a4a url(images/ui-bg_flat_0_4a4a4a_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); }
.ui-widget-shadow { margin: 5px 0 0 5px; padding: 0px; background: #3e3e3e url(images/ui-bg_flat_0_3e3e3e_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; min-width:60px; 
             position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .1em; width: 300px; overflow: hidden; z-index:999 }
    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative; color:white;
        background: linear-gradient(#ffffff,#00558a,#00558a, #00558a);
    }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
    .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-fullscreen {
        color: transparent;
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
        min-width: 0;
    }
    .ui-dialog .ui-dialog-titlebar-close span {
        display: block;
        background-image: url(/Content/jquery-ui/images/ui-icons_cd0a0a_256x240.png);
    }
    .ui-dialog .ui-dialog-titlebar-fullscreen {
        right: 2em;
    }
        .ui-dialog .ui-dialog-titlebar-fullscreen span {
            margin-left: -9px;
            background-image: url(/Content/jquery-ui/images/ui-icons_cd0a0a_256x240.png);
        }
        /*.ui-dialog .ui-dialog-titlebar-fullscreen {
        color: transparent;
        position: absolute;
        right: 2em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
        min-width: 0;
    }*/
        /*.ui-dialog .ui-dialog-titlebar-fullscreen span {
            display: block;
            background-image: url(images/ui-icons_cd0a0a_256x240.png);
        }*/
        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-fullscreen:hover, .ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-fullscreen:focus {
            padding: 0;
        }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; font-weight:bold; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

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

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1;  margin-top:5px; /*overflow:auto;*/ } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 5px; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; margin-bottom:15px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/*================================================*/

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; width:18px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

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


.ui-datepicker.ui-datepicker-multi { width: 100% !important;}
.ui-datepicker-multi .ui-datepicker-group {  float: none;}
.dp-highlight .ui-state-default {background: #484; color: #FFF;}


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

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }


.collapsible {
    background-color: #005296;
    cursor: pointer;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border-radius: 0px;
    margin-left: auto;
    width: 100%;
    height:25px;
    color: white;
    margin-top: 1px;
    
}
.collapsible:after {
    content: '\2212';
    color: white;
    float: right;
    margin-left: 5px;
}

.active, .collapsible:hover {
    background-color: #005296;
}
.active:after {
    content: "\002B";
}
.collapse {
    display: none;
}
/*.collapse.in {
    display: table;
}*/






/* Comment Generated by Combres - Resource '~/Content/News/06.Logon.css' (Mode: Static) */



/*
.MLogin{ margin:0 auto; margin-left:42%; margin-right:42%; padding-top:5%;  display:block; }
.login { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-radius: 10px 10px 0px 0px;color: white; box-shadow: 5px 10px 18px #888888;}
.login .login_title { border: 1px solid #5b5f62;  background-color: #5b5f62; background: linear-gradient(#ffffff,#5b5f62,#5b5f62, #5b5f62);
        border-radius: 10px 10px 0px 0px; color: white;  margin: auto; text-align: center;  font-size:14px; font-weight:bold; }
.login .login_Detail {  border: 2px solid #5b5f62;   padding: 20px 10px 20px 10px;
        color: #696969;  text-align: left;  font: 14px;   }
.login .login_Detail .row {   width: auto;     max-width: 250px; min-width:0;   }
.login-lable {  background-color: transparent;  float: left;  width: 100px;    }
.login .login_Detail .divRow{   display:flex;}
.login .login_Detail .divRow .divlb, .login .login_Detail .divRow .divText{ flex:auto;}
.login .login_Detail .divRow .divlb { float: left;  text-align: left; width: 90px;     }
.login .login_Detail .divRow .divBT { width:5%;   float:left;   }
.captchar{  flex:auto;   }
.login .login_Detail .divRow .divText > input {    width: 100%; }
*/
/*-------------------------------------------------------------fix safari-------------------------------------*/
.MLogin {
    margin: 0 auto;
    margin-left: 42%;
    margin-right: 42%;
    padding-top: 5%;
    display: block;
}

.login {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-radius: 10px 10px 0px 0px;
    color: white;
    -webkit-box-shadow: 5px 10px 18px #888888;
    box-shadow: 5px 10px 18px #888888;
}

    .login .login_title {
        border: 1px solid #64A2D8 /*#5b5f62*/;
        background-color: #64A2D8 /*#5b5f62*/;
       /* background: -webkit-gradient(linear,left top, left bottom,from(#ffffff),color-stop(#5b5f62),color-stop(#5b5f62), to(#5b5f62));
        background: -o-linear-gradient(#ffffff,#5b5f62,#5b5f62, #5b5f62);
        background: linear-gradient(#ffffff,#5b5f62,#5b5f62, #5b5f62);*/
        background: url(/Content/images/bg/TitleLogin.png) repeat-x;
        background-size: 315px 55px;
        border-radius: 10px 10px 0px 0px;
        color: blue;
        margin: auto;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
    }

    .login .login_Detail {
        border: 2px solid #64A2D8 /*#5b5f62*/;
        padding: 20px 10px 20px 10px;
        color: #696969;
        text-align: left;
        font: 14px;
    }

        .login .login_Detail .row {
            width: auto;
            max-width: 250px;
            min-width: 0;
        }

.login-lable {
    background-color: transparent;
    float: left;
    width: 100px;
}

.login .login_Detail .divRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .login .login_Detail .divRow .divlb, .login .login_Detail .divRow .divText {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }

    .login .login_Detail .divRow .divlb {
       /* float: left;*/
        text-align: left;
        width: 90px;
    }

    .login .login_Detail .divRow .divBT {
        width: 5%;
        float: left;
    }

.login-button{
    margin:0 auto;
    padding-top:35px;
    text-align:center;
}
.captchar {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.login .login_Detail .divRow .divText > input {
    width: 100%;
}
a.btnLogOn {
    border: 1px solid;
    width: 80px;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
}

    a.btnLogOn:hover {
        text-decoration: none;
        background-color: lightgray;
    }

/*--------------------------------------------*/

@media screen and (min-width:1600px) {
    .MLogin {
        margin-left: 44%;
        margin-right: 44%;
    }
}


@media screen and (max-width:1280px) {
    .MLogin {  margin-left: 40%;   margin-right: 40%;    }
}

@media screen and (max-width:1024px) {
.MLogin {margin-left: 35%;margin-right: 35%; padding-top:5%; }
}

@media screen and (max-width:767px) {
.MLogin {margin-left: 13%; margin-right: 13%;  }
.login > .login_title > h2 {  margin: 10px;   }
.login .login_Detail .divRow .divText > input {   width: 100%;   }
}

@media screen and (max-width:540px) {
    .MLogin {
        margin-left: 28%;
        margin-right: 28%;
    }
}
@media screen and (max-width:414px) {
    .MLogin {
        margin-left: 18%;
        margin-right: 18%;
    }
}

@media(max-width:322px) {
.MLogin {margin-left: 0; margin-right: 0;  }
}



/* Comment Generated by Combres - Resource '~/Content/News/07.multiple-select.css' (Mode: Static) */
/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */

.ms-parent {
    display: block;
    position: relative;
    vertical-align: middle;
    width:100%!important;
    
    text-align:left;
}

.ms-parent:hover {
    background-color:aqua;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 20px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    color: #444;
    text-decoration: none;
   /* -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    */
    background-color: #fff;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

    .ms-choice > span {
        position: absolute;
        top: 0;
        left: 0;
        right: 20px;
        white-space: nowrap;
        overflow: hidden;
        /*            
            text-overflow: ellipsis;
        */
        display: block;
        padding-left: 3px;
    }

    

    .ms-choice > span.placeholder {
        color: #999;
    }

    .ms-choice > div {
        position: absolute;
        top: 0;
        right: 0;
        /* width: 20px;
        height: 20px;
         margin-top:-3px;
    margin-right:-2px;
    background: url('../resources/images/multiple-select.png') left top no-repeat;
       */
        width: 0px;
        height: 0px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 5px solid black;
        cursor: pointer;
        margin-right: 6px;
        margin-top: 6px;
    }

.ms-choice > div.open {
   /*
       background: url('../resources/images/multiple-select.png') right top no-repeat;
   */ 
        
}

.ms-drop {
    width: 100%;
    min-width:100px;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 20px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 20px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
  /*  font-family: sans-serif;
    font-size: 1em;
  */  
      border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url('../resources/images/multiple-select.png') no-repeat 100% -22px;
    background: url('../resources/images/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('../resources/images/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../resources/images/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../resources/images/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('../resources/images/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('../resources/images/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 5px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}
.receiptaccor .ms-parent {
    position: static;
}

.receiptaccor .ms-drop.bottom{
	top:auto;
	min-width: 200px;
}
.receiptaccor .ms-drop{
	width:auto;
}

.receiptaccor .ms-choice{
	position: relative;
}

.ms-drop > ul > li.Level1 { margin-left: 0px;   }
.ms-drop > ul > li.Level2 { margin-left: 10px;  }
.ms-drop > ul > li.Level3 { margin-left: 20px;  }
.ms-drop > ul > li.Level4 { margin-left: 30px;  }
.ms-drop > ul > li.Level5 { margin-left: 40px;  }
.ms-drop > ul > li.Level6 { margin-left: 50px;  }
.ms-drop > ul > li.Level7 { margin-left: 60px;  }
.ms-drop > ul > li.Level8 { margin-left: 70px;  }
.ms-drop > ul > li.Level9 { margin-left: 80px;  }
.ms-drop > ul > li.Level10 { margin-left: 90px;  }
.ms-drop > ul > li.Level11 { margin-left: 100px;  }
.ms-drop > ul > li.Level12 { margin-left: 110px;  }
.ms-drop > ul > li > label > input[type="radio"] { margin: 3px 3px 0px 0px; }


/* Comment Generated by Combres - Resource '~/Content/News/08.Tablesorter.css' (Mode: Static) */
/*************
Default Theme
*************/
/* overall */
.tablesorter-default {
	/*width: 100%;*/
	/*font: 12px/18px Arial, Sans-serif;*/
	/*color: #333;
	background-color: #fff;*/
	/*border-spacing: 0;*/
	/*margin: 10px 0 15px;*/
	/*text-align: left;*/
}

/* header */
.tablesorter-default th,
.tablesorter-default thead td {
	/*font-weight: bold;*/
	/*color: #000;
	background-color: #fff;*/
	/*border-collapse: collapse;
	border-bottom: #ccc 2px solid;*/
	/*padding: 0;*/
}
.tablesorter-default tfoot th,
.tablesorter-default tfoot td {
	/*border: 0;*/
}
	.tablesorter-default .header,
	.tablesorter-default .tablesorter-header {
		
		background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
		/*background-image: url(~/Content/images/sort_both.png);*/
		background-position: center right;
		background-repeat: no-repeat;
		cursor: pointer;
		/* white-space: normal;*/
		/*padding: 0px 13px 0px 0px;*/
	}
    .tablesorter-default thead .headerSortUp,
    .tablesorter-default thead .tablesorter-headerSortUp,
    .tablesorter-default thead .tablesorter-headerAsc {
        background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
       /* background-image: url(/Content/images/sort_asc_disabled.png);*/
        border-bottom: #000 2px solid;
    }
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
      /*background-image: url(/Content/images/sort_desc_disabled.png);*/
	border-bottom: #000 2px solid;
}
.tablesorter-default thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}

/* tfoot */
.tablesorter-default tfoot .tablesorter-headerSortUp,
.tablesorter-default tfoot .tablesorter-headerSortDown,
.tablesorter-default tfoot .tablesorter-headerAsc,
.tablesorter-default tfoot .tablesorter-headerDesc {
	border-top: #000 2px solid;
}

/* tbody */
.tablesorter-default td {
	/*background-color: #fff;
	border-bottom: #ccc 1px solid;
	padding: 4px;
	vertical-align: top;*/
}

/* hovered row colors */
.tablesorter-default tbody > tr.hover > td,
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
	/*background-color: #fff;
	color: #000;*/
}

/* table processing indicator */
.tablesorter-default .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	/* background-image: url(images/loading.gif) !important; */
	background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter-default tr.odd > td {
	background-color: #dfdfdf;
}
.tablesorter-default tr.even > td {
	background-color: #efefef;
}

/* Column Widget - column sort colors */
.tablesorter-default tr.odd td.primary {
	background-color: #bfbfbf;
}
.tablesorter-default td.primary,
.tablesorter-default tr.even td.primary {
	background-color: #d9d9d9;
}
.tablesorter-default tr.odd td.secondary {
	background-color: #d9d9d9;
}
.tablesorter-default td.secondary,
.tablesorter-default tr.even td.secondary {
	background-color: #e6e6e6;
}
.tablesorter-default tr.odd td.tertiary {
	background-color: #e6e6e6;
}
.tablesorter-default td.tertiary,
.tablesorter-default tr.even td.tertiary {
	background-color: #f2f2f2;
}

/* caption */
.tablesorter-default > caption {
	background-color: #fff;
}

/* filter widget */
.tablesorter-default .tablesorter-filter-row {
	background-color: #eee;
}
.tablesorter-default .tablesorter-filter-row td {
	background-color: #eee;
	border-bottom: #ccc 1px solid;
	line-height: normal;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-default .tablesorter-filter-row .disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-default .tablesorter-filter-row.hideme td {
	/*** *********************************************** ***/
	/*** change this padding to modify the thickness     ***/
	/*** of the closed filter row (height = padding x 2) ***/
	padding: 2px;
	/*** *********************************************** ***/
	margin: 0;
	line-height: 0;
	cursor: pointer;
}
.tablesorter-default .tablesorter-filter-row.hideme * {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* don't use visibility: hidden because it disables tabbing */
	opacity: 0;
	filter: alpha(opacity=0);
}
/* filters */
.tablesorter-default input.tablesorter-filter,
.tablesorter-default select.tablesorter-filter {
	width: 95%;
	height: auto;
	margin: 4px auto;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
	display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99;
}
/*
.Sort {
    cursor:pointer;
    position:relative;
    float:right;
    
}

.SortAsc:after {
    content: "\25B2";
    cursor: pointer;
    float: right;
    position:absolute;
    right:5px;
}
.SortDesc:after {
    content: "\25BC";
    cursor: pointer;
    float: right;
    position: absolute;
    right: 5px;
}*/

/*------------------------------------------------------------------*/
.Sort label, .UnSort, .Asc, .Desc {
	cursor: pointer;
	background-position: center right;
	background-repeat: no-repeat;
}


/*.UnSort {	background-image: url(data:image/gif;base64,R0lGODlhBwAJAIAAACMtMP///yH5BAEAAAEALAAAAAAHAAkAAAINjGEJq8sOk4Qu0IZmKgA7);}
*/
.UnSort{
	background-image: url(/Content/images/unsort.png);
}
.Asc {
	background-image: url(/Content/images/asc.png);
}
.Desc {
	background-image: url(/Content/images/desc.png);
}

/*.Asc {	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);}
.Desc {	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);}*/





/*.Asc:after { content: "\25B2";	cursor: pointer;float: right;position: absolute;color: #0000009c;font-size:10px;	padding-top:5px;}
.Desc:after {content: "\25BC";	cursor: pointer;float: right;position: absolute;color: #0000009c;font-size: 10px;padding-top: 5px;}
*/


/* Comment Generated by Combres - Resource '~/Content/News/09.jquery.flexdatalist.css' (Mode: Static) */
/**
 * jQuery Flexdatalist basic stylesheet.
 *
 * Version:
 * 2.3.1
 *
 * Github:
 * https://github.com/sergiodlopes/jquery-flexdatalist/
 *
 */
 .flexdatalist-results {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #444;
    border-top: none;
    background: #fff;
    z-index: 100000;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    color: #333;
    list-style: none;
    margin: 0;
    padding: 5px 8px;
}
.flexdatalist-results li {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    cursor:default;
    /*line-height: 20px;*/
}

.flexdatalist-results li:hover{
    background-color:aliceblue;
}

.flexdatalist-results li span.highlight {
    font-weight: 700;
    color:red;
  /*  text-decoration: underline;*/
}
.flexdatalist-results li.active {
    background: #2B82C9;
    color: #fff;
    cursor: pointer;
}
.flexdatalist-results li.no-results {
    font-style: italic;
    color: #888;
}

/**
 * Grouped items
 */
.flexdatalist-results li.group {
    background: #F3F3F4;
    color: #666;
    padding: 8px 8px;
}
.flexdatalist-results li .group-name {
    font-weight: 700;
}
.flexdatalist-results li .group-item-count {
    font-size: 85%;
    color: #777;
    display: inline-block;
    padding-left: 10px;
}

/**
 * Multiple items
 */
.flexdatalist-multiple:before {
    content: '';
    display: block;
    clear: both;
}
.flexdatalist-multiple {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    cursor: text;
}
.flexdatalist-multiple.disabled {
    background-color: #eee;
    cursor: default;
}
.flexdatalist-multiple:after {
    content: '';
    display: block;
    clear: both;
}
.flexdatalist-multiple li {
    display: inline-block;
    position: relative;
    margin: 5px;
}
.flexdatalist-multiple li.input-container,
.flexdatalist-multiple li.input-container input {
    border: none;
    height: auto;
    padding: 0 0 0 4px;
    line-height: 24px;
    box-shadow: none;
}

.flexdatalist-multiple li.value {
    padding: 2px 25px 2px 7px;
    background: #efefef;
    border-radius: 3px;
    color: #444;
    line-height: 20px;
    float: left;
}
.flexdatalist-multiple li.toggle {
    cursor: pointer;
    transition: opacity ease-in-out 300ms;
}
.flexdatalist-multiple li.toggle.disabled {
    text-decoration: line-through;
    opacity: 0.80;
}

.flexdatalist-multiple li.value span.fdl-remove {
    font-weight: 700;
    padding: 2px 5px;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.70;
}
.flexdatalist-multiple li.value span.fdl-remove:hover {
    opacity: 1;
}



/* Comment Generated by Combres - Resource '~/Content/News/10.IECSS.css' (Mode: Static) */
@media all and (-ms-high-contrast:none) {
	@import url(https://fonts.googleapis.com/css?family=Akronim);

	
	/*================================================*/
	#page {
		min-height: calc(100vh - 86px);
	}
	#page {
		color: rgba(69, 69, 69, 1);
	}
	.MLogin {
		width: 250px;
	}

	.ui-widget-content{
		border:1px solid black;
	}
	table.borderTable > tr > th, table.borderTable > thead > tr > th, table.borderTable > tfoot > tr > th, table.borderTable > tbody > tr > th, thead.borderTable > tr > th, tfoot.borderTable > tr > th {
		border: solid 1px rgba(225, 225, 225, 0.53) !important;
	}

	.tableDataStyle th {
		background-color: rgba(81, 81, 81, 0.57);
	}
	table.borderTable > tr > td, table.borderTable > tbody > tr > td {
		border: 1px solid rgba(225, 225, 225, 0.53);
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		border: 1px solid rgba(227, 231, 233, 1);
		color: black;
		background: rgba(179, 214, 212, 1) url(images/ui-bg_highlight-soft_50_9fcf7d_1x100.png) 50% 50% repeat-x;
	}
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
		border: 1px solid rgba(227, 231, 233, 1);
		background: rgba(47, 113, 129, 0.58) url(images/ui-bg_highlight-hard_30_285c00_1x100.png) 50% 50% repeat-x;
		color: black;
	}
	
	.ui-widget-content{
		border:1px solid black;
	}
	.tableDataStyle td.descCell, .descCell{
		border-bottom: 1px solid white;
	}
	.TableTree .RowDisabled td > input, .RowDisabled td > input, td > input:disabled, input.disabled, textarea.disabled, select.disabled,
	input:disabled, input.disabled, textarea.disabled, select.disabled {
		border: 1px solid rgba(225, 225, 225, 0);
	}
	input[type='text'], input[type='file'] {
		border: 1px groove rgba(225, 225, 225, 1);
	}
	.clsDinhKem .colLeft .containerRow .descCell {
		min-height:60px;
	}

	ul.pagerContainer li.pagerLinkPage {
		border: 1px solid rgba(138, 142, 136, 0.16);
	}
	ul.pagerContainer li.pagerCurrentPage a{
		color:white;
	}

	.group-footer-fixed .group-footer-name .group-list a#Setting{
		margin:auto 25%;
	}
	.group-footer-fixed .group-footer-name .group-button a#btnPopular{
		margin-left:90%;
	}

}



/* Comment Generated by Combres - Resource '~/Content/jquery.dataTables.min.css' (Mode: Static) */

table.dataTable thead .sorting,table.dataTable thead .sorting_asc
,table.dataTable thead .sorting_desc
,table.dataTable thead .sorting_asc_disabled
,table.dataTable thead .sorting_desc_disabled
{cursor:pointer;background-repeat:no-repeat;background-position:center right}
table.dataTable thead .sorting{background-image:url("../Content/images/sort_both.png")}
table.dataTable thead .sorting_asc{background-image:url("../Content/images/sort_asc.png")}
table.dataTable thead .sorting_desc{background-image:url("../Content/images/sort_desc.png")}
table.dataTable thead .sorting_asc_disabled{background-image:url("../Content/images/sort_asc_disabled.png")}
table.dataTable thead .sorting_desc_disabled{background-image:url("../Content/images/sort_desc_disabled.png")}




/* Comment Generated by Combres - Resource '~/Content/jquery.treetable.css' (Mode: Static) */


.treetable, .treetable tr {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .treetable tr {
        /*background-color: white;*/
        /*margin-top: 4px;*/
    }

    .treetable .indenter {
        background: url(images/treeview/treeview-default.gif) -64px -25px no-repeat;
        height: 19px;
        width: 16px;
        margin-left: -1px;
        float: left;
        cursor: pointer;
    }

.indenter {
    display: inline;
    float: none;
}

/*.treetable a {
    margin: 0;
    padding: 0px 0pt 0px 16px;
    
}*/
.treetable .btnHref {
    margin: 0;
    padding: 0px 0pt 0px 16px;
}

.treetable a.selected {
    background-color: #eee;
}

.treetable .hover {
    color: red;
    cursor: pointer;
}

.treetable span.indenter.leaf_expanded_indenter {
    background: url(images/treeview/treeview-default-line.gif) 0 0 no-repeat;
}

    .treetable tr.collapsable, .treetable tr.expandable {
        background-position: 0 -176px;
    }

.treetable .collapsed_indenter {
    background-image: url(images/treeview/treeview-default.gif);
    background-position: -80px -3px;
}

.treetable .expandable_indenter {
    background-image: url(images/treeview/treeview-default.gif);
    background-position: 0 -1766px;
}

.treetable tr.leaf.collapsable, .treetable tr.leaf.expandable {
    background-image: url(images/treeview/treeview-default.gif);
}

.treetable tr.leaf.collapsable {
    background-position: 0 -111px;
}

.treetable li.leaf.expandable {
    background-position: -32px -67px;
}

.treetable .indenter.leaf_indenter {
    background: url(images/treeview/treeview-default-line.gif) 0 0 no-repeat;

}



/* Comment Generated by Combres - Resource '~/Content/jquery.treeview.css' (Mode: Static) */
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }
.treeview ul { background-color: white; margin-top: 4px; }
.treeview .hitarea { background: url(images/treeview/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; }
/* fix for IE6 */
* html .hitarea { display: inline; float: none; }
.treeview li { margin: 0; padding: 3px 0pt 3px 16px; }
.treeview a.selected { background-color: #eee; }
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: url(images/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px; }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px; }
.treeview li.lastExpandable { background-position: -32px -67px; }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url(images/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview/treeview-red.gif); }
.treeview-black li { background-image: url(images/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview/treeview-black.gif); }
.treeview-gray li { background-image: url(images/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview/treeview-gray.gif); }
.treeview-famfamfam li { background-image: url(images/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview/treeview-famfamfam.gif); }
.treeview .placeholder { background: url(images/treeview/ajax-loader.gif) 0 0 no-repeat; height: 16px; width: 16px; display: block; }
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/treeview/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/treeview/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/treeview/file.gif) 0 0 no-repeat; }



/* Comment Generated by Combres - Resource '~/Content/News/jquery.flipcountdown.css' (Mode: Static) */
.xdsoft_flipcountdown{display:inline-block;}

.xdsoft_flipcountdown .xdsoft_digit{float:left;background-repeat:no-repeat;}
.xdsoft_flipcountdown .xdsoft_clearex{clear:both;float:none;}


.xdsoft_flipcountdown >.xdsoft_digit{
	background-position:0px 0px;
}
.xdsoft_flipcountdown >.xdsoft_digit.xdsoft_separator,.xdsoft_flipcountdown >.xdsoft_digit.xdsoft_dot{
	opacity:0.9;
}
	.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit {
		width: 53px;
		height: 76px;
		/*background-image: url(./img/digit-lg.png);*/
		background-image: url(/Content/News/images/digit-lg.png);
	}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_dot{
	width:14px;
	background-position:-19px -5082px;
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_dot{
	background-position:-41px -5082px;
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_space{
	background-position:-100px -5082px;
}

.xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit{
	width:36px; 
	height:51px;
	/*background-image:url(./img/digit-md.png);*/
	background-image: url(/Content/News/images/digit-md.png);
}
.xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit.xdsoft_dot{
	width:10px;
	background-position:-13px -3432px;
}
	.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit {
		width: 24px;
		height: 34px;
		/*background-image:url(./img/digit-sm.png);*/
		background-image: url(/Content/News/images/digit-sm.png);
	}
.xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit.xdsoft_dot{
	width:10px;
	background-position:-6px -2310px;
}
	.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit {
		width: 16px;
		height: 23px;
		/*background-image:url(./img/digit-xs.png);*/
		background-image: url(/Content/News/images/digit-xs.png);
	}
.xdsoft_flipcountdown.xdsoft_size_xs >.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_xs >.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_xs >.xdsoft_digit.xdsoft_dot{
	width:5px;
	background-position:-5px -1584px;
}


/* Comment Generated by Combres - Resource '~/Content/jquery.timepicker.min.css' (Mode: Static) */
.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
    display:block;
    z-index:99;
    border-radius:5px;
}

.ui-timepicker, .ui-timepicker-viewport {
    box-sizing: content-box;
    height: 205px;
    display: block;
    margin: 0
}

.ui-timepicker {
    list-style: none;
    padding: 0 1px;
    text-align: center
}

.ui-timepicker-viewport {
    padding: 0;
    overflow: auto;
    overflow-x: hidden
}

.ui-timepicker-standard {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    background-color: #FFF;
    border: 1px solid #AAA;
    color: #222;
    margin: 0;
    padding: 2px
}

    .ui-timepicker-standard a {
        border: 1px solid transparent;
        color: #222;
        display: block;
        padding: .2em .4em;
        text-decoration: none
    }

    .ui-timepicker-standard .ui-state-hover {
        background-color: #DADADA;
        border: 1px solid #999;
        font-weight: 400;
        color: #212121
    }

    .ui-timepicker-standard .ui-menu-item {
        margin: 0;
        padding: 0
    }

.ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.ui-timepicker-hidden {
    display: none
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: none
}