#producWrap {
	
}

#producWrap #additionAmountTable {
	width:100%;
	margin-top:20px;
	border-collapse: inherit;
	color:white;
}

#additionAmountTable td,th {
	padding:5px;	
}

#additionAmountTable tr:nth-child(odd) td{
	background-color:#a0a0a0;
}

#additionAmountTable tr:nth-child(even) td{
	background-color:#c9c9c9;
}

#producWrap h1,h2,h3,h4,h5,h6 {
	
	color:black;	
}


#producWrap #componentTitle{
    width: 250px;
    padding: 5px 10px;
    background-color: #a0a0a0;
    display: inline-block;
    text-align: right;
    color: white;
	
}

#producWrap #otherIntro {
	margin-top:20px;
	border: 1px solid gray;
	padding: 10px;	
}

.halfWrap {
		float:left;
		width:50%;
}

#intro_content::-webkit-scrollbar{ 
	width:3px;
}
#intro_content::-webkit-scrollbar-track{
	background: white;
  border-radius:2px;
}
#intro_content::-webkit-scrollbar-thumb{
  background: #427d4d;
  border-radius:2px;
 }
#intro_content::-webkit-scrollbar-thumb:hover{
  background: #333;
}
#intro_content::-webkit-scrollbar-corner{
  background: #179a16;
}

.navbar-expand-lg {
	justify-content: space-between !important;
}
.navbar-collapse {
	flex-grow: inherit;
}

@media only screen and (max-width: 768px) {
	
	.halfWrap {
		float:left;
		width:100% !important;
	}
}