/* CSS Document */
body{
margin:0px;
padding:0px;
background-color:#afe3ff;
}
.disbgcol input{ background:#dddddd; color:#808080 !important;}
#container{ margin:0 auto; text-align:center;  background-image:url('../images/page-bg.jpg');background-repeat:repeat-x;}
#headcontainer{margin:0 auto; text-align:center; background-image:url('../images/header-bg.jpg');background-repeat:repeat-x; height:100px;}
#header{ background:#e3f5ff url(../images/head-img.jpg) top left no-repeat; width:100%; height:74px;}
#header h1{ background:url(../images/jkt-logo.png) top no-repeat; width:207px; height:35px; float:left; margin-top:5px;}
#logo{ float:left; padding-left:11px; padding-top:8px;}
#rms{ float:left;}
.banner-img{ float:left;}
#logout{ float:right;padding-top:10px; padding-right:0px;display:block;}
#logout label{ padding:0px !important; padding-top:6px !important;}
a.logout-btn{ background:#0e5c9a; padding:5px 10px; border-radius:0px; font:bold 11.5px Verdana, Geneva, sans-serif; margin-top:0px !important; color:#fff; text-decoration:none !important;  margin-right:10px; }
#menubar{position:absolute; top:44px; right:0px;}
#body-conainer{ width:100%; min-height:487px;}

.role-sty{width:30px; float:left;padding:0px !important; margin:0px !important;}
.role-sty2{width:100px; float:left;padding:0px !important; margin:0px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    .role-sty {width:40px;}
    .no-spac-label input#billingCatagoryYes, .no-spac-label input#billingCatagoryNo, input#billingSubCatagoryId1, input#billingSubCatagoryId2{ width:20px !important; }
}

.center-head{font-weight:bold; color:#afe3ff; font-size:14px; white-space:nowrap; }
.dashoboard-time{ padding-left:20px;}
#data-block{background-color:#FFFFFF; background-image:url('../images/data-bg.jpg');padding-left:10px; padding-right:10px; background-repeat: repeat-x;padding-top:5px; text-align:left; padding-bottom: 5px;}
#data-block h1{ text-align:left; padding:0px; margin:0px;font:bold 16px Verdana, Geneva, sans-serif; padding-top:10px; }

/*input{background-image:url('../../../images/input-box.png);background-repeat:no-repeat;border:0px;width: 208px;height:25px;font-family:Arial, Helvetica, sans-serif;font-size: 11px; color: #4E4E4E;float:left;margin-bottom: 3px;}*/
input{border:1px #c9c9c9 solid; width: 170px;height:18px; font-family:"Trebuchet MS"; font-size: 11.5px; color: #4E4E4E;float:left;margin-bottom: 3px; float:left; margin-top:8px;}
.allcation-btn input{ margin-top:0px;}



textarea{border:1px #c9c9c9 solid; width: 165px; font:normal 9px Verdana, Geneva, sans-serif; color: #4E4E4E;float:left;margin-bottom: 3px; float:left; margin-top:8px;}
label{margin-right:0px;font:normal 11.5px Verdana, Geneva, sans-serif; white-space:nowrap;}
.paging label{margin-right:0px;}
fieldset{ border:1px #81c7ff solid; margin-top:15px; padding-bottom:20px; padding:5px;}
fieldset .tab-spacing{ padding:10px;}
#errorFieldSet legend{ background-color:#0e5c9a; font-family:Verdana, Geneva, sans-serif; font-size:11.5px; color:#FFFFFF; font-weight:bold; margin-left:0px !important; padding:5px;}
#errorFieldSet fieldset{ padding-left:20px !important;}

legend{ background-color:#0e5c9a; font-family:Verdana, Geneva, sans-serif; font-size:11.5px; color:#FFFFFF; font-weight:bold; margin-left:10px; padding:5px;}

.search-btn{background-image:url('../images/search.jpg'); height:22px; width:55px; border:0px; margin-left:8px;}
#clientSearch{background-color:#FFFFFF; padding-left:11px; padding-right:9px; background-repeat: repeat-x;padding-top:1px; text-align:left; padding-bottom: 15px; margin-top:0px;}
#clientSearch fieldset{ padding:10px;}
.tabledata{ border:1px #bacfc6 solid; border-bottom:0px; width:100%; cellspacing:0px; cellpadding:0;}
.tabledataWithAllColumnWidthEqual{ border:1px #bacfc6 solid; border-bottom:0px; width:100%; cellspacing:0px; cellpadding:0;table-layout: fixed;}
.th-blue{ background-image:url(../images/blue-tr.png); border:1px #bacfc6 solid; background-repeat:repeat-x; height:29px; font:11.5px verdana; text-align:center;}
.th-blue2{ background-image:url(../images/blue-tr.png); border:1px #bacfc6 solid; background-repeat:repeat-x; height:29px; font:11.5px verdana; text-align:center;font:bold 12px Verdana, Geneva, sans-serif !important; text-decoration:none; color:#000 !important;}


.th-white{ background-color:#f8f9fb; height:29px; font-family:Tahoma; font-size:9pt; font-weight:bold; padding-left:19px; text-align:center;border-bottom:1px #bacfc6 solid;}
.td-white{ background-color:#f8f9fb; border-bottom:5px #bacfc6 solid;padding-left:19px;font-family:Tahoma; font-size:11pt; height:30px; text-align:center;}
.td-blue{ background-color:#e1fef1;padding-left:19px;border-bottom:1px #bacfc6 solid;font-family:Tahoma; font-size:11pt; height:30px; text-align:center;}
.th-blue-header-center-align{background-image:url(../images/blue-tr.png);  border-left:1px #bacfc6 solid; background-repeat:repeat-x; height:29px; font:bold 13px Verdana, Geneva, sans-serif; color:#000; text-align:center;}
.th-blue-header-no-left-border{background-image:url(../images/blue-tr.png); background-repeat:repeat-x; height:29px; text-align:center; font:bold 13px Verdana, Geneva, sans-serif; color:#000; }
.dashboard-timesheet{ margin-bottom:15px; margin-top:50px; }
.odd{ border:1px #bacfc6 solid; background-color:#f8f9fb; border-bottom:1px #bacfc6 solid;padding-left:19px;font-family:Arial; font-size:9pt; height:30px; text-align:center;}
.even{background-color:#E2F6FF; border:1px #bacfc6 solid; padding-left:19px;border-bottom:1px #bacfc6 solid;font-family:Arial; font-size:9pt; height:30px; text-align:center;}
.td-border{border-left:1px #bacfc6 solid;border-bottom:1px #bacfc6 solid; }
.td-totalborder{border-left:1px #bacfc6 solid;border-bottom:1px #bacfc6 solid;text-align: center; }
.td-border-center-align{ border-bottom:1px #bacfc6 solid; border-left:1px #bacfc6 solid; text-align: center; }
.td-border-bottom{border-bottom:1px #bacfc6 solid; text-align: center; }
.td-border-right{border-right:1px #bacfc6 solid; text-align: center; }
.tabledata td{font:normal 11.5px Verdana, Geneva, sans-serif !important; color:#000 !important;}
.divMakeForDash{margin-left: 20px; margin-right: 20px;border-bottom: 1px solid #81c7ff;border-top: 1px solid #81c7ff;margin-top: 20px;box-shadow: 4px 5px 2px 5px #81c7ff;float: left;border-radius: 10px;}
.widthCls{width:97%;}
#scrollDiv{overflow-y: scroll;overflow-x: hidden;max-height:200px;border-radius: 5px;}

.dashboard-mandatory{ padding-top:20px;}


th.sorted a,th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}
.spacing-allocation{ padding:10px;}
.allcation-btn{ padding-left:12px;}

th.sortable a {
	background-image: url(../images/arrow_off.png);
    background-repeat: no-repeat;font:bold 12px Verdana, Geneva, sans-serif !important; text-decoration:none; color:#000 !important;
}
.fontsty{font:bold 12px Verdana, Geneva, sans-serif !important;}

th.order1 a {
	background-image: url(../images/arrow_down.png);
    background-repeat: no-repeat;
}

th.order2 a {
	background-image: url(../images/arrow_up.png);
    background-repeat: no-repeat;
}


.search-vendor{background-image:url('../images/search-vendor.jpg');height:22px; width:55px; border:0px;margin-top:6px; float:none;}
.search-reset{background-image:url('../images/reset.jpg');height:22px; width:55px; border:0px;margin-left:6px;margin-top:6px; float:none;}
.logoutbtn{background-image:url('../images/logout.gif');height:25px; width:59px; border:0px;}
.next{ border:1px #94bea9 solid; width:auto; height:24px;background-color:#fff; padding-left:6px; padding-right:6px; margin:0px; margin-left:2px;}
.next:hover{border: 1px solid #446d5a;background: #fff;color:#000;}
.previous{ border:1px #94bea9 solid; width:auto; height:24px; background-color:#fff; padding-left:6px; padding-right:6px; margin:0px; margin-left:2px;}
.previous:hover{border: 1px solid #446d5a;background: #fff;color:#000;}
.paging-block{padding-top:0px;background-image:url('../images/table-header-bg.jpg'); background-repeat:repeat-x; height:27px; font-family:Tahoma; font-size:9pt; font-weight:bold; width:100%; border:1px #bacfc6 solid; border-top:0px;}	
.paging{float:right; margin-right:2px;}
textarea{font:normal 11.5px Verdana, Geneva, sans-serif;}
.vendor-block{margin:0 auto; text-align:center;width:640px;}
.vendor-data{width:300px; float:left; margin-right:20px;}
.vendor-data label{ float:left;font-family:Tahoma; font-size:9pt; margin-left:10px;margin-right:10px; padding-top:10px;}
.vendor-data input{border:1px #c9c9c9 solid; width: 170px; height:18px; font-family:"Trebuchet MS"; font-size: 11.5px; color: #4E4E4E;float:left;margin-bottom: 3px; float:left; margin-top:8px;}
.screen-msg{background-color:#1a7f3d; height:28px; font-size:14pt; font-family:Tahoma; padding-top:4px; color:#FFFFFF; text-align:center;}
.login-intro{ width:492px; float:left; text-align:left;}
.login-intro p{ font-family:Tahoma; text-align:justify; font-size:13px;}
.login-box{ width:384px; float:left; text-align:left; background-image:url('../images/login-bg.jpg'); background-repeat:no-repeat; height:245px;}
.login-form{width:270px; float:right; padding:20px 35px 0px 0px;}
.login-btn{background-image:url('../images/submit.jpg'); height:25px; float:right; width:59px; border:0px; margin-right:14px;}
.footer-text{font-family:Tahoma; text-align:center; font-size:11.5px; padding-left:2px 0px 30px 0px;}
.footer-label{font-family:Tahoma; text-align:right; font-size:25px; padding:2px 0px 30px 0px;}
.login-box a {font-family:Tahoma !important; float:right; padding:10px 50px 0px 0px;text-align:center; font-size:11.5px !important;; color:#1b813f; font-weight:bold; text-decoration:underline !important;}
.footer-right{font-family:Tahoma; float:right; font-size:11.5px;}
.footer-left{font-family:Tahoma; float:left; font-size:11.5px;}

.forgot-pass-box{ width:384px; float:left; text-align:left; background-image:url('../images/forgot-pass-bg.jpg'); background-repeat:no-repeat; height:245px;}
.forgot-pass-box a {font-family:Tahoma !important; float:right; padding:10px 50px 0px 0px;text-align:center; font-size:11.5px !important;; color:#1b813f; font-weight:bold; text-decoration:underline !important;}
.forgot-pass-intro{ width:492px; float:left; text-align:left;}
.forgot-pass-intro p{ font-family:Tahoma; text-align:justify; font-size:13px;}
.type-button{height:22px; width:25px; border:1px; margin-left:8px; background-color:#FFFFFF;}
.type1-button{height:22px; width:25px; margin-left:8px; color:blue; text-decoration: underline; padding: 0; border: none; background: none;}


#dto input[type="text"]{float:none !important;}
tr.rowWithError td, tr.rowWithError td input[type="text"], tr.rowWithError td a{color:#ff0000 !important;}

.error-page{ padding-top:200px; font:bold 16px/30px Verdana, Geneva, sans-serif; color:#151B54;}
/* MENU CSS */


#mainMenu{
		/* Background color of main menu */
		font-family: Verdana, Geneva, sans-serif;	/* Fonts of main menu items */
		font-size:0.9em;	/* Font size of main menu items */
		/* Bottom border of main menu */

		height:30px;	/* Height of main menu */
		position:relative;	/* Don't change this position attribute */
		
	}
	#mainMenu a{
		padding-left:17px;	/* Spaces at the left of main menu items */
		padding-right:17px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;
		line-height:25px;
		padding-bottom:8px;
	}
	#submenu{		
		font-family:Verdana, Geneva, sans-serif;	/* Font  of sub menu items */
		text-align:left;
		/* Background color of sub menu items */
		
		width:100%;	/* Don't change this option */
		
	}	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{	padding-top:13px;
		/* Border options */
 
		
		background-image:url('images/tab_b.gif');
		background-position:bottom left;
		height:27px;
		background-repeat:no-repeat;
		color:#FFFFFF;
		width:auto;
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	#mainMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;
	}
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #000;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:5px;	/* Space at the left of each sub menu item */
		padding-right:5px;	/* Space at the right of each sub menu item */
		color: #fff;	/* Text color */
		font-size:13px;
	}
	
	#submenu a:hover{
		color:#CCFF66;	/* Red color when the user moves the mouse over sub menu items */
	}
	.resource-page label{ padding-left:16px;}
	
	span.pagebanner{ display:none; width:0%}
	span.pagelinks{ width:100%;}

.r-th-blue{ background-image:url(../images/table-header-bg.jpg); background-repeat:repeat-x; height:29px; font-family:Tahoma; font-size:9pt; font-weight:bold; padding-left:5px; text-align:left;border-bottom:1px #bacfc6 solid;}	
.r-td-white{ background-color:#f8f9fb; border-bottom:1px #bacfc6 solid;padding-left:5px;font-family:Tahoma; font-size:10pt; height:21px; text-align:left;top: 0px;}
.r-odd{ border:1px #bacfc6 solid; background-color:#f8f9fb; border-bottom:1px #bacfc6 solid;padding-left:19px;font-family:Tahoma; font-size:8.25pt; height:21px; text-align:center;}
.resource-table-block{padding-top:2px;background-repeat:repeat-x; height:27px; font-family:Tahoma; font-size:9pt; width:100%; border:1px #bacfc6 solid; border-top:0px;}
select{width: 168px; font-size:11.5px !important;}
.resource-th-blue{ background-image:url(../images/table-header-bg.jpg); background-repeat:repeat-x; height:29px; font-family:Tahoma; font-size:9pt; font-weight:bold; padding-left:19px; text-align:left;border-bottom:1px #bacfc6 solid;}

#nav-menu ul {
list-style-type: none;
 margin: 20px 0 5px 0; padding:5px 0px 0px 5px;
 
}

#nav-menu li {
display: inline;
}
#nav-menu li a {
color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; padding: 0.4em; text-decoration:none !important; 
}

#nav-menu li a:hover {
background-color: #f1f0ee; 
}
.main-head{ padding:5px;background: #0e5c9a;font:bold 11.5px Verdana, Geneva, sans-serif;color: #FFF;margin-left: 10px; text-align:center; margin:0px 0px 0px 0px; width:65px;}
.main-head2{ padding:5px;background: #0e5c9a;font:bold 11.5px Verdana, Geneva, sans-serif;color: #FFF;margin-left: 10px; text-align:center; margin:0px 0px 0px 0px; max-width:150px; text-wrap:nowap;}
.main-head3{ padding:5px;background: #0e5c9a;font:bold 11.5px Verdana, Geneva, sans-serif;color: #FFF;margin-left: 10px; text-align:center; margin:0px 0px 0px 0px; width:100px;}
.main-head4{ 
	padding:5px;
	background: #0e5c9a;
	font:bold 12px Verdana, Geneva, sans-serif;
	color: #FFF;
	margin-left: 10px; 
	text-align:center; 
	margin:0px 0px 0px 0px; 
	width:190px; 
	white-space:nowrap !important;}
.main-head8{ padding:5px;background: #0e5c9a;font:bold 11.5px Verdana, Geneva, sans-serif;color: #FFF;margin-left: 10px; text-align:center; margin:0px 0px 0px 0px; width:230px;}
.main-head5{ padding:5px;background: #0e5c9a;font:bold 11.5px Verdana, Geneva, sans-serif;color: #FFF;margin-left: 10px; text-align:center; margin:0px 0px 0px 0px; width:153px;}
.main-head6{ padding:5px;background: #0e5c9a;font:bold 11.5px Verdana, Geneva, sans-serif;color: #FFF;margin-left: 10px; text-align:center; margin:0px 0px 0px 0px; max-width:100px;}
.main-head7{ padding:5px;background: #0e5c9a;font:bold 11.5px Verdana, Geneva, sans-serif;color: #FFF;margin-left: 10px; text-align:center; margin:0px 0px 0px 0px; width:130px;}
.blue-border{ border-bottom:1px solid #81c7ff;}
.blue-border-top{ border-top:1px solid #81c7ff;}

@-moz-document url-prefix() { 
  .main-head4 {
    width:220px; 
  }
   .main-head5 {
    width:180px; 
  }
  .main-head8{
  width:250px;white-space:nowrap !important;
  }
  
}


#nav-menu ul li.active a {
background-color: #f1f0ee;
font-weight: bold;
} 

#nav-pmmenu ul {
list-style-type: none;
 margin: 20px 0 5px 0; padding:5px 0px 0px 5px;
 }

#nav-pmmenu li {
display: inline;
}
#nav-pmmenu li a {
color: #f1f0ee; background-color: #0A4674; border: 1px solid #0A4674; padding: 0.4em; text-decoration:none !important; 
}

#nav-pmmenu li a:hover {
background-color: #0e5c9a; 
}

#nav-pmmenu ul li.active a {
background-color: #0e5c9a;
font-weight: bold;
}

table.client-page, table.messages, table.tab-no-spac{border-spacing:0px !important;}
.left-border{ border-left:1px solid #81c7ff;}
.right-border{border-right:1px solid #81c7ff;}

.client-page label{ padding-left:3px;}
.no-spac-label label{ padding:0px;}
.client-page input{ width:85% !important;}
.client-page input[type="button"]{ width:60px !important; margin-right:2px !important;}
.client-page input[type="submit"]{ width:60px !important; margin-right:2px !important;}
.client-page textarea{ width:89% !important;}
.client-page select{width:88%;}
.client-name-input input{width:50% !important; margin-left:19px;}

.wise-report select{ width:165px !important;}
.wise-report input{ width:153px !important;}
.wise-report input[type="button"]{ width:75px !important; margin-right:2px !important;}

.sub-btn-new input[type="submit"]{width:75px !important;}

/*This is to add scrolling in autocomplete text boxes*/
.ui-autocomplete{max-height: 300px; overflow-y: auto; overflow-x: hidden;}
* html .ui-autocomplete{height: 300px;}

/*.client-page input{ width:120px !important;}
.client-page input[type="button"]{ width:6* html .ui-autocomplete{height: 300px;}0px !important; margin-right:3px !important;}
.client-page input[type="submit"]{ width:60px !important; margin-right:3px !important;}
.client-page textarea{ width:125px !important;}
.client-page select{width:120px;}
.client-name-input input{width:50% !important; margin-left:19px;}*/


/* MENU CSS END */

/*Grey out client code*/

.clientcodedisabled[readonly="readonly"]{
	background-color: lightgrey;
}

/*Grey out client code*/

#projectRevenueForm {width:600px; margin:0 auto;}

#projectRevenueForm table {border:1px solid #81c7ff; width:100%;}

#projectRevenueForm table td {padding:0px;}

#projectRevenueForm table td label{ margin-left:20px;}
#projectRevenueForm table td select {width:87%; height:20px; margin-bottom: 3px; float: left; margin-top: 8px;}
#projectRevenueForm table td span{color:red;}

.disclaimer_wp {float:left; color:#0e5c9a; margin-top:17px;}
.disclaimer_wp span{font-weight: bold;}
input.delete-row{cursor:pointer; float:right;}

.clear{clear:both;}
.formGroup {float:left; width:500px;}
.formGroup label.labelfixed{width:35%; float:left; margin-top:11px;}
.formGroup input.inputName { width: 60% !important; float:right;}
.formGroup textarea.textArea{width: 61% !important; height:60px; float:right;}

.orText{display: block; float: left; margin:8px 12px 0px 10px}

.btn-wrapper button{	
    padding: 5px  10px;
    font-size:16px;
    color: #FFF;   
    text-align: center;
    margin: 0;
    border:0;
    border-radius:0;
}

.btn-wrapper .btn-punchIn{
	background: #0e5c9a !important;
}

.btn-wrapper .btn-punchOut{
	background: red !important;
	 margin-left: 10px;
}

.tagNumber {
	display: inline-block;
    background: #0e5c9a;
    font-size: 14px;
    color: #fff;  
    font-weight: 500;
    margin-bottom: 10px;    
    padding: 6px 10px !important;
}
.tagNumber span {
    font-weight: 600;
    padding-left: 8px;
}


.btn-right{
	    width: 120px;
	    float: right;
	    margin-top: 10px;
}

.search-wp{
	display:flex;
	align-items:center;
}

.search-wp #insuranceNumberId{
	margin: 0px 20px;
}