.report-data-container,.report-data-container table {
	margin: 0 auto;
	text-align: center;
}

table thead {
	display: table-header-group;
}

table {
	-fs-table-paginate: paginate;
}

body {
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial, Helvetica, sans-serif;
	background: white;
}

#page {
	margin-top: 120px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
	width: 425px;
}

.select {
	width: 103%;
	margin-left: -9px;
	height: 31px;
}

input[type="checkbox"],input[type="radio"] {
	border: none !important;
}

#header {
	margin: 0;
	padding: 0;
	border-top: 3px solid #C9E0ED;
}

nav.usersTab ul li a {
	padding: 14px 12px 15px 30px !important;
}

.green a {
	padding: 15px 22px 16px !important;
}

#sidebar {
	padding: 20px 20px 20px 0;
}

#footer {
	padding: 10px;
	margin: 10px 10px;
	font-size: 0.8em;
	text-align: center;
	z-index: 999;
}

form#login {
	clear: both;
}

form#login p.indent,form#login p.notice {
	margin: 0 30px 15px;
}

form#login p {
	color: #666666;
	font: 400 12px 'Open Sans', helvetica, arial, sans-serif;
}

form p,form div {
	top: 0;
}

#logo {
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu {
	background: white url(bg.gif) repeat-x left top;
}

#mainmenu ul {
	padding: 6px 20px 5px 20px;
	margin: 0px;
}

#mainmenu ul li {
	display: inline;
}

#mainmenu ul li a {
	color: #ffffff;
	background-color: transparent;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 8px;
}

#mainmenu ul li a:hover,#mainmenu ul li.active a {
	color: #6399cd;
	background-color: #EFF4FA;
	text-decoration: none;
}

div.flash-error,div.flash-notice,div.flash-success {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

div.flash-error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}

div.flash-notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}

div.flash-success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

div.flash-error a {
	color: #8a1f11;
}

div.flash-notice a {
	color: #514721;
}

div.flash-success a {
	color: #264409;
}

div.form .rememberMe label {
	display: inline;
}

div.view {
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs {
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span {
	font-weight: bold;
}

div.search-form {
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet-decoration {
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content {
	font-size: 0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background: #EFFDFF;
}

.portlet-content ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.portlet-content li {
	padding: 2px 0 4px 0px;
}

.operations {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li {
	padding-bottom: 2px;
}

.operations li a {
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited {
	color: #0066A4;
}

.operations li a:hover {
	background: #80CFFF;
}

#ui-datepicker-div {
	background: white;
	border: 1px solid lightGrey;
	display: none;
}

#ui-datepicker-div thead th {
	padding: 0px !important;
}

.ui-datepicker-prev {
	padding-left: 5px;
    cursor: pointer;
}

.ui-datepicker-next {
	float: right;
	padding-right: 5px;
    cursor: pointer;
}

div.dataTables_paginate span.ui-state-disabled,#removeGrad_school_0,#removeQuali_0
	{
	display: none;
}

#roles_12 {
	display: none !important;
}

.ui-datepicker-today {
	background: #D8D8D8
}
.ui-datepicker-current-day{
    background: lightblue;
    font-weight: bold !important;
}
.active {
	background: url('../images/arrowSub.png') no-repeat center bottom;
	color: #353665f7 !important;
	font-weight: bold !important;
}

.hide_me {
	background: #d8d8d8;
}

.aubAddButton {
	float: right !important;
	margin-top: -1%;
}
nav#main ul li a.on {
	padding: 10px 22px 11px 24px;
	color: #444;
	background: white;
	border-top: 4px solid #353665f7;
	border-bottom: 1px solid white;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',
		endColorstr='#FFFFFF');
	font-weight: bold !important;
}

.tempMenu {
	margin-left: -41px !important;
}

.compusertab {
	margin-left: -28PX !important;
}

.addFormNew tr {
	float: left;
}

.addFormNew .divTable tr {
	float: none;
	clear: both;
}

.addFormNew tr td span.required {
	color: red;
}

.firstColumn {
	width: 107px;
}

.thirdColumn {
	width: 107px;
}

.selectPhoto {
	padding-left: 70px;
}

.selectedPhoto {
	padding-left: 73px;
}

.addFormNew {
	margin-bottom: 1.4em;
	width: 100%;
}

.divTable {
	float: left;
	width: 107px;
}

.divUserInput {
	width: 302px;
	margin: 0 auto;
	height: 18px;
	font: normal 15px 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 400;
	clear: both;
	padding: 6px 4px;
	border: 1px solid #ccc;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff !important;
	outline: none;
}

.userInputForm {
	float: left;
	width: 302px;
	margin: 0 auto;
	height: 18px;
	font: normal 15px 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 400;
	clear: both;
	padding: 6px 4px;
	border: 1px solid #ccc;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff !important;
	outline: none;
}

.wavey {
	width: 100%;
	float: left;
	height: 3px;
	margin: 30px 0 20px 0;
	background: transparent url("../images/dividerWavey.gif") repeat-x 0 0;
}

.step1-addlogo {
	background: url("../images/add_logo.png") no-repeat;
	cursor: pointer;
	height: 28px;
	width: 100px;
	float: left;
	margin-top: 12px;
}

.selectnew,#PayrollFrequencyHistory_id_frequency {
	width: 100%;
	margin-left: 0px;
	height: 31px;
}

.row td label {
	float: left;
	max-width: 175px;
}

.row td label.error {

}

table,th,td {
	vertical-align: middle;
}

.row td input,.historyDataContainer div input {
	float: left;
	width: 295px;
	margin: 0 auto;
	height: 16px;
	padding: 6px 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff !important;
	outline: none;
	border: 1px solid #ccc;
}

.innerrow td input {
	width: 159px;
}

.imagefield {
	width: 421px;
}

.row td textarea {
	float: left;
	width: 97%;
	margin: 0 auto;
	height: 38px;
	padding: 6px 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff !important;
	outline: none;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.33px !IMPORTANT;
	font-style: normal;
	color: #555 !important;
}

.jsrow  label {
	float: left;
	margin: 6PX;
}

.dependentName {
	width: 188px !important;
}

.jsrow input {
	float: left;
	width: 116px;
	margin: 0 auto;
	height: 16px;
	padding: 6px 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff !important;
	outline: none;
	border: 1px solid #ccc;
}

.jsrow select {
	float: left;
	width: 150px;
	margin: 0 auto;
	height: 30px;
	padding: 6px 4px;
}

.row td select,.addFormNew td select {
	float: left !important;
	width: 100%;
	height: 29px;
}

#companies-form .row td select {
	width: 97% !important;
}

#EmploymentInfo_employment_status input {
	width: 20px;
}

#EmploymentInfo_employment_status label {
	width: 83px;
}

#Companies_company_type_0 {
	width: 48px;
}

.gridstyle {
	margin-left: 0px;
	width: 898px;
}

.cancelButton {
	background: #E2E2E2 !important;
	font: 13px 'Montserrat', helvetica, arial, sans-serif;
	width: 76px;
}

.profilePage table td label {
	width: 150px;
	display: block;
}

.profilePage table td input {
	float: left;
	width: 350px;
	margin: 0 auto;
	height: 16px;
	font: normal 15px 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 400;
	clear: both;
	padding: 6px 4px;
	border: 1px solid #CCC;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: white !important;
	outline: none;
}

.profileImage {
	height: 100px;
    margin-left: 3%;
	/*width: 121px;*/
}

#Users_image_path, #ExpectedJoiners_profile_pic {
	border: none;
}

.profilePage table td  input[type="radio"] {
	width: 40px;
}

.profilePage table td  input[type="checkbox"] {
	width: 34px;
}

.radioButtons span {
	float: left !important;
	width: 360px;
}

.radioButtons span  input {
	float: left !important;
	width: 24px !important;
	clear: none !important;
	border: none !important;
}

.radioButtons span label,.radioLabels {
	float: left !important;
	line-height: 20px;
}

.addFormNew .radioButtons span label {
	margin: 0px;
}

#Users_gender label,#Users_under_probation label,#Users_is_active label,#ExpectedJoiners_gender label
{
	width: 39px !important;
}

.flash-notification {
	display: none;
}

.msgBox,.moveLeft {
	float: left;
}

.timesheetButtons {
	float: right;
	height: 52px;
}

.profilSeclect {
	width: 360px;
}

.hide-msg {
	display: none !important;
}

.settingTabs ul li a {
	padding: 14px 2px 15px 12px !important;
}

.frequencyColumn {
	width: 116px;
}

.nocursor td,.dataTables_empty {
	cursor: none !important;
}

.showerror,.certiError,.showExperror,.telError,.error-msg {
	color: red;
	width: 50%;
	float: left;
}

.payroll-error-msg,.errorMsg {
	color: red;
	width: 100%;
	float: left;
}

.removeLink {
	color: red;
}
 .default-cursor{
	 cursor: default !important;
 }

#content {
	margin: 0 auto;
	width: 1200px;
}

.laby {
	top: 11px !important;
	color: #C4C3C0 !important;
}

#addRecord {
	width: 5%;
	float: right;
}

.dependent-div,.leaveAccrualNote,#duplicationError {
	width: 100%;
	float: left;
}

.hiderecord,#remove_under_grad_school_0,#remove_high_school_0,#remove_certi_0
	{
	display: none;
}

#login-form {
	float: left;
    width: 340px;
    position: relative;
    top: 121px;
    left: 138px;
}

.loginHeight {
	height: 159px !important;
	float: left;
}
#particles-js canvas {
	position: absolute;
	top: 0px;
}
.policySelect {
	width: 94% !important;
}

.buttonSpace {
	top: 29px !important;
}

.sign-in {
	width: 22%;
	height: 30px;
	float: left;
	font-weight: bold;
	font-size: 22px;
	margin-left: 16px;
}

.login-label {
	display: block !important;
	height: 26px;
	position: relative;
	z-index: 1;
	margin-top: 5px;
}

