@font-face {
	font-family: "PingFang";
	src: url("../fonts/PingFang_Medium.ttf") format("truetype");
}

@font-face {
	font-family: "PingFang";
	src: url("../fonts/PingFang_Heavy.ttf") format("truetype");
	font-weight: bold;
}

* {
	margin: 0;
	hyphens: auto;
}
html {
	height: 100%;
}

iframe {
    border: 0px;
}

.wrapper h4 {
	font-size: 16px;
}

#content h4 {
	font-size: 16px;
}

a:link {
	color: #006fbc;
}


input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
	background: #fff;
	background: linear-gradient(to bottom, #f9f9f9 0, #fff 100%);
	border: 1px solid #cacaca;
	border-radius: 8px;
	padding: 12px;
	min-height: 22px;
	min-width: 48px;
	outline: none;
	color: #000;
	font-size: inherit;
	box-sizing: border-box;
	max-width: 100%;
}

input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder {
	font-weight: normal;
	font-size: 16px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus {
	border-color: transparent !important;
	outline: 2px solid #006fbc !important;
	/* outline-offset: -1px; */
	/* margin: -1px; */
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled {
	background: #f5f5f5;
	border-color: #ddd;
	color: #999;
	cursor: not-allowed !important;
}
input[type="text"][readonly="readonly"], input[type="password"][readonly="readonly"], input[type="email"][readonly="readonly"], input[type="number"][readonly="readonly"] {
	border-color: #ddd;
	cursor: default;
	background: #fff;
}
input[type="text"][readonly="readonly"]:focus, input[type="password"][readonly="readonly"]:focus, input[type="email"][readonly="readonly"]:focus, input[type="number"][readonly="readonly"]:focus {
	outline: none !important;
	border-color: #ddd !important;
}

input[type="radio" i] {
	cursor: pointer;
	width: 24px;
	height: 24px;
	accent-color: #006fbc;
	flex: 0 0 auto;
}

input[type="radio" i]:disabled {
	cursor: not-allowed;
	accent-color: initial;
}

body {
	height: 100%;
	padding: 0;
	margin: 0;
	letter-spacing: 0px;
	font-family: 'PingFang', 'lucida grande',tahoma,verdana,arial,sans-serif;
	text-align: left;
	direction: ltr;
	background: #eeeeee;
	font-size: 18px;
	color: #3c3c3c;
}

/*firefox*/
td[valign="top"], tr[valign="top"] {
	vertical-align: top;
}
td[valign="middle"], tr[valign="middle"] {
	vertical-align: middle;
}



/*@media(max-width:800px){
    #content>div{
        float: none!important;
        width: 100%!important;
    }
}*/

#header {
	/* display: none; */
	margin: 0;
	padding: 0;
	height: 60px;
	background: #fff;
	position: relative;
	z-index: 6;
}

#header_logo {
	top: 19.78px;
	left: 16px;
	width: 153px;
	height: 22.1px;
	overflow: hidden;
	position: absolute;
	z-index: 9;
	background: url(../images/vitals_esp_simplified_logo233x32.png) no-repeat center center !important;
	background: url(../images/logo-circle.png) no-repeat center center\0 !important;
	background-size: contain !important;
}
@media all and (min-width: 0) {
	#header_logo {
		top: 19.78px;
		left: 16px;
		width: 153px;
		height: 22.1px;
		background: url(../images/vitals_esp_simplified_logo223x32.png) no-repeat left top !important;
		background-size: contain !important;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#header_logo {
		top: 19.78px;
		left: 16px;
		width: 153px;
		height: 22.1px;
		background: url(../images/vitals_esp_simplified_logo223x32.png) no-repeat left top !important;
		background-size: contain !important;
	}
}
@media (-webkit-min-device-pixel-ratio: 2) {
	#header_logo {
		background: url(../images/vitals_esp_simplified_logo446x63.png) no-repeat left top !important;
		background-size: contain !important;
	}
}
@media (max-width: 1280px) {
	#header_logo {
		top: 19.78px;
		left: 16px;
		width: 153px;
		height: 38px;
		background: url(../images/vitals_esp_simplified_logo175x26.png) no-repeat left top !important;
		background-size: contain !important;
	}
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 1280px) {
	#header_logo {
		background: url(../images/vitals_esp_simplified_logo350x51.png) no-repeat center center !important;
		background-size: contain !important;
	}
}

@media (max-width: 1024px) {
	#header_logo {
		top: 12px;
		left: 12px;
		width: 38px;
		height: 38px;
		background: url(../images/logo-circle.png) no-repeat center center !important;
		background-size: contain !important;
	}
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px) {
	#header_logo {
		background: url(../images/logo-circle_2x.png) no-repeat center center !important;
		background-size: contain !important;
	}
}

input[type="checkbox"] {
	accent-color: #006fbc;
	width: 21.6px;
	min-width: 21.6px;
	height: 21.6px;
	vertical-align: middle;
	cursor: pointer;
}

input[type="checkbox"] + label.checklabel {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.8;
}

/* 排除 Safari */
@supports not (-webkit-appearance: none) {
	input[type="checkbox"]:disabled:before {
		cursor: not-allowed;
		border-width: 0;
	}

	input[type="checkbox"]:before {
		content: "";
		display: inline-block;
		width: 100%;
		height: 100%;
		border: 2px solid #006fbc;
		border-radius: 3px;
		box-sizing: border-box;
		cursor: pointer;
	}
}

.topheader {
	margin-right: 3px;
	float: right !important;
	color: #f9f9fa;
}
.topheader a {
	color: #f9f9fa;
}

#user {
	text-align: right;
	padding: 10px 16px 0 10px;
}
#header .topheader #user > img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #ddd;
}

#user a {
	text-decoration: none !important;
	letter-spacing: 0;
	margin: 0 3px 0 0;
}
 #headsearch {
	padding-top: 3px;
}

#headsearch table {
	position: relative;
	left: 40px;
}
@media (max-width:768px){
    #headsearch table{
        left:20px;
    }
}

#headsearch table td:first-child button {
	height: 41px !important;
	overflow: hidden;
	width: 41px;
	color: #fff !important;
	line-height: 20px;
	border-color: #aaa !important;
	margin: 0;
	padding: 0;
	border: 0;
}
#headsearch table td:first-child button:before {
	font-family: "icomoon";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e668";
	display: inline-block;
	font-size: 13px;
}
#redirectSearchLink {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 39px;
	height: 39px;
	box-sizing: border-box;
	border-radius: 100px;
	border: 0px;
	/*background-color: #46c3ef;*/
	font-size: 18px;
	color: #89898F;
	text-decoration: none;
}

/* #redirectSearchLink:hover,  */
#advancesearchlink:hover {
	background: #ddd;
}

#redirectSearchLink:before {
	font-family: "icomoon";
	content: "\e668";
	position: relative;
	left: 10px;
	top: 9px;
}

#advancesearchlink {
	position: absolute;
	top: 8px;
	right: 18px;
	box-sizing: border-box;
	border-radius: 6px;
	border: 0px;
	font-size: 24px;
	color: #89898F;
	text-decoration: none;
	padding: 1px 4px 0 4px;
	height: 32px;
}

#advancesearchlink:before {
	content: "";
	height: 24px;
	border-left: 1px solid #cdcdd5;
	position: absolute;
	right: 40px;
	top: 4px;
}

#advancesearchlink:after {
	font-family: "icomoon";
	content: "\e90d";
	position: relative;
}

#searchbox {
    border-radius: 100px;
    border: solid 1px #8a8a8f;
    /* background-color: #f9f9fa; */
	background: transparent;
    /*border-radius: 4px 0 0 4px;*/
    padding: 12px 64px 12px 168px;
    /*border: 1px solid #aaa;
    background-color: #fff;*/
    color: #000;
    outline: none;
    vertical-align: top;
    display: inline-block;
	box-sizing: content-box;
	max-width: 240px;
	width: 50%;
}
@media (max-width: 768px) {
	#searchbox {
		max-width: 120px !important;
	}
}
select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	display: inline-block;
	min-width: 168px;
	max-width: 100%;
	padding: 10.5px 32px 10.5px 12px;
	background: url("../images/arrow-down-blue.svg") no-repeat #fff;
	background-position: top 50% right 6px;
	border: 1px solid #cacaca;
	min-height: 24px;
	font-size: 16px;
	border-radius: 8px;
	cursor: pointer;
	text-overflow: "";
}

select option:disabled {
	background-color: #c8c8c8 !important;
	color: #999 !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	select {
		background: url("../images/arrow-down-blue.png") no-repeat #fff;
		background-position: top 50% right 0px !important;
		padding: 6px 15px 6px 10px !important;
	}
}
#searchboxTD {
	position: relative;
	display: flex;
	margin-right: 8px;
}
#searchboxTD > select {
	background-color: transparent !important;
}


select#searchItem::-ms-expand {
	display: none;
}
select#searchItem {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: 0px;
    /* border-right: 1px solid #aaa; */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    position: absolute;
	width: 119px;
    padding: 6px 32px 6px 4px;
	top: 10px;
	left: 42px;
	min-width: auto;
	/* color: #2323328C; */
	background: url('../images/arrow_down.svg') center right no-repeat #fff;
	background-position: top 50% right 12px;
	background-size: 16px;
	border-right: 1px solid #cdcdd5;
    /*margin:5px 0 0 0;
    padding:5px 15px 6px 10px;*/
    /*IE8 IE9 hack*/
    /*padding:3px 4px 6px 3px\9;*/
    /*IE7 hack*/
    /*+margin:5px 0 0 0;*/
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 3px;
    */
}

textarea {
	border: 1px solid #cacaca;
	border-radius: 8px;
	max-height: 144px;
	padding: 12px;
	scroll-padding: 12px;
	background: #fff;
	font-size: 16px;
	box-sizing: border-box;
}
textarea:focus {
	border-color: transparent;
	outline: 2px solid #006fbc;
}

textarea::-webkit-scrollbar,
select::-webkit-scrollbar
{
	border-radius: 8px;
	background: #fff;
}

textarea::-webkit-scrollbar-track,
select::-webkit-scrollbar-track
{
  background: transparent;
  border-radius: 8px; 
}

textarea::-webkit-scrollbar-corner,
select::-webkit-scrollbar-corner
{
	border-radius: 8px;
} 

textarea::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb 
{
  background: #888;
  border: 0.25vw solid transparent;
  background-clip: padding-box;
  border-radius: 16px;              
}

textarea::-webkit-scrollbar-thumb:hover,
select::-webkit-scrollbar-thumb:hover {
  background-color: #555; 
} 

textarea::-webkit-scrollbar-button:single-button:vertical:decrement,
textarea::-webkit-scrollbar-button:single-button:vertical:increment,
textarea::-webkit-scrollbar-button:single-button:horizontal:decrement,
textarea::-webkit-scrollbar-button:single-button:horizontal:increment,
select::-webkit-scrollbar-button:single-button:vertical:decrement,
select::-webkit-scrollbar-button:single-button:vertical:increment,
select::-webkit-scrollbar-button:single-button:horizontal:decrement,
select::-webkit-scrollbar-button:single-button:horizontal:increment
{
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
}
/* 上箭頭 */
textarea::-webkit-scrollbar-button:single-button:vertical:decrement,
select::-webkit-scrollbar-button:single-button:vertical:decrement
{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 7 L14 14 L2 14 Z" fill="rgb(136, 136, 136)"/></svg>');
}
textarea::-webkit-scrollbar-button:single-button:vertical:decrement:hover,
select::-webkit-scrollbar-button:single-button:vertical:decrement:hover
{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 7 L14 14 L2 14 Z" fill="rgb(85, 85, 85)"/></svg>');
}

/* 下箭頭 */
textarea::-webkit-scrollbar-button:single-button:vertical:increment,
select::-webkit-scrollbar-button:single-button:vertical:increment
{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 7 L14 14 L2 14 Z" fill="rgb(136, 136, 136)" transform="translate(0, 1) rotate(180 8 8)"/></svg>');
}
textarea::-webkit-scrollbar-button:single-button:vertical:increment:hover,
select::-webkit-scrollbar-button:single-button:vertical:increment:hover
{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 7 L14 14 L2 14 Z" fill="rgb(85, 85, 85)" transform="translate(0, 1) rotate(180 8 8)"/></svg>');
}

/* 左箭頭 */
textarea::-webkit-scrollbar-button:single-button:horizontal:decrement,
select::-webkit-scrollbar-button:single-button:horizontal:decrement
{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 7 L14 14 L2 14 Z" fill="rgb(136, 136, 136)" transform="translate(-1, 0) rotate(270 8 8)"/></svg>');
}
textarea::-webkit-scrollbar-button:single-button:horizontal:decrement:hover,
select::-webkit-scrollbar-button:single-button:horizontal:decrement:hover
{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 7 L14 14 L2 14 Z" fill="rgb(85, 85, 85)" transform="translate(-1, 0) rotate(270 8 8)"/></svg>');
}

/* 右箭頭 */
textarea::-webkit-scrollbar-button:single-button:horizontal:increment,
select::-webkit-scrollbar-button:single-button:horizontal:increment
{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 7 L14 14 L2 14 Z" fill="rgb(136, 136, 136)" transform="translate(2, 0) rotate(90 8 8)"/></svg>');
}
textarea::-webkit-scrollbar-button:single-button:horizontal:increment:hover,
select::-webkit-scrollbar-button:single-button:horizontal:increment:hover
{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 7 L14 14 L2 14 Z" fill="rgb(85, 85, 85)" transform="translate(2, 0) rotate(90 8 8)"/></svg>');
}

select#folders,
select#categories,
select#subjects,
select#lstAllFolder,
select#lstAllCategory,
select#lstAllDocument,
select#UserRoleToRoleEdit {
	background: #fff !important;
}
#selKeyword {
	padding-right: 20px;
	padding-right: 5px\9;
}
select.text_search {
	width: 212px;
}
select.text_search:hover {
	background-color: #fff;
}
select[multiple] {
	background-image: none;
}
/*IE10 hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* select#searchItem {
		padding: 6px 15px 6px 10px;
	} */
	select {
		padding: 5px 8px 5px 10px;
	}
}
/* .datepick-month-header{
    height: auto!important;
} */
/* .datepick-month-header:after{
    content: "";
    display: block;
    clear: both;
} */

/* .datepick-month-header select, .datepick-month-header input{
    height:auto!important;
    margin:5px 2px;
    background-color: #fff!important;
    color:#1986bc!important;
    padding-right: 12px;
    background-position: 98% center!important;
    padding-left: 5px;
    min-width: unset;
    min-height: unset;
    background: url(../images/arrow-down-blue.png) no-repeat #fff;
    padding: 6px 12px 6px 5px;
} */
/* @-moz-document url-prefix() { 
    .datepick-month-header select, .datepick-month-header input{
        padding-right:8px;
        padding-left:2px;
    }
} */

/* .btn01_mousedown
{
    padding: 0px;
    cursor: pointer;
    color: #990000;
    border-top: 0px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 0px solid #999999;
    margin: 0px;
    background-image: url(../images/but01_over.gif);
}
.btn01_mouseup
{
    padding: 0px;
    cursor: pointer;
    color: #990000;
    border-top: 0px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 0px solid #999999;
    margin: 0px;
    background-image: url(../images/but01_over.gif);
} */

#esp-title {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	word-break: keep-all;
}

#esp-title > h5 {
	font-size: 24px;
	cursor: pointer;
}

#esp-title:before {
	content: "";
	padding: 16px;
	margin: 0 16px;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/application/knowlege.svg);
}

#esp-title:after {
	content: "";
	padding: 12px 0 12px 16px;
	margin: 4px 16px 4px 0;
	border-right: 1px solid #cacaca;
}

#menu {
	height: 64px;
	width: 100%;
	font-weight: bold;
	position: relative;
	z-index: 1;
	text-align: center;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-top: 1px solid #cacaca;
	/* border-bottom: 1px solid #cacaca; */
	
	-webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}
#menu:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 6px;
	bottom: 0;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
	/*background: -moz-linear-gradient(top,  rgba(0,0,0,0.24) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.24)), color-stop(100%,rgba(0,0,0,0)));*/ /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);*/ /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);*/ /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);*/ /* IE10+ */
	/*background: linear-gradient(to bottom,  rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);*/ /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}
#menu table {
	width: 100%;
	float: right;
	height: 32px;
	margin-top: 2px;
	border: solid 0px #000;
}

#menu:hover:after {
	z-index: -1;
}

#menu .auto-scroll-right {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	cursor: default;
}
#menu .auto-scroll-right:before {
	content: "\e661";
	z-index: 999;
	/*color: rgba(68, 68, 68, 0.5);*/
	color: #f9f9fa;
	font-family: "icomoon";
	padding: 0 6px;
	height: 100%;
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background-color: #aaa;
	box-shadow: -3px 0 3px rgba(0, 0, 0, 0.3);
	/*background-image: linear-gradient(to left, rgba(240, 240, 240, 0), rgb(240, 240, 240) 70%);*/
}

#menu .auto-scroll-left {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	cursor: default;
}
#menu .auto-scroll-left:before {
	content: "\e662";
	/*color: rgba(68, 68, 68, 0.5);*/
	color: #f9f9fa;
	font-family: "icomoon";
	padding: 0 6px;
	height: 100%;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background-color: #aaa;
	box-shadow: 3px 0 3px rgba(0, 0, 0, 0.3);
	/*background-image: linear-gradient(to left, rgba(240, 240, 240, 0), rgb(240, 240, 240) 70%);*/
}

