/*dashboard*/ 
.dash .dep-wrapper{
	border-left: 1px solid #CA902C;
    border-bottom: 1px solid #CA902C;
    border-right: 1px solid #CA902C;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0 15px;
  
}
.dash .dep-wrapper .chart-subtitle{
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.dashboard h1{
	color: #3c5a7f;
	margin: 0;
	padding: 0 !important;
	font-size: 25px;
	position: relative;
}
.dashboard h1 span.lbl_txt{
	font-size: 22px;
	color: #4C73A2;
	position: relative;
	top: -2px;
	margin-right: 5px;
}
.dashboard .bday_celeb:hover{cursor: pointer;}
.dashboard #message_wrap{
	height: 300px;
	overflow: hidden; 	
}
.dashboard #message_wrap .overflw{
	height: 235px;
	background-color: transparent;
}
.dashboard #message_wrap td:hover .lbl-chckbox{
	display: block;
}
.dashboard #message_wrap tr.active td{
	background-color: #F55551;
	color: #fff;
}
.dashboard #message_wrap tr.active .lbl-chckbox{
	background-color: transparent !important;
}
.dashboard #message_wrap tr td{
	padding: 8px 5px;
	color: #676767;
	position: relative;
	font-size: 12px !important;
}
.dashboard ._nobday{
	padding: 7px 0;
	background-color: #EBF0F5;
	color: #656565;
}
.dashboard #message_wrap table td .lbl-chckbox:hover{
	background-color: #F55551;
	cursor: pointer;
	color: #fff;
}
.dashboard #message_wrap table td .lbl-chckbox{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
	font-size: 12px;
	text-transform: uppercase;
}
#frm_message{
	padding: 30px 20px !important;
}
#frm_message .btn-upload{
	top: -40px;
}
#frm_message ._to div{
	max-height: 70px;
	overflow-y: auto;
}
#frm_message ._from span,
#frm_message ._to span{
	border: 1px solid #ddd;
	background-color: #B6C0DB;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	display: inline-block;
	margin-right: 2px;
	font-size: 10px !important;
	padding: 3px;
	margin-bottom: 3px;
}
#frm_message ._from span{
	font-size: 12px !important;
	background-color: transparent;
	border: 0;
}
.dashboard #message_wrap .allcodes i{
	font-size: 23px !important;
	margin-top: 5px !important;
	margin-left: 5px !important;
	color: #CA902C;
}
.dashboard #message_wrap .btnwrap {
	padding: 7px 0 !important;
}
.dashboard #message_wrap .send_message{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	margin-right: 5px !important;
	padding: 5px 10px !important;
	font-size: 11px !important; 
}

.bday_celeb.setanimate .title
{
background-color:#337ab7;
animation:animate 5s;
-moz-animation:animate 5s; /* Firefox */
-webkit-animation:animate 5s; /* Safari and Chrome */
-o-animation:animate 5s; /* Opera */
    
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
}

