body {font-family:Arial;font-size:14px; 
}

 h1,h2,h3,h4,h5,p
 {
 margin:0px;
 padding:0px 0px 10px 0px;
 
 }
 .maintable td{border:1px solid #000000;/*border-bottom:0px*/}
 .table td,.table th{height:40px; border-bottom:1px solid #000000;border-right:0px;
           border-top:0px;border-left:0px;}
 
 .table table  tr:last-child td{border-bottom:0px}
  
 a
 {
 text-decoration:none;
 color:Black;
 }
 p
 {
 text-align:justify;
 }
 .adminbutton{display:inline-block;padding:5px;background-color:#dddddd;
              font-weight:bold; margin:3px;border:0px; color:Black}

.main{
	margin: auto;
 	width:100%;  
}
 .Whatsappbnt{background-color: rgb(77, 194, 71);padding:5px 10px;color:#fff;display:inline-block;text-decoration:none}  
    
 
.clear{clear:both;}
.content{ padding: 2px 10px 20px 10px!important; clear:both }
.gridview{  margin:20px 0px 0px 0px}
.floatright{ float:right;}
.floatleft{ float:left;}
.searchdiv{  margin:10px 0px 0px 0px}
.labelhead{text-align:center!important; padding:10px 10px 0px 10px;}
.table th{border:1px solid #00000;}


              
 /*-------------addedon7Apr 2020-------------*/            
              
  
    .ratetable{background-color:#4b4d4c}
  .ratetable th{color:#fff}
 .ratetable{background-color:#4b4d4c}
  .ratetable td{background-color:#fff} 
    
    
    
  .friendtitle {background-color: #4b4d4c; /*#000000;*/
    padding: 3px 20px 0px 20px;
    color: #fff;} 
    /*.chatfrnfsfixd{border:1px solid #000000;width:28%;}*/
    #friendmain {padding: 20px 7px;background-color:#fff;height:250px;overflow-y:scroll;display:none;}  
    a.tooltips {
    position: relative;
    display: inline;
    z-index: 1000!important;
}

#LiveId .onlineicons {
    float: left;
}

/*.Onlineuserlist {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 1!important;
    width: 400px;
    border: 1px solid #000000;
    /*display: none;
}*/


.Onlineuserlist {
   position: fixed;
   bottom: 0px;
   right: 0px;
   z-index: 1 !important;
   width: 400px;
   border: 1px solid #000000;
   display: none;
  
}
.Onlineuserlist p{text-align:left;} 
.latestchatname{margin-left: 3%;}
       
    /*-------------addedon7Apr 2020-------------*/  





.datalist{ border:solid 1px #000000; padding:10px; margin:10px 0px;
            height:225px; width:215px;}
.datalist p{ text-align:center;}
.link li{ float:left; padding:0px 10px 0px 10px; list-style:none; border-right:solid 2px #000000; margin:5px 0px;}
.link ul{ margin:0px; padding:0px;}
.datalistprint{ border:solid 1px #000000; padding:10px; margin:10px 0px;
            height:230px; width:215px;}
            .datalistprint p{ text-align:center;}

/* order Form*/
.selectitemName,.selectitemText,.selectmeasrName,.selectmeasrText{ width:500px!important;}
.clearboth{ clear:both;}
.datalistoc{  padding:3px; margin:3px 0px; 
            }
            .datalistoc p{ text-align:center;}
            
#selectPaidamtName,#selectPaidAmtText,#selectTrsnName,#selectTrsnText{ display:none;}

/* added on 27-02-2015 */
.userdetails{ text-align:center!important; margin-left:350px;}
#New{ display:none;}

/* added on 03-03-2015*/
#custgrid{ width:350px!important;}
.datalistop{padding:3px; margin:3px 0px; height:180px;
            width:145px;}
            .datalistop p{ text-align:center; font-size:12px;}
            
/* added by Jyothi(For payroll)*/
.printadd{ background-color:#dd2d28; color:#ffffff} 
.idhead,.iddetails{ float:left; margin-top:0px}
.col1{ float:left; width:150px; padding:10px 0px}
.col2{ float:left; font-weight:bold; width:50px; padding:10px 0px}
.col3{ float:left; padding:10px 0px}
.idphoto{ float:left; margin-left:70px; margin-top:0px}
.sign{ float:right; margin-right:0px;}

/* by jyoyhi 28-03-2015*/
.logo{ border-bottom:solid 1px #000000;  float:left; padding-top:13px; width:85px; height:64px}
.adminpanel{ background-color:#000000; color:#ffffff;float:left; width:93.1%; height:78px}

.welcome{ float:right; padding-right:30px; padding-top:10px; }
.welcome a{ text-decoration:none; color:#ffffff}
.welcome img{ vertical-align:middle; padding-right:5px}

 .Searchbutton{ background-color:#000000; color:#ffffff; display:inline-block;
                 font-weight:bold;  padding:5px 15px; margin:3px;}
 .footer{ background-color:#1c1f24; color:#ffffff; text-align:center; padding:20px 0px 10px 0px; font-size:12px}  
  .footer p{ text-align:center}
  .adminhead{ color:#e1440d; float:left; width:100% }
.adminhead h2{  margin-left:20px; margin-top:10px;}
.adminhead  a{ float:right}
 .searchdiv{  border-top:solid 1px #4b4d4c; border-bottom:solid 1px #4b4d4c; }
 .searchdiv1{  border-top:solid 1px #4b4d4c; border-bottom:solid 1px #4b4d4c; padding:10px }
 .searchdiv1 b{ font-size:16px}
 .searchdiv p{ padding:12px; }
  .searchdiv b{ float:left; border-right:solid 1px #4b4d4c;padding:15px;font-size:16px}
  .textbox{ border:solid 1px #000000; width:175px}
  .drptext{ border:solid 1px #000000; width:180px}
  /*
 styles*/
  
   .nebutton{display:inline-block;padding:5px;background-color:#dddddd;font-weight:bold;
              float:right!important; font-size:14px; margin-right:20px;
              border: 0px solid #000;cursor:pointer }
 #menu {
	list-style:none;
	color: #ffffff; padding-top:25px; margin-left:0px

}
#menu  li{ background-image:url(../images/menu-separator.jpg); 
           background-repeat:no-repeat; background-position:center right; 	}
#menu  li:last-child{ background-image:none}
#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding:0px 11px 4px 11px;
	font-weight:bold;
	
	 z-index:1000;
	border:none; color:#ffffff!important;
	list-style:none;
   
}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	color: #ffffff;
	display:block;
	outline:0;
	text-decoration:none;
	padding:10px 0px 3px 0px;  margin-bottom:0px
	 
}

#menu li .drop {
	padding-right:28px;
	
	
}

#menu li:hover .drop {
	
	border-right:solid 1px #616161;
	color:#ae5074!important;font-weight:bold;
	
}
#menu li:hover .last
{color:#ae5074!important;
}


.dropdown_2columns
 {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; 
	text-align:left;
	padding:10px 5px 10px 5px;
	
	border-top:none;
	
	

	
}
.dropdown_3columns
 {
	margin:4px auto;
	float:left!important;
	position:absolute;
	left:-999em; 
	text-align:left;
	
	
	border-top:none; 
	
 background-color:#ffffff;
	
}

.dropdown_4columns
 {
	margin:4px auto;
	float:left!important;
	position:absolute;
	left:-999em; 
	text-align:left;
	
	
	border-top:none; 
	
 background-color:#ffffff;
	
}


.dropdown_2columns {width: 140px;}
.dropdown_3columns {border:solid 1px #000000; color:#000000; margin-top:0px}

.dropdown_3columns  li a{ color:#000000!important; float:left}

.dropdown_4columns {border:solid 1px #000000; color:#000000;margin-top:0px; padding-top:0px!important}

.dropdown_4columns  li a{ color:#000000!important; float:left}

#menu li:hover .dropdown_2columns,#menu li:hover .dropdown_3columns,#menu li:hover .dropdown_4columns{
	left:-1px;
	top:auto; 
}

.col_1
{display:inline;
	float: left;
	position: relative;
float: left; width:442px
}
.col_4
{display:inline;
	float: left;
	position: relative;
float: left;
}


.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 35px;padding-top:10px;
	
}


.col_2 {width:200px!important;}
.col_3 {width:200px;}
.col_4 {width:200px;}
.col_5 {width:200px;}

#menu .menu_right {
	float:left;
	
}
#menu li .align_right 
{
	color:#ae5074;

}
.align_right{ float:left!important}
#menu li:hover .align_right {
	color:#ae5074;
	right:-1px;
	top:auto;
}


#menu ul li {
	font-size:13px;
	font-weight:400;
	letter-spacing:-1px;
	margin:20px 0 14px 0;
	padding-bottom:14px; background-image:none;
	
}


#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:13px;

	position:relative;
	font-weight:bold;
	padding:0px;
	margin:0;
	float:none;
	text-align:left;
	width:200px; 
}


#menu li ul li a:hover {
	background:none;
	border-bottom: 0px solid #616161!important;
	
}


.dropdown_21columns{margin:4px auto;
	position:absolute;
	left:-999em; 
	text-align:left;
	
	border:0px solid #777777;
	border-top:none; color:#000000; 
	

	}
	
	.dropdown_12columns{margin:4px auto;
	float:left!important;
	position:absolute;
	left:-999em; 
	text-align:left;
	padding:10px 5px 10px 5px;
	border:0px solid #777777;
	border-top:none; color:#000000
	

	}
	
.col_12order
{
	position: relative;
  padding :0px;  width:675px; 
}
.col_12order ul li{ float:left!important; border-right:solid 1px #4b4d4c!important; padding: 0px 12px!important; }


.col_12
{
	position: relative;
 padding:0px;  width:900px; 
}

.col_13
{
	position: relative;
 padding:0px;  width:300px; 
}



.col_21{display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	padding-top:10px;
	
}

.col_21 {width:200px;border-right:solid 1px #4b4d4c!important }
.col_21 ul li{ }

.dropdown_21columns  li a{ color:#000000!important}
.dropdown_21columns { border:solid 1px #4b4d4c; background-color:#ffffff; margin-top:0px;   }


.dropdown_12columns  li a{ color:#000000!important}
.dropdown_12columns {width:698px; border:solid 1px #4b4d4c; background-color:#ffffff}

#menu li:hover .dropdown_21columns{left:-1px!important;
	
}




.drop1 {
	padding-right:28px!important;
	border-right:solid 1px #616161;
	
	
	
}
.drop1:hover {
	
	border-right:solid 1px #616161;
	border-left:solid 0px #616161;
	color:#ae5074!important;
	font-weight:bold;
	
}


.col_12 ul li{ float:left!important; border-right:solid 1px #4b4d4c!important; padding: 0px 12px!important; }

.col_13 ul li{ float:left!important; padding: 0px 12px!important; }
#main1:hover {
	border: 0px solid #777777;
	
}
.col_14{ float:left}

 #menu .master:hover 
{
	background-image:url(../images/erp-arrow.png)!important ;
	background-repeat:no-repeat;background-position:bottom center; 
}

	

.col_1 ul li{ float:left!important; border-right:solid 1px #4b4d4c!important; padding: 0px 10px!important}
.col_4 ul li{ float:left!important; padding: 0px 10px!important}	
	#menu #main-middle:hover 
	{
	border: 0px solid #777777;
	padding: 4px 5px 4px 30px;
	
	
background:#ffffff;
color:#ae5074!important;
	
}
.displynone{ display:none}
.emimg{ padding-top:20px}
.emimg img{ vertical-align:middle}
.expected{ display:none;}

.prddisplay td{ border:1px solid #000000}
#productdisplay{ display:none;}

.reprint{float:right; margin-right:20px; margin-bottom:10px; margin-top:-30px;}
.resub{padding-left:190px; margin-top:10px;}
.orderreportsub{text-align:center; padding-top:10px}
.orderreportcolor{margin-top:30px}
.designtitle{font-size: 14px; font-weight: bold;}
.necktitle{font-size: 14px; font-weight: bold; width: 200px!important;}
.orderback{float: right; margin-right:50px;}
.existnew{float:left;width:450px;}
.subpad{padding-left:130px}
.orderprod{float:right; margin-left:200px;}
.nextop{padding-left:130px}
.sig{float:right; margin-top:175px;}
.aligncenter{ text-align:center;}
.confirmdesign{padding:3px; margin:3px 0px;}
.confiemextra{padding:3px; margin:3px 0px; margin-top:-15px!important;}

/* added on 29-05-2015*/
#Jobcode,#WorkedEmp,#BoxNo,#date,#OrderNo,#barcode{display:none;}

/* added on 13-06-2015*/
.bartab td,.bartab th{ border:1px solid #000000;}
	
/* added on 09-07-2015*/
.patterntable{border:1px solid #000000;}
.patterntable  td{border-bottom:1px solid #000000;border-left:1px solid #000000; width:15%; 
                  text-align:center; height:10px!important;}
                  .patterntableno{border:0px solid #000000;}
                  .Griddata td:first-child{ width:210px;}
/* added on 14-07-2015*/

#returntrans{ cursor:pointer!importanr; margin-top:10px}
#SectionJob{ cursor:pointer!important;margin-top:10px}
#branchtrans{cursor:pointer;margin-top:10px!important}
#deliveryhead{cursor:pointer;margin-top:10px!important}
#Stockcheckhead,#FranhiseeInHead,.orderdetails,#readvance,#ordertrance,
#invoice,#returnbr,#FranhiseeOutConfirmHead,#InternalTransferHead,#FranchiseInvoiceHead,
#BranchTrasferInvoiceHead,#headBranchReturn{cursor:pointer;margin-top:10px!important}

/* added on 22-07-2015*/
.datalistPattern{ border:solid 1px #000000; padding:10px; margin:10px 0px;
            height:265px; width:215px;}
.datalistPattern p{ text-align:center;}
.patalign{ margin:10px;}
.patalignreport{margin:0px 10px 10px 10px;}

 /* added on 31-07-2015*/
#container1 {background-color:#404040;  background-repeat:no-repeat;
			  width:200px;  bottom: 0px ; color:#ffffff; 
	/*right:50px!important;*/ text-align:center;
	position: fixed ;
	
	z-index:1000000;display:none!important;
	
			}
		#inner {padding: 20px 10px 10px 10px ;}
			 
.innercontent
{
	 padding-left:5px; float:left; margin-right:3px; width:150px;
}
.imgallign
{
	cursor:pointer; position:absolute; top:-15px;  right:-10px;z-index:1000000!important;
}

  #close1{float:right;}
  #newPopUp a{ color:#ffffff;}
  
  .show{display:inline; }
.hide{display:none; }

#transferStock,#tabor,#tblOrders{ display:none}

 #tblOrders td{ width:150px;}
/* added on 07-09-2015*/
.smsclick{ margin:10px 0px 10px 0px;}

/* added by Tejaswini 12-09-2015*/
.tblExtraswidth{ width:130px;}
.tblExtrastdwidth{ width:15px;}
#tblExtras tr td{ border:1px solid #000;}

/* added on 14-0-2015 sales orders*/
.existnewsales{float:right; width:650px; margin-left:10px;}
#alertmsg{ color:Red;}

/* added on 15-09-2015*/
.carttable td{vertical-align:top;border:1px solid #eeeeee;padding:3px}
#prod{ display:none; float:left; width:550px!important; }
#prod td{ border:1px solid #000000;padding:3px}
#terms td{border:0px solid #000000;}
.invoicetable td{ border:1px solid #000000;}
.termtable td{ border:0px solid #000000;}
#tblcustomer tr td{ border:1px solid #000;}
.pointer{ cursor:pointer!important;}

/* added on 19-09-2015*/
.tdstyle{border:1px solid #000}
#tblBarcode{ display:none;}

/* added on 20-09-2015*/
#SalesBarDetailshead,#DefectiveBarcodeHead,#BranchTransferandConfirmHead,#FranchiseInvoiceHead,#BarcodeDiscountHead,
#SalesBarInvoiceHead,#SalesStockAuditHead,#SalesReturnBarcodeHead,#InternalTransferHead,
#BranchChangeHead{cursor:pointer;margin-top:10px!important}

/* added on 06-11-2015*/
.dtable{display:table;border-collapse:separate;
        border-spacing:5px;width:100%}
.drow{display:table-row;} 
.amountdisplay{display:table-cell; width:25%;}
.displaypanels{display:table-cell; width:70%; margin-left:20px;}


/*#menu ul li{ list-style:none; float:left}
#menu #submenu{ display:none!important; list-style:none;}*/

/* Uploadfiles Styles*/
.uploadify {
	position: relative;
	margin-bottom: 1em;
}
.uploadify-button {
	background-color: red;
	background-image: linear-gradient(bottom, red 0%, #b61411 100%);
	background-image: -o-linear-gradient(bottom, red 0%, #b61411 100%);
	background-image: -moz-linear-gradient(bottom,red 0%, #b61411 100%);
	background-image: -webkit-linear-gradient(bottom, #b61411 0%, #4f85ce 100%);
	background-image: -ms-linear-gradient(bottom, red 0%, #b61411 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #b61411),
		color-stop(1, red)
	);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid #808080;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	width: 100%;
}
 .uploadify-button.disabled {
	background-color: #D0D0D0;
	color: #808080;
}
.uploadify-queue {
	margin-bottom: 1em;
}
.uploadify-queue-item {
	
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	max-width: 300px;
	padding: 10px;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
	background: url('../images/uploadify-cancel.png') 0 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: red;
	height: 3px;
	width: 1px;
}
#imageslist img{height:70px;float:left;margin:0px 5px;}
.readyorderprod{float:right; margin-left:180px;}

.orderhead,.readvancehead,.deliveryhead,.invoicehead,.returnHead{ cursor:pointer; margin-top:10px;}
#tabExtra td{ border: 0px solid #000; width:60px!important}
.orderbarstatstab td{border: 1px solid #000;}

.pnlemptypediv{ margin:10px 0px;}
.payslipgenerate div{padding:10px 0px;}
.payrollborder{height:1px;  background-color:#000; padding:0px!important;}
.paysliptable{ background-color:#000;}
.paysliptable td{ background:#fff}

/* nagashree 14/02/2018*/

.col_RawFabric{float:left!important; padding: 0px 12px!important;margin-left:-40px!important;width: 400px!important;}
.col_RawFabric ul li{ float:left!important; border-right:solid 1px #4b4d4c!important; padding: 0px 10px!important}

/*end*/

#reminderdiv{color:#fff;overflow:auto!important;border-radius: 6px; position:fixed; width:30%; height:30%; background-color:rgba(0, 0, 0, 0.63)!important;  right:20px; bottom:40px; z-index:10000!important; }
#reminderdiv h2{  padding-top:6px; text-align:center;}
.reminder{margin:0 10px}


.bgopacity{  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        background-color: rgba(107, 107, 107, 0.8);
   
   
   z-index:100000;
  }
.reminderalert a{ text-decoration:none; color:#000;}

.closeicon{position: fixed;
    right: 32px;
    bottom: 34%;
    z-index: 1000000;
    cursor: pointer;display:none;}