#menu.is-start .auto-scroll-left {
	opacity: 0;
	transition: opacity ease-in-out 0.5s;
}

#menu.is-end .auto-scroll-right {
	opacity: 0;
	transition: opacity ease-in-out 0.5s;
}

#menu .scroll-bar {
	background: rgba(153, 153, 153, 0.5);
	transition: all ease-in-out 0.1s;
	position: absolute;
	margin: 0 34px;
	height: 6px;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	opacity: 0;
}

#menu:hover .scroll-bar {
	opacity: 1;
	transition: opacity ease-in-out 0.2s;
}

#menu .scroll-bar:hover {
	height: 6px;
	transition: all ease-in-out 0.1s;
}

#menu .scroll-bar .scroll {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #777;
	height: 6px;
	min-width: 40px;
	border-radius: 5px;
}

#menu .scroll-bar .scroll:hover {
	background: #555;
}

#menu.scrolling .scroll-bar {
	opacity: 1;
	height: 6px;
}

#menu.scrolling .scroll-bar .scroll {
	height: 6px;
	background: #555;
}

#siteInfo {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	background-color: #fff;
	color: #666666;
	padding: 24px;
	font-size: 12px;
}

#copyright {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#content {
	/* padding: 16px;*/
	box-sizing: border-box;
}

.divrating {
	color: #404521;
	text-align: center;
	border: 1px solid #dcdcdc;
	background-color: #ffffff;
	padding: 3px;
	font-weight: bold;
}

.grpdivitem {
	box-sizing: border-box;
	min-height: 20px;
	margin: 0 6px;
}

.divitem {
	padding-top: 0px;
	padding-right: 0px;
	/* padding-bottom: 3px; */
	padding-left: 0px;
	margin-bottom: 12px;
	width: 100%;
}

.divitem:first-of-type {
	margin-top: 0;
}

.divitem#child-documents-area {
	display: block !important;
}
.divdoc {
	background-color: #ffffff;
	padding: 5px 3px;
	line-height: 1.5em;
	border: 1px solid #dcdcdc;
}
.divcaption {
	display: inline-block;
	width: 100%;
	background: #fff;
	font-weight: bold;
	text-align: left;
	padding: 8px 16px;
	min-height: 64px;
	line-height: 48px;
	font-size: 100%;
	border-bottom: 1px solid #dddddd;
	border-radius: 8px 8px 0 0;
	box-shadow: 0px 4px 15px 0px #131a340d;
	box-sizing: border-box;
}
.divcaption select {
	position: relative;
	top: -1px;
}

.divcaption img[id^="DocumentModeImg"] {
	display: inline-block;
}
.divcaption img[id^="ListModeImg"] {
	display: inline-block;
}
.divcaption .left {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.divcaption .left[title] {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	flex: 1;
}

.divcaption:has(.ui-tabs-nav) {
	padding: 0;
}

.left-divitem .divitem .divcaption {
	line-height: 32px;
}
/*.divcaption .left{
  margin:2px 0 0 10px;
  padding: 2px 0;   
}*/

.divcaption span:nth-child(3) label {
	margin: 6px 3px 0 -10px;
	display: inline-block;
	vertical-align: middle;
}

#filter {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#filter input[type="checkbox"] {
	margin: 0 -5px 0 0 !important;
	margin: -2px -3px 0 0\0 !important;
}
#checkboxShowSummary {
	margin: 0 3px 0 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
}
.checkboxShowSummary label {
	margin: 5px;
	display: inline-block;
	vertical-align: middle;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
.left {
	float: left;
}

.right {
	float: right;
}
.divcontent {
	/*border: 1px solid #dcdcdc;
    border-top: none;*/
	background-color: #ffffff;
	padding: 16px;
	border-radius: 0 0 8px 8px;
	box-shadow: 0px 4px 15px 0px #131a340d;
}
.divcontent:has(.list), .divcontent:has(.applicationWebpart) {
	padding-top: 0;
}
/*隱藏 清單模式, 預覽模式 */
/* .divcontent > div > span.right {
	display: none;
} */
/*.divcontent > span.right {
    display: none;
}*/

td:has(.list-image-view-container) > .list-image-view-container {
	margin-right: 8px;
	flex: 1;
}

.list-image-view-container {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	padding: 8px 0;
}
.list-image-view-container:has(img.displayNone) {
	padding: 0;
}
.list-image-view-container > span {
	vertical-align: middle;
}

#divbulkjobcontent {
	height: 0px;
}
.divbulkjobcontent {
	height: auto !important;
	border-bottom: 1px solid #ddd;
	border-top: none;
	padding: 16px;
	display: flex;
	gap: 16px;
	background-color: #fff;
}

/* .divcontent > div > img {
	display: none;
} */
#wfTaskCount:before {
	font-family: "icomoon";
	content: "\e610";
	float: left;
	color: #333;
	margin: 1px 3px 0 0;
}
#wfTaskCount:before {
	margin: 2px 3px 0 0;
}
/*.divcontent>a:before{
    content:'\e610';
    float: left;
    color:#999; 
    margin: 1px 3px 0 0;
}*/
#wfTaskCount.divcontent > div > p {
	font-family: "icomoon";
}

.divcontent > div[id^="documents"] > div:last-child > img,
.divcontent > div[id^="imagemode"] div[id^="imageList"] > div > img,
.divcontent > #tagcloudPanel > div:last-child > img,
.divcontent > #discussionPanel > div:last-child > img {
	display: none;
}
.divcontent > div[id^="documents"] > div:last-child > a,
.divcontent > div[id^="imagemode"] div[id^="imageList"] > div > a,
.divcontent > div#tagcloudPanel > div:last-child > a,
.divcontent > div#discussionPanel > div:last-child > a {
	display: inline-block;
	padding: 5px 10px;
	background-color: #fefefe;
	color: #999;
	margin: 0 -20px -20px 0;
}
.divcontent > div[id^="documents"] > div:last-child > a:hover,
.divcontent > div[id^="imagemode"] div[id^="imageList"] > div > a:hover,
.divcontent > div#tagcloudPanel > div:last-child > a:hover,
.divcontent > div#discussionPanel > div:last-child > a:hover {
	color: #77b3dc;
}

#imagemode > table {
	width: 100%;
	border-spacing: 0;
}
#imagemode > table td {
	padding: 0;
}

.divitem > div > h4,
.panel :not(td) > h4,
.panel > h4 {
	font-size: 18px;
	color: #3c3c3c;
	border-bottom: 1px solid rgb(60 60 60 / 0.2);
	padding: 12px 0;
}

.panel h4 + div {
	padding: 16px 0;
}

.divitem > div > h4 img,
.panel h4 img {
	display: none;
}
.divcaption.clearfix > div > img {
	display: none;
}
/*.divitem>div>h4:before,*/
/*.panel :not(td)>h4:before,.panel>h4:before{
    content:'\e610';
    font-family: 'icomoon';
    display: inline-block;
    font-size: 14px;
    color:#aaa;
}
*/
.listmode-locker-img {
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 2px 8px 3px 0;
}

.document-mode-locker-img {
	vertical-align: middle;
	margin: 0 8px 1px 0;
	width: 20px;
	height: 20px;
}

.articletitle-lock {
	font-size: 100%;
	font-weight: bold;
	word-break: break-all;
	word-wrap: break-word;
	color: #8d8d8d !important;
	text-decoration: none;
	display: inline;
}

.articletitle {
	font-size: 18px;
	font-weight: bold;
	word-break: break-all;
	word-wrap: break-word;
	text-decoration: none;
}
a.articletitle:hover,
a.articletitle-lock:hover {
	text-decoration: underline;
}

a.articletitle:visited {
	/* color: #5ba3d0; */
	color: #3C3C3C;
}
a.articletitle:visited:hover {
	/* color: #77b3dc; */
}
.articletitle-x {
	font-size: 117%;
	font-weight: bold;
	word-break: break-all;
	word-wrap: break-word;
}

.tagcloud {
	padding: 16px;
	word-break: break-word;
	/* for IE8 */
	word-wrap: break-word;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.tagcloud > #tags-cloud-list {
	flex: 1;
}
.tagcloud A {
	padding: 0;
	text-decoration: none;
	line-height: 120%;
	vertical-align: baseline;
	white-space: nowrap;
	text-decoration: none;
	display: inline-block;
}
.webkit .tagcloud A {
	padding: 0px;
	text-decoration: none;
	line-height: 120%;
	vertical-align: baseline;
	white-space: nowrap;
	max-width: 100%;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
}
.tagcloud A:hover {
	text-decoration: none;
}
.s1
{
    font-size: smaller;
}
.s2
{
    font-size: small;
}
.s3
{
    font-size: medium;
}
.s4
{
    font-size: large;
}
.s5
{
    font-size: larger;
}
.s6
{
    font-size: x-large;
}
.s7
{
    font-size: xx-large;
}
.c1
{
    color: #ddddcc!important;
    font-weight: 100%;
}
.c2
{
    color: #bbbbcc!important;
    font-weight: 200%;
}
.c3
{
    color: #cccccc!important;
    font-weight: 300%;
}
.c4
{
    color: #9999cc!important;
    font-weight: 400%;
}
.c5
{
    color: #7777cc!important;
    font-weight: 500%;
}
.c6
{
    color: #3333cc!important;
    font-weight: 600%;
}
.c7
{
    color: #0000aa!important;
    font-weight: 700%;
}
.c1:hover,.c2:hover,.c3:hover,.c4:hover,.c5:hover,.c6:hover,.c7:hover{
    color:#ff9900!important;
}
#tags-cloud-list {
	line-height: 2em;
	text-align: center;
	/*word-break: break-all;*/
	word-break: break-word;
	/* for IE8 */
	word-wrap: break-word;
}

.tags-cloud-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
}

.tags-cloud-list > a {
	/* color: #006fbc; */
	padding: 2px 8px !important;
	/* border: 1px solid #006fbc; */
	border-radius: 5px;
	align-self: center;
}

/* .tags-cloud-list > a:hover {
	opacity: 1;
	background: #b2d2e9;
} */

#tags-cloud-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}

#tags-cloud-list > a {
	/* color: #006fbc; */
	padding: 2px 8px !important;
	/* border: 1px solid #006fbc; */
	border-radius: 5px;
	align-self: center;
	/* background: #fff; */
	max-width: 212px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* #tags-cloud-list > a:hover {
	opacity: 1;
	background: #b2d2e9;
} */

#tags-cloud-list:before {
	display: none;
}

.ac_results {
	background: #fff !important;
	/* top: 56px !important; */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-o-box-shadow: 0 0 5px #ccc;
	z-index: 7;
}
.ac_results.searchbox {
	margin-left: 160px;
	margin-top: 4px;
}

.vmenu {
	padding: 3px;
	margin: 3px;
	font-size: 82%;
}
.vmenu a {
	text-decoration: none;
}
.vmenu a:hover {
	text-decoration: none;
}
.vmenu > li {
	padding: 0px 2px 2px 2px;
	margin: 0px 2px 2px 2px;
}
.vmenu ul {
	padding-top: 2px;
	margin-top: 4px;
	padding-bottom: 1px;
	margin-bottom: 1px;
}
.vmenu-sub img {
	display: none;
}
.vmenu-sub a {
	text-decoration: none;
}
.vmenu-sub a:before {
	content: "\e634";
	color: #444;
	font-family: "icomoon";
}
.vmenu-sub a:hover {
	text-decoration: none;
}
.vmenu-item {
	padding: 0px 2px 0px 2px;
	margin: 0px 2px 0px 2px;
}
.vmenu-item li {
	padding-bottom: 2px;
	margin-left: 4px;
	margin-bottom: 2px;
}
.vmenu-item li img {
	display: none;
}
.vmenu-item li a {
	text-decoration: none !important;
	letter-spacing: 0;
}
.vmenu-item li a:before {
	content: "。";
	color: #ccc;
}

.catbar {
	display: flex;
	align-items: center;
	column-gap: 8px;
	row-gap: 2px;
	font-size: 16px;
	flex-wrap: wrap;
	max-width: 100%;
	flex: 1;
}

.catbar > a {
	color: #8d8d8d;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
}

.catbar > a:hover {
	text-decoration: underline;
	color: #006fbc !important;
}

.catbar > .arrow-right:before {
	color: #8d8d8d;
	font-family: "icomoon";
	content: "\e903";
	font-size: 16px;
	display: block;
}

.catbar img {
	vertical-align: top;
}
.categories {
	font-size: 100%;
	font-weight: bold;
	width: 100%;
	border: 1px;
	display: flex;
	flex-wrap: wrap;
}
.categories img {
	vertical-align: top;
}
.categories a {
	text-decoration: none;
	word-break: break-word;
}

.newitem {
	display: none;
	padding: 16px;
	/*background: #fff7d7;*/
	background: rgb(60 60 60 / 0.06);
	/*border: 1px solid red;*/
	border: 1px solid rgb(60 60 60 / 0.2);
	border-radius: 6px;
}
/*.newitem #newfield{
    margin-bottom:10px;
}*/
.master #newitem.newitem {
	border-color: #ccc;
	background: #f2f2f2;
}
.menu {
	/* margin: 3px;*/
	float: right;
}
.menu li {
	display: inline-block;
	margin-left: 6px;
}
.navbar {
	clear: both;
	padding: 3px;
	background: #c9d7f1;
}
.navbar2 {
	clear: both;
	padding: 3px;
	background: #e8e6ff;
}

.articletitlesearch {
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}
.summarysearch {
	font-size: 14px;
	padding: 4px 0;
	overflow: hidden;
	color: #8d8d8d;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.summarysearch:empty {
	padding: 0;
}

.submitter2 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	font-size: 14px;
	color: #8d8d8d;
	text-decoration: none;
	clear: both;
	padding-top: 4px;
	font-weight: 500;
}
.submitdatetime2 {
	font-size: 14px;
	padding-left: 8px;
	color: Gray;
}

.documentClass-tags-block {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: center;
}

.documentClass-tags-block > .doc_class_font:after {
	content: "";
	border-right: 1px solid #3c3c3c33;
	margin-left: 4px;
}

.documentClass-tags-block > .tag {
	border: 1px solid #006fbc;
	border-radius: 6px;
	padding: 2px 6px;
	max-width: 140px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.documentClass-tags-block > .tag:hover {
	background: #b2d2e9;
	text-decoration: none;
}

.list {
	display: flex;
	border-bottom: 1px solid #ddd;
}

.list a {
	text-decoration: none;
}

.list a:hover {
	text-decoration: underline;
}

.list td[valign="top"][width="40px"],
.list td[valign="top"][width="30px"],
.list td[valign="top"][width="40"],
.list td[valign="top"][width="30"] {
	padding: 16px;
}
.list td[align="left"] {
	vertical-align: baseline;
	padding: 12px 0 !important;
}

.cloutTotalPointRankDataList td[align="left"] {
	vertical-align: middle;
}

.new-discussion-list {
	border-bottom: 0;
}

.new-discussion-list tr {
	border-bottom: 1px solid #eee;
}

.wrapper {
	min-height: calc(100% - 218px);
	box-sizing: border-box;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0em;
	padding: 24px;
}

.push {
	font-size: 65%;
	height: 16px;
}

.line {
	width: 80%;
}

#bigmenu {
	padding-left: 0px;
}
#bigmenu li {
	display: inline;
	padding: 0px;
	margin: 0;
}
#bsearchbox {
	width: 350px;
}

.folderbar h3 {
	font-size: 150%;
	font-weight: bold;
	padding: 0;
}
.folderbar p {
	margin: 0;
	padding: 0;
	margin-left: 20px;
}
.link {
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: small;
}
.link a {
	text-decoration: none;
}
.link:hover {
	text-decoration: none;
	background-color: #e8fadf;
	font-size: larger;
}
.link .articletitle {
	font-size: 100%;
}
.link .submitter {
	font-size: 70%;
	color: green;
}
.tip {
	font-size: 50%;
	color: green;
}

.link .submitdatetime {
	font-size: 70%;
	padding-left: 8px;
	color: green;
}
.link .summary {
	font-size: 80%;
	padding: 3px;
}
.link .tags {
	font-size: 80%;
	color: Gray;
	padding: 2px;
}
.indent {
	padding-left: 20px;
	line-height: 150%;
	letter-spacing: 130%;
	padding-right: 10px;
}
.myspacebar {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-right: 20px;
	background: whitesmoke;
	border-right: #99ccff 3px dashed;
	border-top: #99ccff 3px dashed;
	border-left: #99ccff 3px dashed;
	border-bottom: #99ccff 3px dashed;
}
.sidebar {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-right: 20px;
	background: #fff7d7;
	border: 3px dashed #fc6;
}

.sidebar li {
	margin-top: 6px;
}

table.conflict-table {
	font-size: 16px;
	background: #cecece;
	border-spacing: 1px;
	width: 100%;
	table-layout: fixed;
}
table.conflict-table th {
	vertical-align: top;
	background-color: #ebf4e6;
	padding: 3px;
	word-wrap: break-word;
	font-size: 14px;
}
table.conflict-table td {
	vertical-align: top;
	padding: 3px;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #ffffff;
}
table.conflict-table td.nowrap {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	white-space: nowrap;
	background-color: #ffffff;
}