@keyframes animate
{
0%   {background-color:#337ab7;}
25%  {background-color:#83B828;}
50%  {background-color:#337ab7;}
75% {background-color:#83B828;}
100%   {background-color:#337ab7;}
}

@-moz-keyframes animate /* Firefox */
{
0%   {background-color:#337ab7;}
25%  {background-color:#83B828;}
50%  {background-color:#337ab7;}
75% {background-color:#83B828;}
100%   {background-color:#337ab7;}
}

@-webkit-keyframes animate /* Safari and Chrome */
{
0%   {background-color:#337ab7;}
25%  {background-color:#83B828;}
50%  {background-color:#337ab7;}
75% {background-color:#83B828;}
100%   {background-color:#337ab7;}
}

@-o-keyframes animate /* Opera */
{
0%   {background-color:#337ab7;}
25%  {background-color:#83B828;}
50%  {background-color:#337ab7;}
75% {background-color:#83B828;}
100%   {background-color:#337ab7;}
}

.alert-info{
	background: #f2f6fa !important;
	border: 0 !important;
	border-bottom: 2px solid #d3d6da !important;
}
.alrt-info{
	background: url(../images/ico-info.png) left center no-repeat;
	display: inline-block;
	height: 20px;
	width: 30px;
	margin-bottom: -5px;
}
.alrt-close{
	background: url(../images/ico-close.png) left center no-repeat;
	display: inline-block;
	height: 20px;
	width: 30px;
	margin-bottom: -5px;
}
.line-separator{
	background: #ebf0f5;
	height: 2px;
	margin: 30px 0;
}
.box-clr1{
	background: #68b828 url(../images/bg-storage.png) right bottom no-repeat !important;
}
.box-clr2{
	background: #FCCE30  !important;
}
.box-clr3{
	background: #e34334 url(../images/bg-flame.png) right bottom no-repeat !important;
}
.box-clr4{
	background: #1CBA66  !important;
}
.box-clr5{
	background: #4C73A2  !important;
}
.box-clr6{	
	background: #DE7E2E  !important;	
}
.box-clr7{	
	background: #1C9CBA  !important;
}
.box-clr8{	
	background: #9428B8  !important;
}
.box-clr9{	
	background: #288CB8 !important;
}
.box-clr10{	
	background: #DC434E   !important;
}
.box-clr11{	
	background: #83B828  !important;
}
.box-clr12{	
	background: #B82833  !important;
}
.box-clr13{	
	background: #4C73A2  !important;
}
.col-sm-4 .box-wrap{
	padding: 10px 10px 20px 10px !important;
	width: 100%;
	color: #fff;
	margin-bottom: 25px;
}
.col-sm-4 .box-wrap .fa-question-circle{
	position: absolute;
	right: 22px;
	top: 12px;
}
.img-thumbnail .title{
	font-size: 15px;
	text-align: center;
	margin: 0 14px 0 0 !important;
 	word-wrap: break-word;
 	height: 43px;
}
.img-thumbnail .amount{
	font-size: 23px;
	padding-top: 13px;
	padding-bottom: 16px;
	text-align:	center;
}
.img-thumbnail .names{
	text-decoration: underline;
}
.img-thumbnail .names:hover{
	cursor: pointer;
	text-decoration: none;
}
.img-thumbnail .disable{
	text-decoration: none;
	color: #E0E0E0;
}
.img-thumbnail .disable:hover{
	cursor: default;
}
.bar-status p{
	text-align: center;
}
.bar-status li{
	display: inline-block;
	width: 157px;
	padding: 0 10px;
}
.bar-status .price{
	color: #3c5a7f;
	font-size: 30px;
}
.bar-status .labels{
	color: #9fa7b0;
	font-size: 14px;
	padding: 5px;
}
.bar-status .bar-graph1{
	background: #0e62c7;
	height: 5px;
}
.bar-status .bar-graph2{
	background: #fcd036;
	height: 5px;
}
.bar-status .bar-graph3{
	background: #de7e2e;
	height: 5px;
}
.bar-status .bar-graph4{
	background: #68b828;
	height: 5px;
}
.bar-status .bar-graph5{
	background: #e4312e;
	height: 5px;
}

/*pie chart*/
.chart-subtitle{
	color: #3c5a7f;
	font-size: 14px;
}
.chart-subtitle>span{
	font-size: 14px;
	color: #C7C7C7;
	padding-left: 10px;
}
.pie-wrapper .total-amount{
	font-size: 40px;
	color: #3c5a7f;
	float: left;
	text-align: left;
}
.pie-wrapper ul li span{
	width: 15px;
	height: 15px;
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
	margin-bottom: -3px;
}
.pie-wrapper ul li{
	padding-bottom: 10px;
	color: #3c5a7f;
}
.pie-wrapper .clr-1{
	background: #e34334;
}
.pie-wrapper .clr-2{
	background: #68b828;
}
.pie-wrapper .clr-3{
	background: #0e62c7;
}
.pie-wrapper .clr-4{
	background: #fcd036;
}
.pie-wrapper select.days{
	width: 180px;
	-moz-appearance: window;
   -webkit-appearance: none;
   appearance: none;
   background: #f2f6fa url(../images/caret-pie.png) 97% center no-repeat !important;
   border: 0 !important;
   outline: none;
   box-shadow: none !important;
   padding-left: 33px !important;
}
.pie-wrapper .days-wrap,
.pie-wrapper .pdf-wrap{
	position: relative;
}
.pie-wrapper .pie-calendar{
	position: absolute;
	top: 6px;
	left: 6px;
}
.pie-wrapper .pdf-wrap{
	padding: 7px 16px 7px 37px ;
	background: #f2f6fa;
	border-radius: 3px;
	margin-left: 10px;
}
.pie-wrapper .pie-chart-plugin{
	height: 256px;
	margin-top: 10px;
	padding-left: 10px;
}
.invoice-chart{
	margin-top: 40px;
}
.invoice-chart ul li{
	display: inline-block;
	margin-left: 10px;
}
.invoice-chart ul li span{
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-bottom: -3px;
	border-radius: 3px;
}
.invoice-chart .chart-subtitle{
	float: left;
}
.invoice-chart ul li .clr1{
	background: #da662e;
}
.invoice-chart ul li .clr2{
	background: #49b131;
}
.invoice-chart ul li .clr3{
	background: #d91f43;
}
.invoice-chart .invoice-chart-pulign{
	margin-top: 30px;
}

/*right-page*/
.top-right p{
	font-size: 20px;
	color: #7b828a;
	border-bottom: 1px solid #e3e9f3;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.top-right .btn-success{
	margin-top: 15px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.right-page .pannels{
	margin-bottom: 30px;
	overflow: hidden;
}
.pannels .title{
	font-size: 15px;
	color: #4c73a2;
	border-bottom: 3px solid #e1e3e5;
	padding-bottom: 8px;
	font-weight: bold;
	padding-left: 5px; 
	text-transform: uppercase;
}
.pannels .title i{
	color: #bdc3c7;
	width: 26px;
}
.right-page{
	margin-top: 8px;
}
.right-page .notification{
	margin-bottom: 30px;
}
.right-page .notification li{
	padding: 10px 20px;
	font-size: 14px;
	background-position: 6% center;
	background-repeat: no-repeat;
	text-indent: 30px;
}
.right-page .notification li a{
	color: #687078;
}
.right-page .notification li.edit_prof{
	background-image: url(../images/notify_edit.png);
}
.right-page .notification li.new_msg{
	background-image: url(../images/notify_message.png);
}
.right-page .notification li.chat{
	background-image: url(../images/notify_chat.png);
}
.right-page .notification li.new_pay{
	background-image: url(../images/notify_newpayment.png);
}
.right-page .notification li.server{
	background-image: url(../images/notify_server.png);
}
.right-page .notification li.payment{
	background-image: url(../images/notify_payment.png);
}
.right-page .chart-content{
	background-color: #f2f6fa;
	padding: 20px; 
	height: 330px;
}
.right-page .chart-content li{
	line-height: 25px;
}
.right-page .chart-content li .clr1{
	background-color: #de7e2e; 
}
.right-page .chart-content li .clr2{
	background-color: #df4b43; 
}
.right-page .chart-content li .clr3{
	background-color: #5fb3eb; 
}
.right-page .chart-content li span{
	width: 15px;
	height: 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
	margin-bottom: -3px;
	margin-right: 5px;
}
.right-page .notification{
	display: block !important;
	position: relative !Important;
	top: 0;
	left: 0;
}

/*company loan*/

.company-loan .inc-porcess{
	float: right;
	border-bottom: 1px solid #f0f0f0;
	width: 100%;
}
.company-loan .inc-porcess label{
	font-size: 14px;
}
.company-loan .inc-porcess li{
	display: inline-block;
	margin-left: 15px;
}
.company-loan .inc-porcess li:last-child{
	border-bottom: 0;
}
.company-loan .cloan .btn{
	display: inline-block;
	padding: 10px 40px !important;
}
.company-loan .cloan .btn-default{
	margin-left: 15px;
}
.company-loan.company-loan .box .slct-xs{
	display: inline-block;
	margin-right: 5px;
}
.company-loan .box .slct-xs + label{
	color: #C2C2C2;
	font-weight: 400;
}
.company-loan .box{
	color: #0F2B4D;
	font-size: 15px;
}
.company-loan .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.company-loan #fullname,
.company-loan #acct_display{
	padding-left: 8px;
}
.company-loan .form-control{
	display: inline-block;
}


/*other earnings*/
.other_earnings .row{
	margin-right: -15px !important;
	margin-left: -15px !important
}
.other_earnings .name_form{
	background: transparent !important;
	border: 0;
	font-size: 16px;
	font-weight: bold;
	box-shadow: none;
}
.other_earnings .pannels{
	position: relative;
	margin-top: 25px;
}
.other_earnings ul.other_type{
	position: absolute;
	top: -10px;
	right: 5px;
}
.other_earnings ul.other_type li:first-child{
	width: 125px;
}
.other_earnings ul.other_type .lbl-radio{
	width: 18px;
}
.other_earnings .batch_income_class .form-control{
	display: inline-block;
}

/*other deductions*/
.other_deduction .col-md-7{
	swidth: 600px;
}
.other_deduction .taxable{
	margin-top: 40px;
}
.other_deduction .actions{
	border-top: 1px solid #e1e3e5;
	padding-top: 20px !important;
}
.other_deduction .employee-list{
	height: 440px;
}
.other_deduction .employee-list td{
	font-size: 14px;
}
.other_deduction .btn{
	padding: 10px 40px !important;
}
.other_deduction .btn-primary,
.other_deduction .btn-success{
	margin-left: 10px;
}
.other_deduction .name .slct-lg{
	display: inline-block;
	border: 0;
	box-shadow: none;
	background: transparent;
	font-size: 17px;
}
.other_deduction.box.row .overflw{
	height: 400px;
}
.other_deduction .btn-deduct{
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-left: 0px !important;
}
.other_deduction .form-control{
	display: inline-block;
}
.batch_income .tbl_batch_form{
	width: 430px !important;
}
.batch_income .modal-dialog input.other_batch_txt.form-control.slct-md{
	display: inline-block;
}
.batch_income .modal-header .modal-title{
	color: #3468A6 !important;
}
.batch_income .modal-dialog table.tbl-stl1{
	width: 100%;
}
.other_deduction_import .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.other_deduction_import .btn_clear{
	margin-top: 30px;
}
.other_deduction_import .txtbox_holder{
	padding: 10px 0;
}
.other_deduction_import .pannels .title{
	margin-bottom: 20px !important;
}
.other_deduction_import ._left{
	height: 400px;
}
.other_deduction_import .col-md-7{
	padding-top: 40px;
}
.other_deduction_import .col-md-5 .overflw,
.other_deduction_import .col-md-7 .overflw{
	height: 350px;
}

/*other loan*/
.other_loan .slct-md,
.other_loan .active{
	display: inline-block;
	margin-right: 10px;
}
.other_loan .actions{
	padding-top: 27px;
}
.other_loan .actions li{
	float: left;
	padding-right: 15px;
}
.other_loan .actions li:first-child{
	padding-top: 5px;
}
.other_loan .btn-primary{
	padding: 8px 50px;
}

/*sss loans*/
.sss_loann h1{
	font-size: 21px;
}
._sss {
 	margin-top: -10px;
}
._sss img{
	margin-top: -28px;
	padding-right: 5px;
}
._sss label{
	padding-top: 10px;
	font-size: 20px;
}
._sss p{
	padding-top: 3px;
	display: block;
	font-size: 15px !important;
	color: #acb0b5 !important;
	font-weight: 400;
}
.sss_loan .row{
	margin-right: -15px !important;
	margin-left: -15px !important;
}
.sss_loan .row ul{
	margin: 0 !important;
}
.sss_loan .fullname{
	padding-left: 8px;
}
.sss_loan .sssno{
	padding-left: 8px;
}
.sss_loan .form-control{
	display: inline-block;
}


/*employee sss_loan */
.emp_sss_loan .employee_name{
	top: -57px;
}
/*pagibig loan*/
.pagibig-loan h1{
	font-size: 21px;
}
.pagibig-loan .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
}
._pagibig{
	margin-top: -10px;
}
._pagibig img{
	margin-top: -26px;
	padding-right: 5px;
}
._pagibiglabel{
	padding-top: 10px;
}
._pagibig label p{
	padding-top: 3px;
	display: block;
	font-size: 15px;
	color: #acb0b5;
	font-weight: 400;
}
.pagibig-loan .slct-sm{
	margin-right: 5px;
	display: inline-block;
}
.pagibig-loan .form-control{
	display: inline-block;
}
.pagibig-loan  .fullname,
.pagibig-loan  .sssno{
	padding-left: 8px;
}

/*employee payslip*/
.payslip .row table,
.payslip .row table thead,
.payslip .row table tbody{
	border: 1px solid #ddd !important;
}
.payslip .row .bg1{
	background-color: #CA902C;
	color: #fff;
}
.payslip .row .bg2{
	background-color: #ecf2f7 ;
	color: #50627a;
	font-weight: bold;
}
.payslip .row table tbody,
.payslip .row .bg3{
	background-color: #fdfdfd;
}

/*multiple other loans*/
.multiple_other_loan .name_wrap{
	margin: 20px 0 30px 0;
}
.multiple_other_loan .name_wrap .form-control{
	display: inline-block;
	margin: 0 10px 0 5px;
}

/*payroll computation*/
.payroll_computation{
	padding-right: 270px;
}
.payroll_computation .employee-list{
	height: 500px;
	overflow: auto;
}
.payroll_computation .pannels{
	margin-bottom: 15px;
}
.sidbar-right{
	position: absolute;
	width: 267px;
	height: 100%;
	top: 0px;
	right: 0;
	background: #f4f7fb; 
	padding: 55px 20px 0 20px;
	border-left: 1px solid #E5E5E5;
}
.sidbar-right .title{
	padding-top: 20px;
}
.sidbar-right ul li{
	display: inline-block;
	margin-right: 5px;
	width: 40%;
}
.sidbar-right ul li:last-child{
	border: 0 !important;
}
.sidbar-right ul li:last-child{
	margin-right: 0;
}
.sidbar-right .compute{
	width: 100%;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	height: auto !important;
}
.compute_emp  p.result_header{
	padding: 7px 5px !important;
	border-bottom: 1px solid #ccc !important;
}
.compute_emp .emp_rslt{
	padding: 7px 5px;
	border-bottom: 1px solid #ccc !important;
}
.compute_emp .emp_rslt:hover{
	background-color: #F4F4F4;
	cursor: default;
}

/*payroll notes*/
.payroll_notes .row{
	width: 950px;
}
.nav-tabs>li>a{
	color: #A6A6A6;
}
.payroll_notes .nav-tabs>li.active{
	border-bottom: 3px solid #20A2F8 !important;	
}
.payroll_notes .nav-tabs>li.active>a{
	border: 0 !important;
	color: #3c5a7f !important;	
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.nav-tabs>li:hover>a{
	background-color: transparent !important;
	border-color: transparent !important;
	color: #3c5a7f !important;	
}
.payroll_notes .tab-content{
	padding: 0 20px 20px 20px;
}
.payroll_notes .slct-sm{
	display: inline-block;
}
.payroll_notes .add,
.payroll_notes .update{
	width: 100px;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.payroll_notes .row{
	margin-bottom: 40px !important;
}
.payroll_notes .row p{
	font-size: 14px;
	padding-bottom: 5px;
}
.payroll_notes .row #entry .overflw{
	min-height: 300px;
}
.payroll_notes  #assign{
	height: auto !important;
}
.payroll_notes #assign .overflw{
	height: 400px;
	margin-bottom: 20px;
}
.payroll_notes #assign .col-md-7 td{
	font-size: 14px;
}

/*13th month override*/
.month_overrid .form-control{
	display: inline-block;
}
.month_overrid .table-records{
	width: 810px;
}

/*employee basic profile*/
.emp_basic_profile{
	width: 800px;
}
.emp_basic_profile .form-control{
	display: inline-block;
}
.emp_basic_profile .btn{
	margin-left: 10px;
}

/*basic rate report*/
.basic_rate_report .radio-inline{
	padding-left: 0;
}

/*confidential report*/
.confidential_report .radio-inline{
	padding-left: 0;
}

/*dependents*/
.dependents .radio-inline{
	padding-left: 0;
}

/*hrms user list*/
.hrms_user_list .radio-inline{
	padding-left: 0;
}

/*license expiration*/
.license_exp .form-control{
	display: inline-block;
}

/*workshop/seminar report*/
.workshop_report .form-control{
	display: inline-block;
}

/*daily attendance*/
.daily_att .r_txt{
	width: 460px;
}
.r_txt{
	color: #20A2F7; 
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	margin-bottom: 10px !important;
	margin-top: 15px !important;
}

/*loan summary sss*/
.pagibig_loan_summary .r_txt,
.loan_summary_sss .r_txt{
	width: 300px;
}

/*business trip*/
.business_trip .r_txt{
	width: 560px;
}

/*allowance*/
.allowance .pannels{
	width: 800px;
}
.allowance .pannels td{
	position: relative;
}
.allowance .taxable{
	margin-top: 10px;
}
.allowance .pannels .slct-md{
	display: inline-block;
}
.allowance .pannels input[type='checkbox'],
.allowance .pannels label.lbl-chckbox{
	position: absolute;
	top: 15px;
	right: -81px;
	z-index: 100;
}
.allowance .pannels .note{
	background-color: #4DC3C3;
	width: 30px;
	height: 19px;
	display: inline-block;
}
.allowance .non-taxable{
	margin-top: 40px !important;
}
.allowance .btn-primary{
	margin-right: 100px;
	margin-top: 20px;
	width: 160px;
	padding: 10px 0;
	font-size: 16px;
}
.modal_allow{
	padding-bottom: 310px;
	display: block;
}
.modal_allow table{
	width: 100%;
}
.modal_allow td{
	vertical-align: middle;
}
.modal_allow .inline_block{

}
.modal_allow .inline_block select,
.modal_allow .inline_block input{
	display: inline-block;
	margin: 10px 0 !important;
}
.modal_allow .btn-success,
.modal_allow .btn-danger{
	margin-top: 10px;
}
.modal_allow .btn-success{
	margin-right: 10px;
}

/*employee education*/
.perosanal_education .pannels{
	width: 900px;
}
.perosanal_education .collage,
.perosanal_education .vocational,
.perosanal_education .certification{
	margin-top: 20px;
}
.perosanal_education .pannels .slct-sm{
	display: inline-block;
	margin-right: 10px;
}
.perosanal_education .pannels .title{
	color: #ABABAB;
}
.perosanal_education .pannels .overflw{
	min-height: 200px;
}

/*employee status*/
.employee_stat .pull-right{
	margin-top: 4px;
	margin-right: 15px;
}
.employee_stat .col-md-7{
	padding-left: 0;
	padding-right: 0;
}
.employee_stat .col-md-7 td:nth-child(2),
.employee_stat .col-md-7 td:last-child{
	padding-right: 18px;
}
.employee_stat .col-md-7 .btn-primary{
	width: 150px;
	padding: 10px 0;
	margin-left: 171px !important;
	margin-top: 25px !important;
	margin-bottom: 40px !important;
}
.employee_stat .per-page {
	margin-top: 25px;
}
.employee_stat .per-page .slct-sm{
	display: inline-block;
	margin-right: 10px;
}
.employee_stat .inc_proc{
	border-bottom: 1px solid #f0f0f0;
}
.employee_stat .inc_proc label{
	font-size: 14px;
}
 ._tbl_resutl{
	height: 250px;
	margin-top: 40px;
}
 ._tbl_resutl tbody td{
 	font-size: 13px;
 }
.position_dialog .overflw{
	height: 260px;
}
.position_dialog table th,
.position_dialog table td{
	padding: 3px 10px;
}
.position_dialog .overflw td{
	padding-top: 5px;
	padding-bottom: 5px;
}
.position_dialog .overflw #tbody_position td:nth-child(2) a{
	color: #316199 !important;
}
.tax_dialog{
	color: #3c5a7f;
	padding-bottom: 20px !important;
}
.tax_dialog .dep_id{
	margin-top: 10px;
}
.tax_dialog .dep_id span{
	font-weight: bold;
}
.tax_dialog hr{
	margin: 0;
	margin-top: 10px !important; 
}
.tax_dialog .overflw{
	height: 200px;
}
.tax_dialog .overflw td{
	font-size: 16px;
}
.tax_dialog .overflw .bg-header th{
	padding: 10px;
}
.positionlevel_dialog .overflw{
	margin-top: 2px;
	height: 250px;
}
.positionlevel_dialog .overflw td{
	font-size: 13px;
}
.joblevel_dialog .overflw{
	height: 200px;
}
.joblevel_dialog .overflw td{
	font-size: 13px;
}

/*health benefits*/
.health_benefits .pannels{
	width: 770px;
}
.health_benefits .my-benefits{
	margin-bottom: 60px;
	margin-top: 10px;
}
.health_benefits .btn{
	width: 120px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.health_benefits .btn-primary{
	margin-right: 10px;
}
.health_benefits .pannels .slct{
	display: inline-block;
	margin-right: 5px;
}
.health_benefits .my-benefits .overflw,
.health_benefits .my-balance .overflw{
	height: 230px;
}
.health_benefits .my-balance .overflw table{
	width: 150%;
}

/*medical*/
.medical_exam .alert{
	display: block;
	background: #EBF0F5 !important;
	color: #DF3333 !important;
}
.medical_exam .tab-pane .col-sm-4{
	padding-right: 10px;
	padding-left: 10px;
}
.medical_exam .col-md-2{
	padding-left: 0;
}
.medical_exam .col-md-2 ul li{
	width: 100%;
}
.medical_exam .col-md-2 .overflw{
	background: transparent;
	height: 300px;
}
.medical_exam .col-md-2 .overflw ul{
	margin-top: 0 !important;
}
.medical_exam .col-md-2 p{
	text-align: center;
	margin-top: 0;
	padding: 15px;
}
.medical_exam .nav-tabs li a{
	border: 0 !important;
}
.medical_exam .nav-tabs li.active a{
	color: #3c5a7f !important;
	border-bottom: 3px solid #20A2F8 !important;
}
.medical_exam .nav-tabs li{
	padding: 0 !important;
	display: block;
	border: 0 !important;
	margin-bottom: -2px !important;
	margin-right: 5px;
}
.medical_exam .nav-tabs li a{
	border: 1px solid;
}
.medical_exam .col-md-2 input[type="text"]{
	text-align: center;
}
.medical_exam .col-md-2 li{
	text-align: center;
	padding: 10px 8px;
	border-bottom: 1px solid #bbb;
	color: #7B7B7B;
}
.medical_exam .col-md-10 .pannels{
	margin-bottom: 20px;
} 
.medical_exam .col-md-10 .pannels .title{
	margin-bottom: 15px !important;
}

.medical_exam .rdio + label.lbl-radio span{
	margin-right: 7px !important;
}
.medical_exam #physical_exams .row{
	margin-left: -15px !important; 
	margin-right: -15px !important; 
}
.medical_exam #physical_exams .slct-md{
	display: inline-block;
	margin-right: 5px;
}

/*personal information*/
.presonal_info .row{
	width: 960px;
	padding-top: 10px;
	padding-bottom: 50px;
}
.presonal_info .row .col-sm-3{
	padding-left: 0;
	padding-right: 0;
}
.presonal_info .row .col-sm-9{
	padding-left: 0;
}
.presonal_info .prof-pic img{
	width: 100%;
} 
.presonal_info .col-sm-3 .btn-info{
	width: 100%;
	padding: 10px 0;
	margin-top: 30px;
}
.presonal_info .btn-upload{
	width: 173px;
	font-size: 17px;
	margin-top: 20px;
}
.presonal_info .col-sm-9 .btn{
	background: #d6dde1 !important;
	color: #808aa3;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
}
.presonal_info .col-sm-9 .btn:hover{
	background: #BBC0C3 !important;
	color: #fff;
}
.dialog_box_info_emp{
	margin-top: 20px;
}
.dialog_box_info_emp .tbl1{
	margin-bottom: 20px;
	text-align: center;
}
.dialog_box_info_emp .tbl1 tbody .tdata2 td{
	position: relative;
	width: 10%;
	height: 40px;
	text-align: left;
}
.dialog_box_info_emp .tbl1 tbody .tdata2 td input{
	position: absolute;
	top:0;
}
.dialog_box_info_emp .tbl2 tr td{
	padding-top:8px;
	padding-bottom:8px;
}
.dialog_box_info_emp .btn{
	margin-bottom: 50px;
}

/*shared benefits*/
.shared_benefit{
	width: 1000px;
}
.shared_benefit .row{
	width: 670px;
}
.shared_benefit select.slct-lg{
	display: inline-block;
	margin-right: 100px;
}
.shared_benefit .lbl-chckbox{
	font-size: 16px;
}
.shared_benefit table{
	margin-bottom: 60px;
}
.shared_benefit table .btn{
	width: 130px;
	font-size: 16px;
	margin-left: 10px;
	padding: 8px 0;
}
.shared_benefit .tbl-stl1{
	margin-bottom: 30px;
}
.shared_benefit p .slct-sm{
	display: inline-block;
	margin-right: 10px; 
}

/*employee profile*/
.employee_profile{
	margin-left: -22px;
}
.employee_profile .gov_search{
	padding: 15px 25px;
	width: 73%;
	text-align: right;
	border-top: 1px solid #ddd;
}
.employee_profile .gov_search .btn{
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
.activeRow,
.emp_porf_content .overflw #tbodyEmployee tr.activeRow{
	background: #909090 !important;
	/*background: #20A2F7 !important;*/
	color: #fff !important;
}
.emp_porf_content .overflw #tbodyEmployee tr td:hover{
	cursor: pointer;
}
.employee_profile h1{
	width: 770px;
	margin-left: 20px;
}
.emp_porf_content .row{
	margin-bottom: 10px !important;
}
.srch_result #headcount{
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	color: #D80000;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: -25px;
}
.emp_porf_content .tbl_result{
	width: 100%;
	margin: 30px 0 0 0 !important;
}
.emp_porf_content .tbl_result table{
	margin-bottom: 0 !important;
}
.emp_porf_content .tbl_result thead tr th{
	width: 8%;
	background: #ECF2F7 !important;
	border-color: #DFE4E8 !important;
} 
.emp_porf_content .tbl_result tbody tr td{
	font-size: 14px;
	white-space: pre-line;
	padding-left: 10px !important; 
}

.employee_profile .emp_porf_content{
	background: url(../images/employee_prof_bg.jpg) 0% -109px repeat-x;
	height: auto;
	padding-left: 25px;
	padding-top: 108px;
	padding-bottom: 10px;
}
.employee_profile .inner_content{
	width: 78.9%;
	padding-right: 45px;
}
.emp_porf_content .col-sm-3{
	padding-left: 0;
	padding-right: 0;
	background: #fff;
	position: relative;
	width: 199px;
}
.emp_porf_content .emp_prof_bg{
	overflow: hidden;
	height: 168px;
	width: 199px;
	float: left;
    position: relative;
}
.emp_porf_content .emp_prof_bg img{
	display: block;
    position: relative;
    top: 0%;
    left: 0;
    width: 100% !important; 
    border: 2px solid #E7E7E7;
    border-radius: 3px;
	-wbekit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.emp_porf_content .name{
	font-size: 20px;
	color: #fff;
	margin-top: 13px !important;
	margin-bottom: -5px !important;
}
.emp_porf_content .name span{
	height: 37px;
	display: inline-block;
}
.emp_porf_content .col-sm-9 ul{
	width: 90%;
}
.emp_porf_content .col-sm-9 ul li{
	display: inline-block;
	border-bottom: 0 !important;
	font-weight: normal !important;
}
.emp_porf_content .col-sm-9 ul li span{
	font-weight: bold !important;
}
.emp_porf_content .bday{
	width: 50%;
	color: #fff;
}
.emp_porf_content .age{
	width: 40%;
	color: #fff;
}
.emp_porf_content .strno{
	width: 60%;
	padding-top: 18px;
}
.emp_porf_content .brgy{
	width: 38%;
}
.emp_porf_content .MunC{
	width: 100%;
}
.emp_porf_content .divs{
	width: 100%;
}
.emp_porf_content .dpt,
.emp_porf_content .costc{
	width: 90%;
}
.emp_porf_content ul li:last-child{
	padding-left: 0 !important;
}
.emp_porf_content .picid{
	position: absolute;
	bottom: -28px;
}
.emp_porf_content .overflw #tbodyEmployee tr{
	font-size: 15px;
}
.box ul{
	margin-top: 5px !important;
}
.box ul li{
	display: inline-block;
	padding: 8px 0;
}
.box h1 ul li:last-child{
	border-bottom: 2px solid #6bbb31;
	font-weight: bold;
	padding: 8px 8px;
}
.emp-prof-sidebar{
	position: absolute;
	padding: 30px 20px 20px 20px;
	right: -280px;
	top: 0;
	width: 284px;
	background: #f2f6fa;
	font-size: 16px;
	color: #7b818a;
	border-left: #DDDDDD  1px solid;
	z-index: 100;
}
.emp-prof-sidebar .title{
	border-bottom: 2px solid #e3e9f3;
	padding-bottom: 10px;
	margin-bottom: 15px !important;
}
.rbtn{
	position: absolute;
	top: 1px;
	z-index: 100;
	left: -40px;
	font-size: 55px;
	padding: 0 !important;
	color: #48C5FF;
	border: 1px solid #DDDDDD !important;
	width: 40px;
	padding: 10px !important;
	background: #f8f8f8  !important;
	display: none;	
}
.rbtn:hover{
	background: #20A2F7 !important;
}
.rbtn:hover span{
	border: 1px solid  #fff !important;
	background-color: #fff !important;
}
.rbtn span {
	height: 2px;
	border: 1px solid #3C5A7F;
	background-color: #3C5A7F;
	display: block;
	width: 100%;
	margin-bottom: 4px;
	border-radius: 13px;
}
.rbtn span:last-child{
	margin-bottom: 0;
}
.rbtn:hover{
	cursor: pointer;
}
.emp-prof-sidebar ul{
	border-left: 2px solid #e3e9f3;
	margin-left: 15px;
}
.emp-prof-sidebar ul li{
	color: #7b818a;
	font-weight: normal;
	font-size: 16px;
	position: relative;
}
.emp-prof-sidebar ul li span {
	width: 14px;
	height: 14px;
	display: inline-block;
	position: absolute;
	left: -9px;
	top: 6px;
}
.emp-prof-sidebar ul.active li:hover span,
.emp-prof-sidebar ul.active li.active span{
	background: url(../images/prof-btn-on.png) 0 center no-repeat;
	left: -8px;
}
.emp-prof-sidebar ul li span{
	background: url(../images/prof-btn-off.png) center center no-repeat;
	left: -8px;
}
.emp-prof-sidebar ul li input[type="submit"]{
	width: 100%;
	text-align: left;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: transparent;
	box-shadow: none;
	border: 0;
	font-size: 14px;
}
.emp-prof-sidebar ul li input[type="submit"]:focus{
	outline: none;
}
.emp-prof-sidebar .nav-tabs{
	border-bottom: 0 !important;
}
.emp-prof-sidebar .nav-tabs>li{
	width: 100%;
}
.emp-prof-sidebar .nav-tabs>li.active>a{
	background: transparent;
	border-bottom: 0 !important;
}
.emp-prof-sidebar .btn-success{
	width: 100%;
	font-size: 14px;
}
.emp-prof-sidebar .emp-menu-non-active-links{
	cursor:default;
	pointer-events:none;
	opacity:0.5;
}
.emp-prof-sidebar .emp-menu-active-links{
	pointer-events:auto;
	cursor:pointer;
	opacity:1;
	background: transparent !important;
}

/*searchbox for employee*/
.searchbx{
	margin-left: 25px;
	width: 50px;
	margin-bottom: 20px;
	position: absolute;
	top: -52px;
	right: 10px;
	z-index: 1000; 
	display: none;
}
.searchbx .input-group-btn button{
	padding: 5px 10px !important;
	color: #fff;
	background: #231F20 !important;
	margin-right: 5px !important;
	margin-bottom: 1px !important;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
}
.searchbx .input-group-btn button i{
	font-size: 14px;
	padding-right:4px;
}
.searchbx .input-group-btn.open button{
	color: #fff !important;
}
.searchbx .input-group-btn span{
	margin-left: 3px !important;
}
.searchbx .dropdown-menu{
	padding: 5px 0;
	z-index: 90;

}
.searchbx .dropdown-menu,
.searchbx .dropdown-menu li{
	padding: 0;
	margin: 0 !important;
	background: #CA902C !important;
}
.searchbx .dropdown-menu li{
	display: block;
	border-bottom: 1px solid #8B8B8B;
}
.searchbx .dropdown-menu li:last-child{
	border-bottom: 0;
}
.searchbx .dropdown-menu li a{
	padding-top: 10px;
	padding-bottom: 10px;
	background: #CA902C !important;
	color: #E6E6E6  !important;
	font-size: 12px;
}
.searchbx .dropdown-menu li a:hover{
	color: #fff !important;
}
.searchbx .forms input{
	width: 150px;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
}
.searchbx input.fname,
.searchbx input.idno,
.searchbx select.jobstatus{
	sdisplay: none;
}
.searchbx div.advance .form-control{
	margin-right: 5px;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	background-color: #fff !important;
}
.searchbx div.advance .form-control:last-child{
	margin-right: 0;
}
.searchbx input#gov{
	position: absolute;
	right: 220px;
}
.searchbx .advance + input#gov{
	right: 586px;
}
.searchbx .table-records thead tr .header.headerSortDown {
  background-image: url('../images/desc.png') !important;
}
.searchbx .table-records thead tr .header.headerSortUp {
  background-image: url('../images/asc.png') !important;
}
.searchbx .table-records thead tr .header {
  background-image: url('../images/bg.png') !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
}
.searchbx .frm_flds{
	position: absolute; 
	right: 60px;
}
.searchbx .frm_flds.advance{
	width: 517px;
}
.srch_result{
	position: absolute;
	width: 100%;
	z-index: 80;
	right: 10px;
	top: 52px;
	min-height: 120px;
	width: 780px;
}
.srch_result .overflw,
.srch_result table{
	width: 779px;
}
.srch_result table td{
	white-space: pre-line;
	padding-left: 10px !important;
}
.srch_result .table-records{
	margin-bottom: 0 !important;
}
.srch_result,
.searchbx .input-group-btn.open + .forms + .srch_result{
	display: none;
}

/*add new employee*/
.new_employee select{
	height: auto !important;
	width: 100%;
}
.new_employee .prof-pic{
	overflow: hidden;
	width: 240px;
	max-height: 230px;
	margin-bottom: 20px;
  	position: relative;
}
.new_employee .prof-pic img{
	width: 100%;
	display: block;
	position: relative;
	top: 0%;
}
.new_employee .btn-upload,
.new_employee .btn-info{
	width: 240px !important;
	margin-top: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
}
.new_employee .ui-front{
	z-index: 1002 !important
}
.new_employee p#idno_status{
	color: #4c73a2;
	font-size: 14px !important;
	font-weight: bold !important;
  	margin-top: 15px !important;
}
.new_employee #status{
	font-size: 15px;
}
#status{
	padding-bottom: 30px;
}
div.position_div{
	padding-top: 20px !important;
}
div.position_div td{
	font-size: 14px;
} 
tbody.position_div td{
	white-space: normal;
	padding-left: 15px !important;
}
tbody.position_div td:nth-child(2) a{
	color: #316199 !important;
}

.jobtype_div tbody td{
	padding: 5px 8px !important;
	font-size: 14px;
	white-space: normal;
}
.jobtype_div tbody#tbody_jobtype td:nth-child(2) a{
	color: #316199 !important;
}
.joblevel_div tbody td{
	padding: 5px 8px !important;
	font-size: 14px;
	white-space: normal;
}
.joblevel_div tbody#tbody_joblevel td:nth-child(2) a{
	color: #316199 !important;
}


/*employee address*/
.perosanal_address .overflw{
	height: 300px;
}
.perosanal_address .overflw #tbody_history td{
	font-size: 14px;
}

/*employee contact/Emergency*/
.employee_contact .overflw{
	height: 400px;
}

/*employee shared benefits*/
.employee_shared_benefits .inner-content{
	width: 900px;
}
.employee_shared_benefits .loading{
	font-weight: normal;
}
.employee_shared_benefits td{
	position: relative;
}
.employee_shared_benefits td .txt{
	position: absolute;
	top: -20px;
	color: #424242;
}
.employee_shared_benefits .overflw{
	height: 270px;
}
.employee_shared_benefits .overflw table{
	width: 120%;
}
.box .lbl_disable{
	padding: 8px 10px;
	background: #DADADA;
}

/*employee grievances*/
.grievances .overflw{
	height: 270px;
}
.grievances .overflw td{
	font-size: 14px;
}

/*change password*/
.change_pass{
	font-size: 14px !important;
}

/*prev employer*/
.prev_employer .overflw{
	height: 320px;
}
.prev_employer .overflw td{
	font-size: 14px !important;
}
.prev_employer .lbl-chckbox{
	font-size: 14px;
}

/*organization*/
.organization .pannels{
	width: 80%;
	margin-bottom: 30px !important;
}
.organization .pannels .title{
	margin-bottom: 20px !important;
}
.organization .pannels td input{
	margin-top: 5px;
	display: block;
}
.organization .pannels .overflw{
	height: 300px;
}
.organization .pannels .overflw td{
	font-size: 14px;
}

/*workshop*/
.workshop .overflw{
	height: 250px;
}
.workshop .overflw td{
	font-size: 14px;
}
.workshop_dialog{
	margin-top: 20px;
}
.workshop_dialog .overflw{
	margin-top: 20px;
	height: 200px;
}
.workshop_dialog table{
	width: 100%;
}
.workshop_dialog table td{
	font-size: 14px;
}

/*promotion*/
.promotion .form-control.slct-md{
	display: inline-block;
	margin-right: 10px;
}
.promotion .overflw{
	height: 300px;
}
.promotion .overflw td{
	font-size: 14px;
}

/*awards*/
.awards .overflw{
	height: 300px;
}
.awards .overflw td{
	font-size: 14px;
}

/*license*/
.license .overflw{
	height: 300px;
}
.license .overflw td{
	font-size: 14px;
}

/*training*/
.training #datecon,
.training #training,
.training #dateend{
	display: inline-block;
}
.training #training{
	margin-right: 50px;
}
.training .overflw{
	height: 250px;
}
.training .overflw td{
	font-size: 14px;
}
.training_dialog #table-records2 td{
	font-size: 14px;
}
.training_dialog .overflw{
	height: 180px;
	display: block;
	width: 100%;
}
.training_dialog #tbody2 td:nth-child(2) a{
	color: #316199 !important;
}
.batch_dialog .overflw{
	height: 300px;
	display: block;
	width: 100%;
}
.batch_dialog .overflw td{
	font-size: 14px;
}


/*statutory sss contribution*/
.statutory_sss label.active{
	font-size: 14px;
}
.statutory_sss .overflw{
	height: 500px;
}

/*statutory philhealth contribution*/
.statutory_philhealth label.disabled{
	font-size: 14px;
	color: #ddd;
}

/*assets*/
.assets .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
	margin-top: 20px !important;
}
.assets .row .overflw{
	height: 280px;
}
.assets .row .title{
	margin-bottom: 15px !important;
}
.assets .row .overflw td{
	font-size: 14px;
}


