:root { 

	--ics-col1: #013f87;
	--ics-col1b1: #013f87;
	--ics-col1b2: #003879;
	--ics-col1b3: #00326c;
	--ics-col1b4: #002c5e;
	--ics-col1b5: #002551;
	--ics-col1b6: #001f43;
	--ics-col1b7: #001936;
	--ics-col1b8: #001228;
	--ics-col1b9: #000c1b;
	--ics-col1b10: #00060d;
	--ics-col1b11: #000000;
	--ics-col1w1: #013f87;
	--ics-col1w2: #1a5293;
	--ics-col1w3: #33659f;
	--ics-col1w4: #4d78ab;
	--ics-col1w5: #668bb7;
	--ics-col1w6: #809fc3;
	--ics-col1w7: #99b2cf;
	--ics-col1w8: #b2c5db;
	--ics-col1w9: #ccd8e7;
	--ics-col1w10: #e5ebf3;
	--ics-col1w11: #ffffff;
	--ics-col2: #0459BA;
	--ics-col2b1: #0459ba;
	--ics-col2b2: #0350a7;
	--ics-col2b3: #034794;
	--ics-col2b4: #023e82;
	--ics-col2b5: #02356f;
	--ics-col2b6: #022c5d;
	--ics-col2b7: #01234a;
	--ics-col2b8: #011a37;
	--ics-col2b9: #001125;
	--ics-col2b10: #000812;
	--ics-col2b11: #000000;
	--ics-col2w1: #0459ba;
	--ics-col2w2: #1d69c0;
	--ics-col2w3: #367ac7;
	--ics-col2w4: #4f8ace;
	--ics-col2w5: #689bd5;
	--ics-col2w6: #81acdc;
	--ics-col2w7: #9abce3;
	--ics-col2w8: #b3cdea;
	--ics-col2w9: #ccddf1;
	--ics-col2w10: #e5eef8;
	--ics-col2w11: #ffffff;
	--ics-col3: #000000;
	--ics-col3b1: #000000;
	--ics-col3b2: #000000;
	--ics-col3b3: #000000;
	--ics-col3b4: #000000;
	--ics-col3b5: #000000;
	--ics-col3b6: #000000;
	--ics-col3b7: #000000;
	--ics-col3b8: #000000;
	--ics-col3b9: #000000;
	--ics-col3b10: #000000;
	--ics-col3b11: #000000;
	--ics-col3w1: #000000;
	--ics-col3w2: #191919;
	--ics-col3w3: #333333;
	--ics-col3w4: #4c4c4c;
	--ics-col3w5: #666666;
	--ics-col3w6: #7f7f7f;
	--ics-col3w7: #999999;
	--ics-col3w8: #b2b2b2;
	--ics-col3w9: #cccccc;
	--ics-col3w10: #e5e5e5;
	--ics-col3w11: #ffffff;
	--ics-col4: #838383;
	--ics-col4b1: #838383;
	--ics-col4b2: #757575;
	--ics-col4b3: #686868;
	--ics-col4b4: #5b5b5b;
	--ics-col4b5: #4e4e4e;
	--ics-col4b6: #414141;
	--ics-col4b7: #343434;
	--ics-col4b8: #272727;
	--ics-col4b9: #1a1a1a;
	--ics-col4b10: #0d0d0d;
	--ics-col4b11: #000000;
	--ics-col4w1: #838383;
	--ics-col4w2: #8f8f8f;
	--ics-col4w3: #9b9b9b;
	--ics-col4w4: #a8a8a8;
	--ics-col4w5: #b4b4b4;
	--ics-col4w6: #c1c1c1;
	--ics-col4w7: #cdcdcd;
	--ics-col4w8: #d9d9d9;
	--ics-col4w9: #e6e6e6;
	--ics-col4w10: #f2f2f2;
	--ics-col4w11: #ffffff;
	--ics-col5: #dc3545;
	--ics-col5b1: #dc3545;
	--ics-col5b2: #c62f3e;
	--ics-col5b3: #b02a37;
	--ics-col5b4: #9a2530;
	--ics-col5b5: #841f29;
	--ics-col5b6: #6e1a22;
	--ics-col5b7: #58151b;
	--ics-col5b8: #420f14;
	--ics-col5b9: #2c0a0d;
	--ics-col5b10: #160506;
	--ics-col5b11: #000000;
	--ics-col5w1: #dc3545;
	--ics-col5w2: #df4957;
	--ics-col5w3: #e35d6a;
	--ics-col5w4: #e6717c;
	--ics-col5w5: #ea858f;
	--ics-col5w6: #ed9aa2;
	--ics-col5w7: #f1aeb4;
	--ics-col5w8: #f4c2c7;
	--ics-col5w9: #f8d6d9;
	--ics-col5w10: #fbeaec;
	--ics-col5w11: #ffffff;
	--ics-col6: #faab3e;
	--ics-col6b1: #faab3e;
	--ics-col6b2: #e19937;
	--ics-col6b3: #c88831;
	--ics-col6b4: #af772b;
	--ics-col6b5: #966625;
	--ics-col6b6: #7d551f;
	--ics-col6b7: #644418;
	--ics-col6b8: #4b3312;
	--ics-col6b9: #32220c;
	--ics-col6b10: #191106;
	--ics-col6b11: #000000;
	--ics-col6w1: #faab3e;
	--ics-col6w2: #fab351;
	--ics-col6w3: #fbbb64;
	--ics-col6w4: #fbc477;
	--ics-col6w5: #fccc8b;
	--ics-col6w6: #fcd59e;
	--ics-col6w7: #fdddb1;
	--ics-col6w8: #fde5c5;
	--ics-col6w9: #feeed8;
	--ics-col6w10: #fef6eb;
	--ics-col6w11: #ffffff;
	--ics-col7: #39c1fa;
	--ics-col7b1: #39c1fa;
	--ics-col7b2: #33ade1;
	--ics-col7b3: #2d9ac8;
	--ics-col7b4: #2787af;
	--ics-col7b5: #227396;
	--ics-col7b6: #1c607d;
	--ics-col7b7: #164d64;
	--ics-col7b8: #11394b;
	--ics-col7b9: #0b2632;
	--ics-col7b10: #051319;
	--ics-col7b11: #000000;
	--ics-col7w1: #39c1fa;
	--ics-col7w2: #4cc7fa;
	--ics-col7w3: #60cdfb;
	--ics-col7w4: #74d3fb;
	--ics-col7w5: #88d9fc;
	--ics-col7w6: #9ce0fc;
	--ics-col7w7: #afe6fd;
	--ics-col7w8: #c3ecfd;
	--ics-col7w9: #d7f2fe;
	--ics-col7w10: #ebf8fe;
	--ics-col7w11: #ffffff;
	--ics-col8: #f8f9fa;
	--ics-col8b1: #f8f9fa;
	--ics-col8b2: #dfe0e1;
	--ics-col8b3: #c6c7c8;
	--ics-col8b4: #adaeaf;
	--ics-col8b5: #949596;
	--ics-col8b6: #7c7c7d;
	--ics-col8b7: #636364;
	--ics-col8b8: #4a4a4b;
	--ics-col8b9: #313132;
	--ics-col8b10: #181819;
	--ics-col8b11: #000000;
	--ics-col8w1: #f8f9fa;
	--ics-col8w2: #f8f9fa;
	--ics-col8w3: #f9fafb;
	--ics-col8w4: #fafafb;
	--ics-col8w5: #fafbfc;
	--ics-col8w6: #fbfcfc;
	--ics-col8w7: #fcfcfd;
	--ics-col8w8: #fcfdfd;
	--ics-col8w9: #fdfdfe;
	--ics-col8w10: #fefefe;
	--ics-col8w11: #ffffff; 
/* CUSTOM S */

        /*--bs-btn-border-radius: 10px;  Set your desired border radius */
		/*--bs-border-radius: 24px;*/
		--bs-primary: var(--ics-col1);;
		--col-orange: #faab3e;
		--col-darkorange:rgb(216, 134, 19);
		--col-lightblue: #49b1e3;
		--col-lightblue2: #eaf3fc;
    }
	.btn-secondary {
		border-radius: 24px;
	}
	.btn-success {
		border-radius: 24px;
	}
	.btn-danger {
		border-radius: 24px;
	}
	.btn-primary {
		border-radius: 24px;
		--bs-btn-bg: var(--ics-col1);
		--bs-btn-hover-bg: var(--ics-col1);
		--bs-btn-hover-border-color: var(--ics-col1);
		--bs-btn-active-bg: var(--ics-col1);
		--bs-btn-active-border-color: var(--ics-col1); 
	}
	.btn:hover {
		--bs-btn-bg: var(--ics-col1w1);
		--bs-btn-hover-bg: var(--ics-col1w1);
		--bs-btn-hover-border-color: var(--ics-col1w1);
		--bs-btn-active-bg: var(--ics-col1);
		--bs-btn-active-border-color: var(--ics-col1); 
	}
	.form-check-input:checked {
		background-color: var(--ics-col1);
		border-color: var(--ics-col1);
	}
	.form-select {
		background-color: var(--ics-col2w9);
		border-color: var(--ics-col2w9);
	}
	.input-group-text input[type="radio"]:checked {
		accent-color: var(--ics-col1); /* Use a custom color for the radio button */
	}
	.list-group {
		--bs-list-group-border-color: var(--ics-col2w9);
	}
	.html_librarymenu_icon {
		display: none!important;
	}
	#lmtnavbarinner {
		border: 0px solid #00adef;
		border-bottom-width: 2px;
		margin-top: 2em;
		margin-bottom: 1em;
	}
	#htmlheadbar {
		-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.47);
		-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.47);
		box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.47);
	}
	#libraryMenuThemeOC {
		background-color: white;
	}
	.btn-sm {
 /*
		font-size: inherit !important;
  padding: inherit  ;
  margin: inherit !important;
  line-height: inherit !important;
  padding: 6px 12px!important;
 
  padding-block-end: inherit !important;
padding-block-start: inherit !important;
padding-bottom: inherit !important;
padding-inline-end: inherit !important;
padding-inline-start: inherit !important;
padding-left: inherit !important;
padding-right: inherit !important;
padding-top: inherit !important;*/
}

