@font-face {
    font-family: Century Gothic;
    src:url(font/ufonts.com_century-gothic.ttf);
}

* { margin: 0; padding: 0; }
textarea{ resize:none; font:13.33px/normal Arial}

/*
css for data table
*/
.dataTableContainer table{
	
}


.billstatusp{
	color: #c10000;
    font-weight: bolder;
    font-size: 19px;
}


.bottm{color: #fff;
font-weight: bold;
margin-left: 12px;
font-size: 14px;
font-family: Century Gothic;}

.dataTableContainer table th,.dataTableContainer1 table td{
	text-align: center;
	background-color: #032B44;
	color: #FFF;
	height:46px;
	border: 1px solid #001420;
}

.dataTableContainer1 table td{
	height:20px !important;
	word-break:break-all;
}

.dataTableContainer table td,.dataTableContainer1 table td{
	border:1px solid #C3BFBF;
	
}

.billdet table td,.billdet table td{
	border:1px solid #C3BFBF;
	
}

.dataTableContainer table tfoot td.footerstick
{
	position: relative;
    bottom: 0px;
    background-color: #032B44;
	color:white;
	
	}
	
	.billdet table tfoot td.footerstick
{
	position: relative;
    bottom: 0px;
    background-color: #032B44;
	color:white;
	
	}
	
.tddisplaynone{ display:none;}

.dataTableContainer table td textarea,.dataTableContainer1 table td textarea,
.dataTableContainer table th textarea,
.dataTableContainer table td input[type=password],
.dataTableContainer table tbody td input[type=text]{
	border: 0;  
	overflow: hidden; 
	resize: none; 
	font-family: Century Gothic;
	font-weight: bold;
	color: #000;
	width: 100%;		
	height: 100%;
	text-align:center;
}
.dataTableContainer table th textarea{
	
	font-size: 12px;
	background-color: #032B44;
	color: #FFF;
}

.dataTableContainer table td .header{
	
	font-size: 12px;
	background-color: #032B44;
	color: #FFF;
}

.dataTableContainer table td.number{
	text-align:right;
}

.dataTableContainer table td.breakword{
	word-break:break-all;
}

.dataTableContainer table td.widthadjust{
	word-break:break-all;
}


.dataTableContainer table td.links a,.dataTableContainer table td.links{
	text-decoration: underline;
    color: #000;
}
    

.dataTableContainer table th  .calc_sum{
	
	background-color: #0E4F68;
}

.dataTableContainer table td textarea,
.dataTableContainer table td input[type=password],
.dataTableContainer table tbody td input[type=text]{
	font-size: 11px;
background-color: #FFF;
height:30px;
}

.dataTableContainer1 table td textarea{
		font-size: 11px;
background-color: #032B44;
color:white
}

.dataTableContainer table td .link{
	cursor:pointer;
	font-size: 14px;
}


/*
*@partha
*css for message box
*/
.messageBox
{
width: 83%;
text-align: center;
font-weight: bold;
color: #000000;
position: fixed;
bottom: 2px;
left: 13%;
background-color:#E97D7D;
text-transform:uppercase;
}
textarea{
border: 1px solid #D4D4D4;
border-radius: 3px;
}

input[type=text], input[type=password], table select {
    -webkit-border-radius: 3px;
   /* font-weight: bold;*/
    border-radius: 3px;
    background-color: #FFF;
   /* font-family: Century Gothic;*/
    border: 1px solid #CCC;  
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 12px;
    margin: 0 0 1px 0;
    padding: 4px;
    height: 2.3.3125rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}


/*#div_reportview table textarea { border: 0;  overflow: hidden; resize: none; font-family: Arial, Helvetica, sans-seri;font-size: 12px;color: #000;width: 100%;font-weight: bold;background-color: #BBCBCC;height: 100%; text-align:center;}*/

/*#payrollsubview textarea,#payrollview textarea{ border: 0;  overflow: hidden; resize: none; font-family: Arial, Helvetica, sans-seri;font-size: 12px;color: #000;width: 100%;font-weight: bold;background-color: transparent; text-align: center;word-wrap:break-word;  }*/