/*business*/
.business .form-control.slct-lg{
	display: inline-block;
	margin-right: 10px;
}
.business .overflw{
	height: 300px;
}
.business .overflw td{
	font-size: 14px;
}

/*accident*/
.accident .form-control.slct-md{
	display: inline-block;
}
.accident .overflw{
	height: 300px;
}
.accident .overflw td{
	font-size: 14px;
}
.accident .table-records tbody td:nth-child(3) a{
	color: #316199 !important	;
}

/*appraisal*/
.appraisal .form-control.slct-sm{
	display: inline-block;
}
.appraisal .row{
	margin-right: -15px !important;
	margin-left: -15px !important;
}
.appraisal .col-md-3{
	position: relative;
}
.appraisal .col-md-9 .nav-tabs li:last-child{
    padding-right: 60% !important;
}
.appraisal .overflw{
	height: 400px;
}
.appraisal .nav-tabs{
	border-bottom: 1px solid #ddd !important;
	border: 0; 
}
.appraisal .nav-tabs li{
	padding: 0;
}
.appraisal .nav-tabs li a{
	font-size: 14px;
	padding: 15px 6px;
}
.appraisal .nav-tabs li.active a{
	color: #3c5a7f !important;
  	border-bottom: 3px solid #20A2F8 !important;
  	border:0;
}
.appraisal .nav-tabs li.active a:focus{
	border:0;
}
.appraisal #doc_upload{
	margin: 40px 0 90px 0; 
}
.appraisal .img_wrap{
	border: 1px solid #ECECEC;
	width: 40%;
	height: 250px;
	margin: 0 auto;
	border-radius: 5px;
	overflow: hidden;
}
.appraisal .img_wrap img{
	width: 100%;
	border-radius: 5px;
}
.appraisal #comments,
.appraisal #pdf,
.appraisal #rating{
	padding-top: 20px;
}
.appraisal #rating .title,
.appraisal #pdf .title,
.appraisal #comments .title{
	margin-bottom: 10px !important;
}
.appraisal #rating .activeRow{
	padding: 10px !important;
}
.appraisal #rating .fixnum{
	width: 30px; 
	height: 25px;
	padding: 5px 2px !important;
}