.pluscontact {
	float: right;
	width: 0px;
	margin-top: -21px;
}

.logoLogin {
	height: 80px !important;
}

.action {
	padding: 25px 30px !important;
	margin-top: 11px;
}

.plus-sign {
	float: right;
	width: 0px;
}

.plus {
	float: right;
	width: 0px;
	margin-top: -12px;
}

.ui-datepicker-month,.ui-datepicker-year {
	float: none;
}

.policy-div td label {
	padding: 7px;
}

.policy-div td input {
	width: 140px;
}

#addPolicy,#addOtherQuali,#addCerti,#addExperience,#addAccount,.dynamicAddButton,.floatRight
	{
	float: right !important;
}

#removePolicy_0,#removeRecord_0,.removeSearch #Col_wrapper .fg-toolbar,#remove_grad_school_0,#removeCerti_0,#removeExperi_0
	{
	display: none !important;
}

.gridStyle {
	margin-left: 0px;
	width: 898px;
}

.tdwidth {
	width: 1px;
}

.expdate {
	width: 66px !important;
}

.headerTab {
	text-align: center;
	clear: both;
}

.dataTables_scrollBody {
	height: auto !important;
}

.eduform td input,.exp td input {
	width: 129px;
	color: black !important;
}

.exp td {
	height: 38px;
}

.eduform td label {
	margin-bottom: -21px;
}

#license,#eduSubmit,#checkHours,#checkFte {
	clear: both;
}

#addExperience,#addAccount {
	margin-bottom: 22px;
	margin-top: 10px;
}

select.eduFormSelect {
    width: 185px !important;
}

.eduform tbody tr td select {
	width: 97px;
}

.showYear .ui-datepicker-calendar,.showYear .ui-datepicker-prev,.showYear .ui-datepicker-next
	{
	display: none;
}

.noBorder {
	border: none !important;
	width: 281px !important;
}

.no-border {
	border: none !important;
}

.timesheet-table-emp-info td,.timesheet-table-emp-info tr {
	border: none !important;
	text-align: left;
}

.timesheet-table-emp-info {
	float: left;
}

.days {
	width: 600px;
	overflow-x: scroll;
	float: left;
	width: 438px;
}

.scroll-X {
	overflow-x: scroll;
	clear: both;
}

.timesheet,.empInfoTable {
	float: left;
}

.timesheet td input,.totalFieldWidth,.rowTotal,.totalWorkingHourRow {
	width: 38px !important;
	height: 16px;
}

.timesheet td textarea {
	height: 53px;
	width: 83px;
	vertical-align: top !important;
	display: table-cell !important;
}

.floatToright {
	width: 423px;
}

.accountDescField {
	width: 78px !important;
}

.acntDesc {
	float: left;
	width: 483px;
}

#working_days_0 {
	margin-top: 77px;
}

.timesheet td select {
	width: 119px !important;
}

.timesheet thead th {
	width: 81px !important;
}

div.daysDiv table.timesheet {
	margin-top: 11px;
}

.daysDiv {
	height: 85px;
}

.showYear .ui-datepicker-header .ui-datepicker-title {
	width: 140px;
}

.showYear .ui-datepicker-header .ui-datepicker-title select {
	width: 70px;
}

.expdate {
	width: 70px !important;
}

.leaveAccrualform {
	width: 922px !important;
	text-align: center;
}

.leaveAccrualReport th, .table-vertical-top{
	vertical-align: top;
}

.leaveAccrualform td input,.leaveAccrualform td {
	width: 86px;
}

.leaveAccrualform td div,.timesheet td div,.totalWorkingHours {
	float: left;
	width: 86px;
	margin: 0 auto;
	height: 16px;
	padding: 6px 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: white !important;
	outline: none;
	border: 1px solid #CCC;
}

.centerAlign {
	text-align: center;

}

.padding-right-0{
	padding-right: 0 !important;
}

.timesheetTotal {
	float: right;
	margin-top: 30px;
}

.yiiErrorMessage {
	color: red;
	font-size: 0.9em;
	width: 100%;
}

.duplicationError {
	color: red;
	width: 100%;
	float: left;
}

.descDiv table tbody tr td label,.leaveAccrualform td label {
	color: red;
	float: left !important;
	width: 101%;
	margin-bottom: -17px;
}

.leaveAccrualform td {
	height: 51px;
}

.hideButton,.percent-amount,.flat-amount {
	display: none;
}

.changeTimesheet,.changePayrollPeriod,.changeLeaveType,.changeReportByMonth,.reportEmpInfo td select
	{
	width: 100% !important;
	height: 34px;
}

.timesheetDiv {
	margin-bottom: -18px;
}

.remove-account {
	color: #333 !important;
	float: right;
	margin-top: 11px;
	width: 98px;
}

.currentTimesheet {
	width: 118% !important;
}

.subtotal {
	float: right;
	clear: both;
	margin-top: 57px;
}

.totalWorkingHours {
	top: -31px;
}

.leftAlligned {
	float: left;
}

.noteTitle {
	float: left;
	width: 48px;
}

.payrollStartDateError {
	color: red;
	width: 50%;
}

.leaveAccrualNote {
	float: left;
	height: 58px;
}

nav ul ul,.fileBrowseButton {
	display: none;
}

nav ul li:hover>ul {
	display: block;
}

nav ul ul {
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
}

nav ul ul li {
	float: none;
	position: relative;
}

nav ul ul li a {
	padding: 15px 40px;
	color: #fff;
	margin-left: -54px;
	width: 116px;
}

nav ul ul li a:hover {
	background: #4b545f;
}

.arrow {
	background: url('../images/arrow.png') no-repeat center bottom
		!important;
	color: #91A541 !important;
	font-weight: bold !important;
	border: none !important;
}

.extratab {
	background-color: #F0F0F0 !important;
	height: 41px;
	border: 1px solid #DDD;
	border-top-right-radius: 5px;
}

.timesheetErrorMsg {
	text-align: center;
	color: red;
	margin: 25px;
}

.YtdTable td,.YtdTable th {
	text-align: center;
}

nav#sub ul li ul li a {
	width: 187px;
	font: normal 13px 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 400px;
	color: #555;
	font-size: 13px;
	text-transform: none;
}

.ytdTableReport td,.ytdTableReport th {
	text-align: center;
	width: 200px;
	font-size: 18px;
}

.ytdFieldset {
	width: 70%;
}

.ytdDiv .ytdFieldset table {
	width: 100%;
}

.ytdDiv {
	float: left;
	width: 85%;
	margin-left: 200px;
}

.ytdDivReport {
	float: left;
	width: 85%;
}

.reportHeader {
	margin-left: 197PX;
}

.reportFloatRight {
	width: 335px;
}

.headerTabReport {
	height: 225px;
	text-align: center;
}

.reportNote {
	top: 20px;
}

.reportTable td {
	text-align: center;
}

.masterReportMain {
	float: right;
	position: relative;
	right: 57px;
}

.masterReportMain div {
	float: left;
}

.insideUl {
	float: left;
	width: 1px;
}

.removeHeaderBackground th {
	background: none;
	border: none;
}

.employee-payroll label {
	clear: both;
}

.reports select {
	height: 36px;
	margin-bottom: 11px;
	width: 140px;
}

.selectLabel {
	height: 45px;
	float: left;
	padding-top: 9px;
}

.employee-payroll select,.employee-payroll input,.employee-contribution-payroll select,.employee-contribution-payroll input, .employee-deduction-payroll select, .employee-deduction-payroll input{
	width: 116px !important;
}

.tax-table-header select {
	width: 100px !important;
}

.tax-table-header input[type="radio"] {
	width: 16px !important;
}

.row input[type="checkbox"] {
	width: 5%;
}

.row input[type="radio"] {
	width: 5%;
}

.radioLabels {
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.tax-table select {
	width: 68px !important;
}

.tax-table input {
	width: 145px !important;
}

.tax-table {
	width: 1px;
}

.lessThanEqualTo {
	width: 57px;
}

.removeRow {
	float: right;
	width: 95px;
}

.clearBoth {
	clear: both;
}

/* Salary slip portal */
div.employee-dependent-div {
	clear: both;
	top: 25px;
	width: 99%;
	margin: 0 auto;
	vertical-align: center;
	float: left;
	text-align: center;
}

div.employee-dependent-div fieldset {
	margin: 0 auto;
	width: 38%;
	margin-bottom: 33px;
}

.employee-dependent-div tr th {
	height: 0px;
	text-align: center;
}

.employee-dependent-div tr td {
	text-align: center;
}

.salary-slip-head div {
	margin: auto;
}

.salary-slip-head div.company-logo {
	width: 20%;
	text-align: right;
}

.salary-slip-head.salary-slip-logo div.company-logo {
	width: 34%;
}

.headerTab div.subtitle {
	font-size: 18px;
	height: 70px;
}

.headerTab div.subtitle div select {
	width: 100%;
	height: 34px;
}

.headerTab div.subtitle div {
	margin-left: 65px;
}

.headerTab .salaryFields {
	clear: both;
	width: 100%;
}

.salarySlipTemplate {
	width: 100%;
}

.salarySlipTemplate th,.salarySlipTemplate td {
	text-align: center;
}

.salarySlipTemplate td tr td {
	border: 1px solid #DDD;
	height: 31px;
	border-top: none;
	vertical-align: middle;
}

.salarySlipTemplate td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 50%;
}

.netSalary {
	float: right;
	border: 2px solid #DDD;
	height: 31px;
	vertical-align: middle;
	width: 23%;
	line-height: 27px;
}

.netSalary div.netpay {
	float: left;
}

.netSalary div {
	text-align: center;
	width: 50%;
}

.netSalary div.netPayAmount {
	float: right;
}

.salarySlipTemplate td table {
	width: 100%;
}

.tax-table tr td label.error {
	width: 105%;
}

select.percentCalculateDependent {
	width: 113px !important;
}

