@charset "utf-8";
@import "font-awesome.css";
@page {  
	width: 100%;
	size:210mm 297mm;  
	margin: 5mm;
	padding: 0;
	font-size: 9.5pt;
}
BODY, HTML{
	width:100%;
	height:100%;
	font-size:14px;
	font-family:"Corbel Bold", "微軟正黑體";
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#e5e9ec;
	-webkit-text-size-adjust:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align:left;
	color:#545462;
	overflow-y:hidden;
	overflow-x:auto;
}
IMG{
	border:0px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
	border:1px #767676 solid !important;
	outline: none;
}
input, select, textarea{
	font-family:Arial, "微軟正黑體";
	padding-left:10px;
	border:1px #dddddd solid;
	padding-right:10px;
	height:32px;
	line-height:32px;
	color:#676666;
	font-size:100%;
	-webkit-text-size-adjust:none;
	/*
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	*/
}
textarea{
	line-height:normal;
	padding-top:10px;
	padding-bottom:10px;
}
input[type=text],
input[type=password],
input[type=tel], 
textarea{
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
}
select{
	padding-left:0px;
	padding-right:0px;	
	cursor:pointer;
}
input[type=button], input[type=submit]{
	border:0px;
	font-family:Arial, "微軟正黑體", "FontAwesome";
	font-size:13px;
	webkit-appearance:none;  
    -webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	cursor:pointer;
	-webkit-text-size-adjust:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
a {
	color:#FF9933;
	text-decoration:none;	
}
a:hover{
	color:#FF9933;
	text-decoration:underline;
}
a:focus{
	outline:1px #FF9933 solid;
}
.clear {
	clear:both !important;
	width:100% !important;
	height:1px !important;
	margin:0 0 0 0 !important;
	float:left !important;
}
.clear:after {
	visibility:hidden !important;
	display:block !important;
	font-size:0 !important;
	content:" ";
	clear:both !important;
	height:0px !important;
}

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




#rightContainer table{
	min-width:100%;
	border:0 solid;
	border-collapse:collaps;
	border-spacing:0px;	
	font-size:90%;
}
#rightContainer table input[type=checkbox]{
	display:none;
}
#rightContainer table td{
	line-height:20px;
	padding-top:8px;
	padding-bottom:8px;
}


#rightContainer table thead{
	color:#000;
	background-color:#FFF;
	font-weight:bold;
	white-space: nowrap;
	/*
	position:absolute;
	left:0;
	right:0;
	z-index:99999;
	*/
}
#rightContainer table thead tr td{
	border-bottom:1px #e1e1e1 solid;
	/*border-right:1px #ffffff solid;*/
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	/*border-right:1px #e1e1e1 solid;*/
}
#rightContainer table thead tr td span.checkbox{
	color:#0090d9;
	font-size:150% !important;
	height:14px;
	line-height:15px;
	background-color:#FFFFFF;
	cursor:pointer;
}

#rightContainer table thead tr td.checkbox{
	padding:0 0 0 0 !important;
	width:40px !important;
	text-align:center;
}
#rightContainer table thead tr td:last-child{
	border-right:0px solid;
}
#rightContainer table thead tr td.over:hover{
    background-color:#f9f9f9;
	cursor:pointer;
}


