.directory_page {
		font-size: 14px;
	}

	.filter {
		margin-bottom: 5px;
	}

	.search_info {
		padding: 3px;
		margin: 5px auto;
		color: #6B6868;
	}

	.search_toolbar {

		border-color: #ccc;
		border-style: solid;
		border-top-width: 1px;
		border-bottom-width: 1px;
		padding: 3px;
		margin: 5px 0;
	}

	.list-item {
		padding: 5px;
		display: block;
		min-height: 1%;
		overflow: hidden;
	}

	.directory_page table>tbody tr:nth-child(odd) {
		background-color: #eee;
	}

	.list-item:hover {
		background: #DFDFDF;
	}

	.list-item .profile-img,
	.profile-detail {
		float: left;
	}

	.profile-detail>h1 {
		font-size: 20px;
	}

	.profile-detail {
		margin-left: 10px;
		line-height: 1.2em;
	}

	.profile-content {
		height: 1%;
		overflow: hidden;
		padding: 4px;
	}

	.profile-detail .detail-title {
		width: 80px;
	}

	.profile-detail .detail-title,
	.detail-content {
		float: left;
	}

	.profile-detail .detail-title,
	.detail-content:before {
		content: ": "
	}

	.current_search_word {
		font-weight: bold;
		color: #175057;
	}

	.no-record {
		padding: 10px;
		text-align: center;
	}

	.lvl {

		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 14px;
	}

	.lvl li {
		margin-bottom: 5px;

	}

	.lvl-container {
		padding: 7px;

	}

	.lvl-header {
		font-size: large;
		margin-bottom: 5px;
	}

	.lvl-content {
		padding: 10px;
		overflow: hidden;

	}

	.lvl-content>div {
		text-align: center;
		width: 240px;
		height: 80px;
		float: left;
		padding: 15px;
		margin-left: 5px;
		margin-bottom: 5px;
		border: 1px solid #ccc;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		position: relative;
	}

	.lvl-content>div:hover {
		border: 1px solid #ddd;
		background-color: #eee;
	}

	.search_toolbar {

		border-color: #ccc;
		border-style: solid;
		border-top-width: 1px;
		border-bottom-width: 1px;
		padding: 3px;
		margin: 5px 0;
	}

	.current_search_word {
		font-weight: bold;
		color: #175057;
	}

	.search_toolbar {
		font-size: 13px;
	}

	.search_toolbar a {
		padding: 4px;
	}

	.search_toolbar a:hover {
		background-color: #D5D5D5;
	}

	.filter {
		border: 0;
		margin: 5px;
		padding: 0;
		list-style: none;
	}

	.filter li {
		padding: 3px 0;
		clear: both;
		overflow: hidden;
	}

	.filter input,
	.filter select {
		padding: 8px;
	}

	.filter label {
		width: 120px;
		float: left;
		margin: 0;
		padding: 6px;
	}

	#section-search {
		min-width: 300px;
	}

	.title {
		padding-bottom: 10px;
		font-weight: bold;
		font-size: 16px;
		border-bottom: 1px solid #ccc;
	}

	.no-level {
		padding: 20px;
		background-color: #C7C7C7;
		color: #fff;
		text-align: center;
		text-shadow: none;
		font-size: 15px;
	}

	.level {

		border: 1px solid #D3D3D3;
		padding: 0 10px;
		margin-bottom: 5px;
	}

	.level:hover {
		cursor: move;
	}

	.lvl-label {
		font-size: large;
		font-weight: bold;
	}

	.lvl-label .action {
		font-size: small;
		float: right;
	}

	.lvl-label .ui-icon {
		float: left;
	}

	.level-panel {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.level-panel li {
		padding: 0;
		margin-bottom: 15px;
		padding-bottom: 10px;
	}

	.lvl-child {

		list-style: none;
		margin: 0;
		padding: 0;
		margin-left: 30px;
		min-height: 10px;
	}

	.lvl-child li {
		padding: 5px;
		border: 1px solid #ccc;
		margin-bottom: 5px;
	}

	.lvl-child li:hover {
		cursor: move;
	}


	.click-nav {
		width: 100px;
	}

	.click-nav a {
		font-weight: normal;
	}

	.click-nav ul {
		position: relative;
		font-weight: 900;
		margin: 0;
	}

	.click-nav ul li {
		position: relative;
		list-style: none;
		cursor: pointer;
	}

	.click-nav ul li ul {
		position: absolute;
		left: 0;
		right: 0;
	}

	.click-nav ul .clicker {
		position: relative;
		text-shadow: none;
	}

	.click-nav img {
		position: absolute;
		top: 9px;
		left: 12px;
	}

	.click-nav>ul>li>a {
		transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-moz-transition: background-color 0.2s ease-in-out;
		display: block;
		padding: 2px 5px;
		background: #D8D8D8;
		color: #333;
		text-decoration: none;
	}

	.title-option a {
		transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-moz-transition: background-color 0.2s ease-in-out;
		display: block;
		padding: 2px 5px;
		background: #EEE;
		color: #333;
		text-decoration: none !important;
	}

	/* Fallbacks */
	.click-nav .no-js ul {
		display: none;
	}

	.click-nav .no-js:hover ul {
		display: block;
	}

	#add_section_field select {
		height: 200px;
		min-width: 200px;
	}

	.profile-img-preview {
		margin-bottom: 10px;
	}


	.overlay {
		background-color: #000;
		opacity: 0.9;
		cursor: pointer;
		visibility: visible;
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 99;
	}

	.profile-card {
		z-index: 999;
		margin: auto;
		position: absolute;
		top: 0;
		left: 10px;
		bottom: 0;
		right: 10px;
		max-width: 600px;
		max-height: 250px;

		background-color: #fff;
		padding: 10px;
		overflow: hidden;
		-webkit-box-shadow: 0 8px 6px -6px #858585;
		-moz-box-shadow: 0 8px 6px -6px #858585;
		box-shadow: 0 8px 6px -6px #858585;
	}

	.profile-name {
		font-size: 20px;
	}

	.profile-img {
		float: left;
	}

	.profile-detail {
		float: left;
		margin-left: 20px;
	}

	.profile-label {
		float: left;
		width: 112px;
		/* 2026-01-19 Winson | Added font-weight to make label more clear */
		font-weight: bold;
	}

	.profile-info {
		float: left;
	}

	/* 2026-01-19 Winson | Added job-desc-label to allow job-desc-info to be in next line */
	.job-desc-label {
		width: 200px;
	}

	.display-loading {
		color: #fff;
		text-align: center;
		z-index: 999;
		margin: auto;
		position: absolute;
		top: 0;
		left: 10px;
		bottom: 0;
		right: 10px;
		max-width: 600px;
		max-height: 250px;
	}

	#preview-position {
		width: 100%;
		background-repeat: no-repeat;
	}

	.preview-staff {
		background: url('../images/staff.png');
		height: 130px;
	}

	.preview-staffleft {
		background: url('../images/staffleft.png');
		height: 130px;
	}

	.preview-stafftop {
		background: url('../images/stafftop.png');
		height: 132px;
	}

	.preview-collateral {
		background: url('../images/collateral.png');
		height: 100px;
	}

	.preview-subordinate {
		background: url('../images/subordinate.png');
		height: 130px;
	}

	#accordion-category .ui-accordion-content {
		padding: 0px !important;
		min-height: 55px;
	}

	.division-category .config-action {
		font-size: small;
		float: right;
	}

	#result-search {
		min-height: 200px;
		margin-bottom: 25px;
	}

	.profile-detail-table td {
		padding: 5px;
	}

	.profile-detail-table tr {
		background-color: transparent !important;
	}

	.profile-detail-table td.info-label {
		width: 100px;
	}





	.ds_table {
		width: 670px;
		color: #555555;
		font-weight: normal;
		font-size: 12px;

	}



	.ds_table td {
		padding-right: 4px !important;
		padding-bottom: 4px !important;
	}



	.fields_list_table {
		border-width: 1px;
		border-style: solid;
		border-color: #4D898E;
	}

	.field_list_name_td,
	.field_list_key_td {
		width: 150px;
		text-align: center;
		border-width: 1px;
		border-style: solid;
		border-color: #4D898E;

	}

	.field_list_name_value_td {
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #4D898E;
		padding-left: 5px !important;
		padding-bottom: 5px !important;
	}

	.field_list_key_value_td {
		padding-left: 5px !important;
		padding-bottom: 5px !important;
	}

	.database_store_row_container {
		width: 100%;
		float: left;
		padding: 10px;
	}


	.ds_view_container {
		background-color: #F9F9F9;
		border: 1px solid #CCCCCC;
		display: block;
		line-height: normal;
		margin-bottom: 5px;
		margin-left: 5px;
		overflow: auto;
		padding-left: 4px;
	}

	.ds_view_row_1 {
		width: 95%;
	}

	.ds_view_row_2 {
		width: 400px;
		float: left;
	}

	.ds_view_row_3 {
		width: 265px;
		float: left;
	}

	.ds_view_row_4 {
		width: 200px;
		float: left;
	}



	.ds_view_row_5 {
		width: 160px;
		float: left;
	}


	.paging_div {
		float: left;
	}


	.db_store_search_toolbar {
		border-color: #ccc;
		border-style: solid;
		border-top-width: 1px;
		border-bottom-width: 1px;
		padding: 5px;
		margin: 10px 0;
		font-size: 13px;
		width: 100%;
		overflow: auto;
	}

	.db_store_current_search_word {
		font-weight: bold;
		color: #175057;
	}


	.db_store_search_toolbar a {
		padding: 5px;
	}

	.db_store_search_toolbar a:hover {
		color: #ffffff;
		background-color: #bdbdbd;
	}

	.db_store_search_textbox {
		width: 300px;
		padding: 5px;
	}

	.store_search_container {
		padding: 3px;
	}


	.database_store_content_view_div {
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		white-space: normal;
		width: 100%;
	}

	.database_store_grid_view_div {
		width: 100%;
		float: left;
	}

	#container_after_content {
		width: 100%;
		float: left;
	}


	#filter_field_table {
		border-color: #ccc;
		border-style: solid;
		border-width: 1px;
		padding: 3px;
		margin: 5px 0;
		font-size: 13px;
		width: 400px;
		text-align: center;

	}

	#filter_field_table td {
		padding-bottom: 5px;
		padding-right: 5px;
	}

	.hidden_table {
		display: none;
	}



	table.view_page_list_table {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #FFFFFF;
		width: 100%;
		font-size: 12px;
	}

	table.view_page_list_table thead tr,
	table.view_page_list_table tfoot tr {
		background: url("../images/shine_bg.png") repeat-x scroll left center #E7E1CE;
	}

	table.view_page_list_table thead th,
	table.view_page_list_table tfoot th {
		background-color: rgba(0, 0, 0, 0);
		color: #888888;
		font-size: 12px;
		font-weight: normal;
		padding: 10px 10px;
		text-align: left;
	}

	table.view_page_list_table thead th {
		background-image: url("../images/arrow-unsorted.png");
		background-position: right center;
		background-repeat: no-repeat;
		border-bottom: 1px solid #D9D3BD;
		cursor: pointer;
	}

	table.view_page_list_table thead th.thin {
		background-position: center center;
	}

	table.view_page_list_table thead th:hover {
		color: #7B761E;
		font-weight: bold;
	}

	table.view_page_list_table tfoot th {
		border-top: 1px solid #D9D3BD;
	}

	table.view_page_list_table thead th.sorting_asc,
	table.view_page_list_table thead th.sorting_desc {
		color: #7B761E;
		font-weight: bold;
	}

	table.view_page_list_table thead th.sorting_asc {
		background-image: url("../images/arrow-asc.png");
	}

	table.view_page_list_table thead th.sorting_desc {
		background-image: url("../images/arrow-desc.png");
	}

	table.view_page_list_table td {
		color: #555555;
		padding: 10px 10px;
		vertical-align: middle;
	}

	table.view_page_list_table tr:hover td {
		background-color: #F5EBAB !important;
		color: #444444;
	}

	table.view_page_list_table tr:hover td.sorting_1 {
		background-color: #ECE19B;
		color: #444444;
	}

	table.view_page_list_table tr:nth-child(even) td {
		background: #f1eddf;
	}

	table.view_page_list_table .even td.sorting_1 {
		background: none repeat scroll 0 0 #E5DFCB;
	}

	table.view_page_list_table .odd td.sorting_1 {
		background: none repeat scroll 0 0 #ECE7D6;
	}

	table.view_page_list_table td.thin,
	table.view_page_list_table th.thin {
		padding-left: 3px;
		padding-right: 3px;
		text-align: center;
		width: 20px;
	}

	table.view_page_list_table td.thin_50,
	table.view_page_list_table th.thin_50 {
		padding-left: 8px;
		padding-right: 3px;
		width: 50px;
	}

	table.view_page_list_table .icon {
		margin-right: 5px;
	}

	.dataTables_paginate .paginate_button:hover,
	.dataTables_paginate .paginate_button.current {
		background-color: #fff;
		color: #666;
	}


	.search_store_view_container_div {
		overflow: hidden;
		padding: 10px 20px 10px 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;

	}

	.search_store_view_content_div {
		padding-bottom: 14px;
	}

	.search_store_search_div {
		padding-bottom: 14px;
	}

	.search_store_search_div input[type='text'] {
		width: 250px;
	}

	.search_store_search_div input[type='submit'] {
		margin-left: 5px;
	}

	.block-setting-field {
		overflow: hidden;
		margin-bottom: 5px;
	}

	.block-setting-col1 {
		width: 19%;
		float: left;
		margin-right: 5px;
	}

	.block-setting-col2 {
		width: 80%;
		float: left;
	}