.percentCalculateOtherField {
	width: 113px !important;
	display: none;
}

.payrollItems {
	float: left;
	width: 33%;
}

.payroll-item-first-row .withholding-div {
	width: 302px !important;
}

.payroll-item-second-row {
	float: left;
}

.salaryFields td input {
	width: 194px;
}

.buttonPannel {
	clear: both;
	display: block;
	float: right;
	margin: 0 auto;
	margin-right: 20px;
}

.buttonPannel .cancelButton {
	width: 52px;
}

.salaryFields td label.error {
	clear: both;
}

.profilePage .jsrow div.dependent-div {
	height: 39px;
}

.payrollItems .buttonPannel .btnLG {
	margin-bottom: 52px;
}

/* .deduction-div .adjustTh { */
/*     width: 302px; */
/* } */
.payrollItems th {
	height: 0px;
}

.payrollItems td label.error,.tax-table td label.error,.salaryFields td label.error
	{
	color: red;
}

.notAvailabel {
	font-size: 18px;
}

.bonus-tax-table td input,.bonus-tax-table td select,.bonus-tax-table td input[type="checkbox"]
	{
	width: 100%;
}

.bonus-tax-table td div {
	width: 140%;
	text-align: center;
}
/* bonus Tax table*/
.centerAligned {
	text-align: center;
}
/* Basic Info page */
.imagefield img {
	float: left;
}

td.imagefield input {
	clear: both !important;
	width: 22% !important;
	margin-left: 10px !important;
}

.row td span, .line-height-25 {
	line-height: 25px;
}

#employment-info-form table.row td input, #expected-joiners-employment-info-form table.row td input {
	width: 276px;
}

#expected-joiners-employment-info-form table.row select {
	width: 285px;
}

form fieldset {
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
	-moz-border-radius: 7px;
}

.allownces-div {
	width: 33% !important;
}

/*.dataTables_scrollHeadInner .tableToGrid,.dataTables_scroll .dataTables_scrollBody
	{
	width: 944px !important;
}*/

#employee-allowances-form h1 {
	line-height: 1.2;
	margin: 0 auto;
	font-size: 20px;
}

.salary-componant-title {
	width: 100% !important;
}

.salary-slip-fields tr td table {
	/*border: 1px solid #DDD;*/
	width: 100%;
}

.salary-slip-fields tr {

}

.salary-slip-fields td {
	vertical-align: top;
	text-align: left;
}

.salaryFields td.sal-componants {
	width: 45% !important;
}

.salary-slip-fields table {
	border-collapse: collapse;
}

.grouping-column-header th {
	background: none !important;
	border: none;
}

.grouping-column-header  th.data {
	border: 2px solid #DDD;
	border-bottom: none;
	text-align: center;
}

td.emp-info table,td.sal-componants table,.salary-componant {
	border-collapse: collapse;
	border-bottom: 1px solid #CCC;
}

.top-border {
	border-top: 1px solid #CCC;
}

.reportButtons {
	float: right;
	height: 75px;
}

.reportButtons div {
	float: left;
}

.emp-salary-slip-form {
	clear: both;
}

.report-data-container {
	overflow-x: auto;
	margin-bottom: 40px;
	clear: both;
}

.reportButtons div a.pdf span {
	margin-left: 5px;
}

.reportTable tbody tr td.border-left,.reportTable thead tr th.border-left
	{
	border-left: 2px solid #DDD;
}

.reportTable tbody tr td.border-right,.reportTable thead tr th.border-right
	{
	border-right: 2px solid #DDD;
}

.border-bottom {
	border-bottom: 1px solid #DDD;
}

.border-top {
	border-top: 1px solid #DDD;
}

.subtitle #salary-slip-pay-period {
	width: 20%;
	height: 34px;
	margin: 0 auto;
	float: none;
	margin-top: 8px;
}

.componant-total,.componant-total td {
	font-weight: bold;
	text-transform: uppercase;
}

td.no-field {
	text-align: right !important;
}

.salaryFields td.emp-info {
	width: 50%;
}

.payrollPeriods table.periodTable {
	width: 54%;
	text-align: center;
	margin: 0 auto;
}

.payrollPeriods table.periodTable td table {
	width: 80%;
}

.payrollPeriods table.periodTable td.header {
	font-size: 20px;
	position: relative;
	left: 150px;
}

.payrollPeriods table.periodTable td.periodsContainer {
	vertical-align: top;
}

table.periodTable .error {
	color: red;
	width: 90%;
}

.totalWorkingHours {
	margin-bottom: 17px;
}

.print-button {
	float: left;
}

#timeSheet-info-form .actionBTNS input {
	/*    height: 36px;
        position: relative;
        bottom: 1px;*/

}

.percentSymbol {
	position: relative;
	left: 5px;
	top: 7px;
	float: right;
}

.actionBTNS #mprint {
	height: 16px;
	position: relative;
	top: 3px;
}

.actionBTNS #mprint span {
	position: relative;
	bottom: 3px;
}

.company-contribution-div input, .allownces-div input{
	width: 102px !important;
}

select.changeMiscellaneous {
	float: left !important;
	width: 96% !important;
	height: 33px !important;
}

td.overtimeContainer input.overtime {
	float: left;
	width: 94px !important;
}

td.overtimeContainer div {
	width: 50px !important;
	float: left;
	position: relative;
	left: 7px;
}

td.overtimeContainer input.overtimeTaxrate {
	float: left;
	width: 40px !important;
}

span.redStar {
	color: red;
	margin-left: 5px;
}

.acntDesc .totalWorkingHoursContainer {
	float: left;
	position: relative;
	left: 256px;
	top: 23px;
}

.acntDesc .totalWorkingHoursContainer div,.acntDesc .totalWorkingHoursContainer h6
	{
	float: left;
}

.acntDesc .totalWorkingHoursContainer h6 {
	position: relative;
	top: 4px;
}

.employmentInfoForm table.row td input.checkbox {
	width: 36px !important;
}

.report-data-container table td,.report-data-container table th,.addBorder td,.reportTable td,.reportTable th
	{
	border: 1px solid #DDD;
}

.roaster-report table {
	width: 162%;
}

.roaster-report table th {
	text-align: center;
}

.selectionTypeContainer {
	float: right;
}

.selectionTypeContainer .selectionType div {
	float: left;
}

.tax-deduction-schedule .selectionTypeContainer {
	clear: both;
}

.annual-leave-register-container .selectionTypeContainer {
	top: 24px;
	position: relative;
	margin-left: 22px;
}

.selectionTypeContainer .selectionType {
	clear: both;
}

.selectionTypeContainer .selectionType .selectionDiv {
	float: right;
}

.selectionTypeContainer .selectionType .selectionDiv select {
	width: 212px;
	height: 36px;
}

.inside-button {
	float: right;
}

.inside-button a {
	border-radius: 5px;
	position: relative;
	right: 23px;
}
.download-button a {
	border-radius: 5px;
}

article.smallTabs form {
	clear: both;
}

.declaration-div {
	float: left;
	position: relative;
	margin-top: 25px;
	border: 2px solid #DDD;
	width: 99%;
	line-height: 22px;
}

.declaration-div div {
	position: relative;
	left: 17px;
	top: 9px;
}

.declaration-sub-div div {
	float: left;
	width: 396px;
	left: 0px;
	top: 10px;
	margin-bottom: 35px;
}

.selectionTypeContainer .selectionType div.title {
	position: relative;
	top: 10px;
	right: 10px;
}

.payperiodTsMasterReport thead th {
	height: 0px !important;
	text-align: center;
}

.payroll-master-file {
	width: 942px;
}

.payroll-master-file th {
	text-align: center;
}

.payroll-master-file table {
	width: 450%;
}

.dataTables_scroll .dataTables_scrollHead {
	position: static !important;
}

.historyDataContainer div {
	float: left;
}

.historyDataContainer div input {
	width: 167px;
}

.historyDataContainer div.historyData {
	width: 100%;
}

.historyDataContainer .fieldsContainer {
	clear: both;
	width: 100%;
}

.fieldsContainer .label {
	width: 10%;
	position: relative;
	left: 19px;
	top: 4px;
}

.historyDataContainer .historyDataMainTitle {
	width: 100%;
	margin-top: 11px;
	margin-bottom: 18px
}

.payroll-item-first-row {
	clear: both;
	position: relative;
	/*top: 28px;*/
	top: 10px;
}

.historyDataContainer span {
	position: relative;
	top: 5px;
}

td.textAlignLeft {
	text-align: left;
}

.speciousSpaceTabs ul li a {
	padding: 14px 5px 15px 15px !important;
}

.extraTabs ul {
	height: 1px;
}

.selectionTypeContainer {
	height: 62px;
}

#emp-gross-pay-history .selectionTypeContainer {
	height: 98px;
}

#emp-gross-pay-history .selectionTypeContainer div.title {
	position: relative;
	top: 8px;
}

.processBulkSalarySlip {

}

.processPayrollForm fieldset {
	width: 300px;
}

.payrollButtonsContainer {
	margin-bottom: 33px;
}

.processPayrollForm fieldset div h4 {
	text-align: center;
}

.processPayrollForm div.processBulkSalarySlip div.selectionDiv select {
	float: left;
	height: 36px;
	width: 180px;
}

.processPayrollForm div.processBulkSalarySlip .title {
	float: left;
	margin: 8px;
}

.bulkSalarySlipButtonDiv {
	float: right;
	margin-top: 19px;
	margin-right: 18px;
}

.reportButtons .excel img,.reportButtons .excel span {
	float: left;
}

.reportButtons a.excel {
	height: 20px;
	line-height: 22px;
}

.verticle-space {
	height: 25px;
}

.noBorder {
	border: none !important;
}

.subtab h2 {
	margin: 0px !important;
}

.tableToGrid td.dateField {
	width: 13%;
}

.confirmationbutton {
	margin-left: 10px !important;
}

