@font-face {
font-family: 'Phetsarath_OT'; 
src: url('../fonts/phetsarath_ot.eot'); 
src: url('../fonts/phetsarath_ot.eot?#iefix') format('embedded-opentype'), 
url('../fonts/phetsarath_ot.woff2') format('woff2'), 
url('../fonts/phetsarath_ot.woff') format('woff'), 
url('../fonts/phetsarath_ot.ttf') format('truetype'),
url('../fonts/phetsarath_ot.svg#Phetsarath_OT') format('svg'); 
font-weight: normal;
font-style: normal; 
}
fieldset{
	padding: 0.1em 0.5em;
}

legend{
	padding: 0.5em;
	border-top-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	font-weight: bold;	
}

h4 {
	color: #2893ee;
}
/* document information format by dethsada  */

.docinfo{
	
}

.docinfo table{
	margin-left: 5em;
}

.docinfo td{
	padding: 0.5em;
}
.tb_hover:hover{
	background-color: #8cf8ef;
	cursor: pointer;
}
.td_hover:hover{
	background-color: #f83507;
	cursor: pointer;
}

.h1 {
	color: #5E1616;
	font-size: 1.5em;
	padding-bottom: 0.5em;
	border-bottom: dotted thin #2D2A52;	
	margin-bottom: 0.5em;
}

.h4{
	padding-top: 10px;
	color:#0000FF;
	font-style: italic;
}

.none_bd{
	border: none;
}
	
.subtitle{
	font-size: 13pt;
}

.menutitle{
	color: #3b5998;
	font-size: 1.3em;
	padding-bottom: 0.5em;
	border-bottom: solid thin #2D2A52;	
	margin-bottom: 0.5em;
}
/* --------------------------------------------- ICON ---------------------------------- */
.button {
	font-size: 0.9em;
	font-style: italic;
	background-color: #66F506;
	border: dotted thin;
	cursor: pointer;
	padding: 0.3em 0.4em;
	margin: 0.5em 0.4em;
	position: relative;
	text-decoration: none;
	border-radius: 0.3em;
}
.imagebutton{
	width: 25px;
	height: 25px;
}
.button1{
	padding: 0.5em 1.2em;
	margin-left: 0.5em
}
.deletebutton {
	position: relative;
	background-color: #41FA06;
	border: dotted thin;
	border-radius: 0.5em;
	padding: 0 0.7em;
	text-decoration: none;
}
.delete{
	cursor: pointer;
}
.erroricon{
	background-image: url('../img/iconErrorSmall.gif');
	width: 17px;
	height: 17px;
	position: absolute;
	right: 0;
}

/*---------------------------------------------- v_user form ------------------------------------ */
h3{
	color: #2D2A52;	
	margin: 0.8em auto;
	padding-bottom: 0.3em;
	border-bottom: dotted thin #2D2A52;
}

img{
	border: 0;
}

table{
	border-collapse: collapse;
}

.adjust{
	width: 2.5em;
}

.empty{
	width: 2em
}
.require{
	color: red;
	font-style: italic;
	font-weight: bold;
	margin-left: 0.5em;
}

.error{
	margin-left: 0.1em;
	color: red;
}
/*---------------------------------------------- Province Div ---------------------------------- */
.sumaried {
	margin-bottom: 1.5em;		
}
.sumaried ul a{
	margin: 1.2em auto;
}
.probox {
	display: inline-block;
}
.probox li{
	font-size: .8em;
	width:7.5em;
	height: 9.5em;
	float: left;
	border: solid 0.12em #30404A;
	list-style-type: none;
	margin: 0.5em;
	padding: 0.8em;
	border-radius: 1.2em;
	box-shadow: 0 0 0.8em #E2E2CF;
}
.probox img{
	width: 5em;
	height: 6em;
}
.probox a{
	text-decoration: none;
}
.probox li:hover{
	background-color: #2EF5F5;
}
.proname {
	color: #0000FF;
	font-weight: bold;
	margin-top: 0.5em;	
	word-wrap: break-word;
}
/*---------------------------------------------- INDEX PAGE ------------------------------------ */
.indexpage{
	margin-bottom: 5em;
	margin-top: 2em;
	
}
.indexpage ul a{
	margin: 2em auto;
}
.centered{
	text-align: center;
}
.errormessage{
	color: red;

	font-style: italic;
	font-weight: bold;
}
.messagebox{
	border: solid thin red;
	margin-top: 1.5em;
	padding: 1.2em;
}
.hidden{
	display: none;
}

