body{
    color: #333333;
    font-family: "urdu", Courier, monospace;
    font-size: 14px;
    padding:0;
    margin: 0;
	background-color: #b1cd66;
    background-image: url(images/mlk-bg.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
	}

@font-face {
    font-family:urdu;
    src: url(images/Pak.ttf);
}
.vbottom td{ vertical-align:bottom!important;}
#rdarea{
	width: 50%;
    float: right;
	}
.fullwi{ max-width:100%!important;}	
#rdarea b{
    width: auto!important;
    margin: 0!important;
    float: none!important;
    display: inline-block;
	}
	
#rdarea input{
    display: inline-block;
    position: relative;
    top: 14px;
    float: right;
    margin: 0 0 0 12px;
	}

#fullw{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:20px;
	}
#fullw #maintbl td{ padding:2px;}	
#fullw #maintbl td b{
	float: right;
    width: 100%;
    line-height: 1.6;
    text-align: right;
    margin: 0 0 1px;
	}
#dptablew {
    float: left;
    width: 100%;
    background-color: rgba(255,255,255,0.6);
    border-radius: 2px;
    padding: 5px;
    box-sizing: border-box;
    text-align: right;
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
	overflow:auto;
}
#dptablew #maintbl2{/* float:right!important;*/}	
#fullw #maintbl td #button{
    margin-top: 10px;
    width: 100%;
    max-width: 100%!important;
	}
#inhalf{
	float:left;
	height:auto;
	width:49.75%;
	}
		
#outertbl td{ vertical-align:top!important;}	
.textfielddate{ padding:5px 5px 6px!important;}			
#reportp-head label{ float:right; margin-left:15px;}
#print {
float: left;
    background-color: #FF0000!important;
    color: #fff;
    padding: 7px 40px 7px 12px;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    background-image: url(images/printi.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: right 10px center;
    text-decoration: none;
    font-family: "urdu", Courier, monospace;
	}
#print:hover {
    background-color: #333;
    transition: all 1s;
    text-decoration: none;
}	
#backb{
	background-color: #cee58a;
    padding: 8px 10px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    color: #41570a;
    float: left;
    width: 100%;
    box-sizing: border-box;
    max-width: 100px;
    text-align: center;
    margin: 20px 0 0;
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.85;
	}
	
#backb:hover{box-shadow: 0 0 2px rgba(0,0,0,0.5);}

#container{
    margin: 0 auto;
    height: auto;
    width:100%;
	}
#dptable{
    float: left;
    width: 100%;
    max-width: 68%;
    background-color: rgba(255,255,255,0.6);
     border-radius: 2px; 
    padding: 5px;
    box-sizing: border-box;
    text-align: right;
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
	}
#maintbl2{
	float:left;
	width:100%;
	height:auto;
	}
#maintbl2 th{
    font-size: 20px;
    border: 1px solid #b1cd66;
    padding:5px 10px;
    background-color: #fff;
	}
#tareekhtbl th{
    border: none;
    background-color: #fff;
    padding: 10px;
    font-size: 20px;
	}
	
#tareekhtbl{
	width: 100%;
    height: auto;
    float: right;
    border: 1px solid #b1cd66;
    border-bottom: none;
	}
		
#maintbl2 td{
	font-size: 18px;
    border: 1px solid #b1cd66;
    padding: 2px 5px;
    /* line-height: 1; */
    font-family: "urdu", Courier, monospace;
    font-weight: bold;
	}
#delid{
    background-image: url(images/bin.png);
    background-size: auto 20px;
    background-position: right center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #df0024;
    font-weight: bold;
    padding-right: 22px;
	}
	
#delid:hover{ color:#000; transition:all 1s;}	



#delidb {
	background-image: url(images/binwhite.png);
    background-size: auto 20px;
    background-position: right 6px center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    background-color: #df0024;
    width: 100%;
    float: left;
    padding: 7px;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 10px;
    text-align: center;
	}