.tax-table  tr td.frequencyHeadings,.miscellaneous table tr td.frequencyHeadings
	{
	font-size: 16px;
	font-weight: bolder;
}

.payroll-master-file thead th {
	padding: 14px 17px;
}

#emp-roster-report .report-data,.payroll-journal-file .report-data-container
	{
	overflow-x: hidden !important;
}

#menuId div nav ul li ul li.error {
	color: red;
	width: 380px;
}

#tax-table-form .btnLG {
	margin-bottom: 16px;
}

.headingsForView div.headerTab {
	font-size: 19px;
}

.annual-pay-return-report-container {
	border: 3px solid;
	clear: both;
	min-height: 910px;
}

.pdfView table tr td,.pdfView table tr th {
	height: 40px;
	font-size: 20pt;
	border: 4px solid #ddd !important;
}

.annual-pay-return-report-container div.headerTab {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
}

.annual-pay-return-report-container div.yearEnd {
	text-align: center;
	line-height: 24px;
	float: right;
	margin: 0 auto;
	width: 50%;
	margin-right: -10px;
}

.yearEnd div {
	width: 60%;
}

.annual-pay-return-report-container div.yearEnd div {
	float: left;
	width: 50%;
}

.annual-pay-return-report-container div.yearEnd div.boxfield {
	border: 2px Solid #DDD;
	width: 100px;
	text-align: center;
	float: left;
}

.taxDeductionScheduleReport div.boxField {
	font-size: 14px;
	width: 200px;
	text-align: center;
	float: left;
}

.nameContainer div {
	float: left;
}

.annual-pay-return-container-view div.yearEnd div.boxfield {
	margin-left: -41px;
}

.annual-pay-return-report-container div.nameField {
	float: left;
	clear: both;
}

.annual-pay-return-report-container div.nameField div {
	float: left;
	line-height: 25px;
	text-align: left;
}

.annual-pay-return-report-container div.tinInfo {
	clear: both;
	margin-left: 20px;
}

div.declaration {
	text-align: left;
}

.annual-pay-return-report-container .attachments div,.annual-pay-return-report-container .multioptionQuestion div
	{
	text-align: left;
}

.staff-title {
	clear: both;
}

.annual-pay-return-container-view div.tinInfo,.annual-pay-return-container-view div.nameField div
	{
	line-height: 24px !important;
	height: 25px !important;
}

.annual-pay-return-report-container div.nameField div.boxField,.tinInfo div.boxField
	{
	border: 1px solid #DDD;
	width: 543px;
}

.tinInfo div.boxFields {
	width: 20%;
	margin-right: 18px;
	height: 25px;
	border: 1px solid #DDD;
	text-align: left;
	padding-left: 10px;
}

.disableAtEmployeeEnd {
	clear: both;
}

.declarantInfo div.boxFields {
	height: 25px;
	border: 1px solid #DDD;
	float: left;
	margin-top: 5px;
}

.annual-pay-return-container-view .tinInfo div.boxFields,.annual-pay-return-container-view  .declarantInfo div.boxFields
	{
	height: 25px;
}

.tinInfo div.boxField {
	width: 235px;
	margin-right: 18px;
	height: 25px
}

.annual-pay-return-report-container div.nameField {
	margin-bottom: 7px;
}

.tinInfo table td {
	border: 1px solid #DDD;
	width: 10px;
	height: 21px;
}

.tinInfo div,.tinInfo table {
	float: left;
}

.annual-emp-information-schedule div table {
	clear: both;
	text-align: center;
}

.annual-emp-information-schedule div table td,.annual-emp-information-schedule div table th
	{
	text-align: center
}

.reportInfoRow {
	clear: both;
}

.bank-report-info-line div.rightField {
	width: 48%;
}

.bank-report-info-line div {
	float: left;
	padding: 10px;
	width: 43%;
	text-align: left;
	font-size: 13px;
}

.bank-report-info {
	margin: 0 auto;
	text-align: center;
	width: 78%;
}

div.bankDepositReport div.hide-print {
	clear: both !important;
	margin-top: 10px;
}

.taxDeductionScheduleReport .employerInfo  .boxField {
	padding: 0px;
}

.companiesInformationReport .report-data-container {
	overflow-x: hidden;
}

.changeNewlyEngagedReportByYearMonth,.changeAnnualPayReturnReport {
	float: left;
	margin-left: 5px;
	margin-top: 28px;
	width: 100px;
	height: 30px;
}

.tax-deduction-schedule .selectionTypeContainer .selectionDiv select {
	width: 100px;
	margin-left: 5px;
	height: 30px;
}

.newly-engaged-employee-report table.reportTable {
	margin-top: 17px;
	float: left;
}

#newly-engaged-employee-report .selectionTypeContainer {
	clear: both;
	position: relative;
	bottom: 24px;
}

.annual-pay-return-report-container .nameField {
	margin-top: 8px;
}

.reportTable {
	clear: both;
}

.annual-pay-return  .selectionTypeContainer {
	clear: both;
	height: 70px;
}

.annual-pay-return .reportButtons, .compensationDropDownheight {
	height: 30px;
}

.mainReportData {
	margin-left: 47px;
}

.annual-pay-return-container-view .grade-categories {
	margin-top: 18px;
}

.mainReportData .reportTable {
	width: 95%;
}

.multioptionQuestion div {
	float: left;
	font-weight: bold;
}

.annual-pay-return-container-view .multioptionQuestion {
	margin-left: 99px !important;
	margin-top: 26px
}

.annual-pay-return-report-container .multioptionQuestion {
	float: left;
	margin-left: 55px;
	margin-top: 10px;
}

.multioptionQuestion div.boxfield {
	width: 33%;
	height: 29px;
	border: 1px solid #DDD;
	margin-top: -6px;
	margin-left: 11px;
	margin-right: 5px;
}

.multioptionQuestion div.option {
	width: 18%;
}

.multioptionQuestion div.option .label {
	width: 18%;
}

.multioptionQuestion div.que {
	width: 55%;
}

.declaration div.heading {
	clear: both;
	text-align: center;
	font-weight: bold;
}

.declaration .desc,.declaration .declarantInfo {
	height: 49px;
	margin: 0 auto;
	width: 79%;
}

.declaration .declarantInfo {
	margin-top: 10px;
}

.declaration .declarantInfo .name {
	width: 30%;
}

.declaration  .designation,.declaration  .sign,.declaration .date {
	width: 22%
}

.declaration .date {
	width: 14%;
	margin-left: 10px;
}

.declaration .fields {
	float: left;
	margin-right: 12px;
	line-height: 23px;
	height: 40px;
}

.declaration .boxField {
	border: 1px solid #DDD;
	float: left;
	width: 544px;
	height: 25px;
}

.declaration .designation,.declaration .sign {
	clear: both;
}

.declaration .nameBox {
	width: 57%;
}

.declaration .designationBox {
	width: 41%;
}

.declaration .signBox {
	width: 23%;
	height: 53px;
	margin-right: 189px;
}

.declaration .dateBox {
	width: 20%
}

.annual-pay-return .report-data-container {
	overflow-x: hidden;
}

.annual-emp-information-schedule table.reportTable,.summaryOfPayroll table.reportTable
	{
	margin: 0 auto;
}

.summaryOfPayroll,.annual-emp-information-schedule .report-data-container
	{
	overflow-x: hidden;
}

.reportTable th {
	text-align: center;
}

.declaration {
	float: left;
	margin-top: 9px;
}

.annual-pay-return-report-container .mainReportData {
	width: 100%;
}

.annual-pay-return-report-container .mainReportData div.nameField,.annual-pay-return-report-container .mainReportData div.tinInfo
	{
	width: 100%;
}

.annual-pay-return-report-container .mainReportData div.nameField, .margin-left-25 {
	margin-left: 25px;
}

.annual-pay-return-container-view  .mainReportData div.nameField {
	margin-left: 52px;
}

.annual-pay-return-report-container .mainReportData div.nameField div.textField
	{
	width: 6%;
}

.annual-pay-return-report-container .mainReportData div.tinInfo div.textField
	{
	float: left;
	width: 7%;
}

.annual-pay-return-report-container .mainReportData div.nameField div.boxField
	{
	width: 54%;
	height: 25px;
	float: left;
}

.annual-pay-return-container-view .mainReportData div.nameField div.boxField
	{
	width: 54%;
	height: 25px;
	float: left;
}

div.boxField {
	padding-left: 10px;
}

.annual-pay-return-report-container .mainReportData div.tinInfo div.boxField
	{
	width: 22%;
	text-align: left;
}

.attachments div {
	float: left !important;
}

.attachments div.points {
	clear: both;
}

.attachments div.points li {
	float: left;
}

.annual-pay-return-container-view .mainReportData div.tinInfo div.textField
	{
	width: 7%;
}

.annual-pay-return-container-view .attachments {
	margin-left: 99px !important;
	top: 16px;
	position: relative;
}

.annual-pay-return-container-view .attachments .staff-title {
	height: 35px;
}

.annual-pay-return-container-view .mainReportData div.tinInfo {
	margin-left: 46px;
}

.annual-pay-return-container-view .declaration .declarantInfo .name {
	width: 17% !important;
}

.annual-pay-return-container-view .declaration .declarantInfo .fields {
	width: 14%;
}

.annual-pay-return-container-view .declaration .declarantInfo .date {
	width: 4%;
}

.grade-categories .reportTable,.reportTable {
	margin: 0 auto;
	width: 85%;
}

.annual-pay-return-container-view .grade-categories .reportTable,.reportTable
	{
	margin: 0 auto;
	width: 78% !important;
}

.annual-pay-return-report-container .attachments {
	margin-left: 55px;
	font-weight: bold;
}

.newly-engaged-employee-report .nameField {
	width: 100%;
}

.newly-engaged-employee-report .nameField .textField {
	width: 25% !important;
	float: left;
}

.newly-engaged-employee-report .nameField .boxField ,.width-10{
	width: 10% !important;
	float: left;
}