table.tiny-table {
	letter-spacing: 0.1em;
	line-height: 2em;
}
table.tiny-table th {
	vertical-align: top;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
table.tiny-table td {
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

table.normal-table {
	letter-spacing: 0.1em;
	line-height: 2em;
}
table.normal-table th {
	vertical-align: top;
	text-align: right;
	padding: 3px;
}
table.normal-table td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
}
#lstAllSubject {
	background: none !important;
}
#lstAllSubjects {
	width: 300px;
}
.popup {
	background-color: #3366cc;
	filter: alpha(opacity=80); /* IE */
	opacity: 0.8;
	display: none;
	color: #f0fff0;
	font-weight: bolder;
}
#newForm {
	border-color: #ccc !important;
	background: #f2f2f2 !important;
}

#simpleForm {
	width: 50%;
	position: fixed;
	z-index: 2000;
}
.highlightLink {
	color: #ffff00;
	text-decoration: none;
	cursor: pointer;
}

.xbutton {
	border-right: #ffcc00 thin solid;
	border-top: #ffcc00 thin solid;
	border-left: #ffcc00 thin solid;
	border-bottom: #ffcc00 thin solid;
	background-color: #ccff33;
	width: 50px;
	height: 20px;
	text-align: center;
	position: absolute;
	color: #000000;
	font-weight: normal;
}
.tag-cloud-element {
	padding: 5px;
	margin: 5px;
	float: left;
}
.transferer {
	border: 1px solid #bbef68;
	background-color: #99ccff;
}

.toolbar {
	margin: 3px;
}
.toolbar li {
	display: inline;
	margin-left: 6px;
}

#article {
	width: 80%;
}

#article DIV.selected {
	font-weight: bold;
	color: #333333;
}
#article DIV DIV {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
/* #article DIV.title
{
    cursor: pointer;
    padding: 3px 3px 3px 3px;
    border-right: #77b2df thin solid;
    border-top: #77b2df thin solid;
    border-left: #77b2df thin solid;
    border-bottom: #77b2df thin solid;
    background-color: #d6e8f5;
    background-image: url('images/collapse_icon.gif');
    background-repeat: no-repeat;
    background-position: right;
} */

a.tag {
	color: #006fbc;
	text-decoration: none;
}
a.tag2 {
	/*color: Green;*/
	text-decoration: none;
}
a.tag2:hover {
	text-decoration: underline;
}

.suggestedTagsPanel A {
	padding-right: 5px;
	text-decoration: none;
	line-height: 1em;
	vertical-align: baseline;
}

.suggestedTagsPanel A:hover {
	color: #ffffff;
	background-color: #ff0000;
}

.pager {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 16px 8px;
}

.pager-number-container {
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	row-gap: 2px;
}

.paginator_page {
	display: inline-flex;
	gap: 8px;
}
.pager .paginator_next, .pager .paginator_prev {
	display: inline-flex;
	height: 100%;
	flex: 0 0 auto;
}
.paginator_nextprev A {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	padding: 4px;
	color: #006fbc;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

.pager a.pagerCursorPointer {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	padding: 6px 8px;
	color: #006fbc;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: auto;
}

.pager a.pagerCursorPointer:hover {
	background-color: #b2d2e9;
}

.pager .pager_jump {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	vertical-align: middle;
	margin-left: 12px;
    margin-right: -4px;
	flex: 0 0 auto;
}

.pager .pager_jump_input {
	width: 60px;
	min-width: 60px;
	margin: 0 0 2px 0;
	padding: 4px 0 4px 12px;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	font-family: inherit;
	margin-top: 4px;
    margin-bottom: auto;
	border: 1px solid #cacaca;
}

.pager .pager_jump_total {
	color: #8d8d8d;
	font-size: 14px;
}

.paginator_next > a:before {
	font-family: "icomoon";
	content: "\e903";
	font-size: 18px;
	font-weight: normal;
	vertical-align: middle;
}

.paginator_prev > a:before {
	font-family: "icomoon";
	content: "\e902";
	font-size: 18px;
	font-weight: normal;
	vertical-align: middle;
}

.paginator_page A.current {
	color: #3c3c3c;
	pointer-events: none;
	cursor: default;
	text-decoration: underline;
}

.pager .pager_info {
	color: #8d8d8d;
	flex: 0 1 100%;
	margin-top: 4px;
}

.descriptiveText {
	font-size: 14px;
	color: #8d8d8d;
	padding: 4px;
}
.descriptiveText:empty {
	padding: 0;
}

.categorylist {
	width: 100%;
	min-width: 268px;
	min-height: 256px;
	padding-right: 12px;
}
.scrolldiv {
	width: 380px;
	height: 145px;
	overflow: auto;
}
.ui-tabs-panel .tabPage .tiny-table #divCont.scrolldiv {
	width: 266px;
}

.folder-container {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 16px;
	padding: 8px 16px;
	font-size: 16px;
	flex-grow: 0;
	flex-basis: 320px;
	max-width: 320px;
	height: fit-content;
	position: relative;
	box-sizing: border-box;
}

/* a.folder-container:before {
    content: "";
    background-color: #EFF6FD;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 8px 16px;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
} */

.folder-container > * {
	z-index: 2;
}
/* a.folder-container:hover::before {
    width: calc(100% - 16px);
    opacity: 1;
} */

img.h2_lock {
	background-color: #f0f0f0;
}

.folder-lock {
	color: #8d8d8d;
}

.folder-img-container {
	padding: 8px;
	border-radius: 40px;
}
.folder-lock .folder-img-container {
	padding: 0px;
}

.folder-container > .folder-img-container {
	background-color: #d1e7fd;
	align-self: flex-start;
}

.folder-container > .folder-img-container.folder-readonly {
	background-color: #eff6fd;
}

.folder-lock > .folder-img-container {
	background-color: #f0f0f0;
	align-self: flex-start;
}

.folder-img {
	width: 24px;
	height: 24px;
}

.folder-lock .folder-img {
	width: 40px;
	height: 40px;
}

.folderlist {
	width: 100%;
	min-width: 268px;
	border-bottom-style: solid;
	border-width: thin;
	padding-right: 12px;
}
.subjectlist {
	width: 100%;
	min-width: 200px;
	min-height: 142px;
	border-bottom-style: solid;
	border-width: thin;
	overflow: auto;
	padding-right: 12px;
}
.filelist {
	width: 400px;
	border-bottom-style: solid;
	border-width: thin;
	overflow: auto;
}
.bookmark {
	margin: 10px;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	width: 60%;
	padding-left: 5px;
}
.important {
	background-color: #eeeeee;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	padding: 5px;
	width: 95%;
}
.important input {
	vertical-align: middle;
}
.cellheading {
	font-weight: bold;
	font-size: large;
	vertical-align: top;
	text-align: right;
}
.failmsg {
	background-color: #ffa6ac;
}

table.grid {
	width: 100%;
	/*font-size: 82%;*/
	/*background: #cecece;*/
	border-spacing: 0px;
}
table.grid th {
	vertical-align: top;
	text-align: left;
	padding: 12px;
	background-color: #61aaee1a !important;
}
table.grid td {
	vertical-align: top;
	text-align: left;
	padding: 12px;
	background-color: #ffffff;
}

table.grid tr:not(:last-child) > td {
	border-bottom: 1px solid #3c3c3c33;
}
/* table.fixedlayout .fixedlayoutitem {
	padding: 0 0 0 14px;
} */
table.fixedlayout {
	table-layout: fixed;
}
.list > table.fixedlayout {
	width: 100%;
}
.list > table.fixedlayout:hover {
	background: #ebf4fc;
}

table.grid2 {
	width: 100%;
	/*background: #cecece;*/
	/* border-spacing: 1px; */
	table-layout: fixed;
	margin-bottom: 10px;
}

table.grid2 th {
	vertical-align: top;
	padding: 12px 16px;
	word-wrap: break-word;
}

table.grid2 > tbody > tr > td {
	vertical-align: top;
	text-align: left;
	padding: 12px 16px;
	background-color: #ffffff;
	word-break: break-all;
	word-wrap: break-word;
	/*overflow-x:auto; */
}

table.grid2 td img,
table.grid2 td table {
	height: auto !important;
}

table.grid2 td #related-files img {
	margin-bottom: 0;
	vertical-align: middle;
}

table.grid2 td .zv {
	width: 128px !important;
}

/* table.grid2 ul li {
	list-style: disc;
}

table.grid2 ol li {
	list-style: decimal;
} */

table.grid3 {
	width: 100%;
	background: #61aaee1a;
	border-spacing: 1px;
	table-layout: auto;
}

table.grid3 th {
	vertical-align: middle;
	/*text-align:center;*/
	padding: 6px;
	word-wrap: break-word;
}

table.grid3 td {
	vertical-align: middle;
	text-align: left;
	padding: 6px;
	background-color: #ffffff;
	word-break: break-all;
	word-wrap: break-word;
}

td:has(button:nth-of-type(2)) > button {
	margin-top: 4px;
	margin-bottom: 4px;
}

/* -------------------------------- */
/* lambda.plugins.privilege-grid.js, lambda.plugins.notification-grid.js */
div.privilegeGridHeader,
div.notificationGridHeader {
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
}

table.privilegeGrid {
	width: 100%;
	table-layout: fixed;
}

table.privilegeGrid,
table.notificationGrid {
	border-spacing: 2px;
	background: rgb(60 60 60 / 0.2);
}

table.privilegeGrid col.privilege-subject-col {
	width: 200px;
}
table.privilegeGrid col.privilege-expiry-col {
	width: 60px;
}

table.privilegeGrid th,
table.notificationGrid th {
	text-align: center;
	padding: 12px;
	background: #def0ff;
}

table.privilegeGrid td,
table.notificationGrid td {
	text-align: left;
	padding: 12px;
	background-color: #f2f2f2;
}

table.privilegeGrid td.gridFooterCell {
	text-align: left;
	padding: 6px;
	background-color: #ffffff;
}

table.privilegeGrid .box:has(.box-picture, [src*="cross.svg"])
{
	padding: 12px 0;
}

tr.gridFooter:has(> td:empty) {
	display: none;
}

table.privilegeGrid td div.roundedOne {
	width: 28px;
	height: 28px;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 0px auto;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	position: relative;
	display: block;
}

table.privilegeGrid td div.roundedOne label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 4px;
	top: 4px;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5),
		0px 1px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5),
		0px 1px 0px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

table.privilegeGrid td div.roundedOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

table.privilegeGrid td div.roundedOne input:checked ~ label::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

table.privilegeGrid td div.roundedOne label::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	background: #00bf00;
	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: 2px;
	left: 2px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
/*table.privilegeGrid th.box-add, table.notificationGrid th.box-add {
    background-color: #dbe5f1;
}*/

table.privilegeGrid td.box-normal:has(span[id^="gridSubjectDisplayName_"]) {
	min-width: 92px;
}

table.privilegeGrid td.box-normal,
table.privilegeGrid th.box-normal,
table.notificationGrid td.box-normal,
table.notificationGrid th.box-normal {
	text-align: left;
	overflow-wrap: break-word;
}
table.privilegeGrid td.box,
table.privilegeGrid th.box,
table.notificationGrid td.box,
table.notificationGrid th.box {
	text-align: center;
	overflow-wrap: break-word;
}
.box-picture-all {
	float: right;
}
.privilegeGridInputVisibilityHidden {
	visibility: hidden;
}
.privilegeGridVerticalAlignMiddle {
	vertical-align: middle;
}
.privilegeGridtdf2f2f2 {
	background-color: #f2f2f2 !important;
}
.privilegeGridDivDisplayInline {
	display: inline;
}
.privilegeGridFontsize1125FontweightBold {
	font-size: 112.5%;
	font-weight: bold;
}

.fontSize14 {
	font-size: 14px;
}

.datepick-trigger {
	cursor: pointer;
	position: relative;
	margin-right: -36px;
	padding-left: 12px;
	vertical-align: middle;
}

#spanIntevalDate,
#disSpanIntevalDate {
	display: inline;
	white-space: nowrap;
}

.spanIntevalDate-divider {
	margin-left: 12px;
	margin-right: 12px;
}

table.privilegeGrid .noCheckBox-header-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* -------------------------------- */
table.report-query-tool {
	letter-spacing: 0.1em;
	line-height: 2em;
}
table.report-query-tool th {
	vertical-align: top;
	text-align: right;
	padding: 3px;
}
table.report-query-tool td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	width: 256px;
}
a.button {
	text-decoration: none !important;
	background: #fff;
	padding: 8px;
	color: #006fbc !important;
	border-radius: 6px;
	font-weight: bold;
	min-height: 18px;
	border: 1px solid #006fbc;
	display: inline-block;
	outline: none;
	vertical-align: middle;
}

a.button:hover {
	background: #b2d2e9;
}

a.button img {
	border-width: 0;
	border-style: none;
	vertical-align: bottom;
}

.mod-morelink > a {
	font-size: 16px;
	text-decoration: none;
	padding: 2px 2px 2px 4px;
	border-radius: 3px;
}

.mod-morelink:before {
	content: "";
	margin: 0 14px 0 8px;
	border-left: 1px solid #cacaca;
}

.mod-morelink > a:after {
	font-family: "icomoon";
	content: "\e903";
	font-size: 18px;
	font-weight: normal;
	vertical-align: top;
	margin-left: 4px;
}

/* .mod-morelink > a:hover {
    color: #006fbc !important;
} */

/* .mod-collapse
{
    background-image: url(../images/000000_expand.gif);
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: pointer;
    outline-style: none;
    outline-width: medium;
    width: 18px;
}
.mod-collapse:hover
{
    background-image: url(../images/000000_expand_hover.gif);
}
.mod-collapse-closed
{
    background-image: url(../images/000000_collapse.gif);
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: pointer;
    display: block;
    outline-style: none;
    outline-width: medium;
    width: 18px;
    text-indent: -9000px;
}
.mod-collapse-closed:hover
{
    background-image: url(../images/000000_collapse_hover.gif);
}
.mod-refresh
{
    background-image: url(../images/000000_refresh.gif);
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    text-indent: -9000px;
    height: 16px;
    overflow: hidden;
    width: 18px;
    display: block;
}
.mod-refresh:hover
{
    background-image: url(../images/000000_refresh_hover.gif);
}
.mod-delete
{
    background-position: center center;
    background-image: url(../images/000000_delete.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    text-indent: -9000px;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: hidden;
    width: 18px;
    display: block;
}

.mod-delete:hover
{
    background-image: url(../images/000000_delete_hover.gif);
} */

.logonFailed {
	color: Red;
}
.logonSuccessful {
	color: #008900;
}
.wfpanel {
	border-bottom: 1px solid rgb(60 60 60 / 0.2);
}
.option-list input {
	vertical-align: middle;
}
.explainPanel {
	color: #8d8d8d;
}
.processingPanel {
	border: solid 1px #dddddd;
	display: none;
	font-size: small;
	overflow: scroll;
	max-width: 100%;
	height: 350px;
	padding: 0 16px;
}

.xyz {
	width: auto;
	min-width: 100px;
}

#searchmenu li {
	display: inline;
}
#searchmenu a {
	cursor: pointer;
	float: left;
	margin: 0;
	text-decoration: none;
}
#searchmenu a span {
	float: left;
	display: block;
	padding: 0px 5px 0px 0px;
	color: #18498c;
	font-size: smaller;
}
#searchmenu a:hover {
	background-position: 0% 0px;
}

#searchmenu a:hover span {
	text-decoration: underline;
}

#searchmenu #currentsearch a span {
	color: #000000;
	letter-spacing: 1px;
	font-weight: bold;
}
.pipe {
	/* border-left: 1px solid #ffffff; */
	/* border-right: 1px solid #979797; */
	padding-right: 5px;
	margin-right: 5px;
}
/* .moreresult {
	padding: 10px;
	float: right;
	font-size: small;
	color: #808080;
	text-align: justify;
	clear: both;
	cursor: pointer;
	text-decoration: none;
	vertical-align: baseline;
}

.moreresult a {
	text-decoration: none;
	vertical-align: top;
} */

.dateTimeField,
.calendarField {
	vertical-align: middle;
	width: 150px;
	box-sizing: content-box !important;
	padding-left: 48px !important;
}

.datetimepicker_trigger {
	vertical-align: middle;
}
.must_field {
	text-align: left;
	color: #ff0000;
	vertical-align: top;
}
.text_readonly {
	background-color: #dddddd;
	width: 200px;
}
.text_search {
	width: 196px;
}
.calendar_readonly {
	background-color: #dddddd;
	width: 100px;
}
.doc_class_font {
	font-size: 14px;
	color: #8d8d8d;
}
.dashboardCell {
	vertical-align: top;
	text-decoration: none;
}

.tagcloudFilter {
	flex: 0 0 280px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	background-color: #f6f6f6;
}

#orderView.ddbox,
#stickyDocumentOrderView.ddbox {
	position: absolute;
	left: 30px;
	top: 220px;
	width: 240px;
	background: rgb(220, 220, 220) none repeat scroll 0%;
	border-width: 1px;
	border-style: solid;
	cursor: move;
}
#orderView.flat,
#stickyDocumentOrderView.flat {
	position: absolute;
	right: 30px;
	top: 220px;
	width: 240px;
	background: rgb(220, 220, 220) none repeat scroll 0%;
	border-width: 1px;
	border-style: solid;
	cursor: move;
}
#orderView #listAllChildren,
#stickyDocumentOrderView #listAllStickyDoc {
	background: #fff !important;
	width: 100%;
	padding-left: 16px;
	padding-right: 8px;
}