/* from 9 */

.adddbbook_hltag1 {
	position: absolute;
	display: inline-block;
	height: auto;
	top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 0px;
	padding-top: 2px;
	text-transform: none;
	white-space: pre-wrap;
	width: 100%;
	word-spacing: 0px;
	word-wrap: break-word;
	writing-mode: lr-tb;
	color: white;
}

.adddbbook_hltagTA {
	background-image: none;
	background-color: transparent;
	width: calc( 100% - 10px );
	margin-left: 4px;
}

.adddbbook_hltag2 {
	position: absolute;
	display: inline-block;
	height: auto;
	top: 0px;
	width: 100%
}

.adddbbook_hltagouter {
	position: relative;
	display: inline-block;
	height: auto;
	width: 100%;
	min-height: 22px;
	padding-top: 2px;
	border: 0px solid red;
}

.adddbbook_indi {
	xx-webkit-appearance: none;
	xx-moz-appearance: none;
	xxappearance: none;
	padding-left: 2px;
	padding-right: 2px;
	max-height: 26px;
	border: 1px solid black!important;
	margin-left: 2px;
	height: 30px;
	background: transparent;
	width: 36px;

	-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
border-radius: 0px!important;
}
/* addDBbook css */


/* CUSTOM E */


	.ics-col1 {
		color: var(--ics-col1);
	}
	.ics-bgcol1 {
		background-color: var(--ics-col1);
	}

			.ics-col1b1 {
			color: var(--ics-col1b1);
		}
		.ics-bgcol1b1 {
			background-color: var(--ics-col1b1);
		}

		.ics-col1b2 {
			color: var(--ics-col1b2);
		}
		.ics-bgcol1b2 {
			background-color: var(--ics-col1b2);
		}

		.ics-col1b3 {
			color: var(--ics-col1b3);
		}
		.ics-bgcol1b3 {
			background-color: var(--ics-col1b3);
		}

		.ics-col1b4 {
			color: var(--ics-col1b4);
		}
		.ics-bgcol1b4 {
			background-color: var(--ics-col1b4);
		}

		.ics-col1b5 {
			color: var(--ics-col1b5);
		}
		.ics-bgcol1b5 {
			background-color: var(--ics-col1b5);
		}

		.ics-col1b6 {
			color: var(--ics-col1b6);
		}
		.ics-bgcol1b6 {
			background-color: var(--ics-col1b6);
		}

		.ics-col1w1 {
			color: var(--ics-col1w1);
		}
		.ics-bgcol1w1 {
			background-color: var(--ics-col1w1);
		}
	
				.ics-col1w2 {
			color: var(--ics-col1w2);
		}
		.ics-bgcol1w2 {
			background-color: var(--ics-col1w2);
		}
	
				.ics-col1w3 {
			color: var(--ics-col1w3);
		}
		.ics-bgcol1w3 {
			background-color: var(--ics-col1w3);
		}
	
				.ics-col1w4 {
			color: var(--ics-col1w4);
		}
		.ics-bgcol1w4 {
			background-color: var(--ics-col1w4);
		}
	
				.ics-col1w5 {
			color: var(--ics-col1w5);
		}
		.ics-bgcol1w5 {
			background-color: var(--ics-col1w5);
		}
	
				.ics-col1w6 {
			color: var(--ics-col1w6);
		}
		.ics-bgcol1w6 {
			background-color: var(--ics-col1w6);
		}
	
			.ics-col2 {
		color: var(--ics-col2);
	}
	.ics-bgcol2 {
		background-color: var(--ics-col2);
	}

			.ics-col2b1 {
			color: var(--ics-col2b1);
		}
		.ics-bgcol2b1 {
			background-color: var(--ics-col2b1);
		}

		.ics-col2b2 {
			color: var(--ics-col2b2);
		}
		.ics-bgcol2b2 {
			background-color: var(--ics-col2b2);
		}

		.ics-col2b3 {
			color: var(--ics-col2b3);
		}
		.ics-bgcol2b3 {
			background-color: var(--ics-col2b3);
		}

		.ics-col2b4 {
			color: var(--ics-col2b4);
		}
		.ics-bgcol2b4 {
			background-color: var(--ics-col2b4);
		}

		.ics-col2b5 {
			color: var(--ics-col2b5);
		}
		.ics-bgcol2b5 {
			background-color: var(--ics-col2b5);
		}

		.ics-col2b6 {
			color: var(--ics-col2b6);
		}
		.ics-bgcol2b6 {
			background-color: var(--ics-col2b6);
		}

		.ics-col2w1 {
			color: var(--ics-col2w1);
		}
		.ics-bgcol2w1 {
			background-color: var(--ics-col2w1);
		}
	
				.ics-col2w2 {
			color: var(--ics-col2w2);
		}
		.ics-bgcol2w2 {
			background-color: var(--ics-col2w2);
		}
	
				.ics-col2w3 {
			color: var(--ics-col2w3);
		}
		.ics-bgcol2w3 {
			background-color: var(--ics-col2w3);
		}
	
				.ics-col2w4 {
			color: var(--ics-col2w4);
		}
		.ics-bgcol2w4 {
			background-color: var(--ics-col2w4);
		}
	
				.ics-col2w5 {
			color: var(--ics-col2w5);
		}
		.ics-bgcol2w5 {
			background-color: var(--ics-col2w5);
		}
	
				.ics-col2w6 {
			color: var(--ics-col2w6);
		}
		.ics-bgcol2w6 {
			background-color: var(--ics-col2w6);
		}
	
			.ics-col3 {
		color: var(--ics-col3);
	}
	.ics-bgcol3 {
		background-color: var(--ics-col3);
	}

			.ics-col3b1 {
			color: var(--ics-col3b1);
		}
		.ics-bgcol3b1 {
			background-color: var(--ics-col3b1);
		}

		.ics-col3b2 {
			color: var(--ics-col3b2);
		}
		.ics-bgcol3b2 {
			background-color: var(--ics-col3b2);
		}

		.ics-col3b3 {
			color: var(--ics-col3b3);
		}
		.ics-bgcol3b3 {
			background-color: var(--ics-col3b3);
		}

		.ics-col3b4 {
			color: var(--ics-col3b4);
		}
		.ics-bgcol3b4 {
			background-color: var(--ics-col3b4);
		}

		.ics-col3b5 {
			color: var(--ics-col3b5);
		}
		.ics-bgcol3b5 {
			background-color: var(--ics-col3b5);
		}

		.ics-col3b6 {
			color: var(--ics-col3b6);
		}
		.ics-bgcol3b6 {
			background-color: var(--ics-col3b6);
		}

		.ics-col3w1 {
			color: var(--ics-col3w1);
		}
		.ics-bgcol3w1 {
			background-color: var(--ics-col3w1);
		}
	
				.ics-col3w2 {
			color: var(--ics-col3w2);
		}
		.ics-bgcol3w2 {
			background-color: var(--ics-col3w2);
		}
	
				.ics-col3w3 {
			color: var(--ics-col3w3);
		}
		.ics-bgcol3w3 {
			background-color: var(--ics-col3w3);
		}
	
				.ics-col3w4 {
			color: var(--ics-col3w4);
		}
		.ics-bgcol3w4 {
			background-color: var(--ics-col3w4);
		}
	
				.ics-col3w5 {
			color: var(--ics-col3w5);
		}
		.ics-bgcol3w5 {
			background-color: var(--ics-col3w5);
		}
	
				.ics-col3w6 {
			color: var(--ics-col3w6);
		}
		.ics-bgcol3w6 {
			background-color: var(--ics-col3w6);
		}
	
			.ics-col4 {
		color: var(--ics-col4);
	}
	.ics-bgcol4 {
		background-color: var(--ics-col4);
	}

			.ics-col4b1 {
			color: var(--ics-col4b1);
		}
		.ics-bgcol4b1 {
			background-color: var(--ics-col4b1);
		}

		.ics-col4b2 {
			color: var(--ics-col4b2);
		}
		.ics-bgcol4b2 {
			background-color: var(--ics-col4b2);
		}

		.ics-col4b3 {
			color: var(--ics-col4b3);
		}
		.ics-bgcol4b3 {
			background-color: var(--ics-col4b3);
		}

		.ics-col4b4 {
			color: var(--ics-col4b4);
		}
		.ics-bgcol4b4 {
			background-color: var(--ics-col4b4);
		}

		.ics-col4b5 {
			color: var(--ics-col4b5);
		}
		.ics-bgcol4b5 {
			background-color: var(--ics-col4b5);
		}

		.ics-col4b6 {
			color: var(--ics-col4b6);
		}
		.ics-bgcol4b6 {
			background-color: var(--ics-col4b6);
		}

		.ics-col4w1 {
			color: var(--ics-col4w1);
		}
		.ics-bgcol4w1 {
			background-color: var(--ics-col4w1);
		}
	
				.ics-col4w2 {
			color: var(--ics-col4w2);
		}
		.ics-bgcol4w2 {
			background-color: var(--ics-col4w2);
		}
	
				.ics-col4w3 {
			color: var(--ics-col4w3);
		}
		.ics-bgcol4w3 {
			background-color: var(--ics-col4w3);
		}
	
				.ics-col4w4 {
			color: var(--ics-col4w4);
		}
		.ics-bgcol4w4 {
			background-color: var(--ics-col4w4);
		}
	
				.ics-col4w5 {
			color: var(--ics-col4w5);
		}
		.ics-bgcol4w5 {
			background-color: var(--ics-col4w5);
		}
	
				.ics-col4w6 {
			color: var(--ics-col4w6);
		}
		.ics-bgcol4w6 {
			background-color: var(--ics-col4w6);
		}
	
			.ics-col5 {
		color: var(--ics-col5);
	}
	.ics-bgcol5 {
		background-color: var(--ics-col5);
	}

			.ics-col5b1 {
			color: var(--ics-col5b1);
		}
		.ics-bgcol5b1 {
			background-color: var(--ics-col5b1);
		}

		.ics-col5b2 {
			color: var(--ics-col5b2);
		}
		.ics-bgcol5b2 {
			background-color: var(--ics-col5b2);
		}

		.ics-col5b3 {
			color: var(--ics-col5b3);
		}
		.ics-bgcol5b3 {
			background-color: var(--ics-col5b3);
		}

		.ics-col5b4 {
			color: var(--ics-col5b4);
		}
		.ics-bgcol5b4 {
			background-color: var(--ics-col5b4);
		}

		.ics-col5b5 {
			color: var(--ics-col5b5);
		}
		.ics-bgcol5b5 {
			background-color: var(--ics-col5b5);
		}

		.ics-col5b6 {
			color: var(--ics-col5b6);
		}
		.ics-bgcol5b6 {
			background-color: var(--ics-col5b6);
		}

		.ics-col5w1 {
			color: var(--ics-col5w1);
		}
		.ics-bgcol5w1 {
			background-color: var(--ics-col5w1);
		}
	
				.ics-col5w2 {
			color: var(--ics-col5w2);
		}
		.ics-bgcol5w2 {
			background-color: var(--ics-col5w2);
		}
	
				.ics-col5w3 {
			color: var(--ics-col5w3);
		}
		.ics-bgcol5w3 {
			background-color: var(--ics-col5w3);
		}
	
				.ics-col5w4 {
			color: var(--ics-col5w4);
		}
		.ics-bgcol5w4 {
			background-color: var(--ics-col5w4);
		}
	
				.ics-col5w5 {
			color: var(--ics-col5w5);
		}
		.ics-bgcol5w5 {
			background-color: var(--ics-col5w5);
		}
	
				.ics-col5w6 {
			color: var(--ics-col5w6);
		}
		.ics-bgcol5w6 {
			background-color: var(--ics-col5w6);
		}
	
			.ics-col6 {
		color: var(--ics-col6);
	}
	.ics-bgcol6 {
		background-color: var(--ics-col6);
	}

			.ics-col6b1 {
			color: var(--ics-col6b1);
		}
		.ics-bgcol6b1 {
			background-color: var(--ics-col6b1);
		}

		.ics-col6b2 {
			color: var(--ics-col6b2);
		}
		.ics-bgcol6b2 {
			background-color: var(--ics-col6b2);
		}

		.ics-col6b3 {
			color: var(--ics-col6b3);
		}
		.ics-bgcol6b3 {
			background-color: var(--ics-col6b3);
		}

		.ics-col6b4 {
			color: var(--ics-col6b4);
		}
		.ics-bgcol6b4 {
			background-color: var(--ics-col6b4);
		}

		.ics-col6b5 {
			color: var(--ics-col6b5);
		}
		.ics-bgcol6b5 {
			background-color: var(--ics-col6b5);
		}

		.ics-col6b6 {
			color: var(--ics-col6b6);
		}
		.ics-bgcol6b6 {
			background-color: var(--ics-col6b6);
		}

		.ics-col6w1 {
			color: var(--ics-col6w1);
		}
		.ics-bgcol6w1 {
			background-color: var(--ics-col6w1);
		}
	
				.ics-col6w2 {
			color: var(--ics-col6w2);
		}
		.ics-bgcol6w2 {
			background-color: var(--ics-col6w2);
		}
	
				.ics-col6w3 {
			color: var(--ics-col6w3);
		}
		.ics-bgcol6w3 {
			background-color: var(--ics-col6w3);
		}
	
				.ics-col6w4 {
			color: var(--ics-col6w4);
		}
		.ics-bgcol6w4 {
			background-color: var(--ics-col6w4);
		}
	
				.ics-col6w5 {
			color: var(--ics-col6w5);
		}
		.ics-bgcol6w5 {
			background-color: var(--ics-col6w5);
		}
	
				.ics-col6w6 {
			color: var(--ics-col6w6);
		}
		.ics-bgcol6w6 {
			background-color: var(--ics-col6w6);
		}
	
			.ics-col7 {
		color: var(--ics-col7);
	}
	.ics-bgcol7 {
		background-color: var(--ics-col7);
	}

			.ics-col7b1 {
			color: var(--ics-col7b1);
		}
		.ics-bgcol7b1 {
			background-color: var(--ics-col7b1);
		}

		.ics-col7b2 {
			color: var(--ics-col7b2);
		}
		.ics-bgcol7b2 {
			background-color: var(--ics-col7b2);
		}

		.ics-col7b3 {
			color: var(--ics-col7b3);
		}
		.ics-bgcol7b3 {
			background-color: var(--ics-col7b3);
		}

		.ics-col7b4 {
			color: var(--ics-col7b4);
		}
		.ics-bgcol7b4 {
			background-color: var(--ics-col7b4);
		}

		.ics-col7b5 {
			color: var(--ics-col7b5);
		}
		.ics-bgcol7b5 {
			background-color: var(--ics-col7b5);
		}

		.ics-col7b6 {
			color: var(--ics-col7b6);
		}
		.ics-bgcol7b6 {
			background-color: var(--ics-col7b6);
		}

		.ics-col7w1 {
			color: var(--ics-col7w1);
		}
		.ics-bgcol7w1 {
			background-color: var(--ics-col7w1);
		}
	
				.ics-col7w2 {
			color: var(--ics-col7w2);
		}
		.ics-bgcol7w2 {
			background-color: var(--ics-col7w2);
		}
	
				.ics-col7w3 {
			color: var(--ics-col7w3);
		}
		.ics-bgcol7w3 {
			background-color: var(--ics-col7w3);
		}
	
				.ics-col7w4 {
			color: var(--ics-col7w4);
		}
		.ics-bgcol7w4 {
			background-color: var(--ics-col7w4);
		}
	
				.ics-col7w5 {
			color: var(--ics-col7w5);
		}
		.ics-bgcol7w5 {
			background-color: var(--ics-col7w5);
		}
	
				.ics-col7w6 {
			color: var(--ics-col7w6);
		}
		.ics-bgcol7w6 {
			background-color: var(--ics-col7w6);
		}
	
		 