.newly-engaged-employee-report .employerInfo {
	width: 100%;
	margin-top: 28px;
	clear: both;
}

.newly-engaged-employee-report .employerInfo .nameContainer div.textField
	{
	width: 14%;
	float: left;
	margin-left: 20px;
}

.newly-engaged-employee-report .employerInfo .nameContainer div.boxField
	{
	width: 40%;
	border: 1px solid #DDD;
	height: 25px !important;
	float: left;
	text-align: left;
}

.newly-engaged-employee-report {
	font-size: 8px;
}

.newly-engaged-employee-report-view {
	font-size: 14px;
}

.newly-engaged-employee-report-view .empTin div {
	margin-top: 10px;
}

.empTin .textField {
	clear: both;
}

.newly-engaged-employee-report .declaration .designation,.newly-engaged-employee-report .declaration .sign,.newly-engaged-employee-report .declaration .date
	{
	width: 13%;
}

.newly-engaged-employee-report-view	.newly-engaged-employee-report table.reportTable td
	{
	font-size: 14px;
}

.noscroll {
	overflow-x: hidden;
}

.annual-pay-return-report-container div.scrollTab {
	overflow-x: scroll;
	width: 97%;
	margin: 0 auto;
	text-align: center;
}

.cost-summary-report .selectionTypeContainer {
	margin-left: 40px;
}

.cost-summary-report .selectionTypeContainer select {
	width: 177px !important;
}

.reportTable thead th span.mainHeading {
	float: left;
	width: 100%;
}

.reportTable thead th span.mainHeading {
	float: left;
	width: 100%;
}

.reportTable thead th span.subHeading {
	float: left;
	width: 50%;
	margin-top: 8px;
}
.width-50{
	width: 50%;
}
.width-8{
 width:8.33% !important;
}
.width-16{
	width:16.66% !important;
}

.width-5063{
	width:50.63% !important;
}
 .width-14{
width: 14.28% !important;
}
 .width-42{
	 width:42.85% !important;
 }
.width-6{
	width:6.25% !important;
}
.width-28{
	width: 28.56% !important;
}

.width-31{
	width:31.25%;
}
.width-15{
	width:15.625%;
}
.project-sheet-count .width-15{
	width:15.625%;
}
 .width-7{
	 width: 7% !important;
 }

 .width-12{
	 width:12.5% !important;
 }
.height-62{
	height: 62px !important;
}
.leftAlign {
	text-align: left !important;
}

.rightAlign {
	text-align: right !important;
}
.payrollJournalFile .reportInfo {
	margin: 0 auto;
	width: 80%;
	text-align: left !important;
}

.employerInfo .nameContainer {
	clear: both;
}

.employerInfo .nameContainer div {
	width: 35%;
	text-align: left;
	margin-bottom: 10px;
}

.employerInfo .nameContainer div.name {
	width: 18%;
}

.taxEmpTin {
	float: left;
	width: 53%;
}

.employerInfo  .dateInfo {
	float: right;
	width: 36%;
}

.employerInfo  .dateInfo .textField {
	float: left;
	text-align: left;
	width: 67%;
	text-transform: capitaliz
}

.employerInfo  .dateInfo .boxField {
	text-align: left;
}

.employerInfoPdf .nameContainer div {
	width: 27% !important;
	text-align: left;
	margin-bottom: 10px;
}

.employerInfoPdf .nameContainer div.name {
	width: 13% !important;
}

.processPayrollTab {
	width: 14%;
}

.blueButton,.reportscreen ul li a {
	background: -moz-linear-gradient(top, #64C5F2 0%, #0986FC 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64C5F2),
		color-stop(100%, #0986FC));
	background: -webkit-linear-gradient(top, #64C5F2 0%, #0986FC 100%);
	background: -o-linear-gradient(top, #64C5F2 0%, #0986FC 100%);
	background: -ms-linear-gradient(top, #64C5F2 0%, #0986FC 100%);
	background: linear-gradient(to bottom, #64C5F2 0%, #0986FC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(          startColorstr='#64C5F2',
		endColorstr='#0986fc', GradientType=0);
	border-color: #34BFF3 rgba(0, 0, 0, 0.05) #003C8B;
	color: white !important;
	text-transform: uppercase;
	font-family: DINWeb-Cond;
	box-shadow: 3px 3px 7px #58595B;
	height: 40px;
	line-height: 42px;
	width: 190px;
	color: white;
	text-align: center;
	margin: 0 auto;
	font-size: 24px;
	clear: both;
	display: block;
	margin: 1em 0;
	border: none;
	border-radius: 5px 5px 5px;
}

.reportscreen ul li {
	list-style: none;
}

.reportscreen ul {
	width: 100%;
}

.reportscreen ul li {
	width: 47%;
	float: left;
	margin-right: 25px;
}

.reportscreen ul li a {
	width: auto;
}

.blueButton:hover,.reportscreen ul li a:hover {
	border-color: #0568A6 rgba(0, 0, 0, 0.1) #34BFF3;
	background: -moz-linear-gradient(top, #0986FC 0%, #64C5F2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0986FC),
		color-stop(100%, #64C5F2));
	background: -webkit-linear-gradient(top, #0986FC 0%, #64C5F2 100%);
	background: -o-linear-gradient(top, #0986FC 0%, #64C5F2 100%);
	background: -ms-linear-gradient(top, #0986FC 0%, #64C5F2 100%);
	background: linear-gradient(to bottom, #0986FC 0%, #64C5F2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(           startColorstr='#0986fc',
		endColorstr='#64C5F2', GradientType=0);
}

.fileuploadForm .cancelButton {
	width: 11%;
}

.fileuploadForm  label {
	font-size: 14px;
}

.fileuploadForm .fileUploadDiv {
	height: 55px;
	margin-top: 31px;
}

.reportButton {
	color: #0986FC !important;
	font-weight: bold;
}

.boldRow td {
	font-weight: bold;
}

.versionNo {
	float: right;
	margin-top: 23px;
	margin-bottom: 13px;
}

.headerImage {
	float: left;
	width: 10%;
	margin: 19px;
}

.textHeader {
	width: 70%;
	float: left;
}

.annual-pay-return-container-view .textHeader div {
	font-size: 19px !important;
}

.textHeader div {
	font-size: 15px !important;
}

.annual-leave-register-container .annual-leave-register {
	overflow-x: auto;
	clear: both;
}

.newly-engaged-employee-report {
	border: none;
}

.annual-emp-information-schedule .selectionTypeContainer {
	clear: both;
}

.annual-emp-info .reportTable {
	margin-bottom: 20px !important;
}

.annualEmployeeInformation .textHeader {
	margin-top: 16px;
}

.annual-emp-information-schedule .annualEmployeeInformation {
	border: 2px solid;
}

.taxDeductionScheduleReport {
	border: 3px solid;
}

.taxDeductionScheduleReport .employerInfo {
	clear: both;
	margin: 20px;
}

.payrollJournalFile .reportInfo div {
	text-align: left;
}

.declaration-div {
	text-align: left;
}

.taxDeductionScheduleReport h2 {
	margin: 8px !important;
}

.columnWidth {
	width: 125px;
}

#percentError {
	display: block;
	position: relative;
	color: red;
	left: 73px;
	top: -4PX;
}

td.column {
	width: 49%;
}

.salary-slip-container {
	width: 96%;
	margin-left: 13px;
}
.salary-slip-container.viewcontainer{
	margin-left: 18px;
}


.salary-slip-column {
	width: 49%;
	float: left;
}

.viewcontainer .salary-slip-column div div {
	width: 70%;
}
.salary-slip-column div div.header-value.header-value-sc {
    width: 242px;
}
.pdfcontainer .salary-slip-column div div {
	width: 60%;
	font-size: 10px;
	text-indent: 6px;
	text-align: left;
}

.salary-slip-column div div.header-value {
	width: 70%;
}

.salary-slip-column div div.header-title {
	text-indent: 6px;
	width: 30%;
	text-align: left;
}

.salary-slip-column div div.header-title-sc {
	width: 89px;
	text-indent: 6px;
	text-align: left;
}

.salary-slip-pdf {
	height: 60px;
}

.pdfcontainer {
	font-size: 12px !important;
}

.pdfcontainer .salary-slip-column div div.header {
	text-indent: 6px;
	width: 30%;
	font-size: 10px;
	text-align: right;
	margin-right: 3px;
}

.viewcontainer .salary-slip-column div div.header {
	width: 30%;
}

.border-right {
	border-right: 1px solid #ccc;
}

.border-bottom {
	border-bottom: 1px solid #ccc;
}

.salary-slip-column div.no-field {
	text-align: right;
	position: relative;
	right: 20px;
}

.salary-slip-column div {
	float: left;
	width: 100%;
	height: 30px;
	line-height: 27px;
}

.salary-slip-full-column {
	width: 100%;
	float: left;
	border: 1px solid #ccc;
	text-indent: 7px;
	line-height: 43px;
	border-bottom: none;
	/*margin-bottom: 6px;*/
}
.border-bottom{
	border-bottom: 1px solid #ccc !important;
	margin-bottom: 6px !important;
}
.salary-slip-column .table {
	width: 100%;
	float: left;
}

.salary-slip-column .table div {
	width: 100%;
	float: left;
}

.salary-slip-column .table div div.header {
	width: 40%;
}

.salary-slip-column .table div div.earning-header {
	width: 50%;
}

.salary-slip-column .table div div.no-field {
	width: 28%;
	text-align: right;
}

.salary-slip-column .table div div {
	width: 50%;
	float: left;
	text-align: left;
	margin: 3px;
}

.net-pay {
	width: 50.6%;
	float: right;
	border: 1px solid #ccc;
	text-indent: 15px;
	line-height: 43px;
	margin-bottom: 6px;
}

.net-pay div {
	float: left;
	height: 30px;
	line-height: 29px;
	width: 26%;
}
.pdfcontainer .net-pay div.total {
	width:125px;
}
.net-pay div.total {
	float: right;
	width: 140px;
	text-align: center;
}
.width-65{
	width:65% !important;
}
.width-35{
	width:35% !important;
}
.no-margin-bottom{
	border-bottom: none;
	margin-bottom: 0 !important;
}

.max-width-166 td label{
	max-width: 166px;
}

.pdfcontainer .net-pays i, .pdfcontainer .total-deduc i, .pdfcontainer .total-earning i{
	font-size: 12px;
}

.salary-slip-note {
	border: none !important;
}

.net-pays {
	border-bottom: 1px solid #ccc;
	margin-bottom: 6px;
}

.pdfcontainer .earning-reimbursement, .pdfcontainer .deduction-recov {
	font-size: 11px;
}

.earning-reimbursement, .deduction-recov {
	margin-top: 6px;
}

.salary-slip-column div.deduction-recov {
	width: 104%;
}

.policies-container p {
	width: 100%;
}
.statics div {
	float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 12px;
	border-radius: 8px;
	background-color: #EEEEEE;
	margin-bottom: 7px;
	width: 182px;
}

.statics#project-status-div div:last-child {
	margin-right: 0;
}

.statics#project-status-div div {
	width: 169.5px;
}

.appraisalStatics div {
	background: url("../images/halfDotGreen30.png") repeat scroll 0 0 transparent;
	margin-top: 2%;
	border: 1px solid #ccc;
	padding: 12px;
	border-radius: 8px;
	margin-bottom: 7px;
}

.cursor-pointer{
	cursor: pointer !important;
}

.date-filter-container {
	float: right;
	width: 59%;
}

.date-filter-container.project-date-filter-container {
	width: 320px;
}

.date-filter-container div.datediv {
	float: left;
	width: 32%;
	text-align: left;
	margin-bottom: 20px;
}

.date-filter-container div.datediv input {
	float: left;
	width: 87%;
	margin: 0 auto;
	padding: 6px 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff !important;
	outline: none;
	border: 1px solid #ccc;
}

.date-filter-resource-container {
	float: right;
	width: 80%;
}

.date-filter-resource-container div.datediv {
	float: left;
	width: 50%;
	text-align: left;
	margin-bottom: 20px;
}

.date-filter-resource-container div.datediv input {
	float: left;
	width: 87%;
	margin: 0 auto;
	padding: 6px 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff !important;
	outline: none;
	border: 1px solid #ccc;
}

.result-div {
	float: left;
	position: relative;
	top: 15px;
}

.result-div-button {
	float: left;
	position: relative;
	top: 15px;
}

.result-div button, .result-library-div button{
	height: 30px;
	width: 97px;
	border-radius: 2px;
	border: 1px solid #ccc;
	background-color: lightgray;
}
.addFormNew .add-label{
	width: 524px;
    font-weight: bold;
}

.radioButtons span label {
	margin-right: 2vmin;
}

.dateField {
	width: 10vw;
	height: 4vh;
}

/*.valid{*/
/*color:#B7D6E7 !important;*/
/*}*/

.invalid{
color: #dd4444 !important;
}
.footer td{
	background-color: whitesmoke !important;
    /*background-color: darkgray!important;*/
	font-style: inherit !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	font-style: normal!important;
}
.cross{
    color: red !important;
    font-size: 15px !important;
}
.check{
   color: green!important;
   font-size: 15px!important;
}
.row.display thead tr th {
    width: 25%;
    text-align: right;
    /*border: solid black 0.5px;*/
}
#Col th {
    font-weight: bold;
}
.row.display tbody tr td {
    width: 25%;
    text-align: right;
}
.row.display tbody tr td:first-child {
    text-align: center;
}
table.display thead th div.DataTables_sort_wrapper {
     padding-right: 5px;
}

.valid-text {
	color: black !important;
}

input#Users_age, input#ExpectedJoiners_age {
	width: 50px !important;
	text-align: center;
}

span#yr {
	line-height: 32px;
	margin-left: 13px;
}

div#eduSubmit {
	margin-left: 60px;
}

.radioButtons span#EmploymentInfo_pf_applicable {
	float: left !important;
	width: 100% !important;
}

.pfRadioButtons {
	width: 280px !important;
}

#technologySubCategory {
	padding: 0px 515px 5px 50px;
}

#technologySubCategory .buttonPannel {
	float: left !important;
}
div.dataTables_info {
	text-align: left;
}

