/* controller "#" - id; "." = class */
body {margin-top: 0px;}
#container {margin:auto;width:100%;} 
#lang_set { float:right;}
#lang_set ul { list-style-type:none; }
#lang_set li { display:inline-block; list-style:none; width:30px;}
#header {font-family: Tahoma, Geneva, sans-serif;color:#333; padding: 5px;}
#header.header_l_t {float:left; clear:left}
#header.header_r_t {float:right;}
#header ul {clear:both; list-style-type:none; overflow:hidden; }
#header li {float:left; padding:3px;}
#content { margin: 0 3px 0 3px;} 
/*
#nav ul {clear:both;list-style-type:none;margin:0;padding:0;overflow:hidden;}
#nav li {float:left;margin:0px 5px 5px 0px;}
#nav li a:link, #nav li a:visited, #nav li a:active {display:block;width:150px;font-weight:bold;font-size:16px;font-family: Tahoma, Geneva, sans-serif;color:#FFFFFF;background-color:#A5A5A5;text-align:right;padding:50px 10px 5px 0px;text-decoration:none;border-top-left-radius:20px;}
#nav li a:hover {background-color:#585858;color:#FFFFFF;border-top-left-radius:20px;}
*/

.fixed_resize_img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	image-orientation: from-image; /* support Firefox only */
}

#sys_module ul {
	clear:both;
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#sys_module li {
	float:left;
	/* top right left bottom */
	text-align:center;
	margin:30px 50px 30px 100px;

}

#sys_module li a:link, #sys_module li a:visited, #sys_module li a:active, #sys_module li a:hover {
	border: none;
	color:585858;
	text-decoration:none;
}

#lic_info {color:#585858;text-align:right;font-weight:bold;font-size:9px;}
#lic_info_exp {color:#F00;text-align:right;font-weight:bold;font-size:9px;}


#displaybox {
	z-index: 1000;
	filter: alpha(opacity=50); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#FFFFFF;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}

#swapcard_bg {
	z-index: 1000;
	filter: alpha(opacity=90); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE */
	-moz-opacity: .90; /*older Mozilla*/
	-khtml-opacity: 0.9;   /*older Safari*/
	opacity: 0.9;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#FFFFFF;
}

#swapcard {
	z-index: 10000;
	filter: alpha(opacity=100); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE */
	-moz-opacity: 1; /*older Mozilla*/
	-khtml-opacity: 1;   /*older Safari*/
	opacity: 1;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#8E8E8E;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}

#alert_msg { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #F00; text-align:center; padding-top: 5px; padding-bottom:5px; border:#F00 solid 1px; background-color: #FFD0D0; margin:5px; }
#sys_msg { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #F00; }
#info_msg { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #333; font-weight:bold; text-align:center; padding: 5px 0px 5px 0px; border: #666 solid 1px;  background-color: #FFF; margin:5px; border-radius:15px;}

#db_query { font-family: Arial, Helvetica, sans-serif; font-size: 8px; color:#666; padding-top: 3px; padding-bottom:3px; margin:5px;}


.txt_Form {font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#333; }

.bx_Form_l {
	border:#CCC 1px solid; font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#333; padding: 5px; margin: 1px;
	/* Apply to Chrome / Safari */
	border-radius:5px;
}

.bx_Form_xl {
	border:#CCC 1px solid; font-family:Tahoma, Geneva, sans-serif; font-size:30px; font-weight:bold; color:#333; padding: 5px; margin: 1px;
	/* Apply to Chrome / Safari */
	border-radius:5px;
}

.txt_align { text-align:right; }

.bx_Form {
	border:#CCC 1px solid; font-family:Tahoma, Geneva, sans-serif; font-size:15px; color:#333; padding: 5px; margin: 1px;
	/* Apply to Chrome / Safari */
	border-radius:5px;
}
.bx_b_red {
	background-color:#F00; color:#FFF;
}

.bx_b_readonly {
	background-color:#FFC;
}


.bx_Form_s {
	border:#CCC 1px solid; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#333; padding: 3px; margin: 1px;
	/* Apply to Chrome / Safari */
	border-radius:3px;
}
.bx_select_Form {
	border:#CCC 1px solid; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#333; padding: 3px; margin: 3px;
	/* Apply to Chrome / Safari */
	border-radius:5px;
}
.btn_N {
	border:#333 1px solid; 
	background-color:#CCC; 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:14px; 
	padding: 5px 10px 5px 10px; 
	/* Apply to Chrome / Safari */
	border-radius:5px;
	text-decoration: none;
	color:#333; 
}
.btn_N input:disabled {
	border:#333 1px solid; 
	background-color:#CCC; 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:14px; 
	padding: 5px 10px 5px 10px; 
	/* Apply to Chrome / Safari */
	border-radius:5px;
	text-decoration: none;
	color:#999;
}

.btn_N_s {
	border:#333 1px solid; 
	background-color:#CCC; 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:12px; 
	color:#333; 
	padding: 3px 6px 3px 6px; 
	/* Apply to Chrome / Safari */
	border-radius:3px;
	text-decoration: none;
}

img {border:0px;}
.no_rec {
	text-align:center;
	color:#999;
	width:100%;
	margin: 10px 0px 10px 0px;
}
.title_head {
	width:99%;
	background-color: #c8c8c8;
	padding: 3px 5px 5px 8px;
	margin: 3px 5px 5px 0px;
	font-weight:bold;
	font-size:16px;
	color:#585858;
	clear:both;
	border-radius:5px;

}

#nav_setup { float:left; width:18%; margin-right: 5px; }

#nav_setup ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#nav_setup li {
	float:left
	margin:0px 5px 5px 0px;
}