#delidb:hover{ background-color:#000; transition:all 1s;}

#delid2 {
	background-color: #365c10;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: bold;
    width: 100px;
    max-width: 160px!important;
    line-height: 1;
    text-align: center;
    padding: 5px 9px 9px 9px;
    text-decoration: none;
    font-family: "urdu", Courier, monospace;
}


#delid2:hover{ background-color:#000; transition:all 1s;}
		
.left-ipbg #index-panel{}
.left-ipbg{
    float: right;
    width: 100%!important;
    max-width: 30%;
	}
	
	
#maintbl{
	border-collapse: collapse;
    float: left;
    height: auto;
    width: 100%;
	}
#maintbl0{
	border-collapse: collapse;
    float: left;
    height: auto;
    margin: 0 0 0 34.3%;
    max-width: 300px;
    width: 100%;
	}	

input:focus { box-shadow:0 0 5px #333333;}	
#maintbl td{
    color: #000;
    font-size: 22px;
    padding: 4px 0;
    text-transform: capitalize;
    vertical-align: middle;
    font-weight: bold;
    text-align: right;
    line-height: 1;
    box-sizing: border-box;
	}

#maintbl0 td{
	color: #333;
    font-size: 16px;
    padding: 4px 0;
    text-transform: capitalize;
    vertical-align: middle;
    width: 50%;
	}
#maintbl0 td input{ width:100%; font-size:14px;}	
#maintbl td input{  font-size:18px;}
#inform2 td h1{
	color: #555555;
    float: left;
    font-size: 20px;
    height: auto;
    line-height: normal;
    margin: 0;
    text-align:left;
    width: 80%;
	font-family:Georgia, "Times New Roman", Times, serif;
	height:50px;
	}
#inform2 td{ font-size:16px; line-height:1.6;}	
#inform td a{ text-decoration:none; font-size:14px; color:#000; margin-left:2px;}
#det{
    background-color: #365c10;
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-weight: normal;
    padding: 12px 20px 5px;
    display: inline-block;
    border-radius: 4px;
    line-height: 1;
	}
	
#det:hover{
	background-color:#333;
	transition:all 1s;
	}
	
#inform td h1{
	color: #ffffff;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 26px;
    height: auto;
    line-height: normal;
    margin: 0 0 20px;
    text-align: left;
    width: 100%;
	}
#maintbl0 td h1{
	color: #333;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 24px;
    height: auto;
    line-height: normal;
    margin: 0 0 20px;
    text-align: center;
    text-shadow: 1px 1px 1px #eee;
    width: 100%;
	}		 
#formbg h1{
    color: #ffffff;
    float: left;
    font-size: 40px;
    height: auto;
    line-height: normal;
    margin: 0 0 20px;
    text-align: center;
    width: 100%;
    text-shadow: 1px 1px 2px #000;
    font-weight: bold; 
	}
#maintbl td h1{
    color: #fff;
    float: left;
    font-size: 40px;
    height: auto;
    line-height:1;
    margin: 0 0 20px;
    text-align: center;
    text-shadow: 1px 1px 8px rgba(0,0,0,0.8);
    width: 100%;
	}
	
	
#inputrate{
	border: 1px solid #999;
    border-radius: 3px;
    color: #333;
    float: right;
    height: 24px;
    padding: 2px 10px;
    width: 40px;
	}

#inputmilk{
	border: 1px solid #999;
    border-radius: 3px;
    color: #333;
    float: right;
    height: 24px;
    padding: 2px 10px;
    width: 64px;
	}

#inputmilk1{
	border: 1px solid #999;
    border-radius: 3px;
    color: #333;
    float: right;
    height: 24px;
    padding: 2px 10px;
    width: 150px;
	}	
.tdfive td{ width:20%;}
.tdsix td{ width:16.66666666666667%;}	
#fullw #maintbl td b span{
	font-size: 15px;
    padding-right: 8px;
    line-height: 1;
	}