* {
	font-family: Kanit;
}

::-moz-selection {
	/* Code for Firefox */
	color: white;
	background: #207AFF;
}

::selection {
	color: white;
	background: #207AFF;
}

/* BY ID*/
#HEAD_HEAD {
	width: 1000px;
	display: block;
}

.input_rangetype {
	border-width: 0px !important;
	background-image: none !important;
}

#FOOTERDIV {
	clear: both;
	display: block;
	width: 100%;
	height: 24px;
	border: 0px black solid;
	margin-left: auto;
	margin-right: auto;
	bottom: 0px;
	font-size: 14px;

	background: rgba(187, 187, 187, 0);
	background: -moz-linear-gradient(top, rgba(187, 187, 187, 0) 0%, rgba(187, 187, 187, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(187, 187, 187, 0)), color-stop(100%, rgba(187, 187, 187, 1)));
	background: -webkit-linear-gradient(top, rgba(187, 187, 187, 0) 0%, rgba(187, 187, 187, 1) 100%);
	background: -o-linear-gradient(top, rgba(187, 187, 187, 0) 0%, rgba(187, 187, 187, 1) 100%);
	background: -ms-linear-gradient(top, rgba(187, 187, 187, 0) 0%, rgba(187, 187, 187, 1) 100%);
	background: linear-gradient(to bottom, rgba(187, 187, 187, 0) 0%, rgba(187, 187, 187, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#bbbbbb', GradientType=0);
}


/*

#HEAD_HEAD {
 width: 1000px;
 display: block;
}
.WEBPAGE_MENUIMGICON {
 width: 16;
 height: 16;
}
#WEBPAGE_CONTENTTD {
 padding-left:5px;
 padding-top: 5px;
}
#HEAD_MAINTD {
}
#WEBPAGE_BODY {
 width: 1000px;
}
#WEBPAGE_MENU {
 width: 1000px;
}
#HEAD_LOGO {
 display: none;
}
#HEAD_TEXT1 {
   display:none;
}
#HEAD_TEXT2 {
   display:none;
}
#SIDEBAR_HEADTABLE {
 display:none;
}
#HEAD_LOGO_TD {
 display:none;
}
#HEAD_LANGTD {
 display:none;
}
*/
/* index menu */

form {
	margin: 0px 0px 0px 0px;
	display: inline;
}

;

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu {
	width: 100%;
	/*width of menu*/
}

.arrowlistmenu .headerbar {
	font: bold 14px Arial;
	color: white;
	background: black url(http://docs.nhrc.or.th//imgpng/titlebar.png) repeat-x center left;
	margin-bottom: 4px;
	/*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px;
	/*header text is indented 10px*/
}

.arrowlistmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	/*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li {
	padding-bottom: 0px;
	/*bottom spacing between menu items*/
	padding-top: 0px;
	margin: 0;
	page-break-after: avoid;
	page-break-before: avoid;
	page-break-inside: avoid;
}

.arrowlistmenu ul li a {
	color: #A70303;
	display: block;
	padding: 2px 0;
	padding-left: 5px;
	/*link text is indented 19px*/
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #dadada;
	font-size: 12;
}

.arrowlistmenu ul li a:visited {
	color: #A70303;
}

.arrowlistmenu ul li a:hover {
	/*hover state CSS*/
	color: #A70303;
	background-color: #F3F3F3;
}







/* other css */
.a_btn {
	border-color: #C0CFE2;
	border-style: solid;
	border-width: 1px;
	background-color: #EFEFEF;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	color: #330066;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
	line-height: 130%;
	margin: 5 0 5 0;
}

.a_btn:hover {
	background-color: #DFDFFF;
	border-color: #507BAF;
	color: #330066;
}

.feedbtn {
	color: #be0000 !important;
	font-size: 13;
	font-family: Kanit;
}

.feedbtn:hover {
	background-color: #d4d4d4;
	color: #330066;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer {
	border: 1px solid #b8b8b8;
	margin-bottom: 1em;
	width: 100%;
}

.curlycontainer .innerdiv {
	background: transparent url(http://docs.nhrc.or.th//neoimg/brcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
}


.smaller {
	font-size: 14px;
	line-height: 16px;
	position: relative;
	z-index: 1;
}

.smaller2 {
	font-size: 12px;
	line-height: 14px;
	position: relative;
	z-index: 1;
}

.bigger {
	font-size: 18px;
	line-height: 20px;
	position: relative;
	z-index: 1;
}

.bigger2 {
	font-size: 20px;
	line-height: 22px;
	position: relative;
	z-index: 1;
}

body {
	overflow-y: scroll;
	/*
	margin: 0px  0px; 
	padding: 0px  0px; 
	background-repeat: repeat-y; 
	background-image: url(http://docs.nhrc.or.th//image/bg.jpg); 
	background-position: center;
	min-height: 100%;*/
}

html,
body {
	height: 100%;
}

.ulibpage-wrap {
	display: block;
	min-height: calc(100% -24px);
	/* Firefox */
	min-height: -moz-calc(100% - 24px);
	/* WebKit */
	min-height: -webkit-calc(100% - 24px);
	/* Opera */
	min-height: -o-calc(100% - 24px);
	/* Standard */
}

a:link {
	color: #005CA2;
	text-decoration: none;
	font-family: "Kanit", "Microsoft Sans Serif";
}

a:visited {
	color: #005CA2;
	text-decoration: none;
	font-family: "Kanit", "Microsoft Sans Serif";
}

a:active {
	color: #0099FF;
	text-decoration: underline;
	font-family: "Kanit", "Microsoft Sans Serif";
}

a:hover {
	color: #0099FF;
	text-decoration: underline;
	font-family: "Kanit", "Microsoft Sans Serif";
}

input {
	/*
  background-image: none;
	background-repeat: no-repeat;
	font-family: 'Kanit';
	height: 24px;
	font-size: 16;
	background-color: #FFFFFF; 
	border: #003366; 
	border-style: outset; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px*/
}

select {
	/*
	background-image: url(http://docs.nhrc.or.th//neoimg/spacer.gif);;
	background-repeat: no-repeat;
	font-family: 'Kanit';
	height: 24px;
	font-size: 16;
	background-color: #FFFFFF; 
	border: #003366 1px outset;
	-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
    background: -moz-linear-gradient(#FFFFFF, #f5f5f5);
    background: -webkit-linear-gradient(#FFFFFF, #f5f5f5);
    background: -ms-linear-gradient(#FFFFFF, #f5f5f5);
    background: -o-linear-gradient(#FFFFFF, #f5f5f5);
    background: linear-gradient(#FFFFFF, #f5f5f5);*/
}

select optgroup {
	background: #f5f5f5;

}

INPUT[type="image"] {
	background-image: url(http://docs.nhrc.or.th//neoimg/spacer.gif);
	;
}

INPUT[type="text"],
INPUT[type="password"] {
	/*
  background-image: url(http://docs.nhrc.or.th//neoimg/input_bg.png);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
   padding: 2px;*/
}

INPUT[type="submit"],
INPUT[type="reset"] {

	/*background-image: url(http://docs.nhrc.or.th//neoimg/spacer.gif);;
	color: #17314A;
	height: 33px!important;;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #f0f0f0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f0f0f0;
	box-shadow:inset 0px 1px 0px 0px #f0f0f0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #e3e3e3));
	background:-moz-linear-gradient(top, #f5f5f5 5%, #e3e3e3 100%);
	background:-webkit-linear-gradient(top, #f5f5f5 5%, #e3e3e3 100%);
	background:-o-linear-gradient(top, #f5f5f5 5%, #e3e3e3 100%);
	background:-ms-linear-gradient(top, #f5f5f5 5%, #e3e3e3 100%);
	background:linear-gradient(to bottom, #f5f5f5 5%, #e3e3e3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e3e3e3',GradientType=0);
	background-color:#f5f5f5;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #aaaaaa;
	display:inline-block;
	cursor:pointer;
	color: black;
	font-size:15px;
	font-weight:bold;
	padding:4px 24px;
	text-decoration:none;
	margin: 2px;
  */
}

INPUT[type="submit"]:hover,
INPUT[type="reset"]:hover {
	/*
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d6d6d6), color-stop(1, #e3e5e6));
	background:-moz-linear-gradient(top, #d6d6d6 5%, #e3e5e6 100%);
	background:-webkit-linear-gradient(top, #d6d6d6 5%, #e3e5e6 100%);
	background:-o-linear-gradient(top, #d6d6d6 5%, #e3e5e6 100%);
	background:-ms-linear-gradient(top, #d6d6d6 5%, #e3e5e6 100%);
	background:linear-gradient(to bottom, #d6d6d6 5%, #e3e5e6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#e3e5e6',GradientType=0);
	background-color:#d6d6d6;*/
}

.btn {
	color: white !important;
}

INPUT[type="radio"] {
	/*width: 14px;
    height: 14px;
	vertical-align: text-bottom;
	border-width: 0px;
	border-color: transparent;
	background-color: transparent;*/
}

INPUT[type="checkbox"] {
	/*
    width: 14px;
    height: 14px;
	vertical-align: text-bottom;
	border-width: 0px;
	background-color: transparent;*/
}

INPUT[type="reset"] {
	font-weight: normal;
	color: darkred;
}

INPUT[type="button"] {}

textarea {
	background-image: url(http://docs.nhrc.or.th//neoimg/input_bg.png);
	background-repeat: no-repeat;
	font-family: 'Kanit';
	font-size: 16;
	background-color: #FFFFFF;
	border: #003366;
	border-style: outset;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.mbtn {
	background-color: #B9C6FF;
	border: 1px #0033FF solid;
	font-family: "Kanit";
	color: #333333;
	font-weight: bold;
}

.mnhead {
	text-align: center;
	color: #25323F;
	background-color: #CDD5E0;
	font-weight: bold;
}

.tb {
	font-family: "Kanit";
	font-size: 28px;
	color: #FFFFFF;
	font-weight: 700;
}

.tbs {
	font-family: "Kanit";
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 700;
}

.stupid {
	font-family: "Kanit";
	font-size: 16px;
}

.stupidmenu {
	font-family: "Kanit";
	font-size: 20px;
	font-weight: bold;
}

.stupidb {
	font-family: "Kanit";
	font-size: 16px;
	font-weight: bold;
}

.ts {}

.checkbox {
	BORDER-RIGHT: #99ccff 0px groove;
	BORDER-TOP: #99ccff 0px groove;
	BORDER-LEFT: #99ccff 0px groove;
	BORDER-BOTTOM: #99ccff 0px groove
}

.frmbtn {
	background-color: #E7EBF1;
}

.sidebarstriptagp p {
	page-break-after: avoid;
	page-break-before: avoid;
	margin: 0px;
}



/* ����Ѻ�����ҧ � ���������Թ */

.baradmin1 {
	background-color: #0D5780;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #09304D;
	border-right-color: #000000;
	border-bottom-color: #76D3F8;
	border-left-color: #000000;
	filter: glow(color=93bee2, Strength=2, positive=true);
}

.baradmintxt {
	font-family: "Kanit";
	font-size: 20px;
	font-weight: bold;
}








.table_dr:hover {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 8%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(8%, rgba(0, 0, 0, 0.1)), color-stop(20%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0)), color-stop(92%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 8%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0.1) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 8%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0.1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 8%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0.1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 8%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#1a000000', GradientType=0);
	background-color: white;
}

.table_dr:hover td {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 8%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(8%, rgba(0, 0, 0, 0.1)), color-stop(20%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0)), color-stop(92%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 8%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0.1) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 8%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0.1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 8%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0.1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 8%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 92%, rgba(0, 0, 0, 0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#1a000000', GradientType=0);
	background-color: white;
}

.table_head {
	padding-left: 2px;
	text-align: center;
	font-weight: bold;
	border-style: solid;

	border-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	/*border-color: #D1D1D1;background-color: #E8E8E8;*/
	border-color: var(--ics-col2w9);
	background-color: var(--ics-col7w1);
}

.table_head2 {
	padding-left: 2px;
	text-align: center;
	font-weight: normal;
	border-style: solid;
	border-color: #D1D1D1;
	border-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #F0F0F0;
}

.table_border,
.table_border>tbody {
	/*
	border-style: solid;
	border-color: #C1C1C1;
	border-width: 1px;
	background-color: #F4F4F4;
	border-left-color: #7C7C7C;
	border-right-color: #7C7C7C;
*/
	-webkit-box-shadow: 0px 0px 3px 0px rgba(100, 100, 100, 0.5);
	-moz-box-shadow: 0px 0px 3px 0px rgba(100, 100, 100, 0.5);
	box-shadow: 0px 0px 3px 0px rgba(100, 100, 100, 0.5);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 3px;
}

/* Top-left cell */
.table_border tr:first-child td:first-child,
.table_border tr:first-child th:first-child {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}

/* Top-right cell */
.table_border tr:first-child td:last-child,
.table_border tr:first-child th:last-child {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
}

/* Bottom-left cell */
.table_border tr:last-child td:first-child,
.table_border tr:last-child th:first-child {
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}

/* Bottom-right cell */
.table_border tr:last-child td:last-child,
.table_border tr:last-child th:last-child {
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}



.table_td {
	padding-left: 2px;
	border-width: 0px;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-color: var(--ics-col1w7);
	background-color: var(--ics-col7w10);
	/*border-color: #D6D6D6;
	background-color: #FCFCFC;*/
}

.table_borderhtmlbibdsp {
	border-style: solid;
	border-color: #EEEEEE;
	border-width: 0px;
	border-top-width: 1px;
	background-color: #F4F4F4;
	border-left-color: #7C7C7C;
	border-right-color: #7C7C7C;

	-webkit-box-shadow: 1px 1px 1px 0px rgba(100, 100, 100, 0.5);
	-moz-box-shadow: 1px 1px 1px 0px rgba(100, 100, 100, 0.5);
	box-shadow: 1px 1px 1px 0px rgba(100, 100, 100, 0.5);
}

.table_headhtmlbibdsp {
	padding-left: 2px;
	text-right: center;
	font-weight: normal;
	border-style: solid;
	border-color: #D1D1D1;
	border-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	background-color: #F4F4F4;
}

.table_tdhtmlbibdsp {
	padding-left: 2px;
	text-align: center;
	font-weight: normal;
	border-style: solid;
	border-color: #EEEEEE;
	border-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #ffffff;
}

/*Wiki's wikiwrapper */

#wikiwrapper {
	padding: 0px;
	padding-left: 9px;
}

#wikiwrapper a {
	font-size: 14;
}

#wikiwrapper p {
	font-size: 14;
}

#wikiwrapper {
	font-size: 14;
}