/*#form_bookdetails textarea { border: 0;  overflow: hidden; resize: none; font-family: Arial, Helvetica, sans-seri;font-size: 12px;color: #000;width: 100%;font-weight: bold;background-color: transparent;text-align:center;height: 50px; }*/
/*#div_reportview table th,#div_reportview table td,#payrollsubview td,#payrollsubview th,#payrollview td,#payrollview th ,#form_bookdetails table  td,#form_bookdetails table th,.right-panel1 .jSuccesss th { text-align:center; border:thin solid #032B44}*/
/*#form_bookdetails table th{ height:55px;}*/


/*#payrollsubview th,#payrollview th,.right-panel1 .jSuccesss th{
	font-size:12px;
	padding:1px;
	font-weight:bold;
	border: thin solid;
	border-color: #032B44;
	background-color:#00B8FF;
	height: 40px;
	word-break: break-word;
}*/
/*#div_reportview table th textarea{ background-color: #00B8FF; font-size: 12px; height:100%  }
*/
/*textarea {font-family: Arial, Helvetica, sans-serif;}*/
.dataTableContainer{
    position: relative;
    padding: 0 5px;
    height: 70%;
	width:98%;
    overflow-y: auto;
	overflow-x: auto;
}

.dataTableContainer1{
    position: relative;
    padding: 0 5px;
	width:98%;
    overflow-y: hidden;
	overflow-x: auto;
}

#masres .tablesorter-filter
{
	width:100%
}


body {
	font-family: Century Gothic;
	font-size: 12px;
	color: #000;
	background-color: #f5f5f5;
	width:100%;margin:auto;min-width:600px;max-width:2000px;

}

table
{
	font-size: 8pt;
	font-weight: normal;
	text-align: right;

}

#table_billingdetails td ,.right-panel1 .jSuccesss td{ border:1px solid #E4E4E4}

.right-panel1 .jSuccesss td{
	border-color: #5C8B8E;

}