.perf_eval #rating .wrap_box{
	height: 150px;
	padding: 10px;
}
.perf_eval .col-md-9 .nav-tabs li:last-child{
	padding-right: 0 !important;	
}
.appraisal #comments textarea{
	width: 100%;
	margin-bottom: 10px;
}

._apprisal .content_title{
	padding-top: 20px !important;
}
._apprisal .employee_name{
	padding: 8px 10px !important;
	top: -50px !important;
}
/*MODAL VIEW*/
.dashboard .modal-content table{
	width: 100%;
}
.dashboard .modal-body{
	padding: 20px;
}
.dashboard .modal-content h4{
	color: #4c73a2;
	font-size: 15px !important;
	font-weight: bold !important;
	margin-bottom: 0;
}
.dashboard .modal-content .table-hover tr:first-child{
	background: #ecf2f7;
}
.dashboard .modal-content .table-hover tr:hover{
	background: #ecf2f7;
	cursor: default;
}


/*modal dashboard HR*/
.dash .modal-body .tbl-stl1 th,
.dash .modal-body .tbl-stl1 td{
	padding: 10px;
}
.dash .modal-body .overflw{
	background: transparent;
}
._hr .modal-body .overflw{
	height: 300px;
}
/*modal dashboard ACCOUNTING*/
._accounting .modal-body .overflw{
	height: 300px;
}