.left{
	float: left;	
}

.right{
	float: right;
}
.header {
	font-size: 18pt;
	width: 100%;	
	border-bottom: dotted thin #0000FF;
	padding: 0.2em;
}
/*----------------------------------------- MASTER DATA BOX -----------------------------------------*/
.master{
	margin: 2em auto;
	position: relative;
	height: 10em;
}

/* ---------------------------------------- TITLE PAGE -------------------------------------------- */
.topic{
	position: absolute;
	margin-left: 1.2em;
}
.noticenames{
	position: absolute;
	font-size: 10pt;
	font-weight:bold;
	width:8.6em;
	padding: 0.9em 0.1em;
	word-wrap: break-word;
	background-color: rgba(0,0,0, 0.4);
	color: #F0F7F0;
}
.titlenames{	
	position: absolute;
	margin: 0em auto;
	font-size: 0.86em;
	padding: 0.7em 0.9em;
	width: 8.9em;		
	
	
	word-wrap: break-word;
	
		
	
}
.titles {
	display: inline-block;
	/*-------- try to fixed this for other browser by kongxiong
	width: 40%;
	*/
}
.titles li{	
	overflow: hidden;
	width:9em;
	height: 10em;
	float: left;	
	border: solid 1px #30404A;
	list-style-type: none;
	margin:0.3em 0.4em;	
	box-shadow: 0 0 0.5em #E2E2CF;
	border-radius: 0.3em;
	/*--- fixed the sized min --- by kongxiong */
	margin-top: 25px;
	
}
.titles img{
	
	width: 100%;	
	height: 100%;
}
.titles a{
	text-decoration: none;
	padding: 0.2em;
}
.titles li:hover{
	background-color: #2EF5F5;
	opacity: 0.5;
}
.titles label{
	position: absolute;
	padding: 0.5em;	
	border-bottom-right-radius: 0.8em;
	background-color: #0A246A;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.addrowbutton {
	margin-top: 0.3em;
	margin-bottom: 1.5em;
}
.addrowbutton input[type="submit"], .addrowbutton input[type="button"]{
	padding: 0.2em 0.5em;
	color: #FF0000;		
	border: dotted thin;
	cursor: pointer;
}
.submitbox {	
	margin-top: .5em;
	padding: 0.3em 0.2em;
	display: inline-block;	
	background-color: #E6E2AF;
	width: 100%;		
}
.submitbox input[type="submit"], .submitbox input[type="reset"], .submitbox input[type="button"], .submitbox button[type="button"] {
	padding: .3em 1.5em;
	font-weight: bold;
	cursor: pointer;
}
/* --------------------------------------------- Data Manager ------------------------ */

.tablebox{
	display: inline-block;
}
.tablebox li{
	float: left;
	list-style: none;
	margin: 0.3em;
	padding: 0.2em;
	border: solid 0.1em #30404A;	
}
/*********************************************** REPORT TABLE ***************************************** */
.equipreport{
	width: 100%;
}
.equipreport th{
	font-size:0.8em;
	padding: 0.3em;
	background-color: #576B9C;
	color: #FFFFFF; 
	border-bottom: solid thin #FFFFFF;
	border-right: solid thin #FFFFFF;
	border-left: solid thin #FFFFFF;   
}
.equipreport td{
	font-size: 0.8em;
	padding: 0.2em;
	border-bottom: dotted thin #30404A;
	border-right: dotted thin #30404A;
	border-left: dotted thin #30404A;
}

/* ------------------------------------------------------ SUMMARIES TABLE --------------------- */
.alignright {
	text-align: right;
}
.alignleft{
	text-align: left;
}
.sumtable {
	width: 100%;
	font-size: 0.7em;
}
.sumtable th{
	background-color: #4380D3;
	color: #FFFFFF;
	padding: 0.3em;
}
.sumtable td{
	padding: 0.2em;
	border-bottom: dotted thin #2D2A52;
	border-right: dotted thin #2D2A52;
	
}

.sumtable tr{
	border-bottom: dotted thin #2D2A52;
	
	
}