.right-panel1 .jSuccesss1 td{
	background-color:#CF9696;

}
.table_otherdetail  { border:1px solid #E4E4E4}

td {
	font-size:14px;
	font-weight:bold;
    font-family:Century Gothic;
}





a {

	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.main {
	width:100%;margin:auto;min-width:600px;max-width:2000px;
}
.main1 {
	width:100%;margin:auto;min-width:600px;max-width:2000px;
}
.ms{font-size:1em;font-weight:bold	;padding:2px}
.ms1{font-size:2em;font-weight:bold	;padding:6px}

/*.page{
	width: 1150px;
	float: left;
}*/
/*.pagep{
	width: 825px;
	float: left;
}*/
.header {
	width:100%;
	height:90px;
	}
.banner {
    background-color: #032b44;
    height: 72px;
    border-bottom: 1px solid #000;
}

.banner h2 {
	font-family: "Arial, Helvetica, sans-seri";
	font-size: 48px;
	line-height: 100%;
	color: #A0ACEB;
	
	
}


.button {
	color: #032B44;
    background-color: #FFF;
    border: 2px solid #032B44;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    padding: 4px 2px 4px;
}
.button:hover {
	
  
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFF;
    background-color: #0E4394;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#032B44), to(#032B44));
    background-image: -webkit-linear-gradient(top,  #032B44, #032B44);
    background-image: -moz-linear-gradient(top,  #032B44, #032B44);
    background-image: -ms-linear-gradient(top,  #032B44, #032B44);
    background-image: -o-linear-gradient(top,  #032B44, #032B44);
    background-image: linear-gradient(to bottom,  #032B44, #032B44);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#032B44, endColorstr=#032B44);
}

.button:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */
/* This button was generated using CSSButtonGenerator.com */
/* This button was generated using CSSButtonGenerator.com */
/*.button{color: #FFF;
font-weight: bold;
font-size: 100%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #197B7F;
width: 65px;
text-align: center;
cursor: pointer;
padding: 2px;
box-shadow: -2px 2px #0F0505;
-webkit-box-shadow: -2px 2px #0F0505;
-moz-box-shadow: -2px 2px #0F0505;
}*/

.logout
{
	
	font-size: 14px;

	}
/*.button
{
	padding: 5% 5%;
	font-size: 12px;
	box-shadow: 0 1px 0 #666, 0 1px 0 #444, 0 2px 0px rgba(0, 0, 0, 0);
		
		}*/
/*.logout,.button*/
.logout
{
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	color: #000;
	
	border: 0 none;
	border-radius: 3px;
	text-shadow: 0 -1px 0 #000;
	cursor: pointer;


	

}
.logout:focus,.logout:hover
/*.logout:focus,.button:focus,.logout:hover,.button:hover*/
{
	animation: pulsate 1s linear 0s 100;
	-webkit-animation: pulsate 1s linear 0s 100;
}
	
@-webkit-keyframes pulsate
{
	0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
	50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
	100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}
		
@keyframes pulsate
{
	0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
	50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
	100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}

/*.logout:active,.button:active*/
.logout:active
{
	color: #fff;
	text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff;
	box-shadow: 0 1px 0 #666, 0 2px 0 #444, 0 2px 2px rgba(0,0,0,0.9);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: none;
	animation: none;
}

.copy,.bill{font-size: 100%;
/*font-weight: bold;*/
padding: 2px;
background-color: #CACECC;}
.save1,.new1,.close1{font-size:2em;font-weight:bold	;padding:5px;background-color:#CACECC	}


.filter_table,.hidefilter_table,.delete_row{
	    font-size: 1.1em;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #032B44;
    color: #FFF;
    border: 2px solid;
    padding: 3px;

}

.delete_row{
	padding:0 3px;
	display:none;
}

.cmpname{position: absolute;
width: 100%;
top: 20px;
text-align: center;color:#FFF;font-size:2em;}
/*.cmp,.branch{width:200px}
.bookingdetail{width:250px}
.sortby{width:150px}
.cmp{width:80px}
.branch{width:80px}*/

.topmenu {
	width: 989px;
	height: 38px;
	float: left;
}
.topmenu ul {
	list-style-type: none;
}
.topmenu ul li {
	display: inline;
	padding: 0px 22px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.topmenu ul li a {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.topmenu ul li a:hover {
	color: #ff0303;
}
.content {

	background-repeat: no-repeat;
	background-position: left top;
	width: 989px;
	float: left;
	padding-top: 20px;
}


.content-in {
	
	background-repeat: no-repeat;

	width: 948px;
	float: left;
	padding-left: 20px;
	padding-right: 21px;
	padding-bottom: 20px;
}
.left-panel {
width: 10%;
    float: left;
    margin-right: 5px;
    border-right: 1px solid #E4E4E4;

}
.left-panel h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 48px;
	color: #f1f1f1;
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	padding-left: 5px;
}
.gap {
	
	clear: both;
}

.gap1 {
	width: 9px;
	clear: both;
}

.group
{
background-color:#C4C4C4;
}
#inside_iframe td {font-size:10px; background-color:#F1F1F1}
#inside_iframe .filtertablehead{background-color:#CCCCCC}

.left-content {
	
	
	background-position: left bottom;

}
.left-content ul {

	list-style-type: none;
}
.left-content ul li {
	
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 28px;
	    padding: 0px 0px 0px 10px;
		border-bottom: 1px dashed rgba(191,192,193,.5);
}

.left-content ul li img{float: left;
        margin-top: 7px;
    margin-right: 4px;}

.left-content ul li a.pageLinks {
font-family: Century Gothic;
font-size: 14px;
text-decoration:none;
line-height: 29px;
color: #000;
text-align: left;
display: block;
height: 29px;
padding-left: 5px;

}

.left-content ul li a.Linksdisable {
  font-family: Arial, Helvetica, sans-seri;
    font-size: 14px;
    /* font-weight: bold; */
    line-height: 29px;
    color: rgba(104, 95, 95, 0.5);
    text-align: left;
    display: block;
    height: 29px;
    padding-left: 5px;
    text-decoration: none;
  
}

.left-content ul li a.pageLinks:hover {
	color: #898989;
}
.left-content ol {
	padding-right: 11px;
	padding-left: 11px;
	list-style-type: none;
}
.left-content ol li {
	color: #000000;
	background-image: url(../images/black-bullet.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
	padding-left: 16px;
	padding-top: 20px;
}

.left-content p {
font-family: Century Gothic;
font-size: 13px;
font-weight: bold;
line-height: 29px;
color: #000;
text-align: left;
display: block;
height: 23px;
padding-left: 12px;
}

.left-content p span{
text-decoration: underline;
	}

.loginform table{
margin: 5% auto;
}
.loginform1{
padding:3cm 6cm ;
position:relative;
bottom: 80px;

}
a.more {
	font-size: 12px;
	color: #ff0303;
	text-decoration: none;
	text-align: right;
}
a.more:hover {
	text-decoration: underline;
}
.right-panel {
	background-repeat: no-repeat;
width: 88%;
float: left;

	
}
.right-panel1 {
	background-repeat: no-repeat;
	width:100%;
	
	

	
}

.right-panel-in strong {
	color: #FFFFFF;
}
.row {
	clear: both;
}
.title {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 25px;
	color: #fafafa;
	background-color: #898989;
	height: 25px;
	padding-left: 34px;
}
.title span {
	background-color: #646363;
	padding-right: 5px;
	padding-left: 5px;
}
.title span span {
	color: #990000;
	padding: 0px;
}
.row2 {
	clear: both;
	padding: 14px 35px 55px 44px;
}
ul.list-home {
	list-style-type: none;
}
ul.list-home li {
	background-image: url(../images/round-bullet.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 25px;
	margin-top: 10px;
}
.vline {
	background-image: url(../images/vline.jpg);
	background-repeat: no-repeat;
	background-position: 340px top;
	width: 689px;
	float: left;
	padding-right: 9px;
}
.section1 {
	width: 320px;
	float: left;
}
.section2 {
	width: 320px;
	float: right;
}
a.more2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
a.more2:hover {
	text-decoration: none;
}
/*
#vchdetails table input[type='text']{ border: 0;  overflow: hidden; resize: none; font-family: Arial, Helvetica, sans-seri;font-size: 12px;color: #000;width: 100%;font-weight: bold;background-color: transparent; text-align: center;word-wrap:break-word;  }*/

/*#form_bookdetails table th textarea ,#masres table th{
	font-size:12px;
	text-align:center;
	color:#000;
	font-weight:bold;
	border: thin solid;
	border-color: #032B44;
	background-color:#00B8FF;
}

#form_bookdetails table th textarea{
	width:100%;
	height:100%
}*/

/*#form_bookdetails table td textarea{
	cursor:pointer
}*/
/*#vchdetails table th{
	font-size:12px;
	text-align:center;
	padding:1px;
	color:#000;
	font-weight:bold;
	border: thin solid;
	border-color: #032B44;
	background-color:#00B8FF;
}*/

/*#vchdetails table td,#form_bookdetails table td,#masres table td, .blue_border_table td {
	font-size:12px;
	padding:1px;
	font-weight:bold;
	border: thin solid;
	border-color: #032B44;
	

}*/


#mastertype input[type="button"]{
	width:100%
}

#mastertype {
    width: 100%;
}

#mastertype div {
    width: 100px;
    float: left;
}

#smsemail{
background-color: #ACA7A7;
width: 822px;
position: absolute;
top: 140px;
right: 0px;
}

#RepEmail {
background-color: #DBDBDB;
width: 700px;
position: absolute;
top: 210px;
right: 0px;
z-index: 50000;
}
#rvemail input[type="text"]{ width:100%;}
#rvemail input[type="text"],#rvemail textarea{width:100%;}

#vehhire {
background-color: #DBDBDB;
width: 683px;
position: absolute;
top: 0px;
right: 0px;
}

.itiner_flipDiv table {
background-color: #DBDBDB;
width: 683px;
position: absolute;
top: 0px;
right: 0px;
}

.feedback_flipDiv table {
background-color: #DBDBDB;
width: 771px;
position: absolute;
top: 0px;
right: 0px;
}

.repclose{
	float:right;
	}

#vehhire input[type="text"]{ width:100%}

#smsemail input[type="text"],#smsemail textarea{
	width:100%
}


#transperent{
	left:0px;
	width:100%; 
	height:100%; 
	background:#FFF;
	opacity:0.6;
	position: absolute;
	background-image: url(../images/loading_big.gif);
	background-repeat: no-repeat;
	background-position: center;
	z-index:1000
	
}
#transperent p{
	position: absolute;
top: 250px;
left: 400px;
	font-size: 50px;
color: black;
text-align: center;
}

.payroll_slip input[type=text]{
	width:90%}
.payroll_slip td {
	padding:2px
	}	

#table_pysubview .drvname{
	cursor:pointer;
	}	
	
.sal{
	font-size:1.5em;
}

fieldset{
	    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #E4E4E4;

}

#div_page .links,#masres .links{
  
  margin-left: 5px;
  border: thin solid;
  padding: 2px;
  color:#fff;
}

#SmsEmail table td div{
	font-weight:normal
}


#jSuccesss_iframe{
  display:none;
  /*background-color: #DBDBDB;*/
  width: 80%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 60%;
  border: none;	
}