/* .mod-refresh
{
    background-image: url(../images/000000_refresh.gif);
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    text-indent: -9000px;
    height: 16px;
    overflow: hidden;
    width: 18px;
    display: block;
    cursor: pointer;
}
.mod-refresh:hover
{
    background-image: url(../images/000000_refresh_hover.gif);
}
.mod-menu
{
    background-image: url(../images/000000_menu.gif);
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    text-indent: -9000px;
    height: 16px;
    overflow: hidden;
    width: 18px;
    display: block;
    cursor: pointer;
}
.mod-menu2
{
    background-image: url(../images/000000_menu.gif);
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: underline;
    overflow: hidden;
    width: 75px;
    display: block;
    cursor: pointer;
}

.mod-menu:hover
{
    background-image: url(../images/000000_menu_hover.gif);
}
.mod-delete
{
    background-position: center center;
    background-image: url(../images/000000_delete.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    text-indent: -9000px;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: hidden;
    width: 18px;
    display: block;
    cursor: pointer;
}
.mod-delete:hover
{
    background-image: url(../images/000000_delete_hover.gif);
}
.mod-sort
{
    background-position: center center;
    background-image: url(../images/000000_sort.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    text-indent: -9000px;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: hidden;
    width: 18px;
    display: block;
    cursor: pointer;
}
.mod-sort:hover
{
    background-image: url(../images/000000_sort_hover.gif);
} */
.discussionlink {
	text-decoration: none;
}
.discussionlink:hover {
	text-decoration: underline;
	/*font-weight: bold;*/
}

.attrField {
	font-size: 100%;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
#frmBlack {
	display: none; /*sorry for IE5*/
	display: /**/ block; /*sorry for IE5*/
	position: absolute; /*must have*/
	top: 0; /*must have*/
	left: 0; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	width: 3000px; /*must have for any big value*/
	height: 3000px /*must have for any big value*/;
}

#treeContainer {
	position: relative;
}
#treeContainer a {
	font-size: 90%;
	text-decoration: none;
}
.treenode-selected {
	background-color: #8c8a8c;
	color: white;
}
.treenode-expand-fail {
	background-color: #8c8a8c;
	color: red;
}

.checklabel {
	cursor: pointer;
}
.watermarkSetting th {
	vertical-align: top;
	text-align: right;
	padding: 0px 5px 5px 5px;
}
.facetedFilter {
	background-color: #fff;
	color: #006fbc;
	padding: 4px 6px;
	border: 1px solid #006fbc;
	border-radius: 6px;
}
.facetedFilter > .text {
	vertical-align: middle;
}

.facetedFilter > .button {
	vertical-align: middle;
}
.facetedFilter > .button > a {
	text-decoration: none;
	display: inline-flex;
	width: 25px;
}
.facetedFilter > .button > a:before {
	visibility: visible;
	font-family: "icomoon";
	content: "\e900";
	font-size: 20px;
	display: inline-block;
	margin-left: 8px;
	margin-top: 4px;
	cursor: pointer;
}

tr:has(> td > #faceted) {
	display: flex;
}

td[width="25%"]:has(#faceted) {
	border-left: 1px solid #eee;
}

#rightSide,
#faceted {
	padding-left: 16px;
	/* border-left: 1px solid #eee; */
}
#rightSide ul,
#faceted ul {
	list-style-type: none;
	padding-inline-start: 0;
}
#rightSide ul > li,
#faceted ul > li {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	padding: 8px 0;
}

.facetedMoreListItem,
.facetedLessListItem {
	justify-content: flex-end;
}

#rightSide ul > li:before,
#faceted ul > li:before {
	font-family: "icomoon";
	content: "\e668";
	color: #006fbc;
}

.facetedMoreListItem:before,
.facetedLessListItem:before {
	content: "" !important;
}

#rightSide > span,
#faceted > span {
	font-size: 18px !important;
	padding: 12px 0;
	display: block;
	border-bottom: 1px solid #eee;
}
#rightSide > span img,
#faceted > span img {
	margin-right: 5px;
}
#filterPanel {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
	margin-bottom: 16px;
}
#filterPanel:empty {
	margin-top: 0;
	margin-bottom: 0;
}

.facetedStyle {
	text-decoration: none;
	vertical-align: baseline;
	display: flex;
	width: calc(100% - 24px);
}

#faceted a:hover {
	text-decoration: underline;
}

.facetedHeader {
	font-size: 18px;
	font-weight: bold;
	margin-top: 16px;
}

.facetedHiddenListItem {
	display: none !important;
}

.facetedMoreListItem {
	list-style: none;
}

.facetedLessListItem {
	list-style: none;
}

.facetedHiddenMoreListItem {
	list-style: none;
	display: none !important;
}

.facetedHiddenLessListItem {
	list-style: none;
	display: none !important;
}

a[class^="h0_"],
a[class*=" h0_"] {
	position: relative;
	color: #006fbc !important;
}

.popupCommunity {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 20px !important;
	left: 0px !important;
	background: #fff;
	width: 400px;
	-webkit-transition: opacity 0.13s linear;
	-moz-transition: opacity 0.13s linear;
	-o-transition: opacity 0.13s linear;
	transition: opacity 0.13s linear;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
}
.Nk {
	margin: 3px 0px 3px 9px;
	padding: 1px 0px;
}
.a-f-e {
	position: relative;
	display: -moz-inline-box;
	display: inline-block;
}
.Mt {
	width: 300px;
}
.Mto {
	color: #222;
	width: 400px;
	box-sizing: border-box;
}
.nNa {
	font-size: 14px;
	color: #60aadc !important;
}
.nNbz {
	word-wrap: break-word;
	overflow: hidden;
	width: 220px;
}
.Rt {
	overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.Rt7 {
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	overflow: hidden;
	padding: 7px;
	position: relative;
	width: 388px;
}
.Sft {
	color: #3c3c3c;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 4px;
	margin-top: -4px;
	padding-left: 2px;
	word-wrap: break-word;
}
.St,
.St > h3 {
	color: #006fbc;
	font-size: 16px;
	word-wrap: break-word;
}
.Wt {
	flex: 0 0 40px;
	width: 40px;
	position: relative;
	padding-left: 16px;
	padding-top: 12px;
}
.Vt {
	background-color: #fff;
	height: 40px;
	position: relative;
	width: 40px;
	z-index: 1;
}

.Vt img {
	border-radius: 100px;
}

.Wtt.ppc {
	flex: 1 1 316px;
	max-width: 316px;
	padding-top: 12px;
	padding-right: 16px;
}
.Wttt.ppc {
	flex: 0 0 400px;
	padding: 12px 16px;
	border-top: 1px solid #ddd;
	text-align: right;
	box-sizing: border-box;
}

.Wttt.ppc a {
	white-space: nowrap;
	font-size: 14px;
}

.ppc.arrow-right-after {
	display: flex;
	align-items: center;
	gap: 8px;
}

.popupCommunity a.ppc {
	color: #006fbc;
	text-decoration: none;
}
.popupCommunity a.ppc:link {
	color: #006fbc;
	text-decoration: none;
}
.popupCommunity a.ppc:hover {
	color: #77b3dc;
	text-decoration: none;
}
.popupCommunity a.email {
	text-decoration: none;
}
.popupCommunity a.email:link {
	text-decoration: none;
}
.popupCommunity a.email:hover {
	text-decoration: underline;
}

.hilightTitle {
	background-color: #ffffaa;
}
.hilightSummary {
	background-color: #ffff00;
}
.hilightTag {
    background-color: #c1e6e6;
}

.ocrHidden {
	display: none;
}
/*Nav*/

#nav {
	white-space: nowrap;
	display: flex;
	align-items: center;
	height: 100%;
	gap: 8px;
	/* font-family: "Noto Sans TC"; */
	padding: 0;
	margin: 0 30px;
	width: 100%;
}

#nav li.f_nav {
	display: flex;
	flex-wrap: nowrap;
	box-shadow: none !important;
	border-radius: 0 !important;
	overflow: unset;
	height: 100% !important;
	box-sizing: border-box;
	padding: 14px 0;
	align-items: center;
}

#nav li.f_nav:hover {
	color: #006fbc;
}

@-moz-document url-prefix() {
	#nav li.f_nav {
	}
}

li.f_nav a {
	height: 34px;
	overflow: hidden;
	padding: 0px 4px 2px 4px !important;
	/* color: #555555 !important; */
	font-weight: bold;
	text-decoration: none;
	float: left;
	/* font-size: 14px; */
	/* background: black; */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

@media (max-width: 960px) {
	#nav li.f_nav span {
		letter-spacing: 0px;
	}
}

/* #home {
    height: 35.6px !important
} */

#homeArrowLink span {
	padding-left: 0;
	padding-right: 0;
}

li.f_nav a span {
	background: inherit !important;
	color: #006fbc;
}

/* #nav li.f_nav span:first-child {
	background: none !important;
	color: #555555;
	margin-bottom: 5px;
}

#nav li.f_nav span:last-child {
	bottom: 4px;
	color: #006fbc;
}

#nav li.f_nav.current a > span:first-child {
	color: #006fbc;
} */

#nav li.f_nav.current:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	border-bottom: 4px solid #006fbc;
}
/*Table Grid*/
table.grid2 th,
table.grid3 th,
.discussion-header {
	background: #61aaee1a !important;
	border-bottom: 1px solid #3c3c3c33;
}
.discussion-header td h4 {
	border-bottom: none;
}
.discussion-header td h4:before {
	content: "";
}

/*.discussion-post{
    border: 1px solid #ddd!important;
    border-radius:3px;
    margin:20px 0px 15px 0px!important;
}*/
.discussion-post-text {
	width: auto !important;
	max-width: none !important;
}
/* .discussion-post-text > table {
	width: auto !important;
} */
.discussion-post-text {
	padding: 16px;
	margin-left: 28px;
	background: #f6f6f6;
	border-radius: 6px;
	font-size: 16px;
}

div[id^="CKeditor_Description_"] .tox.tox-edit-focus {
	border-width: 0;
}

.tox.tox-tinymce {
	width: auto !important;
	border: 1px solid #cacaca;
	border-radius: 6px;
	margin: 8px 0;
}

.tox.tox-tinymce.tox-fullscreen {
	width: 100% !important;
	height: 100% !important;
}

.tox.tox-tinymce * {
	border-color: #cacaca !important;
}

.tox.tox-edit-focus .tox-edit-area {
	box-sizing: border-box;
}

.tox .tox-edit-area::before {
	border-color: #006fbc !important;
	border-radius: 6px !important;
}

.tox-tinymce:focus {
	border: 2px solid #006fbc;
}

#container-1 .grid2 {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}
.discussion-header td {
	border-radius: 4px 4px 0 0;
	background-color: #fff;
}
.discussion-post > table > tbody > tr:first > td {
	background-color: #f3f3f3;
}

#diffCompare {
	margin-right: 0;
	padding-right: 0;
}
#diffCompare a {
	display: inline-block;
	padding: 8px;
	background: #fff;
	text-decoration: none;
	border: 1px solid #006fbc !important;
	color: #006fbc;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#diffCompare a:hover {
	background: #b2d2e9 !important;
}

.grpheader {
	background: #f5f5f5 !important;
	border: 1px solid #ddd !important;
	border-radius: 3px;
	padding: 10px 3px 15px !important;
}

select option.listitem {
	padding: 0;
}
.listitem {
	margin-bottom: 0 !important;
	/* border: 1px solid #d5d5d5;*/
	border: 1px solid #eeeeee;
	padding: 12px;
	border-radius: 3px;
	background: #fff;
}
.listitem > div > .title > img {
	display: none;
}
.listitem > div > .title:before {
	content: "\e610";
	color: #999;
	font-family: "icomoon";
}

#discussions table tr > td:first-child img {
	display: none;
}
#discussions table tr > td:first-child:before {
	font-family: "icomoon";
	content: "\e696";
	display: inline-block;
	margin-top: 3px;
	color: #aaa;
}

#kMapLink:before,
#favoriteLink:before,
#aichat:before {
	font-family: "icomoon";
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
}

#kMapLink:before {
	content: "\ea40";
}
#favoriteLink:before {
	content: "\ea3f";
}
#aichat:before {
	content: "\ea41";
	font-size: 24px;
}

#footerOptions {
	display: flex;
	flex-wrap: wrap;
	padding: 8px 0;
	gap: 16px;
	font-size: 14px;
}

#qrcodeIcon:before {
	font-family: "icomoon";
	content: "\ea42";
	display: inline-block;
	vertical-align: middle;
}

#qrcodeMenu .outerbox.inner {
	bottom: 24px;
	left: -16px;
	border-radius: 4px;
}
#qrcodeMenu li {
	border-bottom: none;
	padding: 0;
}

#qrcodeClickMenu {
	padding: 16px 14px 14px 16px;
}

#qrcodeDiv {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: #666;
}

#qrcodeDiv > img {
	width: 300px;
	height: 300px;
}

#qrcodeLogo {
	background: url(../images/logo-circle.png) no-repeat center center;
	background-size: cover;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#qrcodeLogo:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 6px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
}

#kMapLink:hover,
#favoriteLink:hover,
#aichat:hover {
	background-color: #b2d2e9;
}


#kMapLink,
#favoriteLink,
#aichat {
	border-radius: 6px;
	padding: 8px;
	margin: 0 4px;
}

#kMapLink,
#favoriteLink,
#aichat,
#urlLink {
	line-height: 24px;
	letter-spacing: 0;
	color: #006fbc;
}

#kMapTriangle:before,
#favoriteTriangle:before,
#urlTriangle:before {
	font-family: "icomoon";
	content: "\e901";
	display: inline-block;
	margin-top: 2px;
	margin-left: 8px;
}
#menu2ul {
	-webkit-box-shadow: 0 0 3px #ccc;
	-o-box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
}

.listmode.zw a,
.documentmode.zx a,
.DownloadBySelectButtonLoc a {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	text-decoration: none;
	border: 1px solid #006fbc !important;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 8px;
	font-size: 16px;
	font-weight: bolder;
	background: #fff;
	color: #006fbc;
	height: 36px;
	gap: 4px;
}
.listmode.zw a:hover,
.documentmode.zx a:hover,
.DownloadBySelectButtonLoc a:hover {
	color: #006fbc;
	background: #b2d2e9;
}
.listmodeFileInner {
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	font-weight: bold;
}

.listmode.zw .buttondiv a {
	background: #fff;
	color: #006fbc;
	margin-right: 0px;
	height: 40px;
	border: 0px !important;
	font-weight: normal;
}

.listmode.zw .attachmentActionMenu .innerBox > li > a,
.documentmode.zx .attachmentActionMenu .innerBox > li > a {
	padding: 0;
	margin: 0;
	height: auto;
	display: flex;
	gap: 8px;
	border: none !important;
	background: none !important;
}

.documentmode.zx a {
	margin-top: 5px;
	background: #fff;
	color: #006fbc;
	margin-right: 0px;
	height: 36px;
	border: 1px solid #006fbc;
	font-weight: normal;
}

.listmode.zw .buttondiv a:hover,
.documentmode.zx .buttondiv a:hover,
.DownloadBySelectButtonLoc a:hover {
	background: #b2d2e9;
}

a.downloadIcon-before:before {
	font-family: "icomoon";
	content: "\e909" !important;
	font-size: 20px;
	margin: auto;
}

.listmode.zw .disabledPreview,
.listmode.zw .disabledPdfdownload,
.listmode.zw .disabledSummary,
.listmode.zw .disabledTranslation,
.listmode.zw .disabledSelfQuiz,
.listmode.zw .disabledSingleFileQA 
{
	background: #fff !important;
	color: #8d8d8d !important;
	cursor: no-drop;
	border: 0px solid !important;
}
.documentmode.zx .innerBox li:has([class*="disabled"]) {
	cursor: no-drop;
}
.documentmode.zx .disabledPreview, 
.documentmode.zx .disabledPdfdownload
{
	background: #cacaca !important;
	color: #8d8d8d !important;
	cursor: no-drop;
	border: 0px solid !important;
}
.documentmode.zx .disabledSummary,
.documentmode.zx .disabledTranslation,
.documentmode.zx .disabledSelfQuiz,
.documentmode.zx .disabledSingleFileQA {
	background: #fff !important;
	color: #8d8d8d !important;
	cursor: no-drop;
	border: 0px solid !important;
}

.previewIcon-before:before,
.summaryIcon-before:before,
.downloadIcon-before:before,
.pdfIcon-before:before,
.translationIcon-before:before,
.selfQuizIcon-before:before,
.singleFileQAIcon-before:before{
	font-family: "icomoon";
	font-size: 20px;
}
.previewIcon-before:before {
	content: "\e90e";
}
.summaryIcon-before:before {
	content: "\e98d";
}
.downloadIcon-before:before {
	content: "\e909";
}
.pdfIcon-before:before {
	content: "\e98a";
}
.translationIcon-before:before {
	content: "\e99d";
}
.selfQuizIcon-before:before {
	content: "\ea17";
}
.singleFileQAIcon-before:before {
	content: "\ea41";
}
/*singleFileQAIcon is taller than other icons in the row,
	so align-self is applied to the item itself for bottom alignment*/
.listmode .singleFileQAIcon-before:before {
    align-self: flex-end;
    margin: 0;
	padding: 0;
}

.DownloadBySelectButtonLoc {
	float: left;
	position: relative;
	text-align: left;
	z-index: 99;
	line-height: 28px;
	margin: auto;
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.DownloadBySelectButtonLoc div {
	display: inline-block;
	vertical-align: middle;
}

.DownloadBySelectButtonLoc input,
#chkEnableAutoSummarize,
#chkEnableAutoKeywordExtract,
#chkAllowCategorize,
#chkEnableAutoCategorize,
#chkIsSingleDocumentClass {
	vertical-align: middle;
	height: 21.6px;
	width: 21.6px;
}

/*    .DownloadBySelectButtonLoc a {
        padding:6px;
    }*/

@media all and (min-width: 0) {
	#AttachListMode .listmode.zx div {
		padding: 6px 0 !important;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#AttachListMode .listmode.zx div {
		padding: 6px 0\0 !important;
	}
}

.documentmode .documentmode-file-title {
	margin: 0px;
	display: flex;
	align-items: center;
	gap: 4px;
}

@media all and (min-width: 0) {
	.documentmode .documentmode-file-title {
		margin-bottom: 0px;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.documentmode .documentmode-file-title {
		margin-bottom: 0px;
	}
}

#SwitchAttachModeButtonLoc > img {
	margin-left: 5px;
}
#dynawin {
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

table.tablesorter thead tr th,
table.tablesorter tfoot tr th,
table.tablesorter-default thead tr th,
table.tablesorter-default thead tr th {
	background-color: #def0ff !important;
}
/* table.tablesorter tbody td,
table.tablesorter-default tbody td{
    width:25%!important;
    min-width:100px;
} */
.grptitle img {
	display: none;
}
.grptitle:before {
	font-family: "icomoon";
	content: "\e615";
	color: #1986ae;
	vertical-align: middle;
	margin: 5px 0 0 5px;
	font-size: 20px;
}
#childexpertises {
	margin: -12px -10px 0px -17px;
}
#childexpertises .contrary {
	padding: 12px;
	background: #f4f4f4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#childexpertises .listitem {
	border: 0;
}
#childexpertises .listitem b {
	display: inline-block;
	margin-bottom: 15px;
	margin-top: 10px;
}
#childexpertises .listitem img,
#childexpertises .contrary img {
	display: none;
}
#childexpertises .listitem a,
#childexpertises .contrary a {
	text-decoration: none;
}
#childexpertises .contrary a,
#nowExpertise {
	color: #77b3dc;
}
#childexpertises .listitem:before,
#childexpertises .contrary:before {
	content: "\e625";
	font-family: "icomoon";
	color: #444;
	vertical-align: middle;
}
.newitemstyle {
	margin-top: 20px !important;
	margin-bottom: 12px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	border: 1px solid #ccc !important;
	background-color: #f2f2f2 !important;
}
.newitemstyle table tbody tr td {
	text-align: left;
}
.newitemstyle table tbody tr:last-child td {
	text-align: left;
}
.newitemstyle table tbody tr:last-child td #submitnew,
.newitemstyle table tbody tr:last-child td #cancelnew {
	margin-left: 5px;
}
.newitemstyle table tbody tr:last-child td #submitnew {
	background: #006fbc !important;
	color: #fff !important;
}
.newitemstyle table tbody tr:last-child td #submitnew:hover {
	background: #ff9900 !important;
}
/* .newitemstyle table tbody tr td input {
	height: 22px;
} */
/* .newitemstyle table tbody tr td img {
	margin-left: 5px;
} */
.newitemstyle table tbody tr td input[type="button"] {
	height: 35px;
}
/*#newfield,#newdisplayname,#newloginid{
    background-color: #fff;
    margin:1px 0 0 0;
    height:24px;
    line-height: 24px;
}*/
#cateory-section table tr td img {
	display: none;
}
#nowExpertise a {
	text-decoration: none;
}
#btnAdd {
	/* margin: 0 0 5px 0; */
}

.ui-tabs-nav {
	padding: 0 !important;
}

.ui-tabs-nav li {
	margin: 0 !important;
}

.ui-tabs-nav a {
	background-color: transparent !important;
	/*padding: 14px 16px !important;*/
	color: #555555 !important;
	border: none !important;
	font-size: 18px !important;
	padding: 18.5px 16px !important;
}

.ui-tabs-nav a:hover {
	color: #549fd2 !important;
}

.ui-tabs-nav .ui-tabs-selected a {
	color: #006fbc !important;
}

.ui-tabs-selected a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: 4px solid #006fbc;
}

.ui-tabs-nav a span {
	padding: 0 !important;
}

.ui-tabs-panel {
	padding: 0 !important;
	border-top: none !important;
	font-size: 16px;
}

.ui-tabs-panel h3 {
	font-size: 16px;
}

.grid2 span.enavbar2 {
	display: block;
	float: left;
	margin: 0 8px 0 4px;
}
.grid2 td input[name="rdoState"] {
	float: left;
	/* margin: 9px 0 0 0; */
}
.enavbar2 {
	font-size: 18px;
	display: table-cell;
	/* line-height: 36px; */
}
.enavbar2 button {
	line-height: normal\0;
}
.sourceWebSite {
	display: block !important;
}
.sourceWebSite .folderPathTd,
.newitemstyle .folderPathTd {
	position: relative;
}
.sourceWebSite .folderPathTd .folderPathBtn,
.newitemstyle .folderPathBtn {
	position: absolute;
	left: 136px;
	left: 170px\0;
	top: 7px;
	width: 24px;
	height: 24px;
	color: #2a92c4;
	text-decoration: none;
}
.newitemstyle .folderPathBtn {
	left: 278px;
	left: 332px\0;
}
.sourceWebSite .folderPathTd .folderPathBtn:hover,
.newitemstyle .folderPathBtn:hover {
	color: #ff9900;
}
.sourceWebSite .folderPathTd .folderPathBtn:before,
.newitemstyle .folderPathBtn:before {
	font-family: "icomoon";
	content: "\e615";
	font-size: 24px;
}
/*@media(max-width:1024px){
    .enavbar2{
        padding-right:10px;
    }
}
@media(max-width:1024px){
    .enavbar2 button{
        display: block;
    }
}
.newitemstyle #uriAbsoluteUri{
    width:70%\0;
}
@media(max-width:1024px){
.newitemstyle #uriAbsoluteUri{
    width:200px\0;
}
}*/
.enavbar2 + div {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}
.enavbar2 + div button {
	margin-bottom: 0;
	margin-left: 20px;
}
#newitem,
#newrule,
.catbarstyle {
	clear: both;
}
.catbarstyle a {
	text-decoration: none;
}

#childcats .listitem a {
	text-decoration: none;
}
.listitem:after {
	content: "";
	display: block;
	clear: both;
}
.movehandle {
	margin-right: 5px;
	vertical-align: middle;
}
.actionstyle {
	display: inline-block;
	vertical-align: middle;
}
.actionstyle button {
	margin-right: 5px;
}
.actionstyle .folder_move:before {
	font-family: "icomoon";
	margin-right: 5px;
	content: "\e65d";
	margin: 0 !important;
	padding: 0;
	vertical-align: middle\9;
}
.actionstyle .folder_move img {
	display: none;
}
.actionstyle .already_disabled img {
	display: inline-block;
	margin-top: -2px;
	margin-top: 1px\0;
}

/*avatar*/
img[class^="h2"] {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	width: 40px;
	height: 40px;
	display: block;
}
img[class^="h5"] {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
}
img[class^="h6"] {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	width: 60px;
	height: 60px;
	border: 1px solid #ddd;
}
.discussion-post .discussion-header table img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border: 1px solid #ddd;
}

.panel table > tbody > tr > td img#jumpToCreator {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border: 1px solid #ddd;
}
.ui-tabs-panel .divitem table tbody tr td img#showPhoto {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border: 1px solid #ddd;
	width: 60px;
	height: 60px;
}
.panel table td img#showPhoto {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border: 1px solid #ddd;
}
/*btn*/
.btn01_mouseout,
.btn01_mousedown,
#urlmenu,
#sourcemenu,
.btn01_mouseup,
#btnView,
.newitem #cancelnew,
#btnRelease,
#btnConfirm,
#btnCancel,
#btnAbort,
#rejectedInstances .grid td #btnDelete,
#abortInstances .grid td #btnDelete,
#btnClose,
#newRole #submitnewrole,
#newRole #cancelnewrole,
#btnEditAndResend,
.fileTranslation-btn,
.btn-selfquiz
{
	background: #fff;
	padding: 8px;
	color: #006fbc;
	border-radius: 6px;
	font-family: "PingFang";
	font-size: 16px;
	font-weight: bold;
	min-height: 18px;
	border: 1px solid #006fbc;
	display: inline-block;
	cursor: pointer !important;
	outline: none;
	vertical-align: middle;
	/* margin: 0 0 5px 0; */
	white-space: nowrap;
}
#urlmenu {
	padding: 8px 12px;
}

/*.discussion-mouseout{
  background:#fff!important;
}*/
/*.discussion-mousedown, .discussion-mouseup {
    padding: 8px !important;
    border: 1px solid #006fbc !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    color: #006fbc !important;
}*/
/*.discussion-PostPanel{
    margin: 21px 0px;
    border: 1px solid #ccc!important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background-color: #f2f2f2!important;
}*/
#discussion-section input[type="text"] {
	background-color: #fff !important;
	box-sizing: border-box;
}
table.normal-table td input[type="button"],
#btnSaveAll,
#createBookmarkButton,
#forwardPanel > input[type="submit"],
#btnConfirm,
#forwardSendButton,
#selectedConfirmButton,
.fileTranslation-btn,
.btn-selfquiz {
	background: #006fbc !important;
	border: 1px solid #006fbc !important;
	color: #fff !important;
}
table.normal-table td input[type="button"]:hover,
#btnSaveAll:hover,
#createBookmarkButton:hover,
#forwardPanel > input[type="submit"]:hover,
#btnConfirm:hover,
#selectedConfirmButton:hover,
.fileTranslation-btn:hover,
.btn-selfquiz:hover {
	background: #77b3dc !important;
}
#newPostPanelControl > #createButton,
#newPostSave,
input[name="replyPostSave"],
input[name="updatePostSave"],
#btnSort {
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	border: 0;
	background: #006fbc;
	border: 1px solid #006fbc;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
}

#discussion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#discussionViewMode,
#newPostCancel,
#replyPostCancel,
#updatePostCancel,
.newitem #submitnew {
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	border: 0;
	background: #fff;
	border: 1px solid #006fbc;
	color: #006fbc;
	padding: 8px;
	font-weight: bold;
	font-size: 16px;
}

#discussionViewMode:hover,
#newPostPanelControl > #createButton:hover,
#newPostSave:hover,
#newPostCancel:hover,
#replyPostCancel:hover,
input[name="replyPostSave"]:hover,
#updatePostCancel:hover,
input[name="updatePostSave"]:hover,
#btnSort:hover {
	background: #b2d2e9;
	/*border:1px solid #006FBC;
    color:#006FBC;*/
}
.divcaption .btn01_mouseout,
.divcaption .discussion-mouseout,
#urlmenu,
#sourcemenu,
.divcaption .btn01_mouseup {
	background: #fff;
}

#createDocButton,
#createButton,
#btnSave,
#btnSaveAll,
#addnew,
#addnew2,
#ctl00_cp_btnNext,
#save,
#save2,
#ctl00_cp_Button2,
#subscribesetting .panel #tf span .btn01_mouseout,
.newitem #submitnew,
.saveTaskBtn,
#submitnew2,
#ShowStickyDocBulkJobBtnsBtn.press,
#createPageButton,
#btnExpiryRangeOk,
#uploadInBasicMultipleButton,
#uploadInBasicButton,
#refreshBtn,
#selectedConfirmButton {
    background: #006fbc;
	color: #fff !important;
	/*font-weight: bolder;*/
}
/*#createDocButton{
    height:35px\0;
    line-height: 12px\0;
}*/

#createDocButton:hover,
#createButton:hover,
#addnew:hover,
#addnew2:hover,
#btnSave:hover,
#save:hover,
#save2:hover,
#ctl00_cp_Button2:hover,
.btn01_mouseout:hover,
#subscribesetting .panel #tf span .btn01_mouseout:hover,
.discussion-mousedown,
.discussion-mouseup,
.newitem #submitnew:hover,
.saveTaskBtn:hover,
#submitnew2:hover,
#ShowStickyDocBulkJobBtnsBtn.press:hover,
#ShowDocBulkJobBtnsBtn.press:hover,
#refreshBtn:hover,
#btnAddFavoriteFolder:hover,
#btnAddFavoriteCategory:hover,
#selectedConfirmButton:hover {
	background: #b2d2e9 !important;
}

/*#btnSubscribeCategory,#btnSubscribeFolder,*/
#btnAddFavoriteFolder,
#btnAddFavoriteCategory {
	background: #fff;
	color: #006fbc;
}

/* #btnAddFavoriteCategory.cancelFavorite, #btnAddFavoriteFolder.cancelFavorite {
    background: #006fbc;
    color: #fff;
    border: 1px solid #006fbc;
} */

/* #btnAddFavoriteCategory.cancelFavorite:hover, #btnAddFavoriteFolder.cancelFavorite:hover {
    background: rgb(255 179 154) !important;
} */

.hasStickDocument_btn {
	color: rgb(204, 51, 0) !important;
	border: 1px solid rgb(204, 51, 0) !important;
}
.hasStickDocument_btn > a, .hasStickDocument_btn:hover {
	color: rgb(204, 51, 0) !important;
}

.hasStickDocument_btn:hover {
	background: rgb(255 179 154) !important;
	border: 1px solid rgb(204, 51, 0) !important;
}

/*#btnSubscribeCategory:hover,#btnSubscribeFolder:hover,*/
/*#btnAddFavoriteFolder:hover,#btnAddFavoriteCategory:hover{
    background: #b2d2e9;
}*/
#orderView,
#stickyDocumentOrderView {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	-o-box-shadow: 0 0 5px #999;
}

#orderView td.caption,
#stickyDocumentOrderView td.caption {
	padding: 12px 0px 12px 16px;
}

#orderView td.close,
#stickyDocumentOrderView td.close {
	padding: 12px 16px;
}

#orderView > table > tbody > tr:last-child input[type="button"]:last-child,
#stickyDocumentOrderView
	> table
	> tbody
	> tr:last-child
	input[type="button"]:last-child {
	background: #006fbc !important;
	border: 1px solid #006fbc !important;
	color: #fff !important;
}
#orderView > table > tbody > tr:last-child input[type="button"]:last-child:hover,
#stickyDocumentOrderView
	> table
	> tbody
	> tr:last-child
	input[type="button"]:last-child:hover {
	background: #b2d2e9 !important;
	color: #fff !important;
}

#orderView table {
	border-spacing: 0;
	width: 100%;
}

.btn01_mouseover {
	background: #b2d2e9 !important;
	padding: 8px;
	font-family: "PingFang";
	font-size: 16px;
	font-weight: bold;
	min-height: 18px;
	color: #006fbc;
	border: 1px solid #006fbc !important;
	border-radius: 6px;
	cursor: pointer;
	vertical-align: middle;
	/* margin: 0 0 5px 0; */
}

.FolderNavigation:hover,
#ShowDocBulkJobBtnsBtn:hover,
#ShowDocBulkJobBtnsBtn.press,
#ShowStickyDocBulkJobBtnsBtn:hover,
#ShowStickyDocBulkJobBtnsBtn.press {
	background: #b2d2e9 !important;
}

.btn01_mouseout img,
.btn01_mouseover img,
.btn01_mousedown img,
.btn01_mouseup img {
	display: none;
}

#urlmenu {
	min-height: 26px;
	height: 26px;
	padding: 7px 12px 5px !important;
	margin-top: 2px;
}
#urlmenu li.main > a {
	color: #006fbc;
	text-decoration: none !important;
}

#urlmenu a small,
#mapmenu a small,
#favoritemenu a small {
	font-size: 10px !important;
}

#profilewindow {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	z-index: 50 !important;
}
#queryExpression #oldMetaTitle .right .mod-delete {
	position: relative;
	background: none !important;
	height: 18px;
	margin: 5px 5px 0 0;
}
#queryExpression #oldMetaTitle .right .mod-delete:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	top: 0;
	left: 0;
	background: url("../images/oldMetaTitle-close.png") center center no-repeat;
}
#queryExpression .divcaption .right a {
	width: 12px;
}
#queryExpression .divcaption .right a:hover {
	background: #fff !important;
}

#queryExpression .divcaption .right img {
	display: block;
}

#messagebar {
	z-index: 999999;
}

/*
clickMenu of #urlmenu
*/
#urlmenu div.inner {
	left: -13px !important;
	top: 35px !important;
}
#urlmenu ul.innerBox {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}
#urlmenu ul.innerBox li:first-child {
	border-radius: 6px 6px 0 0;
}
#urlmenu ul.innerBox li:last-child {
	border-radius: 0 0 6px 6px;
}
#urlmenu div.shadowbox1,
#urlmenu div.shadowbox2,
#urlmenu div.shadowbox3 {
	background: transparent;
}

/*
clickMenu of #mapmenu
*/
#mapmenu div.inner {
	left: -13px !important;
	top: 35px !important;
}
#mapmenu ul.innerBox {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}
#mapmenu ul.innerBox li:first-child {
	border-radius: 6px 6px 0 0;
}
#mapmenu ul.innerBox li:last-child {
	border-radius: 0 0 6px 6px;
}
#mapmenu div.shadowbox1,
#mapmenu div.shadowbox2,
#mapmenu div.shadowbox3 {
	background: transparent;
}

/*
clickMenu of #favoritemenu
*/
#favoritemenu div.inner {
	left: -13px !important;
	top: 35px !important;
}
#favoritemenu ul.innerBox {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}
#favoritemenu ul.innerBox li:first-child {
	border-radius: 6px 6px 0 0;
}
#favoritemenu ul.innerBox li:last-child {
	border-radius: 0 0 6px 6px;
}
#favoritemenu div.shadowbox1,
#favoritemenu div.shadowbox2,
#favoritemenu div.shadowbox3 {
	background: transparent;
}

/*
clickMenu of #mainmenu
*/
#mainmenu div.inner {
	left: unset !important;
	right: 0px !important;
	margin-top: 8px;
	padding-right: 0;
}

#documentActionMenu, #mainmenu {
	border-radius: 6px;
	border: 1px solid #006fbc;
}

#documentActionMenu:hover, #mainmenu:hover {
	background-color: #b2d2e9;
}

#mainmenu ul.innerBox, #documentActionMenu ul.main {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}
#mainmenu ul.innerBox li:first-child {
	border-radius: 6px 6px 0 0;
}
#mainmenu ul.innerBox li:last-child {
	border-radius: 0 0 6px 6px;
}
#mainmenu div.shadowbox1,
#mainmenu div.shadowbox2,
#mainmenu div.shadowbox3,
#documentActionMenu div.shadowbox1,
#documentActionMenu div.shadowbox2,
#documentActionMenu div.shadowbox3
{
	background: transparent;
}

/*
clickMenu of #mainmenu2
*/
#mainmenu2 div.inner {
	left: unset !important;
	right: 0px !important;
}
#mainmenu2 ul.innerBox {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}
#mainmenu2 ul.innerBox li:first-child {
	border-radius: 6px 6px 0 0;
}
#mainmenu2 ul.innerBox li:last-child {
	border-radius: 0 0 6px 6px;
}
#mainmenu2 div.shadowbox1,
#mainmenu2 div.shadowbox2,
#mainmenu2 div.shadowbox3 {
	background: transparent;
}

/*
clickMenu of #sortmenu
*/
#sortmenu div.inner {
	left: unset !important;
	right: 0px !important;
}
#sortmenu ul.innerBox {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}
#sortmenu ul.innerBox li:first-child {
	border-radius: 6px 6px 0 0;
}
#sortmenu ul.innerBox li:last-child {
	border-radius: 0 0 6px 6px;
}
#sortmenu div.shadowbox1,
#sortmenu div.shadowbox2,
#sortmenu div.shadowbox3 {
	background: transparent;
}

/*
clickMenu of #sortmenu.ddboxmenu
*/
#sortmenu.ddboxmenu div.inner {
	left: unset !important;
	right: -72px !important;
}
#sortmenu.ddboxmenu ul.innerBox {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}
#sortmenu.ddboxmenu ul.innerBox li:first-child {
	border-radius: 6px 6px 0 0;
}
#sortmenu.ddboxmenu ul.innerBox li:last-child {
	border-radius: 0 0 6px 6px;
}
#sortmenu.ddboxmenu div.shadowbox1,
#sortmenu.ddboxmenu div.shadowbox2,
#sortmenu.ddboxmenu div.shadowbox3 {
	background: transparent;
}

/*
clickMenu of #sortmenu2
*/
#sortmenu2 div.inner {
	left: unset !important;
	right: 0px !important;
}
#sortmenu2 ul.innerBox {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}
#sortmenu2 ul.innerBox li:first-child {
	border-radius: 6px 6px 0 0;
}
#sortmenu2 ul.innerBox li:last-child {
	border-radius: 0 0 6px 6px;
}
#sortmenu2 div.shadowbox1,
#sortmenu2 div.shadowbox2,
#sortmenu2 div.shadowbox3 {
	background: transparent;
}
/*
clickMenu of #stickydocumentsortmenu
*/
#stickydocumentsortmenu div.inner {
	left: unset !important;
	right: 0px !important;
}
#stickydocumentsortmenu ul.innerBox {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
}
#stickydocumentsortmenu ul.innerBox li:first-child {
	border-radius: 6px 6px 0 0;
}
#stickydocumentsortmenu ul.innerBox li:last-child {
	border-radius: 0 0 6px 6px;
}
#stickydocumentsortmenu div.shadowbox1,
#stickydocumentsortmenu div.shadowbox2,
#stickydocumentsortmenu div.shadowbox3 {
	background: transparent;
}

.createDocButtonPosition {
	float: right;
}
/*icon button*/
.mod-sort {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    /* *display: inline;
    *zoom: 1; */
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}
a.mod-sort {
    background: #fff !important;
    /*background: linear-gradient(to bottom,#fff 0,#eee 100%) #fff !important;*/
    border: 0px;
    border-radius: 100px;
    /* box-shadow: 0 6px 10px 0 rgba(67, 67, 75, 0.1); */
    width: 28px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    display: inline-block;
    /* *display: inline;
    *zoom: 1; */
    position: relative;
    color: #999;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    margin-right: 5px;
    vertical-align: middle;
    top: -1px;
}
    a.mod-sort:hover {
        background: #fff !important;
        color: #111;
    }

.mod-sort:before {
    display: block;
    font-size: 10px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-indent: 0 !important;
}
/*icon*/
#checkInCheckOut:before,
#cloneDocument:before,
#editDocument:before,
#deleteDocument:before,
#moveDocument:before,
#createBookmark:before,
#subscribeDocument:before,
#addFavoriteDocument:before,
#forwardDocument:before,
.mod-sort,
.mod-remove,
.mod-edit,
.mod-move,
#discussions table tr > td:first-child,
.grptitle,
.mod-menu:before,
#btninfoFolder:before,
#createDocButton:before,
#createPageButton:before,
#createButton:before,
#btnCreateFolder:before,
#btnUpdateFolder:before,
#btnMoveFolder:before,
#btnCopyFolder:before,
#btnDeleteFolder:before,
#btnSubscribeFolder:before,
#btnSubscribeCategory:before,
#btnAddFavoriteFolder:before,
#btnAddFavoriteCategory:before,
#btnCreateSample:before,
.btnEditSample:before,
.btnDeleteSample:before,
#main center .attention:before,
#main .attention blockquote span:before,
.master #newitempower:before,
.enavbar2 #newitempower:before,
.actionstyle .folder_move:before,
.sourceWebSite .folderPathTd .folderPathBtn:before,
.newitemstyle .folderPathBtn:before,
.wfAddActivity:before,
.DownloadBySelectButtonLoc a:before,
#changeDocumentDocumentClass:before,
#stickDocument:before,
.addIcon-before:before,
.removeIcon-before:before {
	font-family: "icomoon";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 8px;
	width: 20px;
	height: 20px;
	font-size: 20px;
	margin-bottom: 1px;
}
a.mod-sort,
a.mod-refresh,
a.mod-collapse-closed,
a.mod-collapse,
a.mod-menu {
	/* background: #fff; */
	width: 40px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	color: #006fbc;
	text-align: center;
	border-radius: 6px;
	vertical-align: middle;
	padding: 8px;
	box-sizing: border-box;
}

a.mod-collapse-closed:before,
a.mod-collapse:before {
	font-size: 24px;
}

a.mod-sort:hover,
a.mod-refresh:hover,
a.mod-collapse-closed:hover,
a.mod-collapse:hover,
a.mod-menu:hover,
.mod-morelink > a:hover {
	/* background: #92d2ff !important; */
	color: #549fd2;
}
.mod-sort:before,
.mod-refresh:before,
.mod-collapse-closed:before,
.mod-collapse:before,
.mod-menu:before {
	display: inline-block;
	font-size: 16px;
	text-align: center;
	margin: auto;
	/*margin-top: 2px;*/
}
.divcaption Label {
	display: inline-block;
	/*margin:10px 3px 0 0;*/
}
.classDisabled img {
	display: inline-block;
}

.cloudDrive img,
.cloudSource img {
	width: 20px;
	height: 20px;
}

/*#seld .grplistitem .listitem div:nth-child(2) button:first-child img{
    display: inline-block;
    vertical-align: middle;
}*/

#userZone,
#selectLingus,
#selectDegree {
	cursor: pointer;
	margin-bottom: 4px;
}
#dynawin {
	min-height: 426px;
	border: 1px solid #ccc !important;
	-webkit-box-shadow: 0 2px 10px #ddd;
	-moz-box-shadow: 0 2px 10px #ddd;
	-o-box-shadow: 0 2px 10px #ddd;
	box-shadow: 0 2px 10px #ddd;
}
#dynawinContent {
	min-height: 356px;
	padding-left: 16px;
	box-sizing: border-box;
}

/*firefox only #dynawinContent padding-right*/
@-moz-document url-prefix() {
	#dynawinContent {
		padding-right: 12px;
	}
}

.master #newitempower:before,
.enavbar2 #newitempower:before,
.wfAddActivity:before,
#btnCreateSample:before {
    font-family: 'icomoon';
    content:"\e643";
    font-size: 12px;
	line-height: 20px;
    margin:0;
}
.enavbar2 + div button#newitempower:before {
	font-family: "icomoon";
	content: "\e643";
	font-size: 12px;
	line-height: 20px;
	margin: 0 !important;
	top: -1px !important;
}
#addnew:before,
#addnew2:before,
#newWatermark:before,
#newMember:before,
#newRoleMember:before,
.enavbar2 #btnAdd:before {
	font-family: "icomoon";
	content: "\e643";
	font-size: 12px;
	line-height: 20px;
	top: -1px !important;
}
#addnew2:before {
	margin: 0 !important;
}

.report-query-tool #btnQuery:before,
#report-tool #btnResetQuery:before {
	font-family: "icomoon";
	content: "\e668";
	top: -1px !important;
}
#report-tool #export:before {
	font-family: "icomoon";
	content: "\e67a";
}

#liViewField:before,
#liCreateFolder:before,
#liUpdateFolder:before,
#liMoveFolder:before,
#liCopyFolder:before,
#liDeleteFolder:before,
#liSubscribeFolder:before,
.enavbar2 + div button#newitempower:before,
#addnew:before,
#addnew2:before,
.report-query-tool #btnQuery:before,
#report-tool #btnResetQuery:before,
#report-tool #export:before,
#newWatermark:before,
#newMember:before,
#newRoleMember:before,
.enavbar2 #btnAdd:before,
.btn01_mouseout.MoveUp:before,
.btn01_mouseout.MoveDown:before,
.btn01_mouseout.MoveTop:before,
.btn01_mouseout.MoveTop:after,
.btn01_mouseout.MoveBottom:before,
.btn01_mouseout.MoveBottom:after,
.icon-arrow-up-thick:before,
.icon-arrow-down-thick:before,
.icon-clock-o:before {
	font-family: "icomoon";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	position: relative;
	font-size: 20px;
	margin-right: 8px;
}
.mod-collapse-closed:before {
	font-family: "icomoon";
	content: "\e664";
	/* display: block; */
}
/* .mod-remove:before {
    display: block;
} */


.btn01_mouseout:disabled {
	background: #f5f5f5 !important;
	border: 1px solid #cacaca !important;
	color: #999 !important;
	cursor: not-allowed !important;
}

.btn01_mouseout.FolderNavigation:disabled,
.btn01_mouseout.FolderNavigation:disabled:before {
	color: #999 !important;
}

.mod-sort:before {
	font-family: "icomoon";
	content: "\e90f";
	font-size: 22px;
	margin-bottom: 3px;
}
.mod-refresh:before {
	font-family: "icomoon";
	font-size: 100%;
	content: "\e651";
}
.mod-menu:before {
	font-family: "icomoon";
	content: "\e663";
}
#liViewField:before,
#btninfoFolder:before {
	content: "\e91c";
	font-family: "icomoon";
	vertical-align: inherit\9;
}

.FolderNavigation:before,
.FolderNavigation {
	color: #006fbc;
}
/*.FolderNavigation:hover:before{
    color:#fff;
}*/
#btninfoFolder {
	line-height: 26px\0;
}

#liAddFavoriteFolder:before,
#btnAddFavoriteFolder:before,
#liAddFavoriteCategory:before,
#btnAddFavoriteCategory:before {
	font-family: "icomoon";
	content: "\e91e";
}

#btnAddFavoriteCategory.cancelFavorite:before,
#btnAddFavoriteFolder.cancelFavorite:before {
	font-family: "icomoon";
	content: "\e924";
	/* color: #006fbc; */
}

#btnSubscribeFolder.cancelSubscribe:before,
#btnSubscribeCategory.cancelSubscribe:before,
#subscribeDocument.cancelSubscribe:before {
	font-family: "icomoon";
	content: "\e910";
	/* color: #006fbc; */
}

#liAddFavoriteFolder:before,
#btnAddFavoriteFolder:before,
#liAddFavoriteCategory:before,
#btnAddFavoriteCategory:before {
	font-family: "icomoon";
	content: "\e91e";
}

#liCreateFolder:before,
#btnCreateFolder:before {
	font-family: "icomoon";
	content: "\e906";
}
#liUpdateFolder:before,
#btnUpdateFolder:before,
.btnEditSample:before {
	font-family: "icomoon";
	content: "\e90a";
}
#liMoveFolder:before,
#btnMoveFolder:before {
	font-family: "icomoon";
	content: "\e916";
}
#liCopyFolder:before,
#btnCopyFolder:before {
	font-family: "icomoon";
	content: "\e91d";
}
#liDeleteFolder:before,
#btnDeleteFolder:before {
	font-family: "icomoon";
	content: "\e914";
}
#liSubscribeFolder:before,
#btnSubscribeFolder:before,
#btnSubscribeCategory:before {
	font-family: "icomoon";
	content: "\e919";
}

#createButton:before {
	font-family: "icomoon";
	content: "\e921";
	margin-right: 4px;
}
.mod-collapse:before {
	font-family: "icomoon";
	content: "\e663";
}

#checkInCheckOut:before {
	font-family: "icomoon";
	content: "\e915";
	display: inline-block;
}
#cloneDocument:before {
	font-family: "icomoon";
	content: "\e91d";
	display: inline-block;
}
#editDocument:before {
	font-family: "icomoon";
	content: "\e90a";
	display: inline-block;
}
#deleteDocument:before,
.btnDeleteSample:before {
	font-family: "icomoon";
	content: "\e914";
	display: inline-block;
}
#moveDocument:before {
	font-family: "icomoon";
	content: "\e916";
	display: inline-block;
}
#createBookmark:before {
	font-family: "icomoon";
	content: "\e91a";
	display: inline-block;
}
#subscribeDocument:before {
	font-family: "icomoon";
	content: "\e919";
	display: inline-block;
}
#addFavoriteDocument:before {
	font-family: "icomoon";
	content: "\e913";
	display: inline-block;
}
#forwardDocument:before {
	font-family: "icomoon";
	content: "\e90c";
	display: inline-block;
}
#conflictContainer #conflictheader .right .mod-delete {
	background: #fff;
}
#conflictContainer #conflictheader .right .mod-delete img {
	display: block;
}
#contentdetail .grid td {
	word-break: break-all;
	word-wrap: break-word;
}

.set-able {
	display: inline-block !important;
	vertical-align: middle;
}

/*IE10 hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.headerBarcheckbox {
		margin-top: -8px;
	}
}
.headerBarcheckbox {
	float: right;
	margin-top: -3px;
	margin-top: -7px\9;
}
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
 .headerBarcheckbox{margin-top:-8px;}
}  */
.headerBarcheckbox-searchall {
	float: right;
	margin-top: 0px;
}
#discussion-section {
	min-height: auto !important;
	min-height: inherit !important;
}

.btn01_mouseout.MoveTop,
.btn01_mouseout.MoveBottom,
.btn01_mouseout.MoveUp,
.btn01_mouseout.MoveDown {
	width: 48px;
	height: 48px;
	font-size: 140%;
	text-align: center;
	padding: 0px !important;
	line-height: 48px;
	position: relative;
}

.btn01_mouseout.MoveUp:before,
.btn01_mouseout.MoveTop:before,
.btn01_mouseout.MoveTop:after {
	font-family: "icomoon";
	content: "\e664";
}
.btn01_mouseout.MoveDown:before,
.btn01_mouseout.MoveBottom:before,
.btn01_mouseout.MoveBottom:after {
	font-family: "icomoon";
	content: "\e663";
}

.btn01_mouseout.MoveTop:before,
.btn01_mouseout.MoveTop:after,
.btn01_mouseout.MoveBottom::before,
.btn01_mouseout.MoveBottom:after,
.btn01_mouseout.MoveUp:before,
.btn01_mouseout.MoveDown:before {
	position: absolute;
	left: 12px;
	display: inline-block;
}

.btn01_mouseout.MoveUp:before,
.btn01_mouseout.MoveDown:before {
	top: 12px;
}

.btn01_mouseout.MoveTop:before,
.btn01_mouseout.MoveBottom:before {
	top: 10px;
}

.btn01_mouseout.MoveTop:after,
.btn01_mouseout.MoveBottom:after {
	top: 16px;
}

.pickColorStyleInput,
.pickLayoutStyle img,
.pickLayoutStyle input {
	vertical-align: middle;
}
.pickColorStyle {
	width: 96px;
	height: 25px;
	vertical-align: middle;
	display: inline-block;
}

.summaryInfoTh {
	line-height: 23px;
	line-height: 26px\0;
}

@media all and (min-width: 0) {
	.summaryInfoTh {
		line-height: 26px\0;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.summaryInfoTh {
		line-height: 22px\0;
	}
}

.summaryInfoRadio label {
	margin-left: 5px;
}

.icon-arrow-up-thick:before {
	font-family: "icomoon";
	content: "\e6a4";
	margin: 0;
}
.icon-arrow-down-thick:before {
	font-family: "icomoon";
	content: "\e6a5";
	margin: 0;
}

/*=== clout start ===*/
.btn-edit button:before,
#functionTree li a:before,
.fileGrid.grid td button:first-child:before,
.fileGrid.grid td button:last-child:before,
.reportGrid.grid td button:first-child:before,
.filelistRightArea.right button:before,
.fileresultRightArea.right button:before,
.reportlistRightArea.right #btnAdd:before {
	font-family: "icomoon";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 5px;
}

.grid.clout {
	background: none;
	font-size: 18px !important;
	
}
.reportGrid.grid,
.fileGrid.grid,
#conditionContent .grid,
.ng-isolate-scope .grid,
.ng-scope .privilegeGrid,
.ng-scope .grid {
	font-size: 14px;
}
.cloutPersonalPointArea {
	position: relative;
	text-align: center !important;
	width: 30%;
	min-width: 200px;
}
.cloutPersonalPointArea .avatar {
	position: absolute;
	top: -30px;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 5px solid #fff;
	margin: 0 0 0 -53px;
	padding: 0;
	box-shadow: 0 0 5px #666;
	-webkit-ox-shadow: 0 0 5px #666;
	-moz-box-shadow: 0 0 5px #666;
	-o-box-shadow: 0 0 5px #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	background: #000;
	z-index: 1;
}
.myPointArea {
	position: relative;
	top: 45px;
	left: 0;
	width: 94%;
	margin: 0 4% 0 2%;
	height: auto;
	list-style: none;
	padding: 0;
	background: #f4f4f4 !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-bottom: 2px solid #b5b5b5;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	box-shadow: 0 0 5px #ddd;
	-webkit-ox-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-o-box-shadow: 0 0 5px #ddd;
}
.myPointName {
	width: 100%;
	font-size: 120% !important;
	margin: 80px auto 0;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}
.myPointTotalNumberTitle,
.myPointTotalScoreTitle {
	position: relative;
	display: inline-block;
	width: 50%;
	padding: 5px 0 10px;
	background: #fff;
}
.myPointTotalNumberTitle {
	color: #279525;
	border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-o-border-radius: 0 0 0 5px;
}
.myPointTotalScoreTitle {
	color: #ff9900;
	border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-o-border-radius: 0 0 5px 0;
}
.myPointTotalNumber,
.myPointTotalScore {
	font-weight: bolder;
	display: inline-block;
	width: 50%;
	height: 60px;
	font-size: 200%;
	line-height: 60px;
	background: #fff;
	word-break: break-all;
}
.myPointTotalNumber {
	color: #ff9900;
	position: relative;
	border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-o-border-radius: 0 0 0 5px;
}
.myPointTotalNumber:after,
.myPointTotalNumberTitle:after {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #ddd;
}
.myPointTotalScore {
	color: #ff9900;
	border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-o-border-radius: 0 0 5px 0;
}
.pointRuleList {
	padding-top: 20px;
}
.pointRuleListInner {
	border-bottom: 1px solid #ccc;
	height: 0;
	overflow: hidden;
}
.pointRuleListBtn {
	position: relative;
	display: block;
	cursor: pointer;
	border: 1px solid #ccc;
	border-top: 0;
	text-align: center;
	line-height: 25px;
	width: 100px;
	height: 25px;
	margin: 0 auto;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
	padding: 0 10px;
	background: #fff;
	color: #3c7bd6;
	font-size: 14px;
	box-shadow: 0 1px 5px #ccc;
	-webkit-box-shadow: 0 1px 5px #ccc;
	-moz-box-shadow: 0 1px 5px #ccc;
	-o-box-shadow: 0 1px 5px #ccc;
}
.pointRuleListBtn:before {
	display: block;
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
}
/*.pointRuleListBtn:after{
    content:"▽";
    color:#3c7bd6;
}*/
/*clout functiontree*/
#functionTree li a {
	text-decoration: none;
}
#functionTree li a:before {
	content: "\e634";
	font-family: "icomoon";
	color: #444;
	margin: 0 0 0 5px;
}
#functionTree li img {
	/*vertical-align: middle;*/
	display: none;
}

.listcategory-checkboxShowSummary {
	margin: 0 !important;
}
@media all and (min-width: 0) {
	.listcategory-checkboxShowSummary {
		margin: 9px -3px 0 0\0 !important;
		margin: 4px -3px 0 0 !important;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.listcategory-checkboxShowSummary {
		margin: 4px -3px 0 0 !important;
	}
}

/*clout manage*/
.btn-edit,
.btn-form {
	margin-left: 8px;
}
.btn-edit button,
.btn-form button {
	background: #fff;
	background: linear-gradient(to bottom, #fff 0, #eee 100%) #fff !important;
	padding: 8px 12px !important;
	border: 1px solid #bbb;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-mox-border-radius: 4px;
	-o-border-radius: 4px;
	color: #006fbc !important;
	display: inline-block;
	font-size: 14px;
	font-weight: bolder;
	min-height: 18px;
	vertical-align: top;
	cursor: pointer;
	outline: none;
}
.divcontent.ng-scope .right {
	float: right;
}
/* @-moz-document url-prefix() {
	.divcontent.ng-scope .right {
		width: auto !important;
	}
	.divcontent.ng-scope .right input[type="button"] {
		display: inline-block;
	}
} */
.divcontent.ng-scope .right input {
	display: inline-block !important;
	float: none !important;
}
.divcontent.ng-scope .right input:first-child {
	margin-right: 5px;
}
.btn-edit button:before {
	font-family: "icomoon";
	content: "\e659";
}
input[ng-value="newReport.saveButton"],
.btn-form button[type="submit"],
.divcontent.ng-scope #btnAdd,
#newRole #submitnewrole,
.newitemstyle #submitnew,
.newitemstyle .edit_confirm {
	background: #006fbc !important;
	color: #fff !important;
}
input[ng-value="newReport.saveButton"]:hover,
.btn-form button[type="submit"]:hover,
.divcontent.ng-scope #btnAdd:hover,
#newRole #submitnewrole:hover,
.newitemstyle #submitnew:hover,
.newitemstyle .edit_confirm:hover {
	background: #77b3dc !important;
}
.reportGrid.grid .ng-pristine.ng-valid {
	margin-bottom: 5px;
}
.reportGrid.grid .ng-isolate-scope .ng-pristine.ng-valid {
	background: none;
}
.divcontent form[name="tableform"] {
	text-align: right;
}
.divcontent form[name="tableform"] .panel {
	margin: 10px 0;
}
.divcontent .nodata {
    padding: 16px;
    text-align: center;
    font-size: 14px;
}
.divcontent .moreresult {
    padding: 16px;
    display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 4px;
}
.divcontent .moreresult a {
	font-size: 14px;
	text-decoration: none;
}

.divcontent .moreresult a:after {
	content: "\e661";
	font-family: "icomoon";
	margin-left: 4px;
	vertical-align: middle;
}
table.privilegeGrid td,
table.notificationGrid td {
	background: #fff !important;
}
table.privilegeGrid td:hover,
table.notificationGrid td:hover {
	background: rgb(242, 242, 242) !important;
}

.fileGrid.grid td button,
.reportGrid.grid td button {
	background: #006fbc !important;
	background: linear-gradient(to top, #006fbc 0, #5e99f1 100%) #fff !important;
	color: #fff !important;
}
.fileGrid.grid td button:hover,
.reportGrid.grid td button:hover {
	background: #77b3dc !important;
	border-color: #bbb !important;
}
.fileGrid.grid td button:first-child:before,
.reportGrid.grid td button:first-child:before {
	font-family: "icomoon";
	content: "\e649";
}
.fileGrid.grid td button:last-child:before {
	font-family: "icomoon";
	content: "\e909";
}
.filelistRightArea.right button:before,
.fileresultRightArea.right button:before {
	font-family: "icomoon";
	content: "\e623";
	margin: 0;
}
.reportlistRightArea.right #btnAdd:before {
	font-family: "icomoon";
	content: "\e643";
	line-height: 20px;
	margin: 0;
	top: -1px;
	font-size: 12px;
}
form[name="tableform"] button:first-child:before {
	display: none;
}
#menu.ng-scope #nav .f_nav {
	margin-top: -3px;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide,
.editable-hide {
	display: none !important;
}
.treeview li span {
	color: #3c7bd6;
}
.treeview li span:hover {
	color: #77b3dc !important;
}
form[name="tableform"] .btn-new.right[ng-show="isNewRule"] button:first-child {
	background: #006fbc !important;
	color: #fff !important;
}
.refreshMyPoint {
	outline: none;
	cursor: pointer;
	position: absolute;
	top: 70px;
	right: 5px;
	background: green;
	width: 25px;
	height: 25px;
	border: 1px solid #aaa;
	border-radius: 3px;
	background: url("../images/rf-mypoint.png") center center no-repeat;
}
.refreshMyPoint:hover {
	background: url("../images/rf-mypoint-hover.png") center center no-repeat;
}
.refreshMyPoint:active {
	background: url("../images/rf-mypoint-active.png") center center no-repeat;
}

.avatarNormal {
	display: block;
	width: 100px;
	height: 100px;
	border: 5px solid #fff;
	padding: 0;
	margin: 0;
	box-shadow: 0 0 5px #666;
	-webkit-ox-shadow: 0 0 5px #666;
	-moz-box-shadow: 0 0 5px #666;
	-o-box-shadow: 0 0 5px #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	background: #000;
	z-index: 1;
}
.myPointAreaNormal {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-bottom: 2px solid #b5b5b5;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	box-shadow: 0 0 5px #ddd;
	-webkit-ox-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-o-box-shadow: 0 0 5px #ddd;
}
.myPointTotalNumberNormal {
	color: #279525;
	font-weight: bolder;
	display: inline-block;
	font-size: 200%;
	background: #fff;
	word-break: break-all;
}
.myPointTotalScoreNormal {
	color: #ff9900;
	font-weight: bolder;
	display: inline-block;
	font-size: 200%;
	background: #fff;
	word-break: break-all;
}
.myPointTotalNumberTitleNormal,
.myPointTotalScoreTitleNormal {
	background: #fff;
}
.myPointTotalNumberTitleNormal {
	color: #279525;
}
.myPointTotalScoreTitleNormal {
	color: #ff9900;
}
/*=== clout end ===*/

div[id="morelinkPanelOfTotalPointRank"] > a {
	display: inline-block;
	padding: 5px 10px;
	background-color: #fefefe;
	color: #999;
	margin: 0 -20px -20px 0;
}
div[id="morelinkPanelOfTotalPointRank"] > a:hover {
	color: #77b3dc;
}
a.cloutLink {
	text-decoration: none;
}
a.cloutLink:hover {
	text-decoration: underline;
}
div #doc-check-all:before,
div #stickydoc-check-all:before {
	display: inline-block;
	vertical-align: middle;
}
#divdocbulkjob > div > div,
#divstickydocbulkjob > div > div {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	min-width: 30px;
}
.checkall {
	width: 21.6px;
	height: 21.6px;
}
#divdocbulkjob label,
#divstickydocbulkjob label {
	display: inline-block;
	line-height: 37px;
	color: #666;
	font-weight: bold;
}
#slidingSidebarItem {
	background: #ffffff;
	max-height: 500px;
	width: 175px;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #bbb;
	border-top: 1px solid #dcdcdc;
	border-radius: 0px 0px 6px 0px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	opacity: 0.9;
}
#slidingSidebarItem div {
	margin-top: 10px;
	line-height: 20px;
}
#slidingSidebarHeader {
	float: right;
	background: #0f517c;
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-radius: 0px 5px 5px 0px;
	height: 80px;
	width: 25px;
	opacity: 0.8;
}
#slidingSidebarHeader div {
	font-size: small;
	color: #fff;
	line-height: 80px;
}
#slidingSidebar {
	position: fixed;
	width: 200px;
	left: -180px;
	top: 30%;
	z-index: 2;
	transition: 0.5s;
	/*cursor: pointer;*/
}
/*#slidingSidebar:hover {
    transition: 0.5s;
    left: 0;
}*/
#slidingSidebar.show {
	transition: 0.5s;
	left: 0;
}
.selected-document {
	border: 3px red solid !important;
}
.breaking-word {
	word-break: break-all;
	word-wrap: break-word;
}
div.wfpanel table.workflow-auditor-box {
	border-style: solid;
	border-width: 1px 0 0 0;
}

.icon-clock-o:before {
	content: "\e91f";
	top: 0;
	margin-right: 0;
	font-size: 20px;
	padding: 2px;
	color: #006fbc;
}
table tr.editExpiryRange td {
	font-size: 100%;
	background-color: #f6f6f6 !important;
}

/*select .editExpiryRange td next element is div*/
.editExpiryRange-cell {
	display: flex;
	align-items: center;
	gap: 16px;
}

.buttonsblock {
	/*line-height: 32px;*/
	margin: auto;
}

.buttonsblock .buttondiv {
	display: inline-block;
	/* padding-right: 5px;*/
	vertical-align: middle;
	/*height: 100%;*/
}

.buttonsblock .buttondiv input {
	vertical-align: middle;
	width: 21.6px;
	height: 21.6px;
}

.buttonsblock .buttondiv img {
	vertical-align: middle;
}

.spacebar {
	clear: both;
	border-bottom: 1px solid #cecece;
	width: 100%;
}

div.localepicker .localepicker-selector {
	display: inline-block;
	color: #006fbc;
}

.recommend-category-block {
	position: relative;
}

.recommend-category-block > div {
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
}

.recommend-category-block > .re-refresh {
	margin-left: 10px;
	line-height: 16px;
	height: 16px;
	width: 8px;
	vertical-align: middle;
}

.recommend-category-block > .re-refresh:before {
	font-family: "icomoon";
	content: "\e651";
	display: inline-block;
	font-size: 12px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	color: #777;
	cursor: pointer;
	position: absolute;
	line-height: 16px;
}

.recommend-category-block > .re-refresh:hover:before {
	color: #ddd;
	transform: rotate(360deg);
	transition: all ease-in-out 10s;
}

.recommend-category {
	white-space: nowrap;
}

.recommend-category div {
	display: inline-block;
}

.recommend-category div.title {
	font-weight: bold;
	color: #585858;
	vertical-align: top;
	margin: 0px 5px;
	padding: 3px 0px;
}

.recommend-category div.no-items {
	vertical-align: top;
	margin: 0px 5px;
	padding: 3px 0px;
}

.recommend-category .loading {
	display: inline-block;
	vertical-align: middle;
	background: url(../images/loading.gif) no-repeat 0 0px;
	height: 16px;
	width: 16px;
}

.recommend-category .error {
	display: inline-block;
	white-space: normal;
	vertical-align: sub;
}

.recommend-category .items .recommend-item {
	display: inline-block;
	margin: 0px 10px 0px 0px;
	padding: 3px 5px;
	cursor: pointer;
	border-radius: 3px;
}

.recommend-category .items .sim1 {
	color: #ddddcc;
}

.recommend-category .items .sim2 {
	color: #bbbbcc;
}

.recommend-category .items .sim3 {
	color: #9999cc;
}

.recommend-category .items .sim4 {
	color: #5555cc;
}

.recommend-category .items .sim5 {
	color: #0000aa;
}

.recommend-category .items .recommend-item.selected {
	background: #222;
	color: #fff;
}

.similar-words-block {
	position: relative;
	margin: 0 0 22px 5px;
}

.similar-words-block:empty {
	margin: 0;
}

.similar-words div {
	display: inline-block;
}

.similar-words div.title {
	font-weight: bold;
	color: #585858;
	vertical-align: top;
	margin: 0 10px;
	padding: 3px 0px;
}

.similar-words .items .item {
	display: inline-block;
	margin: 0px 10px 0px 0px;
	padding: 3px 5px;
	cursor: pointer;
	border-radius: 3px;
	color: #3c7bce;
	font-weight: bold;
}

.lambdaUtilitiesDisplayNone {
	display: none;
}
.lambdaUtilitiesDocBulkJob-td {
	width: 30px;
	vertical-align: middle;
	text-align: center;
	display: none;
}
.lambdaUtilitiesDisplayInlineBlock {
	display: inline-block;
}
.lambdaUtilitiesBorderBlackMarginLeft {
	border: black 1px solid;
	margin-left: 5px;
}
.document-list-attachments-table {
	margin-top: 10px;
	table-layout: fixed;
	width: 100%;
}
.lambdaUtilitiesVerticalAlignTop {
	vertical-align: top;
}
.lambdaUtilitiesTableLayout {
	table-layout: fixed;
	width: 100%;
}
.lambdaUtilitiesVerticalAlignTopPaddingRight {
	vertical-align: top;
	padding-right: 15px;
}
.lambdaUtilitiesMarginBottom {
	margin-bottom: 3px;
}
.attachment-summary {
	margin-left: 10px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pagerCursorPointer {
	cursor: pointer;
}
.profileCloutRankTable {
	width: 96%;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}
.profileCloutRankTabletd {
	padding: 3px;
	background-color: transparent;
}
.profileCloutRankLinkColorff9900 {
	color: #ff9900;
}
.profileCloutRankSpanBoldff9900 {
	font-weight: bold;
	font-size: 21px;
	color: #ff9900;
}
.profileCloutRankLinkColor279525 {
	color: #279525;
}
.profileCloutRankSpanBold279525 {
	font-weight: bold;
	font-size: 21px;
	color: #279525;
}
.profileCloutRankSpanff9900 {
	font-size: 14px;
	color: #ff9900;
}
.profileCloutRankSpan279525 {
	font-size: 14px;
	color: #279525;
}
.fontSize82 {
	font-size: 82%;
}
.heightWidth16 {
	height: 16px;
	width: 16px;
}
.textDecorationNone {
	text-decoration: none;
}
.verticalAlignBottomWidthHeight16 {
	vertical-align: bottom;
	width: 16px;
	height: 16px;
}
#urlLink {
	text-decoration: underline;
	vertical-align: middle;
}
#urlTriangle {
	text-decoration: none;
	vertical-align: middle;
}
.verticalAlignMiddle {
	vertical-align: middle;
}
.displayNoneVisibilityHidden {
	display: none;
	visibility: hidden;
}

.none-data-text {
	color: #8d8d8d;
	padding: 12px 16px;
}

.vertical-divider {
	content: "";
	padding: 12px 0;
	border-left: 1px solid #3c3c3c33;
	margin: 0px 4px;
}

.dynamic-menu .selected-block {
	display: flex;
	align-items: center;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid #006fbc !important;
	text-align: right;
	background: #fff !important;
	border-radius: 6px !important;
	font-weight: bold;
	white-space: nowrap;
}

.dynamic-menu .selected{
	flex: 1;
	text-align: left;
	white-space: nowrap;
}

.dynamic-menu .selected-block > span:has(small) {
	margin-left: 8px;
}

.selected-block:hover {
	background: #b2d2e9 !important;
}

.dynamic-menu .items > li {
	padding: 9px 33px 9px 12px !important;
}

.dynamic-menu .items > li:has(.add-item-block) {
	padding: 0 !important;
}

.dynamic-menu .items > li .add-item-block {
	padding: 9px 33px 9px 12px !important;
}

.addIcon-before:before {
	font-family: "icomoon";
	content: "\e906";
}

.removeIcon-before:before {
	font-family: "icomoon";
	content: "\e900";
}

.fixedAction {
	position: fixed;
	z-index: 50;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 22px 24px;
	box-sizing: border-box;
	box-shadow: 0 -8px 15px rgba(19, 26, 52, 0.05);
}

.stickyBottomAction {
	position: sticky;
	z-index: 3;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 16px 24px;
	box-sizing: border-box;
	box-shadow: 0px -8px 15px 0px #131a340d;
	margin-top: 16px;
	display: flex;
	justify-content: flex-end;
	gap: 16px;
	border-radius: 0 0 8px 8px
}

.fixedAction input[type="button"],
.stickyBottomAction input[type="button"],
.stickyBottomAction input[type="submit"],
.stickyBottomAction input[type="reset"],
.stickyBottomAction button {
	min-height: 48px !important;
	min-width: 96px;
}

.actionGroup {
	display: flex;
	gap: 16px;
}
.description-text {
	font-size: 14px;
	color: #8d8d8d;
}
.description-block {
	position: relative;
	margin-top: 8px;
	padding: 12px;
	background-color: #f6f6f6;
	font-size: 12px;
	border-radius: 2px;
}

.description-block:before {
	content: "";
	position: absolute;
	display: block;
	width: calc(sqrt(128) * 1px);
	height: calc(sqrt(128) * 1px);
	top: calc(sqrt(128) * -0.5px);
	left: calc(sqrt(128) * 1px);
	background-color: #f6f6f6;
	transform: rotate(45deg);
}

.document-attr-field {
	position: relative;
}

/* .document-attr-field .subjectlist {
	margin-top: 10px;
} */
.subject-selector {
	position: relative;
	margin-top: 16px;
}
.subject-selector .subject-action,
.document-attr-field .subject-action {
	display: flex;
	position: absolute;
	padding: 0 2px;
	gap: 16px;
	top: -48px;
	right: 0;
}

.checkboxes-table tbody,
.radios-table tbody {
    display: flex;
	flex-wrap: wrap;
    gap: 16px;
}

.checkboxes-table tbody > tr,
.radios-table tbody > tr {
    display: flex;
	flex-wrap: wrap;
    gap: 16px;
}

.checkboxes-table tbody > tr > td,
.radios-table tbody > tr > td {
    display: flex;
    align-items: center;
    gap: 2px;
} 
.TagText {
	font-size: 16px;
	padding: 2px 6px;
	color: #006fbc;
	border: 1px solid #006fbc;
	border-radius: 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 240px;
	display: block;
}

.TagText:hover {
	color: #549fd2;
	border-color: #549fd2;
}

.SelectedTag {
	background: #006fbc;
	color: white;
}

.SelectedTag:hover {
	background: #549fd2;
	color: white;
}

.OptionalTagTitle {
	font-weight: bold;
}

.bookmark-section {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.bookmark-section .bmTag-option-section {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 16px;
	border-radius: 6px;
	background-color: #f6f6f6;
}
.bookmark-section .bmTagOptionInfo {
	color: #bdbdbd;
}

.bookmark-section .OptionalTagTitle {
	font-weight: bold;
	padding: 12px 0;
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	border-bottom: 1px solid #3c3c3c33;
}

.bookmark-section .bmTagOption {
	padding-top: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.bookmark-section .SideInfoText {
	color: #8d8d8d;
	font-size: 14px;
	font-weight: bold;
}

.switch-container .switch-label {
	margin: 0 3px 0 0;
	line-height: 37px;
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
}

.switch-container .switch {
	position: relative;
	display: inline-block;
	width: 51px;
	height: 32px;
	vertical-align: middle;
}

.switch-container .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch-container .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 34px;
	background-color: #cacaca;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.switch-container .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 2px;
	bottom: 3px;
	border-radius: 50%;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.switch-container input:checked + .slider {
	background-color: #006fbc;
}

.switch-container input:focus + .slider {
	box-shadow: 0 0 1px #006fbc;
}

.switch-container input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

.switch-container .slider.round {
	border-radius: 34px;
}
.switch-container .slider.round:before {
	border-radius: 50%;
}

.borderSpacing0 {
	border-spacing: 0;
}

label[for] {
	cursor: pointer;
}

.switch-container > label[for] {
	vertical-align: middle;
}

p > input[type="checkbox"] + label[for] {
	vertical-align: middle;
}

.no-data-text-container {
	text-align: center;
	color: #8d8d8d;
	padding: 16px;
}

.GB_Window {
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 1100 !important;
}

.GB_Window .header {
	background-image: none !important;
	background-color: #fff !important;
	height: 40px !important;
	padding: 12px 16px !important;
	border: 0 !important;
	border-spacing: 0 !important;
	border-radius: 12px 12px 0 0;
	position: relative;
	box-shadow: 0 4px 15px rgba(19, 26, 52, 0.05) !important;
}

.GB_Window .content,
.GB_Window .GB_frame {
	border-radius: 0 0 12px 12px;
	width: 100% !important;
}

.GB_Window .caption {
	font-size: 18px !important;
	text-align: left !important;
	width: 100%;
	font-weight: bold;
	white-space: nowrap;
	padding-right: 20px;
}
.GB_Window .close {
	display: flex;
	justify-content: flex-end;
	width: 40px;
	cursor: pointer;
}
.GB_Window .close img {
	padding: 0 !important;
}

.GB_Window .close > div {
	display: flex !important;
}

.GB_Window .close > div > span {
	display: none;
}


.GB_Window .content {
	border: 0 !important;
}

.modal-overlay {
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
}

div.sexy div.icon {
	display: none !important;
}

div.sexy input {
	width: 256px;
	min-width: 200px;
	padding: 8px 24px 8px 8px !important;
	height: 36px !important;
	line-height: 16px !important;
	background: url(../images/arrow-down-blue.svg) no-repeat #fff !important;
	background-position: top 50% right 6px !important;
	cursor: pointer !important;
	font-size: 16px !important;
}

div.sexy div.list-wrapper-up {
	bottom: 22px !important;
}

div.sexy div.list-wrapper {
	/* height: auto !important; */
	width: 286px !important;
	overflow-y: auto !important;
	top: 40px !important;
}

div.sexy ul {
	height: auto !important;
}

div.sexy li {
	padding: 8px !important;
	font-size: 16px !important;
	font-family: "PingFang";
}

.combo.sexy {
	height: 38px !important;
}

.arrow-right-after:after {
	font-family: "icomoon";
	content: "\e903";
	font-size: 14px;
	display: block;
}

td:has(> input.attrField[type="checkbox"]),
td:has(> input.attrField[type="radio"]) {
	display: flex;
	align-items: center;
}

.k-drawer-content {
	overflow: auto;
	height: calc(100vh - 72px);
}

.k-drawer-container
	> .k-drawer.k-drawer-start
	> .k-drawer-wrapper
	> .k-drawer-items
	[aria-label="知識管理"] {
	background-color: rgba(2, 57, 95, 0.6) !important;
}
/* 
#fragment-2 #privilegesTable tr th:nth-child(2),
#fragment-2 #privilegesTable tr td:nth-child(2),
#fragment-2 #privilegesTable tr th:nth-child(3),
#fragment-2 #privilegesTable tr td:nth-child(3),
#fragment-2 #privilegesTable tr th:nth-child(8),
#fragment-2 #privilegesTable tr td:nth-child(8),
#fragment-2 #privilegesTable tr th:nth-child(15),
#fragment-2 #privilegesTable tr td:nth-child(15) {
	border-left: 2px solid rgb(60 60 60 / 0.2);
}

#privilegesTable tr {
	border-bottom: 2px solid rgb(60 60 60 / 0.2);
}

#privilegeGrid tr:first-child th {
	border: 2px solid rgb(60 60 60 / 0.2);
}

.privilegeGrid tr th:nth-child(2),
.rivilegeGrid tr td:nth-child(2),
.privilegeGrid tr th:nth-child(2),
.privilegeGrid tr td:nth-child(2),
.privilegeGrid tr th:nth-child(15),
.privilegeGrid tr td:nth-child(15) {
	border-left: 2px solid rgb(60 60 60 / 0.2);
}

#privilegesTable tr th:nth-child(2),
#privilegesTable tr td:nth-child(2),
#privilegesTable tr th:nth-child(2),
#privilegesTable tr td:nth-child(2),
#fragment-1 #privilegesTable tr th:nth-child(7),
#fragment-1 #privilegesTable tr td:nth-child(7),
#privilegesTable tr th:nth-child(15),
#privilegesTable tr td:nth-child(15) {
	border-left: 2px solid rgb(60 60 60 / 0.2);
}

#fragment-4 #privilegesTable tr th:nth-child(2),
#fragment-4 #privilegesTable tr td:nth-child(2),
#fragment-4 #privilegesTable tr th:nth-child(3),
#fragment-4 #privilegesTable tr td:nth-child(3),
#fragment-4 #privilegesTable tr th:nth-child(8),
#fragment-4 #privilegesTable tr td:nth-child(8) {
	border-left: 2px solid rgb(60 60 60 / 0.2);
}

.privilegeGrid tr {
	border-bottom: 2px solid rgb(60 60 60 / 0.2);
}

.privilegeGrid tr:first-child th {
	border: 2px solid rgb(60 60 60 / 0.2);
} */

#preDate,
#postDate {
	padding: 10px;
}

.outlinedButton-disabled {
    border: 1px solid #CACACA !important;
    color: #CACACA !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.filledButton-disabled {
    border: 1px solid #CACACA !important;
    background: #CACACA !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.applicationWebpart {
    /* padding: 14px 16px; */
}

.applicationWebpart a{
    text-decoration: none;
}

.hide {
    display: none !important;
}
.link-underline {
    text-decoration: underline !important;
}
.link-no-underline {
    text-decoration: none !important;
}
.applicationWebpart ul {
    display: block;
    list-style-type: none;
    padding-inline-start: 0px;
}

.applicationWebpart ul li {
    display: block;
    list-style-type: none;
    padding: 10px 0px 16px;
    border-bottom: 1px solid #f0f0f2;
    position: relative;
}

.applicationWebpart .applicationName .applicationDescription {
    visibility: hidden;
    width: auto;
    max-width: 100%;
    background-color: #555;
    color: #fff;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    white-space: pre-line;
    font-weight: normal;
    /*max-width: 45%;*/
    word-wrap: break-word;
    text-shadow: none;
    display: block;
    z-index: 1;
}

.applicationWebpart .applicationName:hover .applicationDescription {
    visibility: visible;
}


.announcementWebpart table {
    table-layout: fixed;
    width: 100%;
}

.announcementSummary {
    max-width: 100%;
    width: 100%;
    height: 100%;
    padding: 5px;
    margin: 5px;
    word-wrap: break-word;
    word-break: break-all;
}

.announcementSummary img,.announcementSummary table {
    max-width: 100%;
}

.announcementSummary pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.announcementWebpart .inline, .applicationWebpart .inline {
    display: flex;
}

.announcementWebpart .announcementPager, .applicationWebpart .applicationPager {
    width: 80%;
    margin: 10px;
}

.announcementWebpart .footer, .applicationWebpart .footer {
    width: 20%;
    font-size: small;
    margin: 10px;
    text-align: right;
    height: 100%;
}
.announcementWebpart .footer img{
    display:none;
}

.announcementWebpart .footer a{
    text-decoration: none !important;
}

.announcementTitle {
    font-size: 100%;
    font-weight: bold;
    word-break: break-all;
    word-wrap: break-word;
    color: #006fbc;
    cursor: default;
}
.lambdaUtilitiesVerticalAlignMiddle {
    vertical-align: middle;
}
.lambdaUtilitiesFontWeightBold {
    font-weight: bold;
}
.lambdaUtilitiesVerticalAlignBottom {
    vertical-align: bottom;
}
.lambdaUtilitiesVerticalAlignMiddleDisplayNone {
    width: 30px;
    vertical-align: middle;
    display: none
}


.cloutTotalPointRankDataList .list {
    padding: 7px 0px !important;
}
.announcementPopUpWindow {
    position: fixed;
    display: inline-block;
    top: 50%;
    left: 50%;
    width: auto;
	min-width: 480px;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    padding: 15px;
    border: 1px solid #ccc;
    overflow-x: auto;
    overflow-y: auto;
    max-width: 80%;
    max-height: 80%;
    z-index: 9999;
    animation: bounceIn 0.5s ease;
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.5) translate(-50%, -50%);
    }

    70% {
        transform: scale(1.2) translate(-50%, -50%);
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(-50%, -50%);
    }
}
.announcementbtnCloseWindow {
	width: 16px;
	margin-left: auto;
	cursor: pointer;
	color: #808080;
	position: sticky;
	top: 0;
}
.announcementbtnCloseWindow:before {
    font-family: "icomoon";
    content: "\e646";
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.fileLink {
    font-size: 75%;
}

.announcementSummary .fileLink img {
    margin-bottom: 0px !important;
}

.announcementSummary .grid2{
    width:100% !important;
}

.pin-to-top {
    background-color: #92BB40;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.unaddFavoritApplication {
    display: inline;
    cursor: pointer;
}

.unaddFavoritApplication:before {
    font-family: 'icomoon';
    content: "\e924";
}

.unadd-favorit-application:before {
	content: "\e91e" !important;;
	color: #006fbc;
}

.added-favorit-application {
    color: #006fbc;
}

.width-220, .width-220px {
	width: 220px;
}

.width-200, .width-200px {
	width: 200px;
}

td.width-220, td.width-220px {
	min-width: 220px;
}

td.width-200, td.width-200px {
	min-width: 200px;
}

.displayNone {
	display: none;
}

input[type="text"].backgroundColorLightGrey {
    background: LightGrey;
}

.facetedItem {
	flex: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.facetedItemCount {
	position: relative;
	float: right;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0px 4px;
	/* width: 20px; */
	min-width: 12px;
	height: 20px;
	font-size: 14px;
	color: #fff;
	background: #1CB479;
	border-radius: 50px;
	flex: 0 1 auto;
}

br + #btnRemove, br + #btnSubjectRemove {
	margin-top: 8px;
}

label:has(> input[type="checkbox"]), label:has(> input[type="radio"]) {
	display: flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

.cursorPointer {
    cursor: pointer !important;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
figure.image.align-center {
	display: table;
  	margin-left: auto;
  	margin-right: auto;
}

img[src*="images/loading.gif"] {
	display: block;
	margin: auto;
}

.announcement-attachment-td {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.announcement-attachment-td a {
	text-decoration: none;
}
.announcement-attachment-td a:hover {
	text-decoration: underline;
}

/* .expand-icon-before:before {
	font-family: "icomoon";
	content: "\e643";
}

.collapse-icon-before:before {
	font-family: "icomoon";
	content: "\e644";
}

.edit-icon-before:before {
	font-family: "icomoon";
	content: "\e90a";
	width: 20px;
    height: 20px;
    font-size: 20px;
}

.delete-icon-before:before {
	font-family: "icomoon";
	content: "\e914";
	width: 20px;
    height: 20px;
    font-size: 20px;
} */

.enabled-icon-before:before {
	font-family: "icomoon";
	content: "\e645";
	font-size: 16px;
	color: #279525;
}

.disabled-icon-before:before {
	font-family: "icomoon";
	content: "\e646";
	font-size: 14px;
	color: #ff0000;
}