@charset "utf-8";
/* CSS Document */

body
{
	font-size: 12px;
	position: absolute;
	bottom: 0px;
	top: 0px;
	right: 0px;
	width: 100%;	
	margin: auto;	
	/*
	overflow: hidden;
	border: 1px solid #FFCCEE;
	*/
}

.fit {
	padding: 0px;
}

.float-right {
	float: right;
}

.qrcode-word{
	font-family:Arial;
	font-size:18px;
	/*font-weight:bold;*/
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 10px;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11
{
	padding-right: 5px;
	padding-left: 5px;
}
.form-horizontal .form-group
{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
}
.row
{
	margin:0px;
}
.aligncenter
{
	text-align: center;
}
.index_table 
{
	/*
	position: relative;
	top: 0px;
	bottom: 0px;
	top: 0px;
	right: 0px;
	*/
	width: 100%;
	/*
	height: 100%;
	min-width: 950px;
	 width: 950px; 
	border: 1px solid #FFCCEE;
	margin:	auto;
	padding: 5px;
	overflow-y: auto;
	overflow-x: hidden;
	*/
}

.head_frame
{
	width: 100%;
	/*width: 950px;*/
	height: 70px;
	font-size:12px;
	font-family:"Arial";
	color:#444444;
}

.logo
{
	float:left;
	width:	366px;
	height: 58px;
	margin-top:5px;
	background:url(../img/title/sdm_logo.png);
}

.head_right
{
	float:right;
	width:450px;
	/*margin-right: 10px;*/
	height:70px;
	background:url(../img/title/top_right_background.png);
}

.head_right_row
{
	float:right;
	width:450px;
	height:20px;	
	margin-left: 5px;
}

.head_right_row_cell
{
	float:left;
	height:20px;	
}

.head_right_row_cell_red
{
	color:#CD0993;
	float:left;
	height:20px;	
}

.menu
{
	width: 100%;
	height: 55px;
	background-color:#FCD7F4;	
	display: inline-block;
}

.menu_cell
{
	float: left;
	height: 30px;
	font-size: 16px;
	font-family: "Arial";
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
	margin-left: 5px;
	display: block;
}

.menu_cell_separator
{
	float:left;
	width: 1px;
	height: 20px;
	font-size:12px;
	font-family:"Arial";
	color:#FFFFFF;
	text-align:center;
	padding-top:5px;
}

.btn-sdm-menu {
  color: #ffffff;
  background-color: #B749DA;
  border-color: #B749DA;
}

.btn-sdm-menu:hover,
.btn-sdm-menu:focus,
.btn-sdm-menu:active,
.btn-sdm-menu.active,
.open .dropdown-toggle.btn-sdm-menu {
  color: #ffffff;
  background-color: #E5ADF6;
  border-color: #E5ADF6;
}

.btn-sdm-menu:active,
.btn-sdm-menu.active,
.open .dropdown-toggle.btn-sdm-menu {
  background-image: none;
}

.btn-sdm-menu.disabled,
.btn-sdm-menu[disabled],
fieldset[disabled] .btn-sdm-menu,
.btn-sdm-menu.disabled:hover,
.btn-sdm-menu[disabled]:hover,
fieldset[disabled] .btn-sdm-menu:hover,
.btn-sdm-menu.disabled:focus,
.btn-sdm-menu[disabled]:focus,
fieldset[disabled] .btn-sdm-menu:focus,
.btn-sdm-menu.disabled:active,
.btn-sdm-menu[disabled]:active,
fieldset[disabled] .btn-sdm-menu:active,
.btn-sdm-menu.disabled.active,
.btn-sdm-menu[disabled].active,
fieldset[disabled] .btn-sdm-menu.active {
  background-color: #428bca;
  border-color: #357ebd;
}


.left_content
{
	float:left;	
	padding:5px;
	margin-top:5px;	
	position: relative;
	width: 50%;
}

.left_content_register
{
	float:left;
	width:400px;
	height:508px;
	border: 1px solid #FFCCEE;
	padding:5px;
	margin-top:5px;	
}


.centre_content
{
	float:left;
	width:938px;
	height:540px;
	border: 1px solid #FFCCEE;
	padding:5px;
	margin-top:5px;	
}

.left_button
{
	float:left;
	width:380px;
	height:70px;
	padding:10px;
	margin-top:5px;	
}

.left_data
{
	float:left;
	width:400px;
	height:450px;
}

.left_row
{
	float:left;
	width:400px;
	height:30px;
}

.left_row_long
{
/*	float:left; */
	width:100%;
/*	padding-bottom:10px; */
}

.left_row_long_height
{
	float:left;
	width:400px;
	height:280px;
	text-align:center;
}

.left_row_short_height
{
	width:400px;
	height:200px;
	text-align:center;
}

.left_data_frame
{
	float:left;
	width:260px;
	height:auto;
	
}

.left_row_short
{
	float:left;
	width:260px;
	height:30px;
}

.left_row_title
{
	color:#333333;
	font-size:16px;
}

.left_row_data_short
{
	color:#B42088;
	font-size:16px;
}

.left_row_data_grey
{
	float:left;
	height:23px;
	width:290px;
	color:#888888;
	padding-top:7px;
	padding-left:10px;
	font-size:16px;
}

.left_row_data
{
	float:left;
	/*height:30px;*/
	word-wrap: normal;
/*	width:290px;*/
	color:#B42088;
	padding-top:7px;
	padding-left:10px;
	font-size:16px;
}

.left_row_status_outstanding
{
	float:left;
	height:25px;
	width:200px;
	background-color:#900;
	color:#FFFFFF;
	padding-top:5px;
	font-size:16px;
	padding-left:10px;
}

.left_row_alert
{
	float:left;
	width:380px;
	height:28px;
	background-color:#900;
	color:#FFFFFF;
	padding-top:7px;
	font-size:16px;
	padding-left:10px;
}

.right_content
{
	float:right;
	border: 1px solid #FFCCEE;
	padding: 5px;
	width: 50%;
}

.right_content_register
{
	float:right;
	width:520px;
	height:555px;
	border: 1px solid #FFCCEE;
	padding:5px;
	margin-top:5px;	
}

.step_menu
{
	height:40px;
	padding:5px;
}

.step_head_bottom
{
	float:left;
	height:40px;
	width:25px;	
}

.step_purple
{
	float:left;
	height:30px;
	width:70px;
	padding-top:10px;
	padding-left:20px;
	background-color:#9B0F71;
	color:#FFFFFF;		
}

.step_grey
{
	float:left;
	height:30px;
	width:70px;
	padding-top:10px;
	padding-left:20px;
	background-color:#DDDDDD;
	color:#222222;		
}

.light_grey_menu
{
	height:35px;
	background-color:#999999;
	padding:5px;
	margin-bottom:10px;
}

.dark_green_menu
{
	height:35px;
	background-color:#418858;
	padding:5px;
	margin-bottom:10px;
}

.light_red_menu
{
	background-color:#E73668;
	padding:5px;
}

.light_grey_menu_ref
{
	float:left;
	color:#FFFFFF;
	font-size:16px;
	line-height: 25px;
}
	
.light_grey_search_menu
{
	float:right;
	width:280px;	
}

.photo_icon_row
{
	position:absolute;
	bottom:0px;
	width:400px;
	text-align:center;
	margin-bottom:20px;
	font-size:20px;
}


	
.dark_grey_menu
{
	font-size:12px;
	font-family:"Arial";
	color:#FFFFFF;
	background-color:#686868;
	padding-left: 5px;
	padding-top: 5px;
	height: 25px;
}
	
.dark_grey_menu_ref
{
	float:left;
	width:80px;	
}

.dark_grey_menu_name_chi
{
	float:left;
	width:80px;	
}

.dark_grey_menu_name_eng
{
	float:left;
	width:140px;	
}

.dark_grey_menu_dob
{
	float:left;
	width:120px;
}

.dark_grey_menu_icon
{
	float:left;
	width:60px;

}

.dark_grey_menu_status
{
	float:left;
	width:40px;
}

.dark_grey_menu_agency
{
	float:left;
	width:120px;
}

.dark_grey_menu_date
{
	float:left;
	width:90px;
}

.data_list
{
	font-size:12px;
	font-family:"Arial";
	color:#222222;		
	overflow-y: auto;
	overflow-x: hidden;
	height: 450px;
	
}
		
.data_row
{
	height:30px;
	background:url(../img/row_bg.png);	
}

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

.data_row_makeup
{
	height:30px;
	background:url(../img/row_purple_bg.png);
	color:#FFFFFF;
}

.data_check_box
{
	float:left;
	width:20px;
	height:20px;
	margin:5px;
}

.data_ref
{
	float:left;
	width:80px;	
	margin-top:7px;
	color:#B90082;
	text-decoration:underline;
	font-weight:bold;
}

.data_name_chi
{
	margin-top:7px;
	float:left;
	width:80px;	
}

.data_name_eng
{
	margin-top:7px;
	float:left;
	width:140px;	
}


.data_name_dob
{
	margin-top:7px;
	float:left;
	width:120px;	
}

.data_shop
{
	margin-top:7px;
	float:left;
	width:60px;
}

.data_icon
{
	float:left;
	width:60px;
	padding-top:3px;
}

.data_status
{
	float:left;
	width:40px;
	margin-top:7px;
}

.data_status_red
{
	float:left;
	width:40px;
	margin-top:7px;
	color:#CC0000;	
}

.data_date
{
	float:left;
	width:90px;
	margin-top:7px;
}


.menu_cell_orange_text
{
	float:left;
	width: 100px;
	height: 20px;
	font-size:12px;
	font-family:"Arial";
	color:#FFCC00;
	text-align:center;
	text-decoration:none;
	padding-top:5px;
}

.content
{
	width: 100%;
	/* height: 100%; */
	position: absolute;
	float: left;
	clear: both;
	bottom: 0px;
	top: 130px;
}
.small-content
{
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align:left;
}

.left_frame
{
	float:left;
	width:610px;
	height:auto;
}

.frame_title
{
	width:auto;
	height:35px;
	padding:0px;
	margin:0px;
}

.frame_icon
{
	float:left;
	width:130px;
	height:30px;
	padding:0px;
	margin:0px;
}

.title_underline
{
	width:610px;
	height:3px;
	background:url(../img/grey_hor_separator.png);	
}

.title_underline_300
{
	width:290px;
	height:3px;
	background:url(../img/grey_hor_separator_300.png);	
}

.more_icon
{
	float:right;
	width:40px;
	height:15px;
	padding:0px;
	margin:0px;
	margin-top:10px;
	background:url(../img/icon_more.png);
}

.worker_row
{
	width:630px;
	height:280px;
}

.worker_cell
{
	float:left;
	width:125px;
	height:230px;
	border: 1px solid #C1C2C9;
	margin-top:20px;
	margin-right:20px;
	padding:5px;
}

.worker_photo
{
	width:125px;
	height:180px;
}

.worker_description
{
	width:125px;
	height:45px;
	text-align:center;
	font-size:12px;
	font-family:"Arial";
	color:#333333;
	padding-top:5px;
}

.search_box
{
	width:600px;
	height:250px;
	margin-left:10px;
}


.search_row
{
	float:left;
	width:600px;
	height:30px;
}

.search_row_short
{
	width:290px;
	height:30px;
}

.require_row
{
	width:480px;
	height:30px;
}

.addr_row
{
	width:480px;
	height:20px;
}

.search_cell
{
	float:left;
	width:90px;
	height:30px;
	background:url(../img/search_yellow_dot.png) no-repeat 0 0;
	padding:0px;
	padding-left:15px;
}

.search_text_field
{
	float:left;
	height: 23px;
	width: 180px;
	padding-top:7px;
}

.req_text_field
{
	float:left;
	height: 23px;
	width: 375px;
	padding-top:7px;
}



.search_text_input
{
	float:left;
	height: 10px;
	width: 140px;
	font-size: 12px;
}

.checkbox_row
{
	float:left;
	height: 30px;
	width: 480px;
	font-size: 14px;
}

.checkbox_item
{
	float:left;
	height: 25px;
	width: 105px;
	font-size: 12px;
	padding-top:4px;
}

.checkbox_item_short
{
	float:left;
	height: 25px;
	width: 90px;
	font-size: 12px;
	padding-top:4px;
}

.search_icon
{
	float:right;
	width:66px;
	height:26px;
	padding:0px;
	margin:0px;
	background:url(../img/search_button.png);
}


.submit_icon
{
	float:right;
	width:66px;
	height:26px;
	padding:0px;
	margin:0px;
	background:url(../img/submit.png);
}

.text_content
{
	width:496px;
	padding:10px;
	padding-left:40px;
	font-size: 16px;
	font-family:"Arial";
}

.contact_content
{
	width:496px;
	height:250px;
	padding:10px;
	padding-left:40px;
	font-size: 16px;
}

.worker_result
{
	float:left;
	width:610px;
	height:600px;
	padding-top:10px;
	font-size: 16px;
}

.worker_result_cell
{
	float:left;
	width:280px;
	height:210px;
	padding:5px;
	border: 1px solid #C1C2C9;
	margin-left:10px;
	margin-bottom:10px;
	padding:5px;
}

.worker_photo
{
	float:left;
	width:125px;
	height:auto;
	margin-bottom:5px;
}

.worker_result_row
{
	float:right;
	width:150px;
	height:auto;
	padding-bottom:5px;
	font-size:14px;
	font-family:"Arial";
	color:#666666;	
}

.worker_result_button_row
{
	float:left;
	width:280px;	
}

.worker_result_button
{
	float:right;
	width:45px;
	height:20px;
	margin-right:10px;	
}

.worker_result_row_short
{
	float:right;
	width:75px;
	height:auto;
	padding-bottom:5px;
	font-size:14px;
	font-family:"Arial";
	color:#666666;	
}

.news_box
{
	width:195px;
	height:869px;
	padding:0px;
	padding-top:55px;
	padding-left:30px;
	margin:0px;
	margin-left:10px;
	margin-top:5px;
	background:url(../img/news_bg.png);
}

.news_index_box
{
	width:195px;
	height:657px;
	padding:0px;
	padding-top:55px;
	padding-left:30px;
	margin:0px;
	margin-left:10px;
	margin-top:5px;
	background:url(../img/news_index_bg.png);
}

.news_more
{
	font-size:12px;
	font-family:"Arial";
	color:#BE160C;	
}

.frame_separator
{
	float:left;
	width:30px;
	height:520px;
	background:url(../img/hor_separator.png) no-repeat 0 0;			
}

.right_frame
{
	float:right;
	width:290px;
	height:auto;
}

.news_cell
{
	float:left;
	width:240px;
	font-size:12px;
	font-family:"Arial";
	color:#8D8D8D;
	margin-left:10px;
	margin-top:15px;
	padding-left:20px;
	height:auto;
	background:url(../img/yellow_block.png) no-repeat 0 0;	
}

.news_title
{
	font-size:14px;
	font-family:"Arial";
	color:#000000;
	font-weight:bold;	
	padding-bottom:5px;
}

.item_cell
{	
	float:left;
	width:200px;
	height:250px;
	padding-left:5px;
	padding-right:5px;
}

.item_title
{
	list-style-image:url('../img/yellow_dots.png');
	padding-left:0px;
	padding-top:0px;
	margin:0px;
	line-height: 0.9;
}

.item_title_li
{
	padding-bottom:2px;	
}

.item_req_li
{
	padding-bottom:5px;	
	width:430px;
}

.item_ul
{
	list-style-image:url('../img/grey_dots.png');
	padding-left:16px;
	padding-top:0px;
	margin:0px;
}

.item_ol
{
	padding-left:40px;
	padding-top:0px;
	margin:0px;
}

.item_li
{
	padding:2px;	
}

.item_box
{
	float:left;
	height: 25px;
	width: 105px;
	padding-top:4px;
}

.contact_li
{
	float:left;
	padding-bottom:5px;	
	width:430px;
}
.contact_row
{
	float:left;
	width:480px;
	height:20px;
	font-size:16px;
	font-family:"Arial";
}

.contact_box
{
	float:left;
	height: 20px;
	width: 105px;
}

.contact_text_field
{
	float:left;
	height: 20px;
	width: 375px;
}




.inside_title_our_product
{
	width: 740px;
	height: 62px;
	background:url(../img/title/our_product.png);	
}

.bottom_frame
{
	float:left;
	width: 950px;
	height: 95px;
	background:url(../img/bottom_bg.png);		
}

.bottom_logo
{
	float:left;
	width: 160px;
	height: 233px;
	background:url(../img/footer_logo.jpg);
	padding-right:20px;
}

.bottom_link_vert
{
	float:left;
	width: 150px;
	height: 160px;
	padding-top:30px;
}

.bottom_link_cell
{
	width: 150px;
	height: 30px;
	font-size:14px;
	font-family:"Arial";
	color:#FFFFFF;
}

.bottom_vert_separator
{
	float:left;
	width: 20px;
	height: 152px;
	background:url(../img/footer_vertical_line.jpg);
}

#loading{
	color: #333;
	line-height: 100%;
	position: absolute;
	width: 100%;	
	/*height: 570px;*/
	margin: 0 auto 0 auto;
	top: 136px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background: url(../img/loading.gif) no-repeat;
	background-position: center center;
	background-color: #FFF;
	opacity: 0.9;
	display: none;
	z-index: 10000;
	}	