#rightContainer table tbody{
	text-align:left;
	white-space: nowrap;
	/*
	position:absolute;
	top:30px;
	*/
}
#rightContainer table tbody tr{
	cursor:pointer;
}
#rightContainer table tbody tr.disable{
	cursor:default;
}
#rightContainer table tbody tr:nth-child(even) {
	background-color:#FFF;	
}
#rightContainer table tbody tr:nth-child(odd) {
	background-color:#ecf0f2;	
}
#rightContainer table tbody tr:hover {
	background-color:#fef8ae;
}
#rightContainer table tbody tr td{
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	/*border-right:1px #e1e1e1 solid;*/
	border-bottom:1px #e1e1e1 solid;	
}
#rightContainer table tbody tr td a{
	/*color:#545462;*/
	color:#0072c6;
	text-decoration:none;
}
#rightContainer table tbody tr td a:hover{
	color:#0072c6;
	text-decoration:underline;
}
#rightContainer table tbody tr td textarea{
	width:60%;
	min-width:60%;
	max-width:60%;
	height:50px;
	min-height:50px;
	max-height:50px;
}
#rightContainer table tbody tr td:first-child{
	text-align:center !important;
	min-width:inherit;
	padding:0 0 0 0 !important;
	position:relative;
}
#rightContainer table tbody tr td span.move{
	position:absolute;
	left:3px;
	top:calc(50% - 8px);
	
	background-image:url(../img/move_dot.png);
	background-repeat:repeat-y;
	width:5px;
	height:16px;
	color:#000000;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	display:none;
	cursor:move;
}
#rightContainer table tbody tr td span.checkbox{
	color:#0090d9;
	font-size:150% !important;
	height:14px;
	line-height:15px;
	background-color:#FFFFFF;
}
#rightContainer table tbody tr td span.new{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color:#FFFFFF;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	background-color:#ffd200;
	margin-left:15px;
}

#rightContainer table tbody tr td:last-child{
	border-right:0px solid;
}
#rightContainer table tbody tr td.selected {
	background-color:#fef8ae;
	font-weight:bold;
	border-bottom:1px #ffffff solid;
}
#rightContainer table tbody tr td label{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color:#FFFFFF;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
}
#rightContainer table tbody tr td label.enable{
	background-color:#0aa699;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
#rightContainer table tbody tr td label.enable:hover{
	background-color:#0abfb0;
}
#rightContainer table tbody tr td label.disable{
	background-color:#f35958;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
#rightContainer table tbody tr td label.disable:hover{
	background-color:#f28e8d;
}
#rightContainer table tbody tr td label.pending{
	background-color:#ffd200;
}
#rightContainer table tbody tr td .yes{
	color:#21D16C;
	font-weight:bold;
}
#rightContainer table tbody tr td .no{
	color:#FF0004;
	font-weight:bold;
}
#rightContainer table tbody tr td .pointer{
	cursor:pointer;
}
#rightContainer table tbody select{
	
	border:1px #dddddd solid;	
	height:20px;
	line-height:20px;
	font-size:12px;
	font-family:Arial;
}
#rightContainer table tbody tr td.empty{
	height:300px;
	line-height:300px;
	text-align:center;
	background-color:#FFFFFF;
	cursor:default;
	border-bottom:0px;
}
#rightContainer table tbody tr td img.icon{
	width:100px;
}




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



/*****************************************
leftContainer start
******************************************/
#leftContainer{
	position:absolute;
	
	top:0;
	left:0;
	bottom:0;
	width:220px;
	background-color:#000000;
}
/*****************************************
leftContainer end
******************************************/

/*****************************************
logoWrapper start
*****************************************/
.logoWrapper{
	width:100%;
	height:50px;
	line-height:50px;
	background-color:#22262e;
	color:#FFF;
	float:left;
}
.logoWrapper img{
	margin-top:17.5px;
	margin-left:12px;
	float:left;
}
.logoWrapper label{
	font-size:135%;
	float:left;
	margin-left:12px;
}
.logoWrapper span{
	float:right;
	width:34px;
	height:34px;
	background-color:#1b1e24;
	display: inline-block;
    
	color:#FFF;
	font-size:145%;
	text-align:center;
	margin-top:8px;
	margin-right:12px;
}
.logoWrapper span a{
	color:#FFF;
	text-decoration:none;
	vertical-align: middle;
	line-height:34px;
}
.logoWrapper span a:hover{
	color:#FF9933;
	text-decoration:none;
}
/*****************************************
logoWrapper start
*****************************************/

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

