@charset "utf-8";



@import url(https://fonts.googleapis.com/css?family=Noto+Sans);



@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700);



@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);



*{

	margin: 0px;padding: 0px;

}

body{ margin:0; background-color:#ffffff; font-size:14px; color:#333; line-height:25px;font-family: 'Muli', sans-serif;}



h1,h2,h3,h4{margin:0px;}



img{vertical-align: middle; max-width: 100%;height: auto;}



.clear{ clear:both}



hr.style-one {margin-top:12px;margin-bottom:12px; border: 0; height: 1px; background: #3673DB;background-image: linear-gradient(to right, #ccc, #3673DB, #ccc);}



hr.style-six { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }



.heading2{

	font-family: 'Noto Sans', sans-serif;

	font-size: 20px;

    color: #fff;

    padding: 6px;    

    background: -webkit-linear-gradient(left, #0067d5 , #fff);

    background: -o-linear-gradient(right, #0067d5, #fff);

    background: -moz-linear-gradient(right, #0067d5, #fff);

    background: linear-gradient(to right, #0067d5 , #fff);

}



.heading3{ color:#3673DB; font-size:15px; font-weight: bold;}



.heading4{  color:#555; }



.heading5{ color:#555; font-size:18px; font-weight: bold;}



.heading6{color:#3673DB;text-decoration: underline;}



.heading7{ color:#3673DB; font-size:17px; font-weight: bold;}


iframe{
	height: 150px;
    width: 50%;
}



.head-container1{

	width: 100%;height: auto;%;overflow: hidden;background: #F3F3F3;

	background: -webkit-linear-gradient(#F3F3F3, #fff);

    background: -o-linear-gradient(#F3F3F3, #fff);

    background: -moz-linear-gradient(#F3F3F3, #fff);

    background: linear-gradient(#F3F3F3, #fff);

    border-bottom: 1px solid #ccc;   

}



.head-container2{

	max-width: 1280px; height:76px; margin: 0 auto;padding-left: 2%;padding-right: 2%;

}

.head-tital {
    display: table;
    float: left;
    padding: .5% 0 .5% 0;
}

.head-tital img{
	float: left;
}

.com-heading {
    color: #4f51ab;
    float: left;
    padding: 0;
    font-size: 30.5px;
    margin: 14px 0px 0px 8px;
    font-family: 'Hammersmith One', sans-serif;
    /* letter-spacing: .5px; */
    line-height: 31.5px;
    /* font-weight: 700; */
    text-transform: uppercase;
    margin-left: 10px;
}


.head-mail{

	float: right;margin-top: 2%; 

}



.manf-logotop{

	width:90px; height: 90px;

}



.manf-logomang{

	width: 90px;

}



.manf-cmpname{

	font-size: 30px;font-weight: bold; color: #005C9C;display: table-cell;

    vertical-align: middle;padding-left: 2%;white-space: nowrap;

}



.manf-gearlogo{

	float: right;margin:0; 

}



.form-alpha{

	display: inline-block; margin: .19%;

}



.btn-alpha{

	box-sizing: border-box;width: 33px;

    background-color: #fff;

    border: 2px;

    border-color: #0064f6;

    border-style: solid;

    padding: 6px;

    cursor: pointer;

    color: #555;

    font: bold 14px Raleway;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.btn-alpha:hover{

	box-sizing: border-box;width: 34px;

    background-color: #0064f6;

    border: 2px;

    border-color: #0064f6;

    border-style: solid;   

    color: #fff;

}



.tbllogin{max-width:1110px; margin:0 auto;}



.tbllogin td{

	padding: 10px; border: 0;
	    text-align: left;

}



  .img_edit{

  	border: 1px solid #ddd;

  }

  

 .img_edit2{

  	border: 1px solid #ddd;width: 50%;

  }

  

   .img_edit3{

  	border: 1px solid #ddd;height:150px;

  }

  

    .img_edit4{

  	border: 1px solid #ddd;height:250px;

  } 



  

  .catimg{

	width:100px;margin-left: auto;

    margin-right: auto;

}

  

  

  .imgtip{

  	color: blue

  }

  

  .upbtn{	

	background-image: url('../images/updatebt.png');	

    border : none;

    height: 40px;

    width: 40px; background-color:#F7F7F7;

    cursor: pointer;

}



  

.prddiv{

	background-color: #f3f3f3;width: 40%;display:inline-block;margin:1.8%;padding:2%;border:1px solid #ccc; color: #000;

}



.hdline{

	font-family: 'Noto Sans', sans-serif;float:left; width: 65%;margin-left: 2%;margin-bottom: 1%;font-size: 16px;font-weight: bold;color: #454545;	

}



a.hdsp1{

	text-decoration: none;color: #454545;

}



a.hdsp1:hover{

	text-decoration: underline;

}



.hdline span.hdsp2{

	font-size: 20px;color: #3673DB;

}



.hdline span.hdsp3{

	color: #3673DB;

}



.hdsp4{

	font-size: 20px;color: #3673DB;font-weight: 700;

}



.bgclt{

	background-color: #bbb;text-align: center;

}



.seltx{

	width:255px;border: 1px solid #aaaaaa;padding-left:5px; height:38px; border-radius:0px;box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);

	font-family: 'Exo 2', sans-serif;

}



.tx{

	width:250px;border: 1px solid #aaaaaa;padding-left:5px; height:38px; border-radius:0px;box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);

	font-family: 'Exo 2', sans-serif;

}



.newstx{

	width:100%;border: 1px solid #aaaaaa;padding-left:5px; height:38px; border-radius:0px;box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);

	font-family: 'Exo 2', sans-serif;

}



.stafftx{

	width:280px;border: 1px solid #aaaaaa;padding-left:5px; height:38px; border-radius:0px;box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);

	font-family: 'Exo 2', sans-serif;

}

.saletx{

	width:100px;border: 1px solid #aaaaaa;padding-left:5px; height:38px; border-radius:0px;box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);

	font-family: 'Exo 2', sans-serif;

}



.prodtx{

	width:300px;border: 1px solid #aaaaaa;padding-left:5px; height:38px; border-radius:0px;box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);margin-bottom: 3%;margin-top: 3%;font-family: 'Exo 2', sans-serif;

}





.prodtx2{

	width:150px;border: 1px solid #aaaaaa;padding-left:5px; height:38px; border-radius:0px;box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);margin-bottom: 3%;margin-top: 3%;font-family: 'Exo 2', sans-serif;

}



.datetx {

	width:200px;border: 1px solid #aaaaaa;  height:30px; border-radius:0px;box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);

	font-size: 20px;font-weight: normal;color: #676767;display: inline-block;font-family: 'Exo 2', sans-serif;

}



.presstx{

	width:450px;border: 1px solid #aaaaaa;padding-left:5px; height:38px; border-radius:0px;box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);

	font-family: 'Exo 2', sans-serif;

}



.dbbx{

	border: 1px solid #aaaaaa;  height:29px; border-radius:5px;font-family: 'Exo 2', sans-serif;

}



.msbx{

	border: 1px solid #aaaaaa;  border-radius:5px;font-family: 'Exo 2', sans-serif;

}



.ortx{

	font-size: 16px;font-weight: bold;font-family: 'Exo 2', sans-serif;

}



.bt{

	width: 100px; height: 30px

}



.error {color: #FF0000; font-size:14px;padding-left: 5px;}



.error2 {color: #FF0000; font-size:28px;padding-left: 5px;}



.res{

	color:blue;font-weight: bold;

}



.menu_div{

	margin: 0 auto;width: 300px; height:50px;;

}



.clear{

	clear: both;

}



ul.menuad{ margin: 0px;padding-left:0; }

ul li.menuad { float: left; list-style-type: none;font-size:17px;}

ul li.menuad a { color: #fff; text-decoration: none;background-color: blue; padding:14px ;font-weight: bold; }

ul li.menuad a:hover {text-decoration:underline;  }



.welcome{

	float: none; font-size: 30px; padding-top:10%;color:blue; margin: 0 auto; text-align: center;

}	



.notlog{

	text-align: center;padding: 5%;font-size: 20px; font-weight: 700;margin-left: 18%;

}





.sidead{

	width: 15%; height: 100px; margin-left:2%;margin-bottom:15%; float: left;

}



.sidead td{

	padding: 7px;

}



.sdpr{

	 border: 1px solid #aaaaaa;background-color:#f7f7f7; border-radius:5px;text-align: center;font-weight: bold;font-family: 'Raleway', sans-serif;

}



.sdmenu{

	 color:#555;text-decoration: none;font-size: 14px;

}



.sdmenu:hover{

	 color: #555;text-decoration: underline;

}



.edit-manfdiv{

	text-align: center;padding: 2%;background-color: #fbfbfb; border: 1px solid #e0e0e0;width: 75%;float: left;margin-left: 2%;

}



.edit-btndiv{

	text-align: center;padding: 1%;width: 100%;float: left;margin: 0;

}





.formch{

	line-height: 18px;margin-top:0%;

}



.tbadp{

	float:left;background-color: #fbfbfb;width: 80%;margin-left: 2%; margin-bottom:5%; border: 1px solid #e0e0e0;padding-top: 2%; padding-bottom: 2%;

}



.tbadp td{

	padding: 10px;border: 0;

}



.tbadp2{

	float:left;background-color: #fbfbfb;width: 80%;margin-left: 2%; margin-bottom:5%; border-width: 1px; border-style: solid;border-color: #e0e0e0;padding-top: 2%; padding-bottom: 2%;

}



.tbadp2 td{

	padding: 10px;border: 0;

}



.pradsuc{color: blue;text-align: center;font-weight: bold;}



.prodmax{color: blue;text-align: center;font-weight: bold; background-color: #fff;display: inline-block;padding: .5%;border: 1px solid #ddd;}



.tbhead{

	background-color: #f2f2f2

}



.tbmangtop{

	float:left;background-color: #fbfbfb;text-align: center;  width: 80%;margin-left: 2%; margin-bottom:0%;border-collapse: collapse;

    border: 1px solid #ccc;border-bottom: 0;

}



.tbmangtop td{

	padding: 5px;border-bottom: 0;

}



.tbnewdate{

	display: inline-block;

}



.tbnewdate td{

	border: 0;

}



.tbmang{

	float:left;background-color: #fbfbfb;text-align: center;  width: 80%;margin-left: 2%; margin-bottom:0%; border-collapse: collapse;

    border: 1px solid #c8c8c8;

}



.tbmang th, td {

	border-collapse: collapse;

    border: 1px solid #c8c8c8;

}



.tbmang td:nth-child(4){

	

}



.tbmang2{

	float:left;background-color: #fbfbfb;text-align: center;  width: 80%;margin-left: 2%; margin-bottom:0%;  border-collapse: collapse;border-color: #c8c8c8;

}



.tbmang2 td:nth-child(2){

	

}


.salesTotal{
	background-color: #efefef;font-weight:700;
}

.domeTotal{
	background-color: #ffdede;font-weight:700;
}

.tbmang3{
	float:left;background-color: #fbfbfb;text-align: center;  width: 80%;margin-left: 2%; margin-bottom:0%; border-collapse: collapse;
    border: 1px solid #c8c8c8;
}

.tbmang3 th, td {
	border-collapse: collapse;
    border: 1px solid #c8c8c8;
}
.tbmang3 td:nth-child(3){	
text-align: left;
}

.tbmang3 td:nth-child(3) ul{	
padding-left:22px;
}

.tbmang3 td:nth-child(3) p{	
padding-left:5px;
}


.ftr {background-color:#282A2B;;margin:0 auto; height: auto;text-align: center;font-size:12px; color:#ffffff;padding: 3%;}





.menu1{color:#555555;text-decoration:none}

.menu1:hover{color:#555555;text-decoration:underline}

.menu1:active{color:#555555;text-decoration:none;}


.menu2{color:#3673DB; float:right; cursor:pointer;text-decoration:none; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; text-transform:uppercase; font-size:16px;}

.menu2:hover{color:#3673DB;text-decoration:underline}

.menu2:active{color:#3673DB;text-decoration:none;}


.menu3{color:#333;text-decoration:none}

.menu3:hover{color:#333;text-decoration:underline;}

.menu3:active{color:#333;text-decoration: none;}


.menu4{color:#0057d5;text-decoration:none;}

.menu4:hover{color:#0057d5;text-decoration:underline}

.menu4:active{color:#0057d5;text-decoration:none;}


.menu5{
	color: #3673DB;
    float: right;
    cursor: pointer;
   text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-right: 2%;
    text-decoration: underline
}
.menu5:hover{color:#3673DB;text-decoration:underline}

.menu5:active{color:#3673DB;text-decoration:none;}