.price,.miscprice,.daprice,.tollcharge,.miscprice_notax{
  text-align:right
}


.textarea_div
{
  width:100%;
  color:red;
  font-weight:bold;
	
}


/*
css for upcoming duties
*/

div#upcomingDuties {
  z-index: 1000;
  width: 190px;
  border-bottom: 2px solid #010B12;
  border-left: 2px solid #010B12;
  border-right: 2px solid #010B12;
  border-radius: 0px 0px 10px 10px;
}
.upcomingDuties {
  position: fixed;
  top: 0px;
  right: 10%;
}

.dragDown
{
  text-align:center;
  font-size:18px;
  cursor:pointer;
  color: #FFF;
  background: #032B44;
  border-radius: 0px 0px 7px 7px;
	  
}

.dragDown:hover
{
	 color: #032B44;
	   border-top:2px solid #010B12; 
	   background: #FFF;
	
}

#bookingform table  td input[type=text], #bookingform table  td textarea , #bookingform table  td select{
	width:100%
	
}

#bookingform table  td textarea{
	height:100%
	
}





.jSuccesss thead tr th{
      background-color: #032b44;
    border: 1px solid #000000;
  text-align:center;
  color:#FFF;
  text-shadow: 1px 0px 2px #808080;
  height: 42px;
  word-break: break-all;
}