#maintbl2 th span{
	font-size: 15px;
    padding-right: 8px;
    line-height: 1;
	font-weight:normal;
	}
			
#textfield, #textfield1, #textfield2, #textfield3, #textfield4, #textfield5, #textfield6,#textfield61, #textfield7, #textfield8, #textfield9, #textfield10, #textfield11, #textfield12, #textfield13, #textfield14, #textfield15, #textfield16, #textfield17, #textfield18, #textfield19, #textfield20, #textfield21, #textfield22, #textfield23, #textfield24, #textfield25, select {
    border: none;
    border-radius: 3px;
    color: #333;
    float: left;
    font-size: 14px !important;
    height: auto;
    padding: 9px;
    max-width: 300px;
    box-sizing: border-box;
    width: 100%!important;
	}
	
#button{
	background-color: #365c10;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 15px;
    font-weight: bold;
    width: 100px;
    max-width: 160px!important;
    line-height: 1;
    padding: 9px;
	font-family:"urdu", Courier, monospace;
	}
#button2:hover{ background-color:#333333;}
	
#button2{
	background-color: #004a94;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 18px;
    height: 41px;
    width: 140px;
	}

#button3:hover{ background-color:#333333;}
	
#button3{
	background-color: #d1212c;
    border: 0 none;
    border-radius: 5px;
    color: #fff!important;
    cursor: pointer;
    float: right;
    font-size: 16px;
    height: 30px;
    line-height: 2;
    text-align: center;
    text-decoration: none;
    width: 120px;
	}

#informbg{
	background-color: #3f6cbd;
    background-image: url("images/mlk-bg.jpg");
    background-repeat: repeat-x;
    border: 5px solid #ccc;
    border-radius: 20px;
    box-shadow: 0 0 10px #000 inset;
    float: left;
    margin: 0;
    min-height: 460px;
    padding: 20px;
    width: 95%;
	padding-bottom:220px;
	background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;

	}
	
.withpedd{padding: 100px 40px!important;}

#formbg{
   /*  background-color: #b1cd66;
   background-image: url(images/mlk-bg.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
     border-radius: 10px; */
    /* box-shadow: 0 0 10px rgba(0,0,0,0.4) inset; */
    float: left;
    margin: 0 auto;
    min-height: auto;
    padding: 70px 20px 20px 20px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height:100%;
	}

#mlogo{
	width:400px;
	height:142px;
	margin:0 auto;
	background-image:url(images/milk-logo.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	}
	
#mlogo-small{
	background-image: url("images/milk-logo.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 103px;
    margin: 0 auto;
    width: 290px;
	}
	
	
#mlogo-small2 img{
	width:100%;
	height:auto;
	float:left;
	}
	
#button:hover{ background-color:#333333; transition:all 1s;}

#selectfield, #selectfield1, #selectfield2, #selectfield3, #selectfield4, #selectfield5{
	border: none;
    border-radius: 3px;
    color: #333;
    float: left;
    font-size: 14px !important;
    height: auto;
    padding: 8px;
    max-width: 300px!important;
    box-sizing: border-box;
    width: 100%!important;
	}

#selectfield3{
	color: #333;
    float: right;
    font-size: 16px;
    height: 35px;
    padding: 2px 10px;
    width: 100%;
	}
		
#ulone{
	float: left;
    height: auto;
    margin: 0 auto;
    padding: 0;
    width: 100%;
	}
#reportp-head{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
} 
#reportp-head #backb{ border:none; margin:0;}
#reportp-head input{
    float: right;
	}
	

#dptable-full {
	float: left;
    width: 100%;
    background-color: rgba(255,255,255,0.6);
    border-radius: 2px;
    padding: 5px;
    box-sizing: border-box;
    text-align: right;
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
}

#ulone li{
    background-color: #f1ffcf;
    background-image: url(images/buttbg.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5), 0 0 3px #fff inset;
    float: right;
    height: auto;
    list-style: outside none none;
    margin: 0.5%;
    width: 32.3%;
    }
	