#wikiwrapper img {
	border: 1px solid #ccc;
}

#wikiwrapper img:hover {
	border: 1px solid navy;
}

.quickeditwebtext {}

.quickeditwebtextcontent:hover {
	border: 1px solid navy;
}

/* Parent div container */
.light-container {
	position: relative;
	xwidth: 100%;
	/* Set your desired width */
	xheight: 100%;
	/* Set your desired height */
	overflow: hidden;
	background: #1d1d1d;
	/* Background color of the div */
	xxborder-radius: 10px;
	/* Optional: rounded corners */
}

/* Create blurry animated light effect */
.light-container::before {
	content: '';
	position: absolute;
	width: 150%;
	/* Make it larger than the container for smoother edges */
	height: 150%;
	top: 0;
	left: 0;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.5), transparent 60%);
	filter: blur(30px);
	/* Adjust for more/less blur */
	animation: moveLight 15s infinite ease-in-out alternate;
}

/* Animation keyframes for light movement */
@keyframes moveLight {
	0% {
		transform: translate(-50%, -50%);
	}

	50% {
		transform: translate(20%, 20%);
	}

	100% {
		transform: translate(50%, -50%);
	}
}


#permissionsearchContainer {
	xdisplay: none;
	/* Hide search box initially */
	position: relative;
}