.leave-report .odd {
	background-color: #f9f9f9;
}

.display.leave-grid.leave-report td, .display.leave-grid.leave-report th{
	border: 0 !important;
}
.display.leave-grid.leave-report tr{
	border: 1px solid #DDD;
}
.leave-details .dataTables_scroll {
	width:922px;
}

.leave-container .date-filter-container
{
	margin-top: 10px;
	width: 42%;
}
.leave-container .date-filter-container .datediv {
	width: 37%;
}

.leave-container .dataTables_length, .leave-container .dataTables_filter {
	margin-top: 0;
}

.class-line-height-30 {
	line-height: 30px;
}

select.class-width-93 {
	width: 205px !important;
}

.width-46{
	width: 46%;
}

.width-48{
	width: 48% !important;
}

.width-90 {
	width: 90% !important;
}

.profile-pic-fit {
	object-fit: contain;
}

.non-clickable_grid {
	pointer-events: none !important;
}

.margin-left-16 {
	margin-left: 16px;
}

.margin-left-30 {
	margin-left: 30px !important;
}

.margin-left-40 {
	margin-left: 40px;
}

.width-25 {
	width: 25% !important;
}
.background-repeat-round {
	background-repeat: round !important;
}
.libraryButtons {
	position: relative !important;
	right: 25px !important;
}
.width-4 {
	width: 4.17%; !important;
}

.width-20{
width: 20.5% !important;
}
.width-28{
	width: 28% !important;
}

.date-filter-container div.datediv-library {
	#float: right;
	text-align: left;
	margin-bottom: 20px;
}

.date-filter-container div.datediv-library input {
	width: 30%;
	margin-right: 3%;
	margin-left: 0;
	margin-top: 0;
	padding: 6px 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff !important;
	outline: none;
	border: 1px solid #ccc;
}

.class-line-height-225 {
	line-height: 225%;
}

.break-word {
	word-break: break-all;
}
.row td input.width-250 {
	width: 250% !important;
}

.lbl-emp {
	margin-bottom: 15px !important;
	font-weight: bold !important;
	margin-left: 14% !important;
}

.select-box {
	width: 200px !important;
	height: 200px !important;
}

.lbl-btn {
	border: 1px solid;
	width: 50px;
	height: 25px;
	text-align: center;
	padding-top: 8px;
	clear: left;
	margin-bottom: 10px;
}

.tbx_quarter {
	float: left !important;
	width: 50%;
	height: 29px;
}
.width-18{
	width: 18.75% !important;
}
.logo_height{
	height: 65px;
}

.width-100 {
	width: 100%!important;
}

.profile-pic input.image-input {
	width: 94px !important;
}

.margin-left-4 {
	margin-left: 4.5px !important;
}
.margin-left-0 {
	margin-left: 0 !important;
}

.section-heading{
	background-color: #DAF7A6 !important;
	padding: 10px !important;
	border-radius: 3px;

}
.appraisal-section{
	padding-left:0px !important;
	padding-right:0px !important;
}
.appraisal-form{
	margin:0 !important;
}

.appraisal-table td{
	padding-top: 10px !important;
}

.appraisal-table tr.even{
	background-color: #f9f9f9 !important;
}

.appraisal-table tr.odd{
	background-color:#fdfdfd !important;
}

.appraisal-gap{
	height: 6px;
}

.totalEmp{
	float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 12px;
	border-radius: 8px;
	background-color: #EEEEEE;
	width: Auto;
}

.mediclaim-heading{
	margin-bottom: 0; !important;
	margin-top: 10px;!important;
}

.margin-right-5{
	margin-right: 5px;!important;
}

.leaves-allocated-heading {
	margin: 0;  !important;
	padding: 20px;  !important;
	width: auto;  !important;
	padding-right: 5px;  !important;
}

#menu li a{
	padding-left:15px !important;

}

.disable {
	 display: none;
 }
/* mPopup box style */
.mpopup {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}
.mpopup-content {
	position: relative;
	background-color: #fff;
	margin: auto;
	padding: 0;
	width: 60%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	border-radius:10px;
}

.mpopup-head {
	background-color: 	#fff;
	color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.mpopup-main {padding: 2px 16px;}
.mpopup-foot {
	padding: 2px 16px;
	background-color: #ffffff;
	color: #ffffff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


/* add animation effects */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

/* close button style */
.close {
	color: #000;
	float: right;
	font-size: 28px;
	font-weight: bold;
	right: 4px;
	bottom: 0px;
	position: relative;
}
.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.child-history{
	/* position: absolute; */
	/* top: 50%; */
	/* transform: translateY(-50%); */
}
h2.child-history{
	margin-bottom: 0 !important;
}
.modal-history{
	/* position:relative; */
}


li.breadcrumbs {
	padding: 15px;
}
.right-button {
	float: left;
}
.back {
	border-radius: 13px !important;
	text-align: center;
}
.width-10 .float-right {
	float: right;!important;
}
.width-10 .width-58 {
	width: 58%;!important;
}

@keyframes spinner {
	to {transform: rotate(360deg);}
}

.accordionHeader{
	background: lightgray;
	font-size: 1.8em;
	font-family: inherit;
	padding: 0.2em;
	border-radius: 4px;
}

.accordionContent{
	display: none;
}

.spinner:before {
	content: '';
	box-sizing: border-box;
	position: fixed;
	z-index:1;
	top: 35%;
	left: 46%;
	width: 150px;
	height: 150px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border: 10px solid transparent;
	border-top-color: #07d;
	border-bottom-color: #07d;
	animation: spinner 3s linear infinite;
}
#spinnerText {
	position: fixed;
	top: 43%;
	left: 45.5%;
	width: 150px;
	height: 10px;
	text-align: center;
	color: black;
	font-size: x-large;
}
.disabledbutton {
	background-color: #2e383c;
	pointer-events: none;
	opacity: 0.5;
}

@keyframes spinnerSmall {
	to {transform: rotate(360deg);}
}


.spinnerSmall:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border: 2px solid #07d;
	border-top-color: white;
	border-right-color: #07d;
	border-bottom-color: white;
	animation: spinner .6s linear infinite;
}