#ulone a{
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: auto 44%;
    color: #8dad43;
    float: left;
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
    padding:18px;
    text-align: right;
    text-decoration: none;
    text-shadow: 1px 1px 1px #fff;
    width: 100%;
    box-sizing: border-box;
	}

#link1{ background-image:url("images/ico1.png");}
#link2{ background-image:url("images/ico2.png");}
#link3{ background-image:url("images/ico3.png");}
#link4{ background-image:url("images/ico4.png");}
#link5{ background-image:url("images/ico5.png");}
#link6{ background-image:url("images/ico6.png");}
#link7{ background-image:url("images/ico7.png");}
#link8{ background-image:url("images/ico8.png");}
#link9{ background-image:url("images/ico9.png");}
#link10{ background-image:url("images/ico10.png");}
#link11{ background-image:url("images/ico11.png");}


	
#ulone a:hover{
    color: #365c10;
	}	

#ulone li:hover{
    background-image: url(images/buttbgh.jpg);
    background-color: transparent;
    box-shadow: 0 0 3px rgba(0,0,0,0.8), 0 0 3px #fff inset;
	}	
		
#inform{
	border-collapse: collapse;
    height: auto;
    margin: 0 auto;
    width:100%;
	float:left;
	}
	
#inform2{
	background-color: #ddd;
    /*border: 2px solid #999;*/
    border-collapse: collapse;
    float: left;
    height: auto;
    margin: 20px auto;
    width: 100%;
	}

#inform2 td a{
	color: #d1212c;
    font-family: verdana;
    font-weight: bold;
    text-decoration: none;
	}
	
#inform2 td a:hover{ color:#333333;}

#tr-line{
	background-color: #ddd;
    background-repeat: repeat;
    height: auto;
    min-height: 40px;
    width: 100%;
	}
	
#tr-line td{
	border: 1px solid #999999;
    font-size: 16px !important;
    height: 35px !important;
    text-align: left !important;
	}
	
#inform td{
	color: #444444;
    font-size: 14px;
    height: 30px;
    padding: 5px;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    width: auto;
	}
	
#inform2 td{
	border: 1px solid #999999;
    color: #555555;
    padding: 4px 10px;
    text-align: right;
    text-transform: capitalize;
    vertical-align: middle;
	}
#tdc1, #tdc2, #tdc3, #tdc4{ 
	background-color: #004a94;
    border-right: 1px solid #3ba1d4;
    color: #ddd !important;
    font-weight: bold;
	}		
#td0, #td1, #td2, #td3, #td4, #td5, #td6{ 
	background-color: #004a94;
    border-right: 1px solid #3ba1d4;
    color: #ddd !important;
    font-weight: bold;
	}
#tdc1{}	
#tdc2{width:85px!important; }
#tdc3{width:85px!important; }
#tdc4{width:170px!important; }

/*#tr-line input[type="text"]{
	color: #333;
    font-size: 14px;
    min-height: 28px;
    width: 96%;
	}*/
	
#editlinks{
	color: #d1212c !important;
    font-size: 13px !important;
    font-weight: bold;
    margin: 0 !important;
    padding: 0 3%;
    text-align: center;
    text-decoration: none !important;
	}
/*#tr-line #inputmilk {
    width: 76%;
}*/	
#td444{
	width:100px!important; border:none!important;
	background-color: #004a94;
    border-right:none!important;
    color: #ddd !important;
    font-weight: bold;
	}
	
#td111{
    width:30% !important;
    background-color: #004a94;
    border-right: 1px solid #3ba1d4;
    color: #ddd !important;
    font-weight: bold;
}

#td0{ width:30px!important;}	
#td1{width:120px!important; }
#td3{width:80px!important; }
#td4{width:50px!important; }
#td5{width:100px!important; }
#td6{width:75px!important; }
#td666{width:130px!important; border:none!important;
	background-color: #004a94;
    border-right: 1px solid #3ba1d4;
    color: #ddd !important;
    font-weight: bold;
	}