#permissionsearchresults {
	display:none;
	border: 1px solid #ccc;
	max-height: 200px;
	overflow-y: auto;
	margin-top: 35px;
	z-index: 999999;
	background-color: white;
	;
	width: 200px;
}

.searchpermissionresult-item {
	padding: 5px;
	cursor: pointer;
}

.searchpermissionresult-item:hover {
	background-color: #f0f0f0;
}

/* HTML: <div class="loader1"></div> */
.loader1 {
	width: 22px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--ics-col1);
	;
	animation: l10 1.5s infinite linear;
}

@keyframes l10 {
	0% {
		box-shadow:
			0 -30px var(--ics-col2), calc(30px*0.707) calc(-30px*0.707) var(--ics-col3), 30px 0 var(--ics-col2), 0 0 var(--ics-col3),
			0 0 var(--ics-col2), 0 0 var(--ics-col3), 0 0 var(--ics-col2), 0 0 var(--ics-col3)
	}

	12.5% {
		box-shadow:
			0 0 var(--ics-col2), calc(30px*0.707) calc(-30px*0.707) var(--ics-col3), 30px 0 var(--ics-col2), calc(30px*0.707) calc(30px*0.707) var(--ics-col3),
			0 0 var(--ics-col2), 0 0 var(--ics-col3), 0 0 var(--ics-col2), 0 0 var(--ics-col3)
	}

	25% {
		box-shadow:
			0 0 var(--ics-col2), 0 0 var(--ics-col3), 30px 0 var(--ics-col2), calc(30px*0.707) calc(30px*0.707) var(--ics-col3),
			0 30px var(--ics-col2), 0 0 var(--ics-col3), 0 0 var(--ics-col2), 0 0 var(--ics-col3)
	}

	37.5% {
		box-shadow:
			0 0 var(--ics-col2), 0 0 var(--ics-col3), 0 0 var(--ics-col2), calc(30px*0.707) calc(30px*0.707) var(--ics-col3),
			0 30px var(--ics-col2), calc(-30px*0.707) calc(30px*0.707) var(--ics-col3), 0 0 var(--ics-col2), 0 0 var(--ics-col3)
	}

	50% {
		box-shadow:
			0 0 var(--ics-col2), 0 0 var(--ics-col3), 0 0 var(--ics-col2), 0 0 var(--ics-col3),
			0 30px var(--ics-col2), calc(-30px*0.707) calc(30px*0.707) var(--ics-col3), -30px 0 var(--ics-col2), 0 0 var(--ics-col3)
	}

	62.5% {
		box-shadow:
			0 0 var(--ics-col2), 0 0 var(--ics-col3), 0 0 var(--ics-col2), 0 0 var(--ics-col3),
			0 0 var(--ics-col2), calc(-30px*0.707) calc(30px*0.707) var(--ics-col3), -30px 0 var(--ics-col2), calc(-30px*0.707) calc(-30px*0.707) var(--ics-col3)
	}

	75% {
		box-shadow:
			0 -30px var(--ics-col2), 0 0 var(--ics-col3), 0 0 var(--ics-col2), 0 0 var(--ics-col3),
			0 0 var(--ics-col2), 0 0 var(--ics-col3), -30px 0 var(--ics-col2), calc(-30px*0.707) calc(-30px*0.707) var(--ics-col3)
	}

	87.5% {
		box-shadow:
			0 -30px var(--ics-col2), calc(30px*0.707) calc(-30px*0.707) var(--ics-col3), 0 0 var(--ics-col2), 0 0 var(--ics-col3),
			0 0 var(--ics-col2), 0 0 var(--ics-col3), 0 0 var(--ics-col2), calc(-30px*0.707) calc(-30px*0.707) var(--ics-col3)
	}

	100% {
		box-shadow:
			0 -30px var(--ics-col2), calc(30px*0.707) calc(-30px*0.707) var(--ics-col3), 30px 0 var(--ics-col2), 0 0 var(--ics-col3),
			0 0 var(--ics-col2), 0 0 var(--ics-col3), 0 0 var(--ics-col2), 0 0 var(--ics-col3)
	}

}