#nav_setup li a:link, #nav_setup li a:visited, #nav_setup li a:active {
	display:block;
	font-size:15px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#A5A5A5;
	background-color:#FFFFFF;
	padding: 25px 10px 5px 10px;
	text-decoration:none;
	border-bottom:#A5A5A5 1px solid;
}

#nav_setup li a:hover {
	background-color:#CDDDED;
	color:#585858;
	border-left:#585858 3px solid;
	border-bottom:#585858 1px solid;
	font-weight:bold;
}

.nav_h_setup { float:left; margin-top:5px; }

.nav_h_setup ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

.nav_h_setup li {
	float:left;
	margin:0px 5px 5px 0px;

}

.nav_h_setup li a:link, .nav_h_setup li a:visited, .nav_h_setup li a:active {
	display:block;
	font-size:15px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	background-color:#A5A5A5;
	padding: 2px 30px 2px 30px;
	margin-right: 5px;
	text-decoration:none;
	border-radius:5px;
}

.nav_h_setup li a:hover {
	background-color:#FFFFFF;
	color:#FFFFFF;
	background-color:#585858;
	
}

#nav_content {
	display:block;
	
}

#content_setup {
	float:left;
	width:100%;
	margin:0px 5px 5px 0px;
}

.title_sub {
	clear:both;
	background-color:#585858;
	padding: 8px 5px 8px 15px;
	margin: 3px 0px 3px 0px;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	border-radius:5px;
	
}
.title_sub a {
	color:#FFF;
}
.title_sub a:hover {
	color:#FF0;
}

.title_site {
	clear:both;
	padding: 10px 5px 10px 15px;
	margin: 0px 0px 3px 0px;
	font-weight:bold;
	font-size:16px;
	border-bottom:#585858 solid 2px;
		
}

#divformwin, #divformwin_lv2, #divformwin_lv3, #divformwin_lv4, #divformwin_lv5, #divformwin_lv6, #divformwin_lv7, #divformwin_lv8 {
	border-radius:10px;
}