/*modal dashboard MANAGER*/
._manager .overflw{
	height: 300px;
}

/*modal dashboard DEFAULT*/
._default{
	height: 100%;
	padding: 0;
}
._default img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -4%;
	margin-left: -20%;
	width: 30%;
}

/*proccess attendance*/
.proc_attendance .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.proc_attendance .active.lbl-chckbox{
	font-size: 14px;
}
.proc_attendance .overflw{
	height: 470px;
	margin-top: 10px !important;
}
.proc_attendance .overflw td{
	font-size: 14px;
}
.proc_attendance .overflw td,
.proc_attendance .overflw th{
	padding-left: 10px !important;
}

/*DTR*/
.dtr {
	display: table;
	width: 940px;
}
.dtr .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.dtr .row .overflw{
	background: #F1F1F2;
}
.dtr .logs_wrap{
	width: 940px;
}
.dtr .row #emp_records{
	width: 100%;
	height: 84px !important;
}
.dtr table td .form-control[readonly]{
	background: transparent !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	height: auto !important;
	font-weight: bold;
}
.dtr #emp_name,
.dtr #emp_pcode,
.dtr #emp_idno,
.dtr #emp_date{
	font-size: 16px;
	border: 0 !important;
}
.dtr .col-md-5 ul,
.dtr .col-md-5 ul li{
	padding: 0;
	margin: 0;
}
.dtr .col-md-5 td,
.dtr .col-md-5 th{
	padding-top: 0px !important;
}
.dtr table#employees th,
.dtr table#employees td{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.dtr table.tbl-info td{
	padding-bottom: 3px !important;
}
.dtr .custom-table-rec th,
.dtr .custom-table-rec td,
.dtr .custom-table-rec2 th,
.dtr .custom-table-rec2 td{
	font-size: 10px !important;
	padding: 3px 5px !important;
}