/* HTML: <div class="loader2"></div> */
.loader2 {
	width: 40px;
	aspect-ratio: .577;
	clip-path: polygon(0 0, 100% 100%, 0 100%, 100% 0);
	position: relative;
	animation: l19 2s infinite linear;
	overflow: hidden;
}

.loader2:before {
	content: "";
	position: absolute;
	inset: -150% -150%;
	background: repeating-conic-gradient(from 30deg, var(--ics-col1) 0 60deg, var(--ics-col2) 0 120deg, var(--ics-col3) 0 180deg);
	animation: inherit;
	animation-direction: reverse;
}

@keyframes l19 {
	100% {
		transform: rotate(360deg)
	}
}

/* HTML: <div class="loader3"></div> */
.loader3 {
	width: 40px;
	aspect-ratio: 1;
	border-radius: 50%;
	margin-top: -30px;
	display: flex;
	justify-content: center;
	overflow: hidden;
	transform-origin: 50% 116.5%;
	animation: l17 2s infinite linear;
}

.loader3:before {
	content: "";
	min-width: 233%;
	height: 233%;
	background:
		radial-gradient(farthest-side, var(--ics-col1) 90%, #0000) top,
		radial-gradient(farthest-side, var(--ics-col2) 90%, #0000) left,
		radial-gradient(farthest-side, var(--ics-col3) 90%, #0000) bottom,
		radial-gradient(farthest-side, var(--ics-col4) 90%, #0000) right;
	background-size: 43% 43%;
	background-repeat: no-repeat;
	animation: inherit;
	animation-direction: reverse;
}

@keyframes l17 {
	100% {
		transform: rotate(360deg)
	}
}

.btnFontSize {
	width: 28px;
	height: 28px;
	line-height: 28px !important;
	background-color: var(--col-lightblue)!important;
	border-width: 0px!important;
}

.btnFontSize-small {
	font-size: 14px !important;
}

.btnFontSize-normal {
	font-size: 16px !important;
}

.btnFontSize-large {
	font-size: 18px !important;
}

.pagesection {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.pagesection2 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* (min-width: 30em) and (max-width: 50em) {*/
@media (max-width: 576px) {
	/* sm */
}

@media (min-width: 450px) and (max-width: 768px) {
	.res_cov_dsp_img {
		/*max-width: min(50vw, 50%, 360px) !important;*/
	}
}

@media (max-width: 992px)   {
	.res_cov_dsp_img {
		max-width: 200px!important;
	}

}
.res_cov_dsp_img {
	max-width: 100%;
}


/* Css3 tags */
.tags a {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	position: relative;
	margin: 0 16px 8px 0;
	padding: 0 10px 0 12px;
	background: #777;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #fff;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	nofont-weight: bold;
}

.tags a:before {
	content: "";
	position: absolute;
	top: 0;
	left: -12px;
	width: 0;
	height: 0;
	border-color: transparent #3243A5 transparent transparent;
	border-style: solid;
	border-width: 12px 12px 12px 0;
}

.tags a:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 1px;
	float: left;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	-moz-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
}

.tags a:hover {
	background: #777;
}

.tags a:hover:before {
	border-color: transparent #777 transparent transparent;
}

.tags a.color0 {
	background: #292929;
}

.tags a.color0:before {
	border-color: transparent #292929 transparent transparent;
}

.tags a.colorcol1 {
	background: var(--ics-col1);
}
.tags a.colorcol1:before {
	border-color: transparent var(--ics-col1) transparent transparent;
}

.tags a.colorcol1 {
	background: var(--ics-col1);
}
.tags a.colorcol1:before {
	border-color: transparent var(--ics-col1) transparent transparent;
}

.tags a.colorcol1 {
	background: var(--ics-col1);
}
.tags a.colorcol1:before {
	border-color: transparent var(--ics-col1) transparent transparent;
}

.tags a.colorcol2 {
	background: var(--ics-col2);
}
.tags a.colorcol2:before {
	border-color: transparent var(--ics-col2) transparent transparent;
}

.tags a.colorcol3 {
	background: var(--ics-col3);
}
.tags a.colorcol3:before {
	border-color: transparent var(--ics-col3) transparent transparent;
}

.tags a.colorcol4 {
	background: var(--ics-col4);
}
.tags a.colorcol4:before {
	border-color: transparent var(--ics-col4) transparent transparent;
}

.tags a.colorcol5 {
	background: var(--ics-col5);
}
.tags a.colorcol5:before {
	border-color: transparent var(--ics-col5) transparent transparent;
}

.tags a.colorcol6 {
	background: var(--ics-col6);
}
.tags a.colorcol6:before {
	border-color: transparent var(--ics-col6) transparent transparent;
}

.tags a.colorcol7 {
	background: var(--ics-col7);
}
.tags a.colorcol7:before {
	border-color: transparent var(--ics-col7) transparent transparent;
}

.tags a.colorcol8 {
	background: var(--ics-col8);
}
.tags a.colorcol8:before {
	border-color: transparent var(--ics-col8) transparent transparent;
}

 



.tags a.color1 {
	background: #f58220;
}

.tags a.color1:before {
	border-color: transparent #f58220 transparent transparent;
}

.tags a.color2 {
	background: #97c224;
}

.tags a.color2:before {
	border-color: transparent #97c224 transparent transparent;
}

.tags a.color3 {
	background: #de3f3e;
}

.tags a.color3:before {
	border-color: transparent #de3f3e transparent transparent;
}

.tags a.color4 {
	background: #ec008c;
}

.tags a.color4:before {
	border-color: transparent #ec008c transparent transparent;
}

.tags a.color5 {
	background: #00a6df;
}

.tags a.color5:before {
	border-color: transparent #00a6df transparent transparent;
}

.tags a:hover {
	background: #666 !important
}

.tags a:hover:before {
	border-color: transparent #666 transparent transparent !important
}

.shadow-1 {
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}


.shadow-2 {
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
}



.shadow-3 {
	-webkit-box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.75);
}

.borderstyle1 {
	-webkit-border-radius: 16px;
-webkit-border-top-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius: 16px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomright: 2px;
border-radius: 16px;
border-top-left-radius: 2px;
border-bottom-right-radius: 2px;
}

.tooltipxx {
	display: none;
	background-color: #ffffff !important;
	;
	border: 1px solid #73a7f0;
	width: 300px;
	height: auto;
	/*margin-left: -326px;
	margin-top: 32px;
	position: absolute;*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px -1px black;
	-moz-box-shadow: 0px 0px 8px -1px black;
	-webkit-box-shadow: 0px 0px 8px -1px black;
	z-index: 5000;
}

.tooltipxx p {
	padding: 10px;
	height: auto;
}

.tooltipxxShadow {
	background-color: transparent;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 16px;
	left: -8px;
	z-index: -10;
	box-shadow: 0px 0px 8px 1px black;
	-moz-box-shadow: 0px 0px 8px 1px black;
	-webkit-box-shadow: 0px 0px 8px 1px black;
}

.tooltipxxtail1 {
	display: none;
	width: 0px;
	height: 0px;
	border: 10px solid;
	border-color: transparent transparent  transparent #73a7f0 ;
	position: absolute;
	top: 4px;
	left: 298px;
}

.tooltipxxtail2 {
	display: none;
	width: 0px;
	height: 0px;
	border: 10px solid;
	border-color: transparent transparent transparent #ffffff ;
	position: absolute;
	left: 296px;
	top: 4px;
}#incnavnotifbadge {
  background-color: red;
  margin-top: -1em;
}

.fft_row {
  padding-left: 0px;
  padding-right: 0px;
}

.ftt_idnobox {
  X-webkit-border-top-left-radius: 6px;
  X-moz-border-radius-topleft: 6px;
  Xborder-top-left-radius: 6px;
}

.ftt_editdelbox {
  X-webkit-border-top-right-radius: 6px;
  X-moz-border-radius-topright: 6px;
  Xborder-top-right-radius: 6px;
}

@media (max-width: 576px) {
  .fft_row {
    margin-bottom: 1em !important;
    -webkit-box-shadow: 0px 15px 10px -15px #111;
    -moz-box-shadow: 0px 15px 10px -15px #111;
    box-shadow: 0px 15px 10px -15px #111;

  }

  .ftt_idnobox {
    display: none;
  }
}

.pagination {
  justify-content: center;
}

.ftt_trhead {
  font-weight: bold;
  margin-top: 0.5em;
  padding-bottom: 0.7em;
  padding-top: 0.7em;
  /*background-color: var(--ics-col2w8);*/
  /*background-color: var(--ics-col7w1)!important;*/
  background-color: var(--ics-col1)!important;
  color: white;
}
.ftt_trhead > a {
  color: white;
}
/* fft tables */
.ftt_td1 {
  /*background: var(--ics-col2w9);*/
}

.ftt_tdeditdel {
  padding: 0px;
}

.fft_row:hover {
  background-color: var(--col-lightblue2);/*var(--ics-col2w9);*/
}

.fft_row:hover>.ftt_td1 {
  /*background-color: var(--ics-col2w8);*/
}
.fft_row:hover {
  background-color: var(--ics-col7w5)!important;
}

.fft_row:hover>.ftt_td:nth-child(last) {
  background-color: #cbcfd6;
}

.fft_row:nth-child(odd) {
  background-color: #ffffff; /* Light gray */
}

.fft_row:nth-child(even) {
  background-color: var(--col-lightblue2); /* White */
}

.fft_editlabel,
.fft_editfield {
  padding: 0.2em;
}

.fft_editrow:hover>.fft_editlabel {
  background-color: #f5f5f5;
}

.fft_editrow:hover>.fft_editfield {
  background-color: #f5f5f5;
}

.ftt_table {
  margin-top: 1em !important;
  X-webkit-border-radius: 6px;
  X-moz-border-radius: 6px;
  Xborder-radius: 6px;
}

.ftt_td {
  border: solid 1px var(--ics-col1w8);
  background-border: white;
  overflow-wrap: break-word;
  
  padding-top: 4px;
  padding-bottom: 4px;
}

.pagebtncontainer {
  margin-top: 0.4em;
}

@media (max-width: 768px) {
  .fft_editlabel {
    padding-bottom: 0em;
    margin-bottom: 0em;
  }

  .fft_editlabel label {
    padding-bottom: 0em;
    margin-bottom: 0em;
    font-weight: bold;
  }

  .fft_editfield {
    padding-top: 0em;
    margin-top: 0em;
  }
}


.fft_tableheadrow {
  position: relative;
}
.fft_tableheadrow > :first-child {
  Xborder-top-left-radius: 1.5rem;
  Xborder-bottom-left-radius: 0;
  Xborder-top-right-radius: 0;
  Xborder-bottom-right-radius: 0;
}

.fft_tableheadrow > :last-child {
  Xborder-top-left-radius: 0;
  Xborder-bottom-left-radius: 0;
  Xborder-top-right-radius: 1.5rem!important;
  Xborder-bottom-right-radius: 0;
}
 
.ftb_trh {
  
}
.ftb_trh > td {
  background-color: var(--ics-col7w1);

}

.ftb_trh > :first-child {
  Xborder-top-left-radius: 1rem!important;
  Xborder-bottom-left-radius: 0;
  Xborder-top-right-radius: 0;
  Xborder-bottom-right-radius: 0;
}
.ftb_trh > :last-child {
  Xborder-top-left-radius: 0;
  Xborder-bottom-left-radius: 0;
  Xborder-top-right-radius: 1rem!important;
  Xborder-bottom-right-radius: 0;
}
.ftb_table , .ftb_table > tbody , .ftb_table > tr , .ftb_trh {
 
  Xborder-top-left-radius: 1rem!important;
  Xborder-top-right-radius: 1rem!important;
}




.shadow {
  width: 100px;
  margin: 0 auto;
  height: 100px;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px;

  &.top {
    box-shadow: 0px -15px 10px -15px #111;
  }

  &.bottom {
    box-shadow: 0px 15px 10px -15px #111;
  }

  &.left {
    box-shadow: -15px 0px 10px -15px #111;
  }

  &.right {
    box-shadow: 15px 0px 10px -15px #111;
  }
}



.chartrow {
  width: 100%;
  min-height: 450px;
}

.row {
  margin: 0 !important;
}

.htmltoolProgress {
  width: 100%;
  background-color: grey;
  margin-bottom: 0.5em;
}

.htmltoolBar {
  width: 1%;
  height: 1em;
  background-color: green;
  line-height: 1em;
  text-align: center;
  line-height: 1em;
  color: white;
}

.alpha50 {
  opacity: 0.5;
}

.alpha30 {
  opacity: 0.3;
}

.overlayloadingdiv {
  background: #ffffff;
  color: #000;
  position: fixed;
  height: 100vh;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 20%;
}

.tabbtn {
  background-color: #999;
  width: 100%;
  margin: 0px;
  border-radius: 0px;
  border: 0px solid #000;
  border-bottom-width: 1px;
  display: block;
  text-decoration: none;
  color: white;
  padding-left: 5px;
  font-size: 1rem;
}

.tabbtnactive,
.tabbtn:hover {
  background-color: #000;
  text-decoration: none;
  color: white;
}

.imgcrisp {
  image-rendering: optimizeSpeed;
  /* STOP SMOOTHING, GIVE ME SPEED  */
  image-rendering: -moz-crisp-edges;
  /* Firefox                        */
  image-rendering: -o-crisp-edges;
  /* Opera                          */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and eventually Safari) */
  image-rendering: pixelated;
  /* Chrome */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed                  */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+                           */
}

.form-control-w1 {
  width: 50px;
}

.form-control-w2 {
  width: 100px;
}

.form-control-w3 {
  width: 150px;
}

.form-control-w4 {
  width: 200px;
}

.form-control-w5 {
  width: 250px;
}
/* iconset.css start */
.ics-settings {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/settings.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/settings.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}
.ics-user {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/user.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/user.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-circle {
    width: auto; /* Adjust as needed */
    height: auto;
     display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* Makes it circular */
} 
.ics-16 {
    width: 16px; height: 16px;
}
.ics-24 {
    width: 24px; height: 24px;
}
.ics-22 {
    width: 22px; height: 24px;
}
.ics-32 {
    width: 32px; height: 32px;
}
.ics-48 {
    width: 48px; height: 48px;
}
.ics-64 {
    width: 64px; height: 64px;
}
.ics-black {
    background-color: black;;
}
.ics-colwhite {
    color: white;;
}
.ics-bgcolwhite {
    background-color: white;;
}
.ics-colblack {
    color: black;;
}
.ics-bgcolblack {
    background-color: black;;
}
.ics-colred {
    color: darkred;;
}
.ics-bgcolred {
    background-color: darkred;;
}
.ics-colblue {
    color: darkblue;;
}
.ics-bgcolblue {
    background-color: darkblue;;
}
.ics-colgreen {
    color: darkgreen;;
}
.ics-bgcolgreen {
    background-color: darkgreen;;
}

.ics-colgrey {
    color: gray;;
}
.ics-bgcolgrey {
    background-color: gray;;
}

.ics-colgray {
    color: gray;;
}
.ics-bgcolgray {
    background-color: gray;;
}
/* iconset.css end */

.ics-add {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/add.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/add.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-addtag {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/addtag.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/addtag.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-arrow-direction {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/arrow-direction.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/arrow-direction.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-arrow-double-right {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/arrow-double-right.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/arrow-double-right.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-arrow-down-circle {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/arrow-down-circle.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/arrow-down-circle.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-arrow-down {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/arrow-down.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/arrow-down.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-arrow-left-circle {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/arrow-left-circle.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/arrow-left-circle.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-arrow-left {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/arrow-left.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/arrow-left.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-arrow-right-circle {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/arrow-right-circle.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/arrow-right-circle.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-arrow-right {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/arrow-right.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/arrow-right.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-arrow-right2 {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/arrow-right2.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/arrow-right2.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-arrow-up-circle {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/arrow-up-circle.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/arrow-up-circle.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-arrow-up {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/arrow-up.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/arrow-up.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-article {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/article.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/article.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-back {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/back.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/back.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-backup {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/backup.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/backup.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-bin {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/bin.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/bin.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-book {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/book.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/book.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-bookcover {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/bookcover.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/bookcover.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-booking {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/booking.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/booking.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-books {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/books.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/books.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-bound {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/bound.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/bound.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-boxview {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/boxview.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/boxview.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-calendar-check {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/calendar-check.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/calendar-check.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-calendar-down {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/calendar-down.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/calendar-down.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-check-all {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/check-all.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/check-all.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-check-none {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/check-none.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/check-none.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-clock1 {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/clock1.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/clock1.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-clock2 {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/clock2.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/clock2.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-cogsquare {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/cogsquare.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/cogsquare.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-cover {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/cover.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/cover.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-delete {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/delete.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/delete.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-double-right-arrow {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/double-right-arrow.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/double-right-arrow.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-downsquare {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/downsquare.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/downsquare.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-edit {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/edit.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/edit.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-export {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/export.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/export.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-eyeclose {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/eyeclose.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/eyeclose.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-filtergray {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/filtergray.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/filtergray.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-filterlightgray {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/filterlightgray.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/filterlightgray.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-filtertext {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/filtertext.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/filtertext.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-folder-edit {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/folder-edit.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/folder-edit.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-folder-person {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/folder-person.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/folder-person.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-folder {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/folder.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/folder.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-folders {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/folders.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/folders.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-heart {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/heart.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/heart.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-heartfill {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/heartfill.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/heartfill.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-import {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/import.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/import.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-inbox {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/inbox.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/inbox.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-key {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/key.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/key.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-listview {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/listview.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/listview.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-logout {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/logout.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/logout.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-mail {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/mail.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/mail.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-member {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/member.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/member.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-membercard {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/membercard.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/membercard.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-memberquestion {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/memberquestion.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/memberquestion.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-memberscard {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/memberscard.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/memberscard.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-merge {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/merge.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/merge.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-newspark {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/newspark.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/newspark.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-newwindow {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/newwindow.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/newwindow.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-oss {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/oss.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/oss.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-padlockkey {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/padlockkey.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/padlockkey.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-plus {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/plus.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/plus.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-pointcheck {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/pointcheck.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/pointcheck.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-print {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/print.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/print.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-reset {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/reset.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/reset.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-search {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/search.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/search.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-searchgray {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/searchgray.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/searchgray.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-searcht {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/searcht.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/searcht.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-settings {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/settings.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/settings.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-sort {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/sort.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/sort.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-star-fill {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/star-fill.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/star-fill.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-star {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/star.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/star.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-starfill {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/starfill.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/starfill.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-user {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/user.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/user.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-view {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/view.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/view.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-viewimage {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/viewimage.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/viewimage.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-viewimage2 {
    -webkit-mask: url(http://docs.nhrc.or.th/_iconset/viewimage2.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_iconset/viewimage2.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-fticons1 {
    -webkit-mask: url(http://docs.nhrc.or.th/_tmp/fft_upload/fticons/20241122175230_4261.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_tmp/fft_upload/fticons/20241122175230_4261.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-fticons2 {
    -webkit-mask: url(http://docs.nhrc.or.th/_tmp/fft_upload/fticons/20241122175450_2878.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_tmp/fft_upload/fticons/20241122175450_2878.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-fticons3 {
    -webkit-mask: url(http://docs.nhrc.or.th/_tmp/fft_upload/fticons/20241122175435_2213.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_tmp/fft_upload/fticons/20241122175435_2213.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-fticons4 {
    -webkit-mask: url(http://docs.nhrc.or.th/_tmp/fft_upload/fticons/20241122181130_2958.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_tmp/fft_upload/fticons/20241122181130_2958.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}


.ics-fticons5 {
    -webkit-mask: url(http://docs.nhrc.or.th/_tmp/fft_upload/fticons/20250626040411_601.svg) no-repeat center;
   mask: url(http://docs.nhrc.or.th/_tmp/fft_upload/fticons/20250626040411_601.svg) no-repeat center;
   min-width: 12px;
   min-height: 12px;
   mask-size: contain;
}