/********/
/********/
/********/

*{font-family:; font-size:; margin:0px; padding:0px;}

img{padding:0; margin:0; border:none;}
.clear {clear:both;}
html{background-image:url(images/mpf_dtr.png);
	background-repeat:no-repeat;
    background-size:100% 100%;
	background-attachment:fixed;
	/* height:100%; */
}
body,a{margin:0px auto; color:#1f1f1f;}
#header, #main, #footer{margin:0 auto; float:left;}
#header{margin-bottom:20px;}
#header_info, #main_info, #footer_info{}

.login #main_info{background-color:transparent;}
#main_info{background-color:#ffffff; margin-top:20px;padding:10px;}

.col_holder{width:100%;float:left;}
.fifty_percent{width:48%;}
.two_col,.two_three_col,.three_col,.four_col,.one_col{width:100%;float:left; padding:3px 0px;}
.one_small_col{width:80%;float:left; padding:3px 10%;}
.one_smaller_col{width:98%;float:left; padding:3px 1%;}

.text_r{text-align:left;}

.nav li{list-style:none;}

.title_a{color:; padding:5px; font-size:24px;}
.title_b{font-weight: bold; font-size: 12px;}
.title_c{font-weight: bold; font-size: 12px;}
.label_a{}
.label_b{}
.content_a{}
.content_b{}
.button_a{}
.button_b{}
.text{}
.textarea{}
.select{}
.radio{}
.required{}
.nav{}
.nav_item{width:;}

.title_a:hover{color:;}
.title_b:hover{color:;}
.label_a:hover{color:;}
.label_b:hover{color:;}
.content_a:hover{color:;}
.content_b:hover{color:;}
.button_a:hover{}
.button_b:hover{}
.nav_one:hover{background-position:bottom;}

.button_a:active{}
.button_b:active{}
.text:active{}
.textarea:active{}
.select:active{}
.radio{}:active{}

.add{}
.edit{}
.delete{}
.link{}
.active{background-position:center;}
.selected{background-position:center;}

.bold{}
.italic{}

.two_char{}
.five_char{}

.tooltip{}
/**Nav**/
.menu-button { background: #d0d0d0; text-align: center;}

.mainNav2{ width:100%;float:left; background: #d0d0d0;border-right:solid 2px #d0d0d0; border-left:solid 1px #d0d0d0;  margin-bottom:20px;}
.mainNav{width:100%;float:left;padding:20px 0px;background:url('images/burger.png') center no-repeat #d0d0d0; border-right:solid 2px #d0d0d0; border-left:solid 1px #d0d0d0;  margin-bottom:20px;}
.mainNav ul.nav{display:none;}
.mainNav:hover ul.nav{display:block;}
.mainNav2 li a span {visibility: visible;color: transparent;} /*firefoxnav*/
.mainNav2 .level_2  li a {visibility: visible;color: #1f1f1f;} /*firefoxnav*/



.mainNav2 ul.nav{display:none;}
.mainNav2:hover ul.nav{display:block;}
.nav li.nav_one{width:100%; height:20px;font-weight:bold;text-align:center;border-bottom:solid 1px #d0d0d0;}
.nav li.nav_one a {width:100%; height:20px; display:inline-block;}
/* .nav li.nav_one a {width:100%; height:20px; display:inline-block;background-color: whitesmoke;border-bottom:solid 1px #d0d0d0;} */
.nav li.nav_one .image_link{width:100%; height:20px;} 
.nav  .sub_nav{display:inline;}
.nav  .sub_nav .level_2{display:none; background-color: #d0d0d0;}
.nav  .sub_nav .level_2 a{background-color: #d0d0d0;}
.nav  .sub_nav:hover .level_2{display:block;}

/**Nav**/
.nav{width:100%; margin-top: 15px; border-top: solid 1px #d0d0d0; border-right: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0;}
.nav li{display:block;}
.logo{float:left; width:100%;}
.logo p{text-align:center;}

.tr:hover ,.tr.total{background-color: whitesmoke;}
.tr:hover .td,.tr.total .td{color:#fa414f;}



.tabberlive .tabbertab {
    border: transparent !important;
}

.tabbernav{
    border: transparent !important;
}
.tabbernav a{
    border: transparent !important;
	background-color: #DAEAFB !important;
}
.tabbernav .tabberactive a{
	background-color: #3c546d !important;
}

input[type="button"], input[type="submit"]{background:#d0d0d0;border:transparent; min-width:50px; height:25px;padding:0px 3px;font-weight:bold;color:#555;}
input[type="button"]:hover, input[type="submit"]:hover{background:#555;color:#d0d0d0;}
input[type="text"].login,input[type="password"].login{
	width:100%;
	height:48px;
	font-size: 18px; 
	padding: 12px 5px 12px 80px;
	margin-bottom:5px;
	border:1px solid #99a3b4; 
	background:url('images/username_icon.png') no-repeat left center #fff;
}
input[type="password"].login{
	background:url('images/password_icon.png') no-repeat left center #fff;
}

input[type="submit"].login{
	width:100%;
	height:48px;
	font-size: 18px; 
	padding: 12px 5px;
	margin-bottom:5px;
	color:#fff;
	background:#1c2251;
	border:0px;
}
input[type="text"],input[type="password"]{padding:3px 0px 3px 5px; height:14px;min-width:190px;}
input[type="text"].timeInput{min-width:30px;}
input.time{width:30px;}
div.timecombo{width:90px; float:left;}
input[type="text"].date{min-width:60px;}
textarea{padding:3px 0px 3px 5px; height:14px;min-width:190px;height:30px;resize: none;}
select{padding:3px 5px; height:24px;/* min-width:200px; */}
.actions img{padding:2px;}
.actions:hover img{background:#d0d0d0;}

.total_logged{
	display:inline-block; width:100%; text-align:left;
}
.total_logged font{
	background:#5ed9c5; color:#ffffff;padding:2px 5px ;
}

.errmsg{color:red; font-style:italic;font-size:10px;}
/***********************************/
.table{display:table; width:100%;}
.tr{float:left;width:96%;padding:10px 2% 5px; border-bottom:1px solid #5dd9c4;}
.th{float:left;text-align:center;font-weight:bold; font-size:14px;min-height:4px;}
.th.no{display:none; text-align: left;}
.td{float:left;width:100%;min-height:4px;
    overflow: hidden;
    text-overflow: ellipsis;}
.td span{width: 80px; display: inline-block;font-weight:bold;}
.td.no span{width: 30px;}

/**User**/
.th.ln{display:none;}
.th.fn{display:none;}
.th.un{display:none;}
.th.position{display:none;}
.th.al{display:none;}

.td.no{width:98%;padding:0% 1%;}
.td.ln{width:96%;padding:0% 2%;}
.td.fn{width:96%;padding:0% 2%;}
.td.un{width:96%;padding:0% 2%;}
.td.position{width:96%;padding:0% 2%;}
.td.al{width:96%;padding:0% 2%;}

/**getUserWorkDetails**/
.th.my_list{display:none;}

.td.my_list{width:96%;padding:0% 2%;}
/**getUserWorkDetails**/
.th.my_list_report{display:none;}

.td.my_list_report{width:96%;padding:0% 2%;}

/**Client**/
.th.client_group{display:none;}
.th.client_name{display:none;}
.th.client_code{display:none;}
.th.client_jem{display:none;}
.th.client_cp{display:none;}

.td.client_group{width:96%;padding:0% 2%;}
.td.client_name{width:96%;padding:0% 2%;}
.td.client_code{width:96%;padding:0% 2%;}
.td.client_jem{width:96%;padding:0% 2%;}
.td.client_cp{width:96%;padding:0% 2%;}
.td.al{width:96%;padding:0% 2%;}

/**DSR**/
.th.dsr_file{display:none;}
.th.dsr_desc{display:none;}
.th.dsr_time{display:none;}
.th.dsr_amount{display:none;}

.td.dsr_file{width:96%;padding:0% 2%;}
.td.dsr_desc{width:96%;padding:0% 2%;}
.td.dsr_time{width:96%;padding:0% 2%;}
.td.dsr_amount{width:96%;padding:0% 2%;}

/**Client view**/
.th.clientinfo_fn{display:none;}
.th.clientinfo_ln{display:none;}
.th.clientinfo_type{display:none;}
.th.clientinfo_position{display:none;}

.td.clientinfo_fn{width:96%;padding:0% 2%;}
.td.clientinfo_ln{width:96%;padding:0% 2%;}
.td.clientinfo_type{width:96%;padding:0% 2%;}
.td.clientinfo_position{width:96%;padding:0% 2%;}

/****/
.th.edit_file_position{display:none;}
.th.edit_file_lawyer{display:none;}
.th.edit_file_rate{display:none;}
.th.edit_file_action{display:none;}

.td.edit_file_position{width:96%;padding:0% 2%;}
.td.edit_file_lawyer{width:96%;padding:0% 2%;}
.td.edit_file_rate{width:96%;padding:0% 2%;}
.td.edit_file_action{width:46%;padding:0% 2%;}

/****/
.th.file_view_act_date{display:none;}
.th.file_view_act_name{display:none;}
.th.file_view_act_desc{display:none;}
.th.file_view_act_time{display:none;}
.th.file_view_act_rate{display:none;}

.td.file_view_act_date{width:96%;padding:0% 2%;}
.td.file_view_act_name{width:96%;padding:0% 2%;}
.td.file_view_act_desc{width:96%;padding:0% 2%;}
.td.file_view_act_time{width:46%;padding:0% 2%;}
.td.file_view_act_rate{width:46%;padding:0% 2%;}

/****/
.th.view_file_position{display:none;}
.th.view_file_name{display:none;}
.th.view_file_rate{display:none;}
.th.view_file_actions{display:none;}

.td.view_file_position{width:96%;padding:0% 2%;}
.td.view_file_name{width:96%;padding:0% 2%;}
.td.view_file_rate{width:96%;padding:0% 2%;}
.td.view_file_actions{width:46%;padding:0% 2%;}

/****/
.th.client_flielist_file{display:none;}
.th.client_flielist_cn{display:none;}
.th.client_flielist_status{display:none;}

.td.client_flielist_file{width:96%;padding:0% 2%;}
.td.client_flielist_cn{width:96%;padding:0% 2%;}
.td.client_flielist_status{width:96%;padding:0% 2%;}

/****/
.th.dept_list_code{display:none;}
.th.dept_list_name{display:none;}

.td.dept_list_code{width:96%;padding:0% 2%;}
.td.dept_list_name{width:96%;padding:0% 2%;}


/**File**/
.th.file_client{display:none;}
.th.file_file{display:none;}
.th.file_add{display:none;}

.td.file_client{width:96%;padding:0% 2%;}
.td.file_file{width:96%;padding:0% 2%;}
.td.file_add{width:96%;padding:0% 2%;}

.add{}
.th.add,.td.add{width:100%; text-align:right;}
.actions{width:33%;text-align:center;}
.wprint .actions{width:20%;text-align:center;}
.wprint .actions div { display: inline-block; }

.use-login-info{text-align:right; padding:30px 10px 10px;}

/* .page_link{padding:10px 10px 0px;} */
.page_link{padding:0px;}
.page_link:hover{text-decoration:underline;}

#frmReport #txtEndDate {
	margin-left:55px;
}
		
.hide_m{
	display:none;
}

.totals_m, .compute_m{
	text-align:left;
	padding-left:50px;
	padding-right:0px;
}

.center_m{
	text-align:center;
}

.td.my_list.center_m.billable{text-align:left;}
/***********************************/

@media (min-width:320px) { 
/* smartphones, iPhone, portrait 480x320 phones */ 
body{width:320px;}
#header, #main, #footer{width:320px;}
}

@media (min-width:481px) { 
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
body{width:481px;}
#header, #main, #footer{width:481px;}
.one_smaller_col{width:60%;float:left; padding:3px 20%;}
}

@media (min-width:768px) { 
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
		body{width:768px;}
		#header, #main, #footer{width:768px;}
/* 		.th{width:16%;} */
		div.menu-button {display:none !important}
		.th.no{width:r%;}
		.th.add,.td.add{width:18%; text-align:center;}
		.actions{width:6%;}
		#activity_list .actions {    width: 19%;}
		.no{width:2%;}
		.no span{display:none; }
		.ln span{display:none;}
		.fn span{display:none;}
		.un span{display:none;}
		.position span{display:none;}
		.al span{display:none;}

		.th.no{width:2%; padding:0px; display:inline;}
		.th.ln{width:16%; padding:0px; display:inline;}
		.th.fn{width:16%; padding:0px; display:inline;}
		.th.un{width:16%; padding:0px; display:inline;}
		.th.position{width:16%; padding:0px; display:inline;}
		.th.al{width:16%; padding:0px; display:inline;}

		.td.no{width:2%; padding:0px;}
		.td.ln{width:16%; padding:0px;}
		.td.fn{width:16%; padding:0px;}
		.td.un{width:16%; padding:0px;}
		.td.position{width:16%; padding:0px;}
		.td.al{width:16%; padding:0px;}
		
		/**getUserWorkDetails**/
		
		.my_list_report span{display:none;}

		.th.my_list_report{width:11.11%; padding:0px; display:inline;}

		.td.my_list_report{width:11.11%; padding:0px;}
		/**getUserWorkDetails**/
		
		.my_list span{display:none;}

		.th.my_list{width:12.5%; padding:0px; display:inline;}

		.td.my_list{width:12.5%; padding:0px;}
		
		/**Client**/
		
		.client_group span{display:none;}
		.client_name span{display:none;}
		.client_code span{display:none;}
		.client_jem span{display:none;}
		.client_cp span{display:none;}

		.th.client_group{width:16%; padding:0px; display:inline;}
		.th.client_name{width:16%; padding:0px; display:inline;}
		.th.client_code{width:16%; padding:0px; display:inline;}
		.th.client_jem{width:16%; padding:0px; display:inline;}
		.th.client_cp{width:16%; padding:0px; display:inline;}

		.td.client_group{width:16%; padding:0px;}
		.td.client_name{width:16%; padding:0px;}
		.td.client_code{width:16%; padding:0px;}
		.td.client_jem{width:16%; padding:0px;}
		.td.client_cp{width:16%; padding:0px;}
		
		/**Client view**/
		.th.clientinfo_fn{width:20.5%;padding:0px;display:inline;}
		.th.clientinfo_ln{width:20.5%;padding:0px;display:inline;}
		.th.clientinfo_type{width:20.5%;padding:0px;display:inline;}
		.th.clientinfo_position{width:20.5%;padding:0px;display:inline;}
		
		.td.clientinfo_fn{width:20.5%;padding:0px;}
		.td.clientinfo_ln{width:20.5%;padding:0px;}
		.td.clientinfo_type{width:20.5%;padding:0px;}
		.td.clientinfo_position{width:20.5%;padding:0px;}

		.clientinfo_fn span{display:none;}
		.clientinfo_ln span{display:none;}
		.clientinfo_type span{display:none;}
		.clientinfo_position span{display:none;}
		
		/**Client view**/
		.th.dsr_file{width:20.5%;padding:0px;display:inline;}
		.th.dsr_desc{width:20.5%;padding:0px;display:inline;}
		.th.dsr_time{width:20.5%;padding:0px;display:inline;}
		.th.dsr_amount{width:20.5%;padding:0px;display:inline;}
		
		.td.dsr_file{width:20.5%;padding:0px;}
		.td.dsr_desc{width:20.5%;padding:0px;}
		.td.dsr_time{width:20.5%;padding:0px;}
		.td.dsr_amount{width:20.5%;padding:0px;}

		.dsr_file span{display:none;}
		.dsr_desc span{display:none;}
		.dsr_time span{display:none;}
		.dsr_amount span{display:none;}
		
		/**File edit**/
		.th.view_file_position{width:26.5%;padding:0px;display:inline;}
		.th.view_file_name{width:26.5%;padding:0px;display:inline;}
		.th.view_file_rate{width:26.5%;padding:0px;display:inline;}
		.th.view_file_actions{width:9%;padding:0px;display:inline;}
		
		.td.view_file_position{width:26.5%;padding:0px;}
		.td.view_file_name{width:26.5%;padding:0px;}
		.td.view_file_rate{width:26.5%;padding:0px;}
		.td.view_file_actions{width:9%;padding:0px;}

		.view_file_position span{display:none;}
		.view_file_name span{display:none;}
		.edit_file_rate span{display:none;}
		.view_file_actions span{display:none;}
		
		/**File edit**/
		
		.th.edit_file_position{width:20.5%;padding:0px;display:inline;}
		.th.edit_file_lawyer{width:20.5%;padding:0px;display:inline;}
		.th.edit_file_rate{width:20.5%;padding:0px;display:inline;}
		.th.edit_file_action{width:10.25%;padding:0px;display:inline;}
		
		.td.edit_file_position{width:20.5%;padding:0px;}
		.td.edit_file_lawyer{width:20.5%;padding:0px;}
		.td.edit_file_rate{width:20.5%;padding:0px;}
		.td.edit_file_action{width:10.25%;padding:0px;}

		.edit_file_position span{display:none;}
		.edit_file_lawyer span{display:none;}
		.edit_file_rate span{display:none;}
		.edit_file_action span{display:none;}
		
		/**File View**/
		.th.file_view_act_date{width:16.4%;padding:0px;display:inline;}
		.th.file_view_act_name{width:16.4%;padding:0px;display:inline;}
		.th.file_view_act_desc{width:16.4%;padding:0px;display:inline;}
		.th.file_view_act_time{width:16.4%;padding:0px;display:inline;}
		.th.file_view_act_rate{width:16.4%;padding:0px;display:inline;}
		
		.td.file_view_act_date{width:16.4%;padding:0px;}
		.td.file_view_act_name{width:16.4%;padding:0px;}
		.td.file_view_act_desc{width:16.4%;padding:0px;}
		.td.file_view_act_time{width:16.4%;padding:0px;}
		.td.file_view_act_rate{width:16.4%;padding:0px;}

		.file_view_act_date span{display:none;}
		.file_view_act_name span{display:none;}
		.file_view_act_desc span{display:none;}
		.file_view_act_time span{display:none;}
		.file_view_act_rate span{display:none;}
		
		/**File**/

		.th.client_flielist_file{width:27%;padding:0px;display:inline;}
		.th.client_flielist_cn{width:27%;padding:0px;display:inline;}
		.th.client_flielist_status{width:27%;padding:0px;display:inline;}
		
		.td.client_flielist_file{width:27%;padding:0px;}
		.td.client_flielist_cn{width:27%;padding:0px;}
		.td.client_flielist_status{width:27%;padding:0px;}

		.client_flielist_file span{display:none;}
		.client_flielist_cn span{display:none;}
		.client_flielist_status span{display:none;}
		/**dept**/
		.th.dept_list_code{width:36%;padding:0px 2%;display:inline;}
		.th.dept_list_name{width:40%;padding:0px;display:inline;}
		
		.td.dept_list_code{width:36%;padding:0px 2%;}
		.td.dept_list_name{width:40%;padding:0px;}

		.dept_list_code span{display:none;}
		.dept_list_name span{display:none;}
		
		/**File**/
		.th.file_client{width:20%;padding:0px;display:inline;}
		.th.file_file{width:20%;padding:0px;display:inline;}
		.th.file_add{width:20%;padding:0px;display:inline;}
		.td.file_client{width:20%;padding:0px 25px; text-align: center; box-sizing: border-box;}
		.td.file_file{width:20%;padding:0px;}
		.td.file_add{width:20%;padding:0px;}

		.file-list-container .th.file_client, .file-list-container .th.file_file, .file-list-container .td.file_client { width: 25%; }
		


		.file_client span{display:none;}
		.file_file span{display:none;}
		
		/******************/
		.th.file_client.new_file{width:26%;padding:0px;display:inline;}
		.th.file_file.new_file{width:26%;padding:0px;display:inline;}
		.th.file_add.new_file{width:26%;padding:0px;display:inline;}
		.td.file_client.new_file{width:26%;padding:0px 25px; text-align: center; box-sizing: border-box;}
		.td.file_file.new_file{width:26%;padding:0px;}
		.td.file_add.new_file{width:26%;padding:0px;}

		.file-list-container .th.file_client.new_file, .file-list-container .th.file_file.new_file, .file-list-container .td.file_client.new_file { width: 25%; }
		


		.file_client span{display:none;}
		.file_file span{display:none;}
		.actions.withprint{ width:24%;}
		/******************/
		
		.mainNav2{float:left; display:block;padding:0px; background:none; border:0px;  margin-bottom:0px;    width: 65%;}
		.mainNav{float:left; display:block; width:65%; padding:0px;background:none; border:0px;  margin-bottom:0px;}
		.mainNav2 ul.nav{display:block;}
		.mainNav ul.nav{display:block;}
		
		.nav li.nav_one{display:inline-block; width:44px; height:61px;border-bottom:0px;}
			.nav ul.level_2{display:none; position:absolute; top:61px; left: 0px;}
			.nav ul.level_2 li{display:block; width:115px;}
			.nav  .sub_nav{position:relative;}
			.nav  .sub_nav:hover ul.level_2{display:block; text-align: left;}
		.logo{float:left;width: 35%;}
		.logo p{text-align:right;}


		.home{background:url('images/home_icon.png') top no-repeat;}
		.user{background:url('images/user_icon.png') top no-repeat;}
		.client{background:url('images/client_icon.png') top no-repeat;}
		.file{background:url('images/file_icon.png') top no-repeat;}
		.dsr{background:url('images/dtr_icon.png') top no-repeat;}
		.mylist{background:url('images/mylist_icon.png') top no-repeat;}
		.settings{background:url('images/settings_icon.png') top no-repeat;}
		.nav_one.reports{background:url('images/reports_icon.png') top no-repeat;}
		.profile{background:url('images/profile_icon.png') top no-repeat;}
		.logout{background:url('images/logout_icon.png') top no-repeat;}

		.home > a{visibility:hidden;}
		.user > a{visibility:hidden;}
		.client > a{visibility:hidden;}
		.file > a{visibility:hidden;}
		.dsr > a{visibility:hidden;}
		.mylist > a{visibility:hidden;}
		.settings > a{visibility:hidden;}
		.reports > a{visibility:hidden;}
		.profile > a{visibility:hidden;}
		.logout > a{visibility:hidden;}

		.home:hover{background-position:bottom;}
		.user:hover{background-position:bottom;}
		.client:hover{background-position:bottom;}
		.file:hover{background-position:bottom;}
		.dsr:hover{background-position:bottom;}
		.mylist:hover{background-position:bottom;}
		.settings:hover{background-position:bottom;}
		.reports:hover{background-position:bottom;}
		.profile:hover{background-position:bottom;}
		.logout:hover{background-position:bottom;}

		.home .home{background-position:bottom;}
		.user .user{background-position:bottom;}
		.client .client{background-position:bottom;}
		.file .file{background-position:bottom;}
		.dsr .dsr{background-position:bottom;}
		.mylist .mylist{background-position:bottom;}
		.settings .settings{background-position:bottom;}
		.reports .reports{background-position:bottom;}
		.profile .profile{background-position:bottom;}

		 .home.selected{background-position:bottom;}
		 .user.selected{background-position:bottom;}
		 .client.selected{background-position:bottom;}
		 .file.selected{background-position:bottom;}
		 .dsr.selected{background-position:bottom;}
		 .mylist.selected{background-position:bottom;}
		 .settings.selected{background-position:bottom;}
		 .reports.selected{background-position:bottom;}
		 .profile.selected{background-position:bottom;}
		 .logout.selected{background-position:bottom;}

		.two_col{width:49%; padding:5px .5%;}

		.nav{ border:0px; margin:0px;}
		.nav li.nav_one .image_link{display:block; width :50px; height:61px;}
		.nav li.nav_one a{display:inline;}
		
		.total_logged{
			width:75%; text-align:right;
		}
		.total_logged font{
		}
		
		#frmReport #txtEndDate {
			margin-left:0px;
		}
		
		.hide_m{
			display:block;
		}
		

		.totals_m, .compute_m{
			text-align:right;
			padding-left:0px;
			padding-right:50px;
		}

		.center_m{
			text-align:center;
		}
		
		.td.my_list.center_m.billable{text-align:center;}

}

@media (min-width:961px) { 
/* tablet, landscape iPad, lo-res laptops ands desktops */ 
body{width:961px;}
#header, #main, #footer{width:961px;}
.two_three_col{width:66%; padding:5px .32%;}
.three_col{width:33%; padding:5px .16%;}
.title_c.three_col{width:25%; padding:5px .16% 5px 8.16%;}

}

@media (min-width:1025px) { 
/* big landscape tablets, laptops, and desktops */ 
body{width:1025px;}
#header, #main, #footer{width:1025px;}
.four_col{width:24%; padding:5px .5%;}
.text_r{text-align:right;}
}

@media (min-width:1281px) { 
/* hi-res laptops and desktops */ 
body{width:1281px;}
#header, #main, #footer{width:1281px;}
}

#cmbClient{
	width:200px;
}

.ui-datepicker-trigger{
    position: relative;
    top: 8px;
}

.map_align{	
	padding-top:14px;
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png") !important;
}

.ui-state-default{
    border: 1px solid rgb(169, 169, 169) !important;
    background: #fff !important;
}

.ui-corner-left{
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
}

.ui-corner-right{
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.ui-button.ui-widget.ui-state-default.ui-button-icon-only.custom-combobox-toggle.ui-corner-right{
	border-left:0px !important;
}

#jem_title{
word-break: break-all;
}

.payroll_report{
	
}


/* .payroll_report tr:hover{
	background-color: whitesmoke;
}

.payroll_report tr{
	border-bottom:1px solid #5dd9c4;
}

.payroll_report th{
	font-weight:bold; font-size:14px;min-height:4px;
}

.payroll_report td{
	font-weight:bold; font-size:14px;min-height:4px;
} */

div.payroll_report{overflow: auto; display: inline-block; width: 100%; max-height: 440px;  box-sizing: border-box;}
.payroll_report table{min-width:100%; padding: 10px;}
.payroll_report tr{padding:10px 25px 5px; border-bottom:1px solid #5dd9c4;min-height:14px; display:block;}
.payroll_report th, .payroll_report td {width:150px;min-width: 150px;}
.payroll_report th{text-align:center;font-weight:bold; font-size:14px;min-height:4px;}
.payroll_report td{min-height:14px;}


/* START
** AUTHOR: Julius La-as
*/


.show { display: block; }
.hide { display: none; }
.menu_holder { height: 45px;}
.menu_holder .show { margin-top: 50px;background: #d0d0d0; position: relative; }

.three_col { width: 33.3333%; display: inline-block; padding: 0 15px; box-sizing: border-box; }
.five_col { width: 20%; display: inline-block; padding: 0 15px; box-sizing: border-box; }

.display-inline-block { display: inline-block; }

.legend_holder h5 {     font-size: 14px;
    text-align: left;
    margin: 15px 15px 0;
    font-weight: 700;
    border-bottom: 1px solid #bec0da;}


.login_form-container {position: relative; display: block; }
.login_form-container #frmLogin { width: 80%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 80%; }

#brand_logo-login {width:100%;margin-bottom: 50px;}

.text-center, .text-center * { text-align: center; }
.text-right { text-align: right; }

.hr {margin: 12px auto 35px;  text-align: center;  border: 1px solid #9e9e9e;  box-shadow: 0px 2px 6px #989898; }
.legend_holder {display: inline-block;  width: 100%; margin-top: 30px; }
.action_button { margin-top: 30px; display: inline-block; float: right; margin-top: 15px; }

.searchbox { text-align: right; position: relative;}
.searchbox form { right: 0;margin-top: 20px; text-align: right; }
.searchbox input[type="text"] { min-width: 211px; }
.searchbox input[type="submit"] { background: #d0d0d0 url('images/search.ico') no-repeat;height: 24px;background-position: 10px center;min-width: 38px;cursor: pointer; }

#search { display: inline-block; position: relative; top: -8px; right: -3px;}

.pending-record {    background: #d2d2d2; }

.table_row {
    display: flex;
}

@media only screen and (max-width : 425px) { 
	.table_row {
		display: block;
	}
}


@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { 
	#footer-info {padding: 0 15px;}
	.four_col { width: 25%; }
	/* #lawyer_combo select { width: 100%; } */

	#frmReport .four_col p { float: left;width: 100%;}
	#frmReport .four_col input, #frmReport .four_col img { float: left; }
	#frmReport .four_col .ui-datepicker-trigger { top: 0; }
	#frmReport .four_col span { float: left; width: 100%; }

	input[type="text"]{min-width: auto; }
	.file_summary #cmbFileLawyer, .file_summary #btnExport { width: 100%; }
}


@media only screen and (max-width : 667px) { 
	.logo { margin-top: 12px; }
	.row { display: block; }
	.three_col { width: 100%; padding: 0; }
	/* .mainNav2 { padding: 20px 0; } */
	
	.frmClient_results { overflow: auto; display: inline-block; width: 100%; max-height: 440px; box-sizing: border-box; }
	.frmClient_results form {min-width: 1008px;}

	.th.file_client { width: 20%; }
	.searchbox { margin-bottom: 20px;text-align: center; }
	.searchbox form { width: 100%;text-align: center; }

	.frmClient_results .th.no, .frmClient_results .th.file_client, .frmClient_results .th.file_file, .frmClient_results .th.add, .td.add {
		display: block;
	}
	.frmClient_results .th.no, .frmClient_results .td.no { width: 77px; }
	.frmClient_results .td.no, .frmClient_results .td.file_client { padding: 0; }


	.frmClient_results .th.file_client, .frmClient_results .td.file_client,  .frmClient_results .th.file_file { width: 20%; }
	.frmClient_results .th.add, .frmClient_results .td.add { width: 20%; }
	.td span { width: 100%; }
	.th.add, .td.add { text-align: center; }

	.width18 { width: 12% !important; }
	/* .actions { width: 100%; } */

	#activity_list .td.actions div { padding: 15px 10px; }
	#activity_list .td {    padding: 5px 0 !important; }

	#table-header .td { padding: 0px 0 !important; }

	.one_small_col table { width: 100%; }

}

@media only screen and (max-width : 667px) and (orientation : portrait) { 

	#frmReport .four_col span { display: block;margin: 10px 0;text-align: left; }
	#frmReport .four_col input, #frmReport .four_col img { float: left; margin-top: 9px; }
	#frmReport .four_col .ui-datepicker-trigger { top: 0; }
	#footer { margin-bottom: 15px;}
	#footer p {text-align: center; }

}
@media (max-width:767px) { 
	.mainNav2 li a span {visibility: visible;color: #1f1f1f !important;} /*firefoxnav*/
}


/* END
** AUTHOR: Julius La-as
*/

.profile #main_info input[type="text"],
.profile #main_info input[type="password"]{
	width:85%;
	min-width:130px;
}

.user #main_info input[type="text"],
.user #main_info input[type="password"]{
	width:85%;
	min-width:130px;
}

#frmReport .four_col span#lawyer_combo, #cmbFileLawyer{
	width:200px;
	display:inline;
}