/*****************************************
menuWrapper start
*****************************************/
.menuWrapper{
	float:left;
	width:100%;
	height:calc(100% - 88px);
}
.menuWrapper dl{
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
	float:left;
}
.menuWrapper dl dt{	
	float:left;
	padding:0 0 0 0;
	width:calc(100% - 20px);
	height:36px;
	text-align:left;
	line-height:36px;
	font-weight:bold;
	padding-left:20px;
	border-bottom:1px #22262e solid;
	cursor:pointer;	
	text-transform: uppercase;
	font-size:90%;
}
.menuWrapper dl dt a{	
	color:#8b91a0;
	text-decoration:none;
}
.menuWrapper dl dt a:hover{
	color:#FFF;
}

.menuWrapper dl dt a.selected{
	color:#FFFFFF;
}
.menuWrapper dl dt a.active{
	color:#FFFFFF;

}
.menuWrapper dl dd{
	float:left;
	margin:0 0 0 0;	
	background-color:#22262e;
	padding-left:40px;
	width:calc(100% - 40px);
	font-size:85%;
	color:#8b91a0;
	display:none;
}
.menuWrapper dl dd ul{
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
}
.menuWrapper dl dd li{
	width:100%;
	float:left;
	list-style:none;
	margin:0 0 0 0;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	text-transform: uppercase;
}
.menuWrapper dl dd li a{
	color:#8b91a0;
	text-decoration:none;
}
.menuWrapper dl dd li a:hover{
	color:#FFFFFF;
}
.menuWrapper dl dd li a.selected{
	color:#FFFFFF;
}
.menuWrapper dl dd li a.active{
	color:#FFFFFF;
}
.menuClose{
	position:relative;
}
.menuClose:before {
	position: absolute;
	font-family: 'FontAwesome';
	top: 0;
	left: 198px;
	content: "\f054";
	color:#FFFFFF;
	font-weight:lighter;
}
.menuOpen{
	position:relative;
}
.menuOpen:before {
	position: absolute;
	font-family: 'FontAwesome';
	top: 0;
	left: 198px;
	content: "\f078";
	color:#FFFFFF;
	font-weight:lighter;
}

/*****************************************
menuWrapper end
*****************************************/

/*****************************************
developWrapper start
*****************************************/
.developWrapper{
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:left;
	width:calc(100% - 30px);
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#22262e;
	color:#FFF;
	font-size:65%;
	line-height:9px;
	font-weight:bold;
	text-transform: uppercase;
}
/*****************************************
developWrapper end
*****************************************/

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



/*****************************************
rightContainer start
******************************************/
#rightContainer{
	position:absolute;
	
	top:0;
	right:0;
	left:220px;
	bottom:0;
	min-width:850px;
}
/*****************************************
rightContainer end
******************************************/

/*****************************************
headContainer start
******************************************/
#headContainer{
	top:0;
	right:0;
	left:0;
	min-width:500px;
	height:50px;
	background-color:#FFF;
}
#headContainer .moduleName{
	float:left;
	margin-left:20px;
	line-height:50px;
	font-size:160%;
	font-weight:bold;
}

#headContainer .userName{
	width:auto;
	float:right;
	line-height:50px;
	margin-right:20px;
	font-size:87%;
	text-transform: uppercase;
}
#headContainer .userName span{
	font-weight:bold;
}
#headContainer .userName b{
	color:#FF9933;
}
#headContainer .userName a{
	width:15px;
	height:15px;
	margin-left:10px;
	float:right;
	color:#000000;
	font-size:140%;
	margin-top:16px;
}
#headContainer .userName a:hover{
	color:#FF9933;
	text-decoration:none;
}
/*****************************************
headWrapper end
******************************************/

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


/*****************************************
bodyWrapper start
*****************************************/
.bodyWrapper{
	position:absolute;
	top:55px;
	left:5px;
	right:5px;
	bottom:5px;
	background-color:#FFFFFF;
	/*padding:10px 10px 10px 10px;*/
	
}

/*****************************************
bodyWrapper start
*****************************************/


.butWrapper{
	float:left;
	width:calc(100% - 20px);
	padding:10px 10px 10px 10px;
}
.contentWrapper{
	float:left;
	width:100%;
	/*height:calc(100% - 76px);*/
	height:calc(100% - 151px);
	
}

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

/*****************************************
toolContainer start
*****************************************/
#toolContainer{
	float:left;
	width:100%;
	height:36px;
}

#toolContainer .moduleTitle{
	float:left;
	width:auto;
	font-size:140%;
	line-height:34px;
	height:34px;
	color:#000000;
	position:relative;
	padding-left:32px;
	padding-right:10px;
}
#toolContainer .moduleTitle img{
	position:absolute;
	top:6px;
	left:0;
	margin-right:10px;
	background-color:#000000;

}

#toolContainer .moduleTool{
	float:left;
	width:auto;
}
#toolContainer .moduleTool ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	
}
#toolContainer .moduleTool ul li{
	list-style:none;
	float:left;
	text-align:center;
	margin-right:10px;
	margin-top:6px;
	padding:0 0 0 0;
	height:22px;
	background-color:#000000;
}
#toolContainer .moduleTool ul li:hover{
	background-color:#FF9933;	
}
#toolContainer .moduleTool span{
	float:left;
	margin-left:0px;
	margin-right:10px;
	color:#e1e1e1;
	font-size:100%;
	font-weight:lighter;
	line-height:34px;
}
#toolContainer .moduleTool div{
	float:left;
	position:relative;
}
#toolContainer .moduleTool input[type=text]{
	width:207px;
	height:32px;
	background-color:#f4f5f7;
	border:1px solid #f4f5f7;
	padding-left:30px;
	padding-right:10px;
	line-height:34px;
	
	color:#666;
	margin-right:10px;
}
#toolContainer .moduleToolSearch {
    position: absolute;
    top: 8px;
    left: 5px;
	font-size:140%;
	color:#000000;
}
#toolContainer .moduleTool label{
	float:left;
	margin-left:0px;
	margin-right:10px;
	font-size:100%;
	font-weight:lighter;
	line-height:34px;
}
#toolContainer .moduleTool label font{
	font-weight:bold;
}


#toolContainer .moduleBut{
	float:right;
	width:auto;
}
#toolContainer .moduleBut ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
}
#toolContainer .moduleBut ul li{
	list-style:none;
	float:left;
	text-align:center;
	margin-left:10px;
	margin-top:6px;
	padding:0 0 0 0;
	height:22px;
	background-color:#000000;
}
#toolContainer .moduleBut ul li:hover{
	background-color:#FF9933;	
}
#toolContainer .moduleBut ul li.disable{
	background-color:#EAEAEA !important;
}
/*****************************************
toolContainer end
*****************************************/

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


/*****************************************
sortContainer start
*****************************************/
#sortContainer{
	float:left;
	width:100%;
	margin-top:10px;
}

#sortContainer .pagingWapper{
	float:left;
	font-size:90%;
	line-height:30px;
}
#sortContainer .pagingWapper span{
	float:left;
	margin-right:10px;
}
#sortContainer .pagingWapper a{
	float:left;
	font-size:155%;
	color:#000000;
	text-decoration:none;
	line-height:30px;
	width:25px;
	text-align-last:center;
}
#sortContainer .pagingWapper a:hover{
	color:#FF9933;
	text-decoration:none;
}
#sortContainer .pagingWapper ul{
	margin:3px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
#sortContainer .pagingWapper ul li{
	float:left;
	list-style:none;
	text-align:center;
	font-weight:bold;
}
#sortContainer .pagingWapper ul li a{
	padding-left:3px;
	padding-right:3px;
	line-height:25px !important;
	font-size:100% !important;
	color:#000000;
}
#sortContainer .pagingWapper ul li a:hover{
	background-color:#f3f6f9;
	color:#000000;	
}
#sortContainer .pagingWapper ul li a.selected{
	background-color:#f3f6f9;
	color:#FF9933;
}




#sortContainer .sortingWapper{
	float:right;
	font-size:90%;
	line-height:30px;
}
#sortContainer .sortingWapper span{	
	float:left;
	text-transform: uppercase;
	margin-left:10px;
	font-weight:bold;
}
#sortContainer .sortingWapper select{
	float:left;
	border:1px #dddddd solid;	
	height:28px;
	line-height:28px;
	font-size:12px;
	font-family:Arial;
	margin-left:10px;
	max-width:150px;
}



/*****************************************
sortContainer end
*****************************************/



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



/*****************************************
listContainer start
*****************************************/
#listContainer{
	/*
	position:absolute;
	top:10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
	
    
	*/
	
	overflow-y:scroll;
	overflow-x:auto;
	/*
	width:calc(100% + 20px);
	height:calc(100% - 42px);
	margin:10px -10px -10px -10px;
	*/
	width:100%;
	/*height:calc(100% - 72px);*/
	margin:0 0 0 0;
	position:relative;
}
/*****************************************
listContainer end
*****************************************/

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


/*****************************************
formContainer start
*****************************************/
#formContainer{
	overflow-y:scroll;
	overflow-x:auto;
	width:calc(100% - 20px);
	height:calc(100% - 40px);
	margin:0 0 0 0;
	padding:10px 10px 10px 10px;
	float:left;
	
}
#formContainer.formTopShadow{
	-webkit-box-shadow: inset 0px 9px 12px -7px rgba(230,230,230,0.66);
	-moz-box-shadow: inset 0px 9px 12px -7px rgba(230,230,230,0.66);
	box-shadow: inset 0px 9px 12px -7px rgba(230,230,230,0.66);
}

	


#formContainer .formLeft{
	width:calc(50% - 6px);
	float:left;
}
#formContainer .formRight{
	width:calc(50% - 6px);
	float:right;
}

#formContainer .formScroll{
	width:100%;
	float:left;	
	overflow-y:hidden;
	overflow-x:auto;
}
/*=======================================================================================================================*/
/*=======================================================================================================================*/

#formContainer .formWrapper{
	width:100%;
	float:left;
	position:relative;
}
#formContainer .formWrapper h2{
	font-size:120%;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	width:100%;
	float:left;
	border-bottom:1px #e5e9ec solid;
}


#formContainer .formEvent{
	width:100%;
	float:left;
	margin-bottom:0px;
}
#formContainer .formEvent label{
	width:220px;
	float:left;
	font-weight:bold;
}
#formContainer .formEvent p{
	
	width:calc(100% - 230px);
	padding:0 0 0 0;
	
	margin:0 0 10px 0;
	margin-left:220px !important;
}




#formContainer .formField{
	width:100%;
	float:left;
	margin-bottom:10px;
}
#formContainer .formField label{
	width:220px;
	float:left;
}
#formContainer .formField font{
	color:#F00;
	padding-left:5px;
}
#formContainer .formField input[type=text], 
#formContainer .formField input[type=password], 
#formContainer .formField input[type=tel]{
	width:calc(90% - 230px);
	padding-left:10px;
	float:left;
	background-color:#f4f4f4;
}
#formContainer .formField input[type=text]:focus, 
#formContainer .formField input[type=password]:focus{
	background-color:#FFFFFF;
}
#formContainer .formField textarea{
	width:calc(90% - 230px);
	height:300px;
	min-width:calc(90% - 230px);
	min-height:300px;
	max-width:calc(90% - 230px);
	max-height:300px;
	padding-left:10px;
	float:left;
	background-color:#f4f4f4;
}
#formContainer .formField textarea:focus{
	background-color:#FFFFFF;
	
}
#formContainer .formField .textEditorWrapper{
	width:calc(90% - 210px);
	padding:0 0 0 0;
	float:left;
}
#formContainer .formField .textEditorWrapper textarea{
	width:100% !important;
	background-color:inherit !important;
	min-width:100% !important;
	max-width:100% !important;
	height:100% !important;
	min-height:100% !important;
	max-height:100% !important;
	border:0px !important;
	padding:0 0 0 0 !important;
}
#formContainer .formField select{
	/*max-width:120px;*/
	width:calc(90% - 210px);
	float:left;
	padding-left:10px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	background-color:#f4f4f4;
}
#formContainer .formField select:focus{
	background-color:#FFFFFF;
}
#formContainer .formField select optgroup{
    font-style:normal;
    font-weight:bold;
}

#formContainer .formField input[type=file]{
	display:none;
}
#formContainer .formField .fileField{
	width:calc(90% - 350px);
	float:left;
	/*background-color:#FFFFFF;*/
	background-color:#f4f4f4;
	padding-left:10px;
	line-height:38px;
	height:38px;
	padding-right:10px;
	border:1px #dddddd solid;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-right:0px;
}
#formContainer .formField .fileField span{
	margin-left:-5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#455a64;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
}
#formContainer .formField .fileField span b{
	padding-left:10px;
	font-weight:bolder;
	font-size:80%;
	cursor:pointer;
}
#formContainer .formField .fileBut{
	background-color:#ec407a;
	line-height:40px;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	float:left;
	width:120px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	font-weight:bold;
}
#formContainer .formField .fileBut:hover{
	background-color:#da386f;	
}

#formContainer .formField .multiFileWrapper{
	width:calc(90% - 232px);
	border:1px #C5C5C5 dashed;
	padding:10px 10px 10px 10px;
	float:left;
	border-radius:5px;
}
#formContainer .formField .multiFileHead{
	width:100%;
	padding-bottom:10px;
	float:left;
}
#formContainer .formField .multiFileHead span{
	float:left;
}
#formContainer .formField .multiFileHead span i{
	color:#FF9933;
	font-weight:bold;
	text-transform: uppercase;
	margin-right:5px;
}
#formContainer .formField .multiFileBody{
	max-height:200px;
	height:200px;
	overflow-y:auto;
	float:left;
	width:100%;
	
	text-align:center;
	background-image:url(../img/multi_upload.png);
	background-size:100px;
	background-repeat:no-repeat;
	background-position:center center;
}
#formContainer .formField .multiFileBody span{
	margin-left:0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#455a64;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#formContainer .formField .multiFileBody span b{
	padding-left:10px;
	font-weight:bolder;
	font-size:80%;
	cursor:pointer;	
}
#formContainer .formField .multiFileBut{
	width:100%;
	float:left;
	padding-top:10px;
	
}
#formContainer .formField .multiFileBut input[type=button]{
	background-color:#2196f3;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
	height:35px;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
#formContainer .formField .multiFileBut input[type=button]:hover{
	background-color:#1f8ee7;
}



#formContainer .formField input[type=radio]{
	display:none;
}
#formContainer .formField .radio{
	color:#545462;
	float:left;
	margin-right:10px;
	cursor:pointer;
	padding-left:20px;
	position:relative !important;
	margin-bottom:5px;
	margin-top:5px;
	
}
#formContainer .formField .radioChecked:before{
	position: absolute;
	font-family: 'FontAwesome';
	top: 0;
	left: 0;
	content: "\f192";
	font-size:120%;
	color:#607d8b;
}
#formContainer .formField .radioUncheck:before{
	position: absolute;
	font-family: 'FontAwesome';
	top: 0px;
	left: 0px;
	content: "\f10c";	
	font-size:120%;
	color:#607d8b;
}



#formContainer .formField .search{
	width:calc(90% - 265px) !important;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	border-right:1px #7c96a2 solid;
}
#formContainer .formField i.searchLabel{
	width:35px;
	float:left;
	height:36px;
	line-height:36px;
	background-color:#2196f3;
	color:#FFFFFF;
	text-align:center;
	font-size:110%;
	font-style:normal !important;
	cursor:pointer;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
}
#formContainer .formField i.searchLabel:hover{
	background-color:#1f8ee7;
}

#formContainer .formField .numeric{
	width:100px !important;
	border-bottom-left-radius:0px;
	border-top-left-radius:0px;
	border-left:0px #7c96a2 solid;
}
#formContainer .formField .percent{
	width:100px !important;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	border-right:1px #7c96a2 solid;
}
#formContainer .formField .date{
	width:200px !important;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	border-right:1px #7c96a2 solid;
}
#formContainer .formField .time{
	width:200px !important;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	border-right:1px #7c96a2 solid;
}
#formContainer .formField .color{
	width:200px !important;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	border-right:1px #7c96a2 solid;
}
#formContainer .formField .seq{
	width:100px !important;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	border-right:1px #7c96a2 solid;
}


#formContainer .formField i.leftLabel{
	width:35px;
	float:left;
	height:36px;
	line-height:36px;
	background-color:#7c96a2;
	color:#FFFFFF;
	text-align:center;
	font-size:110%;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
}
#formContainer .formField i.rightLabel{
	width:35px;
	float:left;
	height:36px;
	line-height:36px;
	background-color:#7c96a2;
	color:#FFFFFF;
	text-align:center;
	font-size:110%;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	font-style:normal !important;
}


#formContainer .formField .checkboxWrapper{
	width:calc(90% - 230px);
	padding:10px 10px 0px 10px;
	float:left;
	border:1px #dddddd solid;
	background-color:#f4f4f4;
}

#formContainer .formField input[type=checkbox]{
	display:none;
}
#formContainer .formField .checkboxAll{
	color:#ec407a !important;
}
#formContainer .formField .checkbox{
	color:#545462;
	margin-right:10px;
	cursor:pointer;
	position:relative !important;
	padding-left:20px;
	width:100%;
	margin-bottom:10px;
	display: inline-block;
	text-transform:capitalize;
	
}
#formContainer .formField .checkboxChecked:before{
	position: absolute;
	font-family: 'FontAwesome';
	top: 0;
	left: 0;
	content: "\f14a";
	font-size:120%;
	color:#607d8b;
}
#formContainer .formField .checkboxUncheck:before{
	position: absolute;
	font-family: 'FontAwesome';
	top: 0px;
	left: 0px;
	content: "\f096";	
	font-size:120%;
	color:#607d8b;
}


#formContainer .formField .error{
	border:1px #F00 solid !important;
	background-color:#fff9f5 !important;
}
#formContainer .formField .msg{
	color:#F00;
	float:left;
	display:inline;
	line-height:30px;
	margin-left:220px;
	width:calc(90% - 220px);
}
#formContainer .formField p{
	
	width:calc(100% - 230px);
	padding:0 0 0 0;
	
	margin:0 0 10px 0;
	margin-left:220px !important;
}
#formContainer .formField p i{
	color:#FF9933;
	font-weight:bold;
	text-transform: uppercase;
}


#formContainer .formField input[type=submit]{
	margin-left:220px;
	background-color:#0072c6;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
	height:35px;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
#formContainer .formField input[type=submit]:hover{
	background-color:#2196f3;
}


#formContainer .formField font{
	font-weight:bold;	
}
#formContainer .formField font.yes{
	color:#21D16C;
}
#formContainer .formField font.no{
	color:#FF0004;;
}

/*=======================================================================================================================*/
/*=======================================================================================================================*/
#formContainer .listFormWarpper{
	width:100%;
	float:left;
	position:relative;
	border-top:5px #e5e9ec solid;
	padding-left:20px;
	padding-right:-10px;
	margin-left:-10px;
}
#formContainer .listWrapper{
	width:calc(100% + 20px);
	margin-bottom:0px;
	float:left;
	margin-left:-10px;
	margin-right:-10px;
	position:relative;
}
#formContainer .listScroll{
	width:calc(100% + 20px);
	margin-left:-10px;
	margin-right:-10px;
	float:left;	
	overflow-y:hidden;
	overflow-x:auto;
}
#formContainer .listWrapper h2{
	font-size:140%;
	margin:0px 0px 0px 0px;
	padding:10px 0 10px 0;
	padding-left:10px;
	width:calc(100% - 10px);
	float:left;
	border-top:5px #e5e9ec solid;
}

#formContainer .listWrapper ul{
	margin:0 10px 0 0;
	padding:0 0 0 0;
	float:right;
}
#formContainer .listWrapper ul li{
	list-style:none;
	float:left;
	text-align:center;
	margin-left:10px;
	margin-top:6px;
	padding:0 0 0 0;
	height:22px;
	background-color:#000000;
}
#formContainer .listWrapper ul li:hover{
	background-color:#FF9933;	
}
#formContainer .listWrapper ul li.disable{
	background-color:#EAEAEA !important;
}

/*****************************************
formContainer end
*****************************************/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
#formContainer .formTextDescription{
	width:100%;
	float:left;
	margin-bottom:10px;
}

#formContainer .formTextDescription p{
	width:calc(100% - 100px);
	padding:0 0 0 0;
	margin:0 0 10px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
}

#formContainer .formTextDescription p.remark{
	background-color:#fafafa;
	border:1px #dddddd solid;
	padding:10px 10px 10px 10px;
	width:calc(100% - 20px);
}
#formContainer .formTextDescription p label{
	color:#FF9933;
	font-weight:bold;
}


#formContainer .formTextDescription div{
	max-width:calc(25% - 22px);
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#fafafa;
	border:1px #dddddd solid;
	padding:10px 10px 10px 10px;
}

#formContainer .formTextDescription div:nth-child(4n+0){
	/*margin-right:0px;	*/
}
#formContainer .formTextDescription div label{
	color:#FF9933;
	font-weight:bold;
}

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


/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*****************************************
msgContainer start
*****************************************/
#msgContainer{
	float:left;
	width:calc(100% - 2px);
	line-height:30px; 
	text-align:center; 
	
	margin-bottom:10px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	display:none;
	position:absolute;
	z-index:9999;
}
#msgContainer span{
	float:right;
	cursor:pointer;
	font-weight:bolder;
	font-size:80%;
	padding:0px 5px 0px 5px;
	height:20px;
	margin-top:5px;
	line-height:18px;
	margin-right:10px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
}
#msgContainer.success{
	background-color:#2196f3;
	border:1px #2196f3 solid;
	color:#FFFFFF;
}
#msgContainer.success span{
	color:#FFFFFF;
	float:right;
	cursor:pointer;
	font-weight:bolder;
	font-size:80%;
	padding:0px 5px 0px 5px;
	height:20px;
	margin-top:5px;
	line-height:18px;
	margin-right:10px;
	background-color:#0072c6;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
}
#msgContainer.fail{
	background-color:#f2dede;
	border:1px #a94442 solid;
	color:#a94442;
}
#msgContainer.fail span{
	color:#FFFFFF;
	float:right;
	cursor:pointer;
	font-weight:bolder;
	font-size:80%;
	padding:0px 5px 0px 5px;
	height:20px;
	margin-top:5px;
	line-height:18px;
	margin-right:10px;
	background-color:#a94442;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
}
/*****************************************
msgContainer end
*****************************************/
/*=======================================================================================================================*/
/*=======================================================================================================================*/


/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*****************************************
loadingContainer start
*****************************************/
#loadingContainer{
	position:absolute;
	
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index:999999999999999999;
	display:none;
	
}
#loadingContainer img{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*****************************************
loadingContainer end
*****************************************/
/*=======================================================================================================================*/
/*=======================================================================================================================*/