@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0}

body {background:#e6e6e6}

#header {width:100%;height:50px; background:#BE0000}
#header ul {list-style-type:none; float:right; margin-right:3%; margin-top:10px}
#header ul li {height:30px; line-height:30px; background:#000; width:150px; text-align:center; border-radius:3px;
				margin-top: -1px}
#header ul li a {text-decoration:none; color:#fff; font-size:12px; display:block}
#header ul li:hover {background:#9F0000;}


#pro_search {height: 26px; width: 40px !important; border-radius: 7px; background-color: #BE0000; color: #000;
			  border-width: 0; margin-left: 45px; float: right; margin-top: 5px !important}

#raw_search {height: 26px; width: 40px !important; border-radius: 7px; background-color: #BE0000; color: #000;
			  border-width: 0; margin-left: 45px; float: right; margin-top: 5px !important}

#manu_search {height: 26px; width: 40px !important; border-radius: 7px; background-color: #BE0000; color: #000;
			  border-width: 0; margin-left: 45px; float: right; margin-top: 5px !important}


#marquee {width:400px; height:50px; float:left; background:#BE0000; margin-left: 10px;}
#marquee h2 {border-radius:3px; color:#fff; height:50px; line-height:50px;
				text-align:center; margin-top: 0px}

#bodyleft {width:18%; min-height:500px; background:#fff; float:left; margin:1%; border-radius:5px; padding:1%;
			box-sizing:border-box}
#bodyleft h3 {height:30px; line-height:30px; background:#DA0000; color:#fff; text-align:center; border-radius:3px}
#bodyleft ul {list-style:none; margin-top:5px}
#bodyleft ul li {width:100%; height:30px; line-height:30px; padding-left:2%; border-bottom:1px solid #e6e6e6;
					box-sizing:border-box; border-radius:3px}
#bodyleft ul li a {text-decoration:none; color:#000; display:block}
#bodyleft ul li:hover {background:#9F0000}
#bodyleft ul li:hover a {color:#fff}

#head {width: 20%; height: 100px; float: left; background-color: #FFFFFF}
#head img {width: 80%; height: 100px; margin-left: 20%}

#top {width: 80%; height: 100px; float: left; background-color: #FFFFFF}

#bodycenter {width: 100%; min-height: 500px; background:url(./../../imgs/sp-compressor.jpg);
				background-size: cover; margin-top: 0px;}
#bodycenter h2 {border-radius:3px; background:#DA0000; color:#fff; height:40px; line-height:40px;
				text-align:center; text-shadow:5px 5px 5px #000;}
#bodycenter form table {width:50%; margin-left: 400px; margin-top:250px !important}
#bodycenter form table tr th {color:#000; text-align:left; height:30px; font-size:17px; padding:0% 2% 0% 2%}
#bodycenter form table tr td {width:50%; height:35px; padding-left:6%; margin-left: 20px; color: #FFFFFF; 
							font-weight: bold}
#bodycenter form table tr td a {text-decoration:none; color:#900}
#bodycenter form table tr td input {width:70%; height:30px; padding-left:2%; box-sizing:border-box;
									border:2px solid #e6e6e6; border-radius:3px; outline-color:#9F0000}
#bodycenter form button {width:95px; height:40px; font-weight:bold; outline:none; background: #9F0000;
						 border-radius:10px; margin-top:40px; margin-left: 24px; color: #FFFFFF}
#bodycenter form button:hover {background:#ffffff; color:#000000}

#searchbar {width: 100%; height: 50px; margin-top: -20px}
#searchbar input {width: 20%; height: 35px; margin-top: 5px; float: right; border: 2px solid #e6e6e6}


#ledger_search {width: 100%; height: 50px; margin-top: -20px}
#ledger_search input {width: 20%; height: 35px; margin-top: 5px; float: left; border: 2px solid #e6e6e6}



#bodyright {width:79%; height:auto; background:#fff; float:left; margin-top:1%; border-radius:5px;
			padding:2%; box-sizing:border-box}
#bodyright h2 {border-radius:3px; background:#DA0000; color:#fff; height:40px; line-height:40px;
				text-align:center; text-shadow:5px 5px 5px #000; margin-top: 10px}
#bodyright form table {width:98%; margin:auto; margin-top:10px !important; border: 2px solid #e6e6e6}
#bodyright form table tr th {color:#000; text-align:left; height:30px; font-size:17px; padding:0% 2% 0% 2%;
							 border: 2px solid #e6e6e6}