.accordionContent{
	display: none;
}

.compensation-deduction, .compensation-contribution {
	width: 50%;
	float: right;
	padding: 1%;
	box-sizing: border-box;
}
.compensation-allowance {
	width: 50%;
	float: left;
	padding: 1%;
	box-sizing: border-box;
}
.totalCTC{
padding-left: 1%;
display: block;
width: 100%;
}
.disableEmailButton {
	pointer-events: none;
	cursor: not-allowed;
	opacity: 0.5;
}
.clearRight {
	clear: right;
}
.payroll-item-first-row table tbody tr td input{
	text-align: right;
}

.padding-left-right-5 {
	padding-left: 5px;
	padding-right: 5px;
}
.width-70 {
	width: 70% !important;
}
@-moz-document url-prefix() {
	.profile-pic {
		width: 89% !important;
	}
	.profile-pic input.image-input {
		width: 94px !important;;
	}
}
.profile-pic-IE {
	padding-left: 2.1%;
}

/*.monthlyReportTable {
	margin-bottom: 18px !important;
	min-height: 210px !important;
}*/

.padding-left-right-13 {
	padding-left: 13px;
	padding-right: 13px;
}

.monthlyEmployeeReportDropDown {
	width: auto;
	margin-top: -2px
}

.padding-right-48{
	padding-right: 48px !important;
}

.padding-right-94{
	padding-right: 94px !important;
}

.padding-left-50 {
	padding-left: 50px !important;
}

.fixed-header{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9
}

.margin-top-80 {
	margin-top: 80px;
}

.margin-bottom-3 {
	margin-bottom: 3%;
}

.leave-allocated-column {
	padding-left: 8%;
	padding-right: 12%;
}

.background-darkgreen{
	background: #353665 !important;
	font-weight: bolder;
	color: #fff;
}

.margin-right-25 {
	margin-right: 25px;
}

.update-leave-header {
	background: lightgray;
	font-size: 1.8em;
	font-family: inherit;
	padding: 0.2em;
	cursor: pointer;
	border-radius: 4px;
}

.width-312 span, .width-312px {
	width: 312px !important;
}

.width-360 span, .width-360px {
	width: 360px !important;
}

.investment-form-input input {
	float: none !important;
	width: auto !important;
	text-align: right;
}

.investment-table tr td {
	border-bottom: 1px solid #1a1a1a;
}
.margin-top-31 {
	margin-top: 31px;
}
.margin-top-20 {
	margin-top: 20px;
}
.workstation-info {
	font-size: x-small;
	width: 120% !important;
	margin: auto;
}
.compensationTableFont {
	border:1px solid black;
}
.compensationTableFont td, .compensationTableFont th{
	padding-left:5px;
	font-size: 16px;
	border:1px solid black;
}
.padding-left-24 {
	padding-left: 24px;
}
.padding-bottom-10 {
	padding-bottom: 10px;
}
.padding-left-3 {
	padding-left: 3%
}
.padding-top-2 {
	padding-top: 2%;
}
.margin-top-5 {
	margin-top: 5%;
}
.compensationTableBorder{
	border-collapse:collapse;
	border:1px solid black;
	width:90%;
	margin:40px auto;
}

.width-40 {
	width: 40%
}
.compensationDropDown {
	padding: 4px 0 4px 250px;
	width: 70%;
}
.compensationDropDown h4 {
	margin-bottom: 0;
}
.margin-left-42 {
	margin-left: 42px;
}
.margin-left-35 {
	margin-left: 35px;
}
.font-size-16 {
	font-size: 16px;
}

.remove-compensation-btn {
	height: 20px;
	line-height: 20px;
}

.margin-right-45 {
	margin-right: 45px !important;
}

span#Users_key_assigned, span#Users_is_at_client_location, span#Users_is_contract_employee, span#ExpectedJoiners_is_contract_employees {
	width: auto;
	margin-top: 6px;
}

#Users_key_assigned label, #Users_is_at_client_location label, #Users_is_contract_employee label, #ExpectedJoiners_is_contract_employees label {
	width: 35px;
}

.holidaySelectBox {
	float: right;
	clear: both;
	padding-top: 22px;
	padding-right: 4px;
}

.holidaySelectBox select {
	height: 30px;
}

.profilePage table td textarea {
	float: left;
	width: 302px;
	margin: 0 auto;
	height: 56px;
	font: normal 15px 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 400;
	clear: both;
	padding: 6px 4px;
	border: 1px solid #CCC;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: white !important;
	outline: none;
}
.padding-left-3px {
	padding-left: 3px;
}
.assetsButton {
	padding: 20px 0px 20px 0px;
}
.padding-top-20 {
	padding-top: 20px;
}

.width-103px {
	width: 103px;
}

.padding-left-right-7-13 {
	padding-left: 7px;
	padding-right: 13px;
}

.clickAble-element {
	pointer-events: auto !important;
	position: relative;
}

table.background-head tr th {
	background: url(../images/tableHeaderRepeater.gif);
}

.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 21%;
	float: left;
}

.upload-button {
	border: none;
	color: #91A541;
	background-color: white;
	border-radius: 4px;
	font-weight: bold;
	width: 33px;
	padding: 0;
}

.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.width-35px {
	width: 35px;
}

.investment-form-input input.file-input-investment {
	width: 55% !important;
	float: left !important;
	margin-top: 2px;
	text-align: left;
}

.trash-investment-img {
	width: 15px;
	padding-top: 2px;
	padding-left: 6px;
	cursor: pointer;
}

.width-187px {
	width: 187px;
}

.width-15px {
	width: 15px;
}

#contactForm {
	display: none;
	border: 2px solid #A5C332;
	border-radius: 5px;
	padding: 2em;
	width: 400px;
	text-align: center;
	background: #fff;
	position: fixed;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 1;
}

.width-1024 {
	width: 1024px;
}

.margin-top-h2 {
	margin-top: 0.75em;
}
table.clientLocationTable {
	margin: 0 auto;
}
table.clientLocationTable tr {
	float: unset !important;
}

.width-67 {
	width: 67% !important;
}

.width-69 {
	width: 69%;
}

form#goals-form .row .width-295, form#goal-templates-form .row .width-295 {
	width: 295px;
}

.padding-top-5 {
	padding-top: 5px;
}

.project-select-box {
	width: 306px !important;
}

table.project-table td {
	width: 0;
}

table.project-table td:first-child {
	width: 150px;
}

table.project-table td:nth-child(4) {
	width: 35%;
}

table.multi-select-table td:first-child {
	width: 300px;
}

table.multi-select-table td.multiselect-buttons {
	padding-left: 10px;
	padding-top: 20px;
	width: 150px;
}

.project-member-header {
	background: url("../images/halfDotGreen30.png") repeat scroll 0 0 transparent;
	border-radius: 4px;
	padding: 10px 0px 10px 15px;
}

input[type="checkbox"].project-end-date-checkbox {
	margin-top: 5px;
}

.project-dev-table select {
	width: 230px;
}

.project-dev-table input[type] {
	width: 85px;
}

.margin-left-55 {
	margin-left: 55px !important;
}

.margin-left-5 {
	margin-left: 5px;
}

.projectTable th, .projectTable td {
    text-align: center;
}

.multi-select {
	width: 305px !important;
	height: 105px !important;
	border-radius: 2px;
	padding: 6px 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff !important;
	outline: none;
	border: 1px solid #ccc;
}

.project-member-multi-select {
	width: 250px !important;
	height: 105px !important;
	border-radius: 2px;
	padding: 6px 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff !important;
	outline: none;
	border: 1px solid #ccc;
}

.selectAllCheckboxParent {
	background-color: dimgrey;
	border-radius: 5px;
	color: whitesmoke;
	padding: 10px;
	margin-bottom: 10px;
}

.selectAllCheckbox {
	float: left;
	width: 35px;
}

article fieldset.initiativeEmailFieldset {
	border-color: #92D721;
}

table input.project-input {
	background-image: url('../images/calendar.png') !important;
	background-repeat: no-repeat !important;
	background-position: 97% !important;
	background-size: 20px 20px !important;
	cursor: pointer;
}
.close_icon {
	background: url(../images/close.png);
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	cursor: pointer;
	width: 25px;
	height: 23px;
	margin: 5px 0 0 -55px;
	float: left;}

table tr td input.width-180 {
	width: 180px;
}

.fieldSet table tr td.radioButtons span {
	width: 100%;
}

.fieldSet table tr td.radioButtons span#Project_project_status {
	width: 300px;
}

.fieldSet > table {
	margin:0 auto !important;
}

form#employment-info-form table tr td.radioButtons span {
	width: 100%;
}

.fieldSet table tr td.radioButtons span#Project_project_status input,
.fieldSet table tr td.radioButtons span#Project_project_status label {
	margin-bottom: 3px;
}

.no-record-background {
	background-color: #a4dfe075;
}

tbody td.deleteTd {
	padding-right: 5px;
}

table.project-dev-table .project-date-fields {
	width: 70px;
}

.fieldSet h3.projectHeading {
	margin-bottom: 0.5em;
	display: inline-block;
	width: 37%;
}

.fieldSet hr.horizontalLine {
	background-color: black;
	margin-top: 6px;
}

.fieldSet .project-count-fields {
	width: 100%;
	margin: 0 auto;
	height: 16px;
	padding: 6px 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff !important;
	outline: none;
	border: 1px solid #ccc;
}