/*payroll breakdown*/
.payroll_breakdown p a{
	font-weight: normal !important;
	font-size: 14px !important;
}

/*browse attendance*/
.browse_attendance .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
	padding-bottom: 20px;
}
.browse_attendance .col-md-4 .overflw{
	height: 303px;
	margin: 20px 0;
}
.browse_attendance .pannels{
	margin-bottom: 30px;
}
.browse_attendance .pannels .title{
	font-size: 13px;
	margin-bottom: 8px !important;
	padding-bottom: 4px !important;
}
.browse_attendance .col-md-8 .overflw{
	height: 270px;
	margin: 13px 0;
}

/*ledger and timesheet*/
.ledger{
	min-height: 600px;
}
.ledger .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.ledger .lbl-radio{
	padding-right: 0px !important;
}
.ledger label.active{
	font-size: 16px;
}
.ledger .overflw{
	height: 500px;
}

/*multiple rates*/
.multiple_rate h1{
	margin-bottom: 30px;
}
.multiple_rate .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.multiple_rate .lbl-radio{
	width: 18px
}
.multiple_rate .name{
	vertical-align: middle;
	display: inline-block;
 	margin-right: 15px;
 	text-transform: uppercase;
}
.multiple_rate #transdate{
	background: transparent;
	border: 0;
	font-size: 16px;
	font-weight: bold;
}
.multiple_rate td .hours_label:hover{
	cursor: pointer;
}

.tooltip > .tooltip-inner {background-color: #20A2F8 !important ;}
.tooltip > .tooltip-arrow { 
	border-top-color: transparent !important; 
	
}
.tooltip.top > .tooltip-arrow { border-top-color:#20A2F8  !important; }
.tooltip.left > .tooltip-arrow { border-left-color:#20A2F8  !important; }
.rbtn + .tooltip > .tooltip-inner {
	padding: 5px 10px;
}
.rbtn + .tooltip > .tooltip-arrow { 
	border-top-color: transparent !important; 
	border-left-color:#20A2F8  !important; 
}

/*transportation rates*/
.trans_rate .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
}

/*leave configuration*/
.leave_config .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.leave_config ul{
	margin: 0;
}
.leave_config ul li{
	padding-right: 10px;
}
.leave_config #datehire{
	font-weight: bold;
	font-size: 16px;
}
.leave_config .col-md-6{
	padding-bottom: 20px;
}
.leave_config .title{
	margin-bottom: 10px !important;
}

/*leave application*/
.leave_app #empname,
.leave_app #mydate{
	font-weight: bold;
	font-size: 16px;
}
.leave_app .row{
	margin-left: -15px !important;
	margin-right: -15px !important;
	width: 80%;
}
.leave_app table.tbl2{
	width: 80% !important;
	margin-top: 20px;
}
.leave_app .row1{
	border-top: 1px solid #ddd;
	margin-top: 10px !important;
	margin-bottom: 20px !important;
	padding-top: 20px !important;	
}
.leave_app .form-control,
.personal_leave_apply .form-control{
	display: inline-block;
}
.leave_app .leave_type ul{
	margin-top: 10px !important;
}
.personal_leave_apply .row1,
.personal_leave_apply .row2,
.personal_leave_apply .tbl2{
	width: 80%;
}
.personal_leave_apply .leave_type{
	width: 404px;
}
.leave_app .leave_type li,
.personal_leave_apply .leave_type li{
	display: inline-block;
	width: 131px;
	text-transform: uppercase;
}

/*ie_attendance*/
.ie_attendance ul li.first{
	width: 100px !important;
}
.ie_attendance .form-control{
	display: inline-block;
}

/*leave configuration*/
.leave_config{
	padding-bottom: 5px !important;
}

/*shifting*/
.shifting ._left{
	width: 38%;
	float: left;
}
.shifting ._right{
	width: 60%;
	float: right;
}
.shifting ._left #shftcode{
	margin-right: 15px;
}
.shifting ._left ul,
.shifting ._left li{
	padding: 0;
	margin: 0;
}
.shifting ._left .pannels{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
}
.shifting ._left .pannels .title{
	font-size: 12px;
	padding-bottom: 0px;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #e1e3e5;
}
.shifting ._left .pannels ul{
	margin-bottom: 10px;
}
.shifting ._left .pannels .title .lbl-chckbox{
	width: 23px;
}
.shifting ._left .pannels .txtclr_red{
	width: 75px;
}
.shifting ._left .pannels .cl3{
	width: 156px;
	padding-left: 8px;
}
.shifting ._right .red_label{
	padding: 5px 0;
}
.shifting ._left .pannels li input{
	display: inline-block;
}
.shifting ._left .pannels .cl2 input{
	width: 100px;
}
.shifting ._left .pannels .cl4 input{
	width: 50px;
}
.shifting ._left ._note{
	padding-bottom: 15px;
}
.shifting ._right .shft_type,
.shifting ._right .shft_type li{
	padding: 5px;
	margin: 0;
}
.shifting ._right .shft_type li{
	margin: 3px 0;
}
.shifting ._right .shft_type .r1{
	width: 7%;
	color: #4C73A2;
	font-weight: bold;
}
.shifting ._right .shft_type .r2{
	width: 10%;
}
.shifting ._right .shft_type .r3{
	width: 78%;
}

/*scheduling*/
.scheduling .divs .slct{
	display: inline-block;
}
.scheduling ._right .title{
	font-size: 13px;
	padding-bottom: 10px;
	margin-bottom: 20px !important;
	border-bottom: 2px solid #e1e3e5;
}
.scheduling ._right .title .form-control{
	display: inline-block;
	background: none;
	border: 0;
	box-shadow: none;
	padding-top: 0; 
	padding-bottom: 0; 
	height: auto !important;
}

/*payroll code*/
.payroll_code .vw_yr .form-control{
	display: inline-block;
	margin-left: 10px;
}
.payroll_code .txtclr_blue p{
	margin-top: 0 !important;
}
/*payroll parameters*/
.payroll_param .form-control{
	display: inline-block;
}

/*government tax contribution*/
.gov_tax_cont .form-control{
	display: inline-block;
	margin-left: 10px !important;
}
/*sss table*/
.sss_table .btn{
	display: inline-block;
}
.sss_table .overflw{
	height: 400px;
	margin-top: 20px;
}

/*pagibig table*/
.pagibig_table .overflw{
	height: 270px;
	width: 1090px;
}

/*Item tracking*/
.item_track table._left{	
	float: left;
	width: 32%
}
.item_track table._right{
	float: left;
	width: 50%
}
.item_track table._right .txtclr_red{
	padding-left: 30px !important;
}

/*division settings*/
.division_settings{
	width: 70%;
}
.division_settings .form-control{
	display: inline-block;
}
.division_settings #tab3 .txtclr_red{
	padding-bottom: 5px;
}
.division_settings #tab3 span{
	display: inline-block;
	margin-right: 10px;
}
.division_settings #tab3 #tardyallw{
	padding-right: 0px !important;
}

/*performance rating maintenance*/
.performance_rating .form-control{
	display: inline-block;
	margin-right: 10px;
}

/*performance legend*/
.performance_legend{
	width: 40%;
}
.performance_legend .pannels{
	margin-bottom: 16px !important;
} 
.performance_legend .pannels .title{
	margin-bottom: 10px !important;
	padding-bottom: 0px; 
	border-bottom: 2px solid #e1e3e5;
}
.performance_legend .pannels p{
	margin-bottom: 10px !important;
	margin-left: 5px !important;
}
.performance_legend table td p{
	width: 180px;
	padding: 4px 10px;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.performance_legend table td p.to{
	width: 35px;
}
.performance_legend table td input{
	width: 50px;
}
.performance_legend .clr1{
	background: #F05133;
}
.performance_legend .clr2{
	background: #F9AE0F;
}
.performance_legend .clr3{
	background: #F48116;
}
.performance_legend .clr4{
	background: #F48116;
}
.performance_legend .clr5{
	background: #439539;
}

/*user policy*/
.user_policy .pannels span,
.user_policy .pannels input{
	display: inline-block;
}
.user_policy .pannels .title,
.user_policy #non_admin_access_forms .title{
	font-size: 12px;
	padding-bottom: 0;
	margin-bottom: 10px;
	border-bottom: 2px solid #e1e3e5;
	width: 100%;
}
.user_policy .pannels input{
	background: transparent;
	border: 0;
	box-shadow: none;
	font-weight: bold;
}
.user_policy #non_admin_access_forms ul{
	width: 60%;
	display: inline-block;
	padding: 0;
	margin: 0 0 0 15px;
}
.user_policy #non_admin_access_forms ul li{
	padding: 2px 0;
	margin-right: 15px;
}