#bodyright form table tr td {width:10%; height:35px; padding-left:2.5%; border: 2px solid #e6e6e6}
#bodyright form table tr td a {text-decoration:none; color:#900; display: block;}
#bodyright form table tr td input {width:100%; height:30px; padding-left:2%; box-sizing:border-box;
						margin-left: -22px; border:2px solid #e6e6e6; border-radius:3px; outline-color:#9F0000}
#bodyright form table tr td select{width:100%; height:30px; padding-left:2%; box-sizing:border-box;
						margin-left: -22px; border:2px solid #e6e6e6; border-radius:3px; outline-color:#9F0000}
#bodyright form button {width:200px; height:40px; font-weight:bold; outline:none; background:#fff;
						border:2px solid #9F0000; border-radius:3px; margin-top:10px}
#bodyright form button:hover {background:#9F0000; color:#fff}
#bodyright tr td button a {text-decoration:none; color:#000; display:block}
#bodyright tr td button:hover {background:#9F0000}
#bodyright tr td button:hover a {color:#fff}



#newOrder {width: 100%; height: auto; margin-top: 20px;}


.class {width:98%; margin:auto; margin-top:10px !important; border: 2px solid #e6e6e6}


.status input {width:100%; height:30px; padding-left:2%; box-sizing:border-box;
						margin-left: -22px; border:2px solid #e6e6e6; border-radius:3px; outline-color:#9F0000}
.status select{width:100%; height:30px; padding-left:2%; box-sizing:border-box;
						margin-left: -22px; border:2px solid #e6e6e6; border-radius:3px; outline-color:#9F0000}

/*View And Raw Material Add Page CSS Start to Here*/

#view {width: 48%; min-height: 500px; margin-top: -20px; float: left;
		box-sizing:border-box;}
#view form table {width:98%; margin:auto; margin-top:10px !important; border: 2px solid #e6e6e6}
#view form table tr th {color:#000; text-align:left; height:30px; font-size:17px; padding:0% 2% 0% 2%;
							 border: 2px solid #e6e6e6}
#view form table tr td {width:10%; height:35px; padding-left:2.5%; border: 2px solid #e6e6e6}
#view form table tr td a {text-decoration:none; color:#900}
#view form table tr td input {width:100%; height:30px; padding-left:2%; box-sizing:border-box;
						margin-left: -22px; border:2px solid #e6e6e6; border-radius:3px; outline-color:#9F0000}
#view form table tr td select{width:100%; height:30px; padding-left:2%; box-sizing:border-box;
						margin-left: -22px; border:2px solid #e6e6e6; border-radius:3px; outline-color:#9F0000}



#add {width: 48%; min-height: 500px; margin-top: -20px; float: right;
		box-sizing:border-box}
#add form table {width:98%; margin:auto; margin-top:10px !important; border: 2px solid #e6e6e6}
#add form table tr th {color:#000; text-align:left; height:30px; font-size:17px; padding:0% 2% 0% 2%;
							 border: 2px solid #e6e6e6}
#add form table tr td {width:10%; height:35px; padding-left:2.5%; border: 2px solid #e6e6e6}
#add form table tr td a {text-decoration:none; color:#900}
#add form table tr td input {width:100%; height:30px; padding-left:2%; box-sizing:border-box;
						margin-left: -1px; border:2px solid #e6e6e6; border-radius:3px; outline-color:#9F0000}
#add form table tr td select{width:100%; height:30px; padding-left:2%; box-sizing:border-box;
						margin-left: -22px; border:2px solid #e6e6e6; border-radius:3px; outline-color:#9F0000}
#add form button {width:200px; height:40px; font-weight:bold; outline:none; background:#fff;
						border:2px solid #9F0000; border-radius:3px; margin-top:10px}
#add form button a {text-decoration: none; color: #000}
#add form button:hover a {color: #FFFFFF}
#add form button:hover {background:#9F0000; color:#fff}








.scroll form table tr th { border: 2px solid #e6e6e6;min-width:100%;font-size: 12px!important;}
.scroll form table tr td { border: 2px solid #e6e6e6;min-width: 30px; height: 5px; padding-left: 3px !important;
	text-align:center;}
.scroll form table tr td img {width: 100px; height: 80px}


.manage form table tr th {font-size: 12px !important; min-width: 100%; height: 35px; font-weight:bold;}
.manage form table tr td {padding-left: 2.1% !important;}


#home {width: 70%; height: 450px; background-color: #6E1A03}

.box {width: 250px; min-height: 140px; background-color: #F0F0F0; margin-left: 50px; border-radius: 5px;
	  float: left; margin-top: 30px}
.box h4 {border-radius:3px; background:#9F0000; color:#fff; height:30px; line-height:30px; text-align: center;
		 margin-top: 0px}
.box h1 {text-align: center; color: #9F0000; height: 90px; line-height: 90px}
.box a{text-decoration:none;color:#900;}
.box ul{list-style-type:none; margin:10px 20px 0px 50px;}
.box ul li{height:30px; line-height:30px;  width:150px; text-align:center; border-radius:3px}


.box1 {width: 250px; min-height: 140px; background-color: #F0F0F0; margin-left: 50px; border-radius: 5px;
	  float: left; margin-top: 30px}
.box1 h4 {border-radius:3px; background:#9F0000; color:#fff; height:30px; line-height:30px; text-align: center;
		 margin-top: 0px}
.box1 h1 {text-align: center; color: #9F0000; height: 90px; line-height: 90px}
.box1 a{text-decoration:none;color:#900;}
.box1 ul{list-style-type:none; margin:10px 20px 0px 50px;}
.box1 ul li{height:30px; line-height:30px;  width:150px; text-align:center; border-radius:3px}




.stock table {width:100%; margin-left: 10px; margin-top:10px; border: 2px solid #e6e6e6}
.stock table tr th {text-align:left; height:30px; font-size:17px; padding:0% 2% 0% 2%; border: 2px solid #e6e6e6}
.stock table tr td {width:15%; height:35px; padding-left:2.5%; border: 2px solid #e6e6e6}


/* Cat and Sub_Cat Detail Page CSS Start From Here*/


#bodyleftcat {width:77%; min-height:500px; background:#fff; margin-top:1%; border-radius:5px;
			padding:2%; box-sizing:border-box; margin-left: 1%;}
#bodyleftcat h2 {border-radius:3px; background:#DA0000; color:#fff; height:40px; line-height:40px;
				text-align:center; text-shadow:5px 5px 5px #000;}
#bodyleftcat form table {width:90%; margin:auto; margin-top:10px !important}
#bodyleftcat form table tr th {color:#000; text-align:left; height:30px; font-size:17px; padding:0% 2% 0% 2%}
#bodyleftcat form table tr td {width:10%; height:35px; padding-left:2.5%}
#bodyleftcat form table tr td a {text-decoration:none; color:#900}
#bodyleftcat form table tr td input {width:100%; height:30px; padding-left:2%; box-sizing:border-box;
									border:2px solid #e6e6e6; border-radius:3px; outline-color:#9F0000}
#bodyleftcat form table tr td select{width:100%; height:30px; padding-left:2%; box-sizing:border-box;
									border:2px solid #e6e6e6; border-radius:3px; outline-color:#9F0000}
#bodyleftcat form button {width:200px; height:40px; font-weight:bold; outline:none; background:#fff;
						border:2px solid #9F0000; border-radius:3px; margin-top:10px}
#bodyleftcat form button:hover {background:#9F0000; color:#fff}



#bodyrightcat {width:20%; height:500px; background:#fff; float:right; margin:1%; border-radius:5px; padding:1%;
			box-sizing:border-box}
#bodyrightcat h3 {height:30px; line-height:30px; background:#DA0000; color:#fff; text-align:center;
				border-radius:3px}
#bodyrightcat ul {list-style:none; margin-top:5px}
#bodyrightcat ul li {width:100%; height:30px; line-height:30px; padding-left:2%; border-bottom:1px solid #e6e6e6;
					box-sizing:border-box; border-radius:3px}
#bodyrightcat ul li a {text-decoration:none; color:#000; display:block}
#bodyrightcat ul li:hover {background:#9F0000}
#bodyrightcat ul li:hover a {color:#fff}





#datasale {width: 30%; min-height: 500px; border: 2px solid #000; margin-top: 10px; float: left;margin-left: 10px}

#data_b {width: 30%; min-height: 500px; border: 2px solid green; margin-top: 10px; float: left; margin-left: 10px}

#data_cre {width: 30%; min-height: 500px; border: 2px solid red; margin-top: 10px; float: left; margin-left: 10px}







#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #A42E30; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
	float: right;
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}