#webcam-container
{
	width:100%;
	margin: auto;
	text-align: center;
}

#webcam
{
	width: 432px;
	height: 540px;
}

.copyright
{
	float:left;
	padding-top:20px;
	width:700px;
	height:20px;
	font-size:10px;
	font-family:"Arial";
	color:#FFFFFF;
	text-align:center;
}

/* attendance */
.attend 
{
	background: #FFCBEE;
}
.notInList
{
	background: #FFFA84;
}
.attend-action
{
	text-align: center;
}
.data_row_attend
{
	height: auto;
	display: inline-block;
	width: 100%;
	border-bottom: solid 1px #CCC;
	padding:5px;
}
.left_row_long_attendance
{
	height: 325px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 10px;
}
.attend-list-container {
	height: 400px;
	overflow-y: auto;
	overflow-x:	hidden;
}
.attend-action-container {
	height: 60px;
	padding-top: 15px;
}
.form-horizontal .control-label {
	text-align: left;
	font-size: 12px;
	padding-top: 9px;
}

/* hr */
#action-panel 
{
	width: 100%;
	padding: 5px;
	text-align: left;
	float: left;
}
.pagination 
{
	margin:0px !important;
}
#hr-left
{
	border: 0px;
	width: 200px;
}
#hr-right
{
	margin-left: 200px;
	float: none;
	width: auto;
	height: 100%;
}
#hr-right-container 
{
	width: 100%;
	height: 100%;
	position: relative;
	display: inline-block;
}
#hr-right-container .data_list_container
{
	position: absolute;
	top: 25px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
#hr-right-container .data_list
{
	/* height: 490px !important; */
	height: 100% !important;
	overflow-y: scroll;
	position: absolute;
	left: 0;
	top: 0;
}
#hr-result-container
{
	position: absolute;
	top: 45px;
	width: 100%;
	bottom: 0px;
	overflow: auto;
}
#hr-data-title
{
	background: #AAA;
	color: #FFF;
	text-align: left;
	float: left;
	width: 100%;
}
#hr-data-table
{
	overflow-y: auto;
	text-align: left;
	float: left;
	width: 100%;
}
#hr-data-table2
{
	width: 490px;
	float: left;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	top: 100px;
	bottom: 0px;
}
#hr-data-table2 .data_row_attend , #hr-data-title .data_row_attend 
{
	padding: 5px;
}
#hr-right-content 
{
	margin-left: 500px;
	position: absolute;
	top: 100px;
	background: #FFF;
}
#hr-search-panel 
{
	display: inline-block;
	width: 100%;
	background: #D5E4FF;
	padding: 5px;	
}
.hr-list-container 
{
	padding-bottom: 50px;
}
.red
{
	color: #CC0000;
}
.checkin
{
	background: #FFF;
}
.checkout
{
	background: #FFEAEA;
}
.late
{
	background: #6FEFFF;
}
.earlyLeave
{
	background: #FFFD6F;
}
.tomorrow
{
	background: #FF887E;
}
.record6, .record12, .record18
{
	clear: both;
	display: block;
	position: relative;
	margin-left: 40px;
}
.one-day .record6
{
	clear: none;
	margin-left: 0px;
}
.title
{
	float: left;
	padding: 3px;
	font-size: 16px;
	font-weight: bold;
	width: 40px;
}

/* report */
.panel
{
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
}
.panel-heading
{
	font-weight: bold;
	font-size: 20px;
}
.panel-body
{
	padding: 0px;
}
#report-left
{
	border: 0px;
	width: 200px;
	height: 100%;
	text-align: left;
}
#report-right
{
	margin-left: 200px;
	height: 100%;
	/*width: 730px;*/
	float: none;
	width: auto;
}
#report-right-container 
{
	height: 100%;
	position: relative;
}
#report-right-container .data_list_container
{
	position: absolute;
	top: 25px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
#report-right-container .data_list
{
	/* height: 490px !important; */
	height: 100% !important;
	overflow-y: scroll;
	position: absolute;
	left: 0;
	top: 0;
}
#report-result-container
{
	position: absolute;
	top: 45px;
	width: 100%;
	bottom: 0px;
	overflow: auto;
}
#report-attendance-search-panel 
{
	display: inline-block;
	width: 100%;
	background: #D5E4FF;
	padding: 5px;	
}
#report-attendance_sem_course 
{
	overflow: auto;
	position: absolute;
	top: 30px;
	bottom: 0px;
}
#report-chart
{
	height: 250px;
}
#report-attendance-semester-data-table
{	
	position: absolute;
	top: 300px;
	width: 100%;
	bottom: 0px;
	overflow: auto;
}
.report-list-container 
{
	padding-bottom: 50px;
}
.graph-row-active {
	background: #FFDF9D;
}
.checkin, .checkout{
	float: left;
	padding: 5px;
	width: 130px;
	height: 65px;
}
.remarks {
	position: absolute;
	left: 825px;
	right: 0px;
	padding-top: 5px;
}
.remarks-text {
	height:40px;
	overflow: auto;
}



@media print {	
	@page {
		size: portrait;
		margin: 0.5cm;
	}
	body {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		padding:0px !important;
		margin:0px !important;
		page-break-after: always;
	}
	body * {
		visibility: hidden;
	}
	.printable {
		border: 1px solid black;
	}
	.printable, .printable * {
		visibility:visible;
	}
	h3 {
		font-size: 16px;
		margin: 5px;
	}
	.index_table {
		overflow: visible;
	}
	.content {
		visibility: visible;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}
	.checkout {
		background-color: #FFEAEA !important;
        -webkit-print-color-adjust: exact; 
	}
	.late
	{
		background-color: #6FEFFF !important;
		-webkit-print-color-adjust: exact; 
	}
	.earlyLeave
	{
		background-color: #FFFD6F !important;
		-webkit-print-color-adjust: exact; 
	}
	.tomorrow
	{
		background-color: #FF887E !important;
		-webkit-print-color-adjust: exact; 
	}
	.record6, .record12, .record18
	{
		margin-left: 75px;
	}
	
	.printhidden {
		visibility: hidden;
		display: none;
	}
	.printable { /* aligning the printable area */		
		display: block;
		margin: 0px !important;
		padding: 0px !important;
	}
	#hr-right {
		width: 100%;
		margin-left: 0px;
		height: 100%;
	}
	.title {
		font-size: 12px;
		line-height: 20px;
		width: 75px;
	}
	.checkin, .checkout {
		float: left;
		padding: 5px;
		width: 130px;
		height: 45px;
	}
	.remarks {
		position: absolute;
		left: 860px;
		right: 0px;
		padding-top: 5px;
		min-width: 300px;
	}
	#hr-right-content 
	{
		background: #FFF;
		margin-left: 500px;
		position: absolute;
		top: 0px;
	}
	.remarks-text {
		height:40px;
		overflow: visible;
	}
	
}