/*overtime policy*/
.ot_policy .pannels .title{
	font-size: 13px;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
.ot_policy .pannels p,
.ot_policy ._lastclm p{
	line-height: 20px;
}
.ot_policy ._lastclm{
	padding-top: 34px;
}

/*modal dashboard SYSTEM ADMIN*/
._sysadmin .overflw{
	height: 400px;
}
._sysadmin .dep-wrapper .dep-content{
	height: 200px;
	margin-bottom: 20px;
}
/*by departemnt head count*/
 .chart-subtitle{
	margin-bottom: 15px !important;
	border-bottom: 2px dotted #ebf0f5;
	background: #CA902C;
	color: #fff;
	padding: 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
}
.dep-wrapper .dep-content{
	overflow: auto;
	height: 400px;
}
.dep-wrapper table{
	width: 100%;
}
.dep-wrapper th,
.dep-wrapper td{
	padding: 10px;
	border-left: 1px solid #dfe4e8;
}
.dep-wrapper th:first-child,
.dep-wrapper td:first-child{
	border-left: 0;
}

/*MPS Application profile*/
.mps_app_profile{
}
.mps_app_profile ._left{
	width: 60%;
	float: left;
}
.mps_app_profile ._right{
	width: 300px;
	padding-left: 20px;
	float: left;
}
.mps_app_profile ._right .btn-profpic,
.mps_app_profile ._right .btn-fls{
	width: 250px;
	margin-top: 10px;
}
.mps_app_profile .btn{
	display: inline-block !important;
}
.mps_app_profile .overflw{
	height: 250px;
	margin-top: 20px;
}
.app_pol_sidemenu{
	width: 250px;
	padding: 10px 20px;
	position: fixed;
	right: -246px;
	top: 73px;
	background-color: #FDFDFD;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.app_pol_sidemenu .rbtn{
	position: absolute !important;
	left: -40px !important;
	top: -1px !important;
	z-index: 1000;
	display: block !important;
}
.app_pol_name{
	border-bottom: 1px solid #D7D7D7;
	width: 600px;
}
.app_pol_name li{
	text-transform: uppercase;
}
.app_pol_name li.r2{
	width: 62%;
	color: #3C5A7F;
	font-weight: bold;
}
.app_pol_name li.r1,
.app_pol_name li.r3{
	padding-right: 10px;
}
.app_pol_name li.r4{
	width: 110px;
}
.app_pol_sidemenu .actived:hover,
.app_pol_sidemenu .actived{
	background-color: #137AA9 !important;
}
.app_pol_sidemenu li a,
.app_pol_sidemenu li{
	width: 100%;
}


/*search form apps pollilng*/
.mps_srch{
	position: absolute;
	top: -71px;
	right: 10px;
	z-index: 1000;
	width: 800px;
}
.mps_srch .srchfrm{
	position: absolute;
	right: 10px;
	margin-bottom: 21px;
	width: 197px;
}

.mps_srch .overflw{
	height: 135px;
	display: none;
	margin-top: 71px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.mps_srch .dropdown-menu{
	background-color: #CA902C;
	width:50px;
	left: auto;
	right: 0;
	padding:6px 0 5px 0;
	margin-top: 2px !important;
}
.mps_srch .dropdown-menu li{
	width: 100%;
	padding: 3px 20px;
	color: #E6E6E6;
}
.mps_srch .dropdown-menu:hover,
.mps_srch .dropdown-menu li:hover{
	color: #fff !important;
	cursor: pointer;
} 
.mps_srch .dropdown-menu li.divider{
	padding: 0 !important;
	height: 1px;
	background-color: #adadad !important;
}
.srchfrm .title,
.srchfrm input{
	display: inline-block;
}
.srchfrm .title{
	color: #fff;
	padding: 5px 10px;
	background-color: #231F20;
	border-radius: 3px;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.shw{
	display: block !important;
}
.nresult{
	display: none;
	text-align: center;
	padding: 8px 0;
	color: #fff;
	background-color: #231F20
}
#tbody_srch .edit:hover{
	cursor: pointer;
}

/*educational attainment*/
.edu_att{
	width: 970px;
}
.edu_att .overflw{
	height: 200px;
}

/*prev employer*/
.prevemp .overflw{
	height: 230px;
	width: 960px;
}
.prevemp .overflw table{
	width: 130%;
}

/*special skills*/
.special_skills{
	width: 970px;
}
.special_skills .overflw{
	height: 250px;
}

/*applicant status*/
.app_status table .btn-info{
	margin-left: 20px;
}
.app_status .overflw{
	margin-top: 20px;
	height: 200px;
	width: 970px;
}
#appStat .overflw{
	height: 215px;
}
.summary .overflw{
	height: 250px;
	width: 970px;
}

/*view applicants*/
.view_applicants{
	width: 980px;
}
.view_applicants a{
	margin-top: 0 !important;
}
.view_applicants #type ._left{
	float: left;
	width: 48%;
}
.view_applicants #type ._right{
	float: right;
	width: 48%;
}
.view_applicants #type ._left .overflw{
	height: 200px;
	margin-top: 20px;
}
.view_applicants #type ._left .overflw table{
	width: 130%;
}
.view_applicants #status .btn,
.view_applicants #type ._right .btn{
	display: inline-block;
	margin-top: 0;
}
.view_applicants #type ._right .pannels{
	margin-bottom: 20px;
}
#type ._right .pannels .title{
	font-size: 12px !important;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.view_applicants #type ._right .overflw{
	height: 140px;
}

.view_applicants #status .overflw{
	height: 200px;
}
.view_applicants #examtype .overflw{
	height: 250px;
	margin-top: 20px;
}
.view_applicants #examtype .overflw table{
	width: 130% !important;
}

/*import earnings*/
.import_earnings, .import_deductions,.import_employee,.batch_timesheet{
	width: 990px;
}
.import_earnings .col-md-6, .import_deductions .col-md-6,.import_employee .col-md-6,.batch_timesheet .col-md-6{
	width: 50%;
}
.import_earnings .download,
.import_deductions .download,
.batch_timesheet .download{
	position: absolute;
	left: 343px;
  	top: 85px;
}
.batch_timesheet .download{
	top: 130px;
}
.import_earnings .overflw,
.import_deductions .overflw,
.batch_timesheet .overflw{
	height: 300px;
}
.import_employee .download{
	position: absolute;
	left: 348px;
  	top: 31px;
}

/*mps report*/
.mps_report{
	width: 1000px;
}
.mps_report .pannels{
	margin-bottom: 25px;
}
.mps_report .pannels .title{
	padding-bottom: 2px;
	margin-bottom: 10px !important;
}




/*Pending leave approvals*/
.clickable{
	cursor:pointer;
}

.inline-div-tools{
	display:inline;
	margin-bottom:10px;
}


/*notification*/
.notification{
	position: absolute;
	right: 50px;
	top: 27px;
	color:#FBFC16;
	font-size: 12px !important;
	display: none !important;
}
.dropdown-menu .notification{
	right: 30px;
	top: 13px;
	color:#FBFC16 !important;
}
.sidebar li a:hover .notification{
	color: #fff !important;
}

.notiActive{
	display: block !important;
}

/*leave apporvals*/
.leave_approvals.box > #container > p{
	border: 1px solid #ddd;
	background: #CA902C ;
	color: #F8F8F8;
	padding: 8px 20px;
	width: 95%;
	text-transform: uppercase;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.leave_approvals.box > #container > p i{
	width: 25px;
	font-size: 18px;
}


/*all reports*/
.pre_reports p, .pre_reports h1,.pre_reports h2,.pre_reports h3, .pre_reports h4,.pre_reports h5,.pre_reports div{margin:0 !important; padding:0 !important;}
.pre_reports
{
	padding: 10px !important;
}
.pre_reports .title1{
	text-align: center;
	font-size: 18px;
}
.pre_reports .title2{
	text-align: center;
	font-size: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px !important;
	margin-bottom: 10px !important;
}
.pre_reports .header{
	font-size: 13px;
	margin-bottom: 8px !important;
	font-weight: bold !important;
}
.pre_reports .header span{
	background-color: #F7F7F7;
	padding: 5px;
	width: 130px;
	display: inline-block;
	text-align: right;
}
.pre_reports table{
	margin-top:5px !important;
}
.pre_reports th{
	padding: 5px !important;
	border-left: 1px solid #fff;
	color: #fff;
	background-color: #CA902C ;
	text-transform: uppercase !important;
	font-size: 14px !important

}
.pre_reports .line{
	border-bottom: 1px solid #ddd;
}
.pre_reports td{
	padding: 5px  8px !important;
	font-size: 13px !important;
}
.pre_reports .headcount{
	background-color: #CA902C;
	color: #fff;
	padding:5px !important;
	margin-top: 10px !important;
	width: 220px;
}
.pre_reports .searchfrm{
	width: 500px;
	margin-top: 20px !important;
}
.pre_reports .searchfrm #searchR{
	width: 200px;
}
.pre_reports .searchfrm .icos{
	padding: 5px 10px !important;
	background-color: #231F20;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
.pre_reports .searchfrm > *{
	display: inline-block !important;
}
.pre_reports .nresult{
	padding: 5px 0 !important;
}