#veh_avail table  thead tr th{

  word-break: normal !important; 
}


.sidemenu_show,.sidemenu_hide {
  padding: 0.5ex; */
  /* width: 600px; */
  background-color: #F0FAF2;
  color: #032B44;
  font-size: 15px;
  /* border-radius: 0.5ex; */
  position: fixed;
  top: 9%;
  
  font-weight: bold;
  z-index: 10000;
  /* border-radius: 0 0 0.5em 0.5em; */
  }
.sidemenu_show {
left: 0%;
}
.sidemenu_hide {
left: 0%;
}
.sidemenu_show:hover,.sidemenu_hide:hover{  cursor: -webkit-grab;
}
.jSuccesss tbody tr td{

word-break: break-all;
}

#veh_avail table  tbody tr td{

  word-break: normal !important; 
}

#plac_table {
margin:0 auto;
}


#plac_table td input[type=text]{text-align: center;
  font-size: 19px;
}

#plac_table td input[type=text] {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFF;
  font-family: inherit;
  border: 1px solid #CCC;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 19px;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;}


.flashingtext{
              /*  font-family: Trebuchet MS, sans-serif;*/
                font-size: 24px;
                color: #000;
            }

.colow td {
    background-color: white;
}

#footer {
        vertical-align: bottom;
    background-color: #032B44;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    text-align: center;
    border-top: 1px solid #010E16;
	font-size:14px;
	
	color:#FFF;
}


.divTable{
	display:block;
	float:right;
}


.divTableRow{
	display:table-row;
	}
	
.divTableCell{
	float:right;
	}

.billdetailsrep{
	            bottom: 0px;
    position: absolute;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border: 3px solid #044b77;
    height: 74%;
    overflow: auto;
    z-index: 555;
    resize: both;
    margin: 0 auto;
    min-width: 600px;
    max-width: 772px;
    right: 27%;
    border-radius: 5px 5px 0px 0px;
		}