.fieldSet div.project-count-div {
	display: inline-block;
	width: 20%;
	text-align: center;
}

.fieldSet div.project-count-label-div {
	display: inline-block;
	width: 50%;
}

.project-fieldset-div {
	margin-top: 60px;
}

.fieldSet .buttonPannel {
	margin-right: 0;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
	background-color: dimgrey;
	color: whitesmoke;
}

table.project-dev-table thead tr th {
	padding: 4px 10px 4px 5px;
	text-align: center;
}

table.row tr td .multipleInput-container input {
	border: 1px solid #908989;
}

.project-resource-table-head {
	background-color: #ded9d9c2;
	font-size: 14px;
}

table tr td.appraisal-sheet-radio span {
	width: 125px;
}

.resource-report-total-div div {
	width: fit-content;
	margin-right: 0;
}

.salary-report-total-div div {
	width: fit-content;
}

td.finalSettlementRadio span {
	width: 67%;
}

.height-40 {
	height: 40px;
}

ul.yiiPager li.hidden {
	pointer-events: none;
}

table.project-resource-filter-div {
	margin-left: 0;
	width: 100%;
	padding-bottom: 25px;
}

.margin-right-10 {
	margin-right: 10px;
}

table.project-resource-filter-div td {
	border: 0;
	padding-top: 10px;
}

.project-resource-filter-div select {
	width: 150px;
	height: 26px;
	float: none;
	clear: both;
}

table.project-resource-filter-div input, table.project-resource-filter-first-div input {
	width: 140px;
	margin: 0 auto;
	padding: 6px 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff !important;
	outline: none;
	border: 1px solid #ccc;
	background-image: url('../images/calendar.png') !important;
	background-repeat: no-repeat !important;
	background-position: 97% !important;
	background-size: 20px 20px !important;
	cursor: pointer;
}

.projectResourceButtonDiv {
	display: block;
	text-align: right;
}

.margin-right-155 {
	margin-right: 155px;
}

.padding-left-45 {
	padding-left: 45px;
}

.bank-upload-report {
	width: inherit;
	overflow-x: auto;
}

.statics div > div {
	float: right;
	margin-left: 8px;
	margin-bottom: 0px;
}

.project-sheet-span {
	line-height: 45px;
}

.graph-div {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	clear: both;
}

.graph-center-div{
	border-style: solid;
	border-width: 2px;
	border-color: #acb3b2;
	border-radius: 4px;
	padding-top: 13px;
}

.graph-xaxis-text {
	text-align: center;
	margin-bottom: 10px;
}

.project-ul {
	margin: 0;
}

.project-count-hr-line {
	margin-top: -7px;
	background-color: #d2cece;
}

header {
	position: relative;
}

.hide {
	display: none;
}

.tab-content {
	padding:25px;
}

#material-tabs {
	position: relative;
	display: block;
	padding:0;
	border-radius: 4px;
	border: 1px solid #e0e0e0;
	text-align: left;
	background: url(../images/halfDotGreen30.png) repeat scroll 0 0 transparent;
}

#material-tabs>a {
	position: relative;
	display:inline-block;
	text-decoration: none;
	padding: 14px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #424f5a;
	text-align: center;
	outline: white;
}

#material-tabs>a.active {
	font-weight: 700;
	outline:none;
}

#material-tabs>a:not(.active):hover {
	background-color: inherit;
	color: #2b3237;
}

@media only screen and (max-width: 520px) {
	.nav-tabs#material-tabs>li>a {
		font-size: 11px;
	}
}

.padding-top-10 {
	padding-top: 10px;
}

.fieldSet table td.width-360 {
	width: 360px;
}

.width-15 > .ms-options-wrap {
	width: 130px;
}

.dropdown-check-list {
	display: inline-block;
	position: relative;
}
.dropdown-check-list .anchor {
	position: relative;
	cursor: pointer;
	display: inline-block;
	padding: 4.5px 50px 4.5px 10px;
	border: 1px solid #cbcbcb;
	border-radius: 3px;
	width: 82px;
	margin-left: 11px;
	font-size: 12px;
	font-weight: bold;
}
.dropdown-check-list .anchor:after {
	position: absolute;
	content: "";
	border-left: 2px solid black;
	border-top: 2px solid black;
	padding: 5px;
	right: 10px;
	top: 20%;
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.dropdown-check-list .anchor:active:after {
	right: 8px;
	top: 21%;
}
.dropdown-check-list ul.items {
	padding: 2px;
	display: none;
	margin: 0;
	border: 1px solid #ccc;
	border-top: none;
	position: absolute;
	background-color: white;
	z-index: 1;
	width: 138px;
	margin-left: 11px;
	font-size: 14px;
	max-height: 247px;
	overflow: auto;
}
.dropdown-check-list ul.items li {
	list-style: none;
}

.dropdown-check-list ul.items li label {
	padding: 10px 15px;
}
.dropdown-check-list.visible .anchor {
	color: #0094ff;
}
.dropdown-check-list.visible .items {
	display: block;
}

.Project-Index span.line-height-16 {
	line-height: 16px;
}

.width-1200 {
	width: 1200px;
}

table tr {
	width: 100%;
}

nav li ul.emp-reports li {
	float: none !important;
}

#LaptopConfig_is_warranty_extended {
	line-height: 30px;
}

#LaptopConfig_is_warranty_extended label {
	margin-right: 10%;
}

.goalsTable {
	border: 1px solid;
	border-radius: 5px;
	margin: 0 auto;
}

.goalsTable td {
	border: 1px solid;
}

.goalsTable h3 {
	margin-top: 1em;
}

nav li ul.other-tabs li a {
	border-radius: 0 !important;
	margin-left: 0;
	padding: 15px 5px 14px 15px !important;
}

.project-member-type {
	height: 29px;
	float: none !important;
}

.project-add-member {
	padding: 15px 0;
}

#table-project thead th {
	background: #d3d3d361;
	border: 1px solid #ddd;
	text-align: center;
}

#table-project tbody td {
	border: 1px solid #ddd;
	text-align: center;
}

.width-22px {
	width: 22px !important;
}

.width-50px {
	width: 50px !important;
}

.project-btn-pannel {
	margin: 30px auto 0 auto;
	width: 1020px;
}

.project-btn-pannel .save-btn {
	text-align: left;
	display: inline-block;
	width: 40%;
}

.project-btn-pannel .cancel-btn {
	display: inline-block;
	text-align: right;
	width: 55%;
}

.project-member-pannel {
	clear: both;
	margin-top: 35px
}

.reportTable a.report-delete-request {
	cursor: pointer;
}

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

#service-request-form .row td select {
	width: 512px;
}


.service-request-desc-cover {
	display: grid;
}

.row td .service-request-desc-cover textarea{
	height: 0px;
}

#service-request-form table.row {
	width: 644px;
}

#employee-payroll-form .payrollItemsFs, #employee-payroll-form .payrollItemsFs .employee-payroll-fs {
	width: 100%;
}

#employee-payroll-form .payrollItemsFs .employee-payroll-fs .headerTab {
	text-align: left;
}

#employee-payroll-form .payrollItemsFs .employee-payroll-fs td {
	padding: 14px 20px;
}

#employee-payroll-form .row.salaryFields{
	border: 1px solid #ddd;
    padding: 5px;
    display: inline-block;
}

#employee-payroll-form .payrollItemsFs .employee-payroll-fs td, #employee-payroll-form .payrollItemsFs .employee-payroll-fs th {
	border: 1px solid #ddd;
}

.payroll-item-first-row .confidencial{
	text-align: right;width: 100%;
}

.headerTab .figures{
	margin-bottom: 5px;
    width: 100%;
    text-align: right;
}

.final-settlement-center {
	display: inline-block;
	width: 100%;
    margin-bottom: 20px;
}

.final-settlement-center img {
	float: left;
}

.final-settlement-center label {
	display: inline-block;
    width: 100%;
    text-align: left;
    color: #980000;
    font-weight: bold;
}

#final_settlement_sec td {
	padding: 4px 4px 4px 5px;
}

.full-width {
	width: 100%;
}

#final_settlement_tbl_header thead th {
	padding: 14px 20px;
}

/*#final_settlement_tbl_header {
	border: 1px solid #c0c0c0;
}*/

.align-right {
	text-align: right;
}

table.salaryFields {
	padding-left: 20px;
}

table.basicDetailFs tr td {
	padding-top: 4px;
	padding-bottom: 4px;
}

.basicDetailBox {
	border: 1px solid black;
}

table#final_settlement_tbl_header, table#final_settlement_tbl_header tr td {
	border: 1px solid black;
	border-collapse: collapse;
}

.logo-fs {
	display: inline-block;
	width: 100%;
}

.logo-slogan-fs {
	display: inline-block;
	width: 100%;
	text-align: left;
	color: #980000;
	margin-bottom: 20px;
}

.logo-fs img {
	float: left;
}

.logo-slogan-fs label {
	float: left;
	text-align: left;
    color: #980000;
    font-weight: bold;
}

.fs-form-view {
	margin-left: 2%;
	margin-right: 2%;
}

.fs-form-view table.salaryFields {
	margin-bottom: 0px;
	padding-left: 20px !important;
}

.employeePayrollForm table.salaryFields {
	margin-bottom: 0px;
}
.count-heading{
	margin-bottom: 20px;
}
.country-dropdown{
	width: 20%;
	height: 30px;
	margin: 20px;
	border: 1px solid #aca3a3;
}

.annual-currency{
	border-top: none; 
	border-bottom: none; 
	border-top-right-radius: 4.5px; 
	border-bottom-right-radius: 4.5px
}

.annual-currecy-monthly{
	border-top: none; 
	border-bottom: none
}
.display_currency_report{
	padding-right:5px;
	font-size: 16px;
	font-family: 'Sans-Serif'; 
	border:1px solid black;
	text-align: right
}

.reportTablewidth{
	width: 100% !important;
}

.recordNot{
	background: #f9f9f9;
}