@font-face {
    font-family: Century Gothic;
    src:url(font/ufonts.com_century-gothic.ttf);
}
* { margin: 0; padding: 0; }
textarea{ resize:none; font-size:12px;}
#div_reportview table textarea, cat.select { border: 0;  overflow: hidden; resize: none; font-family: Century Gothic;font-size: 12px;color: #000;width: 100%;font-weight: bold;background-color: #BBCBCC;height: 100%; text-align:center;}

.table_contain table td textarea, cat.select{height: 20px; border: 0;  overflow: hidden; resize: none; font-family: Century Gothic;font-size: 12px;color: #000;width: 100%;font-weight: bold;background-color: transparent; text-align: center;word-wrap:break-word;  }




#form_bookdetails textarea, cat.select { border: 0;  overflow: hidden; resize: none; font-family: Century Gothic;font-size: 12px;color: #242323;width: 100%;font-weight: bold;background-color: #ACD3AB;text-align:center;height: 35px; }
#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 #00060a;}
#form_bookdetails table th{ height:35px;}


.table_contain table th, .foot td, .sizechartdiv table   th{
	font-size:12px;
	padding:1px;
	font-weight:bold;
	border: thin solid;
	border-color: #00121d;
	background-color:#032b44;
	text-align:center;
	word-break: normal;
	color: #FFF;
}

.foot textarea{
	color: #FFF !important;
	}
	
	
.currenttab{float:right;
font-size: 100%;
font-weight: bolder;
color: #044b77;
padding: 21px;
text-transform: uppercase;}

textarea, cat.select {Century Gothic;}

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;
}

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

body {
	font-family: Century Gothic;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.81);
	background-color: rgb(251, 251, 251);
	
	width:100%;margin:auto;min-width:600px;max-width:2000px;

}

.imgview {
    width: 73px;
    height: 73px;
    border: 3px groove #a79d9d;
}

/*h1,  h3, h4, h5, h6, p, ul, ol, li, input, textarea, cat.select {
	padding: 0px;
	margin: 0px;
	text-align: left;
	color:#000;
	word-wrap: break-word;
	
}*/
table
{
	font-size: 8pt;
	font-weight: normal;
	text-align: right;

}

#table_billingdetails td ,.right-panel1 .jSuccesss td{ border:thin solid}

.right-panel1 .jSuccesss td{
	border-color: #00A3FF;

}

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

}
.table_otherdetail  { border:thin solid}

td {
	font-size: 14px;
    font-weight: bolder;
}





a {

	text-decoration: underline;
	color:#0C00B8;
}
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: 2px solid #000;
}
.banner h2 {
	font-family: Century Gothic;
	font-size: 48px;
	line-height: 100%;
	color: #A0ACEB;
	
	
}

input[type=text],select, textarea{ 
  border-color:#cccccc; 
  border-style:solid; 
  border-width:1px; 
 
  font-size:13px; 
  font-family:sans-serif;  
  
  } 
  
  #bookingform textarea{
	padding: 4px;
    /*border-radius: 5px;*/
	  
	  }
input[type=text]:focus { outline:none; } 


.button{
	 padding: 3px 9px;
    display: inline-block;
    color: #032b44;
    background-color: #FFF;
    border: 2px solid #032b44;
    border-radius: 0;
    font-size: 14PX;
    font-weight: bold;
	font-family: inherit;
}
.button:hover {
     color: #ffffff;
    background-color: #032b44;
}

.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 {
    animation: pulsate 1s linear 0s 100;
    -webkit-animation: pulsate 1s linear 0s 100;
}

.copy,.bill{font-size:1em;font-weight:bold	;padding:4px;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: 15px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
    background-color: #032b44;
    color: #FFF;
	padding: 3px;
}

.delete_row{
	padding:3px
}

.cmpname {
    position: absolute;
    width: 100%;
    top: 20px;
    text-align: center;
    color: #FFF;
    font-size: 2em;
	letter-spacing: 3px;
}


.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: inherit;
	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-content {
    background-position: left bottom;
}
.left-panel h2 {
	font-family: inherit;
	font-size: 24px;
	line-height: 48px;
	color: #f1f1f1;
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	padding-left: 5px;
}

.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 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;
}
.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 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 ul li a:hover {
	color: #717171;
}
.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;
}
.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: inherit;
	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'],#masres table textarea,#masres table .pwd{ border: 0;
    overflow: hidden;
    resize: none;
    font-family: inherit;
    font-size: 12px;
    color: #000000;
    width: 100%;
    font-weight: bold;
    background-color: #e4e4e4;
    text-align: center;
    word-wrap: break-word;  }

#form_bookdetails table th textarea ,#masres table th{
	font-size:12px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border : 1px solid #001725;
    background-color: #002740;
	height: 34px;
}

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

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

#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: #929292;
	

}


#mastertype input[type="button"]{
	width:100%
}
#smsemail {
background-color: #504C4C;
width: 780;
position: absolute;
top: 140px;
right: 0px;
}

#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;
	
}
#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,#div_page .links1,#masres .links1{
	
	margin-left: 5px;
border: thin solid;
padding: 2px;
color:#fff;
}

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


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


#table_prod_details textarea,#table_prod_details .product_code{ border: 0;  overflow: hidden; resize: none; font-family: inherit;font-size: 12px;color: #000;width: 100%;font-weight: bold;height: 30px; }
 #table_prod_details  textarea:hover { background-color:#BBB; }
#table_prod_details td{
	 background-color:rgba(37, 53, 59, 0.26);text-align:center; color:#000;
	border: thin solid;
	border-color: #047606;}
#table_prod_details_head th{
	 background-color:#0D5E04;
	 text-align:center; 
	 color:#FFF;
	border: thin solid;
	border-color: #20A83B;
}

#bookingform{
	    padding: 4px 15px;
	}

.sidemenu_show,.sidemenu_hide {
padding: 0.5ex;
    /* width: 600px; */
    color: #032B44;
    font-size: 22px;
    /* border-radius: 0.5ex; */
    position: fixed;
    top: 8%;
	
    font-weight: bold;
    z-index: 10000;
    /* border-radius: 0 0 0.5em 0.5em; */}
.sidemenu_show {
left: 0%;
}
.sidemenu_hide {
left: 7%;
}
.sidemenu_show:hover,.sidemenu_hide:hover{  cursor: -webkit-grab;
}

.colow td {
    background-color: white;
}

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


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


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

/*
css for upcoming duties
*/

div#pendingRawMatList, 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;
}
.pendingRawMatList, .upcomingDuties {
  position: fixed;
  top: 0px;
  right: 4%;
}

div#pendingQuanList {
  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;*/
}
.pendingQuanList {
  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;
	
}	

.dataTableContainer {
    position: relative;
    padding: 0 5px;
    height: 70%;
    width: 98%;
    overflow-y: auto;
    overflow-x: auto;
}

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

#jobdet_container div.sizechartdiv div.closediv,  #jobdet_container div.rmchartdiv div.closediv,   div.pendingQuanList div.closediv,div.closedivval
 {float: left;
    background-color: #032b44;
    padding: 0px 18px;
    color: #fff;
    border: 2px solid #000;
	cursor:pointer}
	
	