.set_bottom {  background-image: linear-gradient(#EEEEEE, #DBDBDB); position:fixed; bottom:0; left:0%; right:0%;}
.form_button { padding: 15px 0px 15px 0px; text-align:center; clear:both;}

/* Table Setup */
table {width:100%; border-collapse:collapse; margin-bottom:3px; margin-top:3px;}

table thead tr td {
	padding:5px;
	margin: 0px 5px 5px 0px;
	text-align:center;
}

table tr td {
	padding:3px;
	margin: 0px 5px 5px 0px;
}

.t_sys_setup thead tr {
	background-color:#696969; color:#FFF;
} 

.t_sys_setup thead tr td a {
	color:#FFF;
} 


.t_sys_setup table tr td {
	font-size:11px;
	/* border:#585858 1px solid; */
	border-top:#696969 1px solid;
	border-bottom:#696969 1px solid;
} 

.t_sys_setup tbody tr:hover {
	background-color:#dedede;
	cursor:pointer;
} 

.t_sys_setup tfoot tr {
	background-color:#dedede; color:#000;
	color:#666;
} 



.t_std_setup thead tr {
	background-color:#696969; color:#FFF;
} 

.t_std_setup table tr td {
	font-size:14px;
	border:#585858 1px solid;
	/*
	border-top:#585858 1px solid;
	border-bottom:#585858 1px solid;
	*/
} 

.t_xl_setup table tr td {
	font-size:20px;
	padding:10px;
} 



/* Alert Table*/
.t_sys_alert thead tr {
	background-color:#F00; color:#FFF;
} 

.t_sys_alert table tr td {
	font-size:14px;
	/* border:#FFF 1px solid; */
	border-top:#F00 1px solid;
	border-bottom:#F00 1px solid;
} 

.t_sys_alert tbody tr:hover {
	background-color:#FCC;
	cursor:pointer;
} 

.t_sys_alert tfoot tr {
	background-color:#F00; color:#000;
} 



/* small font in table */
.t_std_xxs thead tr {
	background-color:#696969; color:#FFF;
} 

.t_std_xxs table tr td {
	font-size:9px;
	border:#585858 1px solid;
	/*
	border-top:#585858 1px solid;
	border-bottom:#585858 1px solid;
	*/
} 

.t_std_xxs tbody tr:hover {
	background-color:#dedede;
	cursor:pointer;
} 

.t_std_xxs tfoot tr {
	background-color:#dedede; color:#000;
} 





.font_s { font-size:12px; }

.font_l { font-size:16px; }

.font_xl { font-size:28px; }
.font_xxl { font-size:34px; }
.font_xxxl { font-size:40px; }

.font_bold { font-weight:bold; }

.font_red { color:#F00; }
.font_white { color:#FFF; }


.date_font { background-color:#036; color:#FF0; font-weight:bold; padding: 3px 0px 3px 0px; }

.bg_red { background-color:#F00; }

.t_rt table {
	font-size:10px;
	border:#585858 1px solid;
} 

.t_rt_route ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

.t_rt_route li {
	float:left;
	display:block;
	font-size:16px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#585858;
	background-color:#FFFFFF;
	padding: 5px 10px 5px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-decoration:none;
	/* border:#A5A5A5 3px solid;
	width:150px;
	height:40px;
	border-radius:5px; */
}

.t_rt_d {
	font-size:20px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#585858;
	font-weight:bold;
}

.t_rt_t1 {
	font-size:32px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#A5A5A5;
}

.t_rt_t2 {
	font-size:16px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#666;
	font-weight:bold;
}

.table_page { width:400px; }
.table_page tr td { border:#585858 1px solid; padding:2px; }

/* Image Upload */
.step2, .error {
    display: none;
}
.error {
    font-size: 12px;
    font-weight: bold;
    color: red;
}
.info {
    font-size: 14px;
}

.mandatory {
    color: red;
}

#ecase_quick_search { width:48%; float:left; font-family: Tahoma, Geneva, sans-serif; font-size:16px; color:#585858; border:#585858 solid 2px; margin-top: 5px; margin-right: 5px; padding: 5px; font-weight:bold;}
#ecase_quick_search li {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}


#ecase_sum_dept { 
	width:22%; 
	float:left; 
	margin-top: 5px; 
	margin-right: 5px; 

}
#ecase_sum_site { 
	width:26%; 
	float:left; 
	margin-top: 5px; 
	margin-right: 5px; 

}

#ecase_report_2in1 { 
	width:49%; 
	float:left; 
	margin-top: 5px; 
	margin-right: 5px;
	padding-right: 5px;

}

#ecase_report_3in1 { width:31%; float:left; margin-top: 5px; margin-right: 5px;  padding-right:10px;}
#ecase_report_3in2 { width:63%; float:left; margin-top: 5px; margin-right: 5px;  padding-right:10px;}
#ecase_report_4in1 { width:24%; float:left; margin-top: 5px; margin-right: 5px;}
#ecase_report_5in1 { width:19%; float:left; margin-top: 5px; margin-right: 5px;}

.ecase_today_cases { font-size:14px; clear:both; padding: 5px;}
.ecase_today_cases table {
	list-style-type:none;
	margin:0;
	padding:5px;
	overflow:hidden;
	font-size:12px; font-weight:normal;
/*	float: left; */
/*	width: 18%; */
}
.ecase_today_cases li.open {color:#F00;}
.ecase_today_cases li.total { font-size:14px; font-weight:bold;}

.ecase_outstanding { font-size:14px; clear:both; padding: 5px;}
.ecase_outstanding li {
	list-style-type:none;
	margin:0;
	padding:5px;
	overflow:hidden;
	font-size:12px; font-weight:normal;
/*	float: left; */
/*	width: 18%; */
}
.ecase_outstanding li.open {color:#F00;}
.ecase_outstanding li.total { font-size:14px; font-weight:bold;}

.masterGroup li { list-style-type:none; margin-top:2px;}
.newItem { border-bottom:#999 solid 1px; padding: 5px 0 5px 10px; background-color:#CCC;}

#scroll_code_template li { padding:5px;}

.line_space {line-height:100px;}
.ecasual_report_2in1 { float:left; width:49%;margin-top: 5px;margin-right: 5px;}
.ecasual_report_2in1 ul { }
.ecasual_report_2in1 ul li {list-style:none;}
.ecasual_report_2in1 ul li#logo { text-align:center;}
.ecasual_report_2in1 ul li.inner_box_mw400 { min-width: 400px; text-align:center; }

.col_150 { text-align:left; width:150px; float:left; clear:left; line-height: 40px; list-style:none;}
.col_auto { width:auto; float:left; list-style:none;}

.data_col_150 { text-align:left; width:150px; float:left; clear:left; line-height: 25px; list-style:none;}
.data_col_150b { text-align:left; width:150px; float:left; line-height: 25px; list-style:none;}
.data_col_auto { width:auto; float:left; line-height: 25px; list-style:none;}
.data_col_auto li{ list-style:none;}
.data_col_200p { width:200px; float:left; line-height: 25px; list-style:none;}

.ecasual_report_3in1 {display:inline-block; width:32%; min-width:340px; margin-top: 5px;margin-right: 5px;}
.ecasual_report_3in2 {display:inline-block; width:65%; min-width:500px; margin-top: 5px;margin-right: 5px;}
.ecasual_report_4in1 {display:inline-block; width:24%; min-width:250px; margin-top: 5px;margin-right: 5px;}
.ecasual_report_5in1 {display:inline-block; width:18%; min-width:180px; margin-top: 5px;margin-right: 5px;}

.equeue_report_2in1 { float:left; width:49%;margin-top: 5px;margin-right: 5px;}
.equeue_report_2in1 ul { }
.equeue_report_2in1 ul li {list-style:none;}
.equeue_report_2in1 ul li#logo { text-align:center;}
.equeue_report_2in1 ul li.inner_box_mw400 { min-width: 400px; text-align:center; }
.equeue_report_3in1 {display:inline-block; width:32%; min-width:340px; margin-top: 5px;margin-right: 5px;}
.equeue_report_3in1 ul li {list-style:none;}
.equeue_report_3in2 {display:inline-block; width:65%; min-width:500px; margin-top: 5px;margin-right: 5px;}
.equeue_report_3in2 ul li {list-style:none;}
.equeue_report_4in1 {display:inline-block; width:24%; min-width:250px; margin-top: 5px;margin-right: 5px;}
.equeue_report_4in1 ul li {list-style:none;}
.equeue_report_4in3 {display:inline-block; width:73%; min-width:750px; margin-top: 5px;margin-right: 5px;}
.equeue_report_4in3 ul li {list-style:none;}
.equeue_report_5in1 {display:inline-block; width:18%; min-width:180px; margin-top: 5px;margin-right: 5px;}
.equeue_report_5in1 ul li {list-style:none;}

.module_report_2in1 { float:left; width:49%;margin-top: 5px;margin-right: 5px;}
.module_report_2in1 ul { }
.module_report_2in1 ul li {list-style:none;}
.module_report_2in1 ul li#logo { text-align:center;}
.module_report_2in1 ul li.inner_box_mw400 { min-width: 400px; text-align:center; }
.module_report_3in1 {display:inline-block; width:32%; min-width:340px; margin-top: 5px;margin-right: 5px; vertical-align:top;}
.module_report_3in1 ul li {list-style:none;}
.module_report_3in2 {display:inline-block; width:65%; min-width:500px; margin-top: 5px;margin-right: 5px; vertical-align:top;}
.module_report_3in2 ul li {list-style:none;}
.module_report_4in1 {display:inline-block; width:24%; min-width:250px; margin-top: 5px;margin-right: 5px; vertical-align:top;}
.module_report_4in1 ul li {list-style:none;}
.module_report_4in3 {display:inline-block; width:73%; min-width:750px; margin-top: 5px;margin-right: 5px; vertical-align:top;}
.module_report_4in3 ul li {list-style:none;}
.module_report_5in1 {display:inline-block; width:18%; min-width:180px; margin-top: 5px;margin-right: 5px; vertical-align:top;}
.module_report_5in1 ul li {list-style:none;}

.default_report_2in1 { float:left; width:49%;margin-top: 5px;margin-right: 5px;}
.default_report_2in1 ul { }
.default_report_2in1 ul li {list-style:none;}
.default_report_2in1 ul li#logo { text-align:center;}
.default_report_2in1 ul li.inner_box_mw400 { min-width: 400px; text-align:center; }

.default_report_3in1 {float:left; display:inline-block; width:32%; min-width:340px; margin-top: 5px;margin-right: 5px; padding-right:5px;}
.default_report_3in2 {float:left; display:inline-block; width:65%; min-width:500px; margin-top: 5px;margin-right: 5px; padding-right:5px;}

.txt_explanation ul { padding:10px 10px 10px 10px;}
.txt_explanation ul li {list-style:none;}

.tb_login {  -webkit-columns: 100px 4;
  -moz-columns: 100px 4;
  columns: 100px 4;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;}


.tb_1 { width:100%; clear:both; margin: auto; display: flex; clear:both; }
.tb_1 ul { padding:5px;}

.tb_1 li.dashboard_col1 { width: 30%; min-width:80px; float:left; list-style:none; clear:left; min-height:20px;}
.tb_1 li.dashboard_col2 { width: 65%; float:left; padding: 5px; list-style:none;}

.tb_1 li.dashboard_in_col1 { width: 200px; min-width:80px; float:left; list-style:none; clear:left; min-height:20px;}
.tb_1 li.dashboard_in_col2 { width: auto; float:left; padding: 5px; list-style:none;}

.tb_1 li.type1_col1 { width: 200px; min-width:150px; float:left; list-style:none; clear:left; min-height:20px; line-height:40px;}
.tb_1 li.type1_col2 { width: auto; float:left; padding: 5px; list-style:none;}




#ecasual_inner_edit_h {width:100%; height:550px; overflow:scroll;}
#ecasual_inner_checkin_h {width:100%; height:430px; overflow:scroll;}

#lic_footer {display:none;}

.epos_report_2in1 { float:left; width:49%;margin-top: 5px;margin-right: 5px;}
.epos_report_2in1 ul { }
.epos_report_2in1 ul li {list-style:none;}
.epos_report_2in1 ul li#logo { text-align:center;}
.epos_report_2in1 ul li.inner_box_mw400 { min-width: 400px; text-align:center; }


@media screen and (max-width:1000px){
	#header {display:;}
	
	.ecasual_report_2in1 {width:98%; clear:both; padding: 2px 2px 2px 2px;}
	.ecasual_report_2in1 ul li.line_space {line-height:20px;}
	.ecasual_report_2in1 ul li {list-style:none; padding-left: 30px;}

	.ecasual_report_3in1 {width:98%; clear:both; padding: 2px 2px 2px 2px;}
	.ecasual_report_3in2 {width:98%; clear:both; padding: 2px 2px 2px 2px;}
	.ecasual_report_4in1 {width:98%; clear:both; padding: 2px 2px 2px 2px;}
	.ecasual_report_5in1 {width:98%; clear:both; padding: 2px 2px 2px 2px;}
	#ecase_report_3in1 { width:98%; clear:both;  padding-right:10px;}
	#ecase_report_3in2 { width:98%; clear:both;  padding-right:10px;}
	#ecase_report_4in1 { width:98%; clear:both;}
	#ecase_report_5in1 { width:98%; clear:both;}

	.default_report_2in1 {width:98%; clear:both; padding: 2px 2px 2px 2px;}

	
	#ecasual_inner_edit_h {width:100%; height:450px; overflow:scroll;}
	#ecasual_inner_checkin_h {width:100%; height:400px; overflow:scroll;}
	
	#lic_footer {display: inline-block; position:relative; bottom:0; left:0; width:100%; height:50px; }
	#lic_info {color:#585858;text-align:center;font-size:9px; padding: 5px 0 5px 0;}
	#lic_info_exp {color:#F00;text-align:center;font-size:9px; padding: 5px 0 5px 0;}
	
	.col_func {display:none;}
	.col_hide {display:none;}
	.col_show {display:inline; visibility:visible;}

	.ecase_report_5in1 {width:98%; clear:both; padding: 2px 2px 2px 2px;}

	table {width:100%; border-collapse:collapse; margin-bottom:3px; margin-top:3px;}
	.table_page { width:100%; clear:both;}
	.table_page tr td { border:#585858 1px solid; padding:2px; }

}

@media screen and (max-height:850px){

	#ecasual_inner_edit_h {width:100%; height:450px; overflow:scroll;}
	#ecasual_inner_checkin_h {width:100%; height:400px; overflow:scroll;}

}