#td3333{
	width:30px!important; 
	border-right:1px solid #3ba1d4!important;
	background-color: #004a94;
    border-right: 1px solid #3ba1d4;
    color: #ddd !important;
    font-weight: bold;
	}
		
#grandtot{
	/*border-bottom: medium none !important;*/
    text-align: right !important;
	line-height:1!important;
	}
#grandtot h4 span{
	color: #888888;
    font-size: 12px;
    font-weight: normal;
	line-height:normal;
	float:left;
	width:100%;
	}
		
#grandtot h4{ 
	color: #666666;
    font-size:16px;
    font-weight: bold;
    height: auto;
    margin: 0;
	}

#td11, #td22, #td33, #td44, #td55, #td66{ 
	background-color: #004a94;
    border-right: 1px solid #3ba1d4;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: bold;
    height: 30px;
    padding: 3px 10px !important;
	/*width:10%;*/
   
	}
#td11{ width:30px!important;}
table{ border-collapse:collapse!important;}	

#headtbl{
	width:100%;
	float:left;
	height:auto;
	}
	
#nav{
    float: left;
    height: auto;
    width: 100%;
    background-color: #e9ffb3;
    /* border-radius: 5px 5px 0 0; */
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
	}	


	
#ownerdiv{
	background-color: #3ba1d4;
    float: right;
    height: auto;
    padding: 2%;
    width: 96%;
	}
#dates{
	border: 1px solid #fff;
    border-radius: 3px;
    color: #333;
    float: right;
    height: 24px;
    min-width: 190px;
    padding: 2px 10px;
    width: 100%;
	margin-bottom:8px;
	}
#sml-tbl{
	width:100%;
	height:auto;
	float:left;
	}
#sml-tbl td{
	width:100%;
	height:auto;
	vertical-align: top;
	padding:0 2px;
	color:#FFFFFF;
	}
				
#owner{
	border: 1px solid #fff;
    border-radius: 5px;
    color: #333;
    float: right;
    font-size: 18px;
    height:28px;
    text-align: center;
    width: 100%;
	}
#sml-tbl #button{height: 28px;}
#headtbl td{
    padding: 0;
    text-align: center;
    vertical-align: middle;
	}
	
#headtbl td a{ 
    border-right: 1px solid #a5c15e;
    color: #41570a;
    float: left;
    font-size: 20px;
    height: auto;
    /* line-height: 1; */
    text-align: center;
    text-decoration: none;
    width: 100%;
    font-weight: bold;
    padding: 6px 6px;
    box-sizing: border-box;
	}

#headtbl td a:hover{cursor:pointer; background:#fff; transition:all 0.5s;}

#headtbl #link1{ background-image:none;}
#headtbl #link2{ background-image:none;}
#headtbl #link3{ background-image:none;}
#headtbl #link4{ background-image:none;}
#headtbl #link5{ background-image:none;}
#headtbl #link6{ background-image:none;}
#headtbl #link7{ background-image:none;}
#message{ font-size:14px; color:#990000!important; font-weight:bold;}
#inheader{
	width:100%;
	height:auto;
	float:left;
	margin:15px 0px;
	}
#inh-left h1{
	color: #fff;
    font-family: georgia;
    line-height: 1;
    margin: 0;
	}
		
#inh-left{
	width:70%;
	float:left;
	height:auto;
	}
	
#inh-right{
	width:30%;
	float:left;
	height:auto;
	}

#index-panel-bg{
	width:440px;
	height:auto;
	margin:0 auto;
	}	
	
#index-panel{
border: 1px solid #fff;
    box-shadow: 0 0 6px rgba(0,0,0,0.5), 0px 0px 30px #fff inset;
    float: left;
    height: auto;
    padding: 40px;
    width: 100%;
    background-color: rgba(255,255,255,0.1);
    box-sizing: border-box;
    border-radius: 10px;
	}