/********************************************************** BEAUTIFUL TABLE **********************************************************/
.beautified{
	width: 100%;
}

.beautified input{
	border: none;
}

.beautified th{
	background-color: #3b5998;
	color: #FFFFFF;
	padding: 0.3em;
}
.beautified td{	
	
	word-break: break-word;
	border-bottom: dotted thin #30404A;
	border-right: dotted thin #30404A;	
	
}

.beautified input[type="text"], .beautified select {
	width:100%;
	height: 100%;
	border: none;
	background-color: inherit;	
	
}
/* ----------------------- EDITABLE COMMITTEE --------------- */
.committee{
	width: 100%;
}
.committee input{
	border: none;
	width:95%;
	background-color: inherit;
}

.committee th{
	background-color: #3b5998;
	color: #FFFFFF;
	padding: 0.3em;
}

.committee td{
	word
	border-bottom: dotted thin #30404A;
	border-right: dotted thin #30404A;	
}

/* ------------------------ EDITABLE USER ------------------ */

.editable_user input[type="text"], .editable select{
	
	width: 100%;
	height: 100%;
	
	border: none;
	background-color: inherit;
}

.editable_user td{
	position: relative;
	padding: 0.5em;
}
.editable_user input[type=file]{
	display: block;
	font-size: 0.66em;
	width: 7em;
}
.editable_user input[type=number]{
	text-align: right
}
.editable_user button{
	width: 40px;
	height: 40px;
}

.editable_user td:nth-child(2) img{
	max-width: 7em;
	max-height: 10em;
}

/********************************************************** EDITABLE TABLE **********************************************************/
.editable input[type="text"], .editable select{
	
	/*width: 100%;
	height: 100%;*/
	
	border: none;
	background-color: inherit;
}

.editable td{
	position: relative;
	padding: 0.5em;
}
.editable input[type=file]{
	display: block;
	font-size: 0.66em;
	width: 7em;
}
.editable input[type=number]{
	text-align: right
}
/*.editable button{
	width: 40px;
	height: 40px;
}*/

.editable td:nth-child(2) img{
	max-width: 7em;
	max-height: 10em;
}
.attend{
	font-size: 12pt;
	font-weight: bolder;
	color:red;
}

.description{
	width: 35%;
	word-wrap: break-word;
	vertical-align: top;
}
/*------------------------------- */


.menubox{
	margin-top: 0.5em;
	margin-bottom: 1.2em;
	padding: 0.3em 0.2em;
	background-color: #E7F0FA;
}
.menubox button[type="button"],.menubox input[type="button"], .menubox input[type="submit"], .menubox input[type="reset"]{
	padding: 0.3em 1.2em;	
	border: solid  2px #8B90ED;
	font-weight: bold;
	cursor: pointer;
}

.menubox img{
	width: 3em;
	height: 3em;
}

.bold {
	font-weight: bold;
}
.italic{
	font-weight: bolder;
	font-style: italic;
	color:#0000FF;
}
/*----------------------------------------------- COLUMN FORMAT ----------------------------- */
.itemcode{
	width:120px;
}
.equipunit{
	width: 65px;
}
.safety {
	width: 150px;
}

.delete img{
	width: 1.1em;
	height: 1.1em;
}
.exitbutton{
	height: 2em;
}

.subcat a{
	display: inline-block;
	text-decoration: none;
	padding: 0.7em 1.8em;
	margin: 0.2em;
	border: dotted thin #2D2A52;
	border-radius: 0.5em;
}
.subcat a:hover{
	background-color:#FFE2BC;
}
/* -------------------------------------------- ITEM INSERT -------------------------- */
.list{
	position:absolute;
	list-style: none;
	background-color: #FFFFFF;
	z-index: 1;
}
.list li{
	line-height: 2.5em;
	cursor: pointer;
}
.list li:hover{
	background-color: #FFE2BC;
}

/* -------------------------------------------- PAGE DIVIDING ------------------------ */
.paging{
	clear: both;
	margin-top: 1.5em;
	padding-top: 0.5em;
	border-top: solid thin rgb(228, 225, 250);
	text-align: center;
}

.paging a{
	display: inline-block;
	padding: 0.2em 0.5em;
	margin: 0.2em;
	border: solid thin gray;
	border-radius: 0.3em;
	text-decoration: none;
	color: #863F00;
}
.paging a:hover{
	background-color: #F0F7F0;
}
.paging a.selected{
	background-color: #FFE2BC;
}
.amounterror{
	background-color: red;
	position:  absolute;
	float: right;
	border-radius: 0.5em;
	border-top-left-radius:0;
	display: none;
}
/*--------------------------------------------- Format Column width on table ----------------------- */

.itemcols{
	width: 30px;
}
.empcodecols{
	width: 70px;
}

/* -------------------------------------------- Search box (add by dethsada) ------------------------ */
.searchbox{
	padding: 0.2em;	
	background-color: rgba(245, 250, 250, 0.75);
	margin-bottom: 1em;
}
.searchbox input[type="button"],.searchbox input[type="submit"], .searchbox input[type="reset"]{
	padding: 0.4em 1.3em;		
	font-weight: bold;
	cursor: pointer;
	
}
.searchbox td,.searchbox input[type="text"]{
	padding: 0.2em;
}
.searchbox select{
	padding: 0.2em;
	
}

.searchbox fieldset{
	margin: 0 0.3em 0.5em 0.3em;
	padding: 0.5em;
}
.searchbox td{
	padding: 0.25em 0.2em;
}

.toexcel{
	background-color: #3b5998;
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.4),
		inset 0 -1.1em 1.5em -1.5em #82D8E8,
		inset 0 1.5em 1.5em -1.5em #82D8E8,
		inset 0 0.5em 0 0 rgba(255,255,255,0.1);
	border-radius: 0.8em;
	text-decoration: underline;
	color: white;
	border: solid 2px white;
}
.toprint{
	padding: 10px;
	cursor: pointer;
	background-color: #3b5998;
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.4),
		inset 0 -1.1em 1.5em -1.5em #82D8E8,
		inset 0 1.5em 1.5em -1.5em #82D8E8,
		inset 0 0.5em 0 0 rgba(255,255,255,0.1);
	border-radius: 0.8em;
	text-decoration: none;
	color: white;
	border: solid 2px white;
}

.adjustright{
	width:780px;
}


.notice{
	border-radius: 4em;
	border: solid thin;
	padding: 0.4em;
	margin-left: 0.2em;
	background-color: rgba(0,0,255,0.3);
	color: #F0F7F0;
	
}

/*************************************************** The Element FROM KONGXIONG *******************************************************/
/*--------------------------------------------------------------------------------------------------------------------------------------*/

h2, h3{
	font-size: 1.5em;
	color: #2893ee;
}

h4 {
	color: #2893ee;
}
h5 {
	color: red;
}
.hh1{
	padding:20px 0 0 30px;
	color: #a9a9da;
}

.btn2 {
	text-align: center;	
	background-color: #C2FCC5;
	border-radius: 0.2em;	
}

#tabh {
	border: 2px solid white;
	background-color: #EEE;
	text-align: left;
	padding-left: 0;
	border-spacing: 0; 
	border-collapse:collapse;
	border-color:#d3dce8;	
	width: 100%;
	
}
#tab {
	border: 2px solid black;
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px;
	border-spacing: 1px; 
	border-collapse:collapse;
	border-color:#8cd4f9;
	
	margin-left: 2.5%;	
	margin-right: 2.5%;	
	width:95%; 
	
}
#tab_report {
	border: 2px solid black;
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px;
	border-spacing: 1px; 
	border-collapse:collapse;
	border-color:#8cd4f9;
	
	margin-left: 2.5%;	
	margin-right: 2.5%;	
	width:100%; 
	max-width:940px;
	
}
.tbHeader {
	font-family: Times New Roman, Calibri, Calibri, tahoma;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #003333;
	background-color: #c3cfd8;
}
#tb_add{
	margin-left: 15%;
	margin-right: auto;
	
}
#tb_add td{
	vertical-align: top;
} 
#tb_detail{
	margin-left:28%;
	
}
.btn_center{
	padding: 0 40% 0 40%;
}


.align_left{
	text-align: left;
}
.align_right{
	padding-right: 5px;
	text-align: right;
}
.control{
	padding: 10px 0 0 25px;
}
#saveRm{
	float: right;
	margin: 20px 25px 20px  0;
}
.hidden{
	display: none;
}
#login{
	padding: 0 0 0 35%;
}
#tab input[type="text"]{
	padding-left: 0px;
	width:100%;
	height: 100%;
	/*border: none; */
}
.errChk{
	color:red;
}
.msgChk{
	color:blue;
}

.overflow{
	word-wrap:break-word;
	/* text-overflow: ellipsis; */ 
}

.contentpage{
	width: 98%;
	margin: 1em auto;
	padding-left: 0.5em;
	overflow: auto;
}

.control_view{
	overflow: auto;
	word-wrap: break-word;
}
.delete1{
	cursor: pointer;
}

.close_ico img{
	margin: 0.5em;
	position: relative;
	float: right;
	z-index: 999;
	background-color: rgb(158, 197, 255);
}
.mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 150%;
	background-color: black;
	opacity: 0.5;
}

#dialogparent{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

#dialog{
	font-size: 9pt;
	position: fixed;
	left: 34%;
	top: 3%;
	width: 40em;
	border-top-left-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	background-color: white;
	box-shadow: 0 0 1em black;
	padding: 0.3em;
	text-align: center;	
}

#cover{
	/* height: 30em; */
}
#block_search{
	margin-left: 3%;
}
/********************************************************** REPORT TABLE **********************************************************/
.beautified_report{
	width: 100%;
}

.beautified_report th{
	background-color: #4FA9B8;
	color: #FFFFFF;
	padding: 0.3em;
	word-break: break-all;
}
.beautified_report td{
	overflow: hidden;
	padding: 0.2em;
	word-wrap: break-word;
	border-bottom: dotted thin #30404A;
	border-right: dotted thin #30404A;	
}
.beautified_report .none_bd {	
	border: none;	
	
}
#price_err{
	z-index: 9999;
	width: 150px;
	background-color: red;
	position:  absolute;
	padding: 3px;
	float: right;
	border-radius: 0.5em;
	border-top-left-radius:0;
	display: none;
}
.qtyerr{
	z-index: 9999;
	width: 200px;
	background-color: red;
	position:  absolute;
	float: right;
	border-radius: 0.5em;
	border-top-left-radius:0;
	
	display: none;
}
.req_err{
	z-index: 9999;
	padding-left: 5px;
	width: 180px;
	color: black;
	background-color: red;
	position:  absolute;
	float: right;
	border-radius: 0.5em;
	border-top-left-radius:0;
	display: none;
}
 
/*------------------------------------------*/
/*----------------------------- Information Document ------------------------*/
.infobox{
	margin: 0.8em 2.5%;
}

.infobox img{
	width: 20px;
	height: 20px;
}
.infobox table{
	margin: 0.3em 3%;
}

.infobox input[type="button"], .infobox input[type="submit"],.infobox input[type="reset"]{
	padding: 0.3em 1.2em;
	background-color: #E6E2AF;
	border-radius: 0.5em;
	font-weight: bold;
	cursor: pointer;
}

.infobox td, .infobox button{
	padding: 0.2em;
}
.infobox fieldset{
	background-color:#F0F7FF;
	padding-bottom: 1em;
}
.infobox legend{
	padding: 0.5em;
	font-size:13pt;
	font-weight: bold;
}
.infobox label{
	width: 9em;
}
/*-------------- manage fixed some form AUthor by kongxiong */
#fixed_confirm{
	padding: 20px;
}
#disDoc table{
	width: 94%;
}
#fieldset_in{
	padding: 10px;
	overflow: auto;
}

/* ----------------------- complete page add by dethsada --------------- */

.completepage{
	color: #3b5998;
	padding: 8em;
	 
}

.completepage h1{
	border-bottom: dotted thin;
	font-size: 2em;
	margin-bottom: 1.2	em;
	font-style: italic;
	padding-bottom: 0.5em;
}

.completepage button{
	background-color: #3b5998;
	padding: 0.8em;
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.4),
		inset 0 -1.1em 1.5em -1.5em #82D8E8,
		inset 0 1.5em 1.5em -1.5em #82D8E8,
		inset 0 0.5em 0 0 rgba(255,255,255,0.1);
	border-radius: 0.8em;
	text-decoration: underline;
	color: white;
	border: solid 2px white;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}
/*---------------------------- the d2d Element report ------------------*/
.tb_total1{
	font-weight: bold;
	background-color: gray;

}
.tb_grand{
	font-weight: bold;
	background-color: yellow;
}
/*------------------ set the breadcrumb----------------------------*/
#breadcrumb a{
	margin-left: 10px;
	font-size: 10pt;
}

/* ---------------------- add by dethsada --------------------*/
#addform p{
	margin-bottom: 0.5em;
		
}
#addform label{
	display: inline-block;
	width:10em;
	text-align:right;
	margin-right:0.2em;
	
}
.plan_td input{
	width: 100%;
	color: #FFFFFF;
	background-color: rgba(82,0,255,0.48);
	border: solid 2px rgb(255,224,0);
	border-radius: 0.3em;
	cursor: pointer;
	padding: 0.3em;
	
}
/* ================================ Planning System -- Work detail page =================== */
.worktopic{
	background-color: #7DD8E9;
	border-radius: 0.8em;
	width:95%;
	margin: 0.5em auto;
	padding:0.8em;
	opacity: 0.8;
}
.worktopic td {
	/* padding-top: 0.5em; */
}
.worktopic textarea, input {
	padding: 0.3em;
}
.workflow{
	background-color: #F3E2E2;
	border-radius: 0.8em;
	width:96%; 
	margin: 0.5em auto;
	padding:0.8em;
	opacity: 0.8;
}
.workflow textarea {
	width: 90%;
}

.workflow p{
	padding: 0.5em 0;	
}
.workflow label{
	display: inline-block;
	
	width: 5em;
}

.t_content {
	width: 100%;
	background-color: rgb(247, 245, 245);
	padding-left: 1.5em;
	
}
.t_head{
	width: 100px;
	padding: 0.3em;
	font-weight: bold;
}

#w_detail{
	background-color: rgb(247, 245, 245);
}
#w_detail textarea{
	width: 98%;
}
#comment textarea{
	width: 98%;
}

#comment{
	background-color: rgb(247, 245, 245);
}

#doc{
	background-color: rgb(247, 245, 245);
}
.btnrow{
	text-align: center;	
	background-color: #E6E2AF;
	border-radius: 0.3em;
	padding: 0.3em;
	cursor: pointer;
	font-weight: bold;
	margin-top: 0.2em;
}
/*---------------------------------- Show Comment table -------------------- */
.comment_table{
	width: 99%;
	background-color: #DAEFFD;
	margin: 0.5em auto;
	padding:0.8em;
	border-radius: 0.5em;
}
.comment_table td{
	padding: 0.5em;
	word-wrap: break-word;
}
.border_bottom{
	border-bottom: dotted thin #0054E3;
}
/********************************************************** EDITABLE TABLE in Planning System **********************************************************/
/*====the detail in Planning System =====*/
.editable_detail input, .editable_detail select{
	width: 100%;
	height: 100%;
	border: none;
	/* background-color: inherit; */
}

.editable_detail td{
	position: relative;
	/* padding: 0.5em; */
}
.editable_detail input[type=file]{
	display: block;
	font-size: 0.66em;
	width: 7em;
}
.editable_detail input[type=number]{
	text-align: right
}
.editable_detail button{
	width: 40px;
	height: 40px;
}

.editable_detail td:nth-child(2) img{
	max-width: 7em;
	max-height: 10em;
}
/*==== =============================================== the comment in Planning System =====*/

.highlight{
	font-size: 1.1em;
	color: #0000FF;
	font-style: italic;
	padding-left: 0.4em;
}

.editable_comment input, .editable_comment select{
	width: 100%;
	height: 100%;
	border: none;
	/* background-color: inherit; */
}

.editable_comment td{
	position: relative;
	/* padding: 0.5em; */
}
.editable_comment input[type=file]{
	display: block;
	font-size: 0.66em;
	width: 7em;
}
.editable_comment input[type=number]{
	text-align: right
}
.editable_comment button{
	width: 40px;
	height: 40px;
}

.editable_comment td:nth-child(2) img{
	max-width: 7em;
	max-height: 10em;
}
/*=========================== title link =======================*/
#d_title:hover {
	background-color: rgb(207, 197, 247)
}
#d_title {
	/* background-color: rgb(255, 245, 245) */
}
#d_title a {
	display: block;
	text-decoration: none;
}

.headtitle{
	font-size: 1.2em;
	padding: 0.2em 0 0.4em 0;
	padding-top: 0.8em;
	margin-bottom: 0.8em;
	border-bottom: solid thin #0fb0cf;
	
}

.itemdate{
	width: 100px;
}

/*===================================== Dialog Change USER Pwd ======================================*/
/*=========================== manage the dialog =============================*/
#dialogparent_chpwd{
	position: absolute;
	left: 0;
	top: 0;
	/*margin-top: 20%;*/
	width: 100%;
	height: 100%;
	z-index: 10;
}

#dialog_chpwd{	
	position: relative;
	left: 31%;
	right: auto;
	top: 30%;
	width: 40%;
	height: auto;
	border-top-left-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	background-color: white;
	box-shadow: 0 0 1em black;
	padding: 0.3em;
	text-align: center;	
	overflow: auto;
}
.changepwd{
	/* width: 100%; */
}

.changepwd th{
	text-align: right;
	color: #408af8;
	padding: 0.3em;
}
.changepwd td{	
	width: 60%;
	padding: 0.1em;
	word-break: break-word;;
	
}
.changepwd input{
	width:100%;
	height: 100%;
	border: 1px dotted #408af8;
	background-color: inherit;	
	
}
/* ===================================== Add/Edit doc Dialog ============================ */
#add_diag_doc{
	width: 100%;
	height: auto;
	position: absolute;
	
}
#add_diag_doc table{
	width: 100%;
}
#add_diag_doc td{
	text-align: left;
}
#add_diag_doc #dialog {
	background-color: rgb(223, 234, 243)
}
#add_diag_doc fieldset {
	margin-bottom: 1em;
}
#dialogparent_doc{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	z-index: 999;
}
#dialog_doc{
	font-size: 9pt;
	position: relative;
	left: 20%;
	right: auto;
	top: 17em;
	width: 70%;
	height: auto;
	border-top-left-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	background-color: white;
	box-shadow: 0 0 1em black;
	padding: 0.3em;
	text-align: center;	
	overflow: auto;
}
.clickdoc_add{
	background-color: rgb(235, 228, 178);
	display: block;
	border: solid 1px;
	padding: 0.5em;
	text-align: center;
	border-radius: 0.5em;
	font-weight: bold;
	cursor: pointer;
}
.clickdoc_add:hover{
	background-color: gray;
}
/*---------- add equipment --------------*/
.editable_eq td {
	background-color: beige;
}
.editable_committee td {
	background-color: beige;
}
.committee td {
	background-color: beige;
}
#eq_detail input {
	width: 96%;
}
.eq_orientation{
	height: 300px;
	width:100%;
	text-align: center;
    vertical-align: middle;
    width: 20px;
    margin: 0px;
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 10px;
    white-space: nowrap;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);  
}
.or_title{
	background-color: grey;
                color: white;
                text-align: center;
                vertical-align: bottom;
                height: 300px;
                padding-bottom: 3px;
                padding-left: 5px;
                padding-right: 5px;
}
/*=========================== manage the dialog =============================*/
#dialogparent_staff{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

#dialog_staff{
	font-size: 9pt;
	position: relative;
	margin-top: 15em;
	left: 25%;
	right: auto;
	top: 0%;
	width: 50%;
	height: auto;
	border-top-left-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	background-color: white;
	box-shadow: 0 0 1em black;
	padding: 0.3em;
	text-align: center;	
	overflow: auto;
}
/*===================== detail supplier, eq  infomation ================*/
#detail_info{
	position: relative;
	background-color: #e8eaea;
	margin-top: 0.2em;
	/* top: 0.5em; */
	padding: 1em 3em;
	box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.4),
		inset 0 -1.1em 1.5em -1.5em #82D8E8,
		inset 0 1.5em 1.5em -1.5em #82D8E8,
		inset 0 0.5em 0 0 rgba(255,255,255,0.1);
	border-radius: 0.8em;
	border: solid 2px white;
	text-align: left;
}

#detail_info table{
	width: 100%;
}
#detail_info table td{
	padding: 0.2em;
}
.close_ico img{
	margin: 0.5em;
	position: relative;
	float: right;
	z-index: 999;
	background-color: rgb(158, 197, 255);
}