/** Styles here **/

/*Goldpreis Kalkulator*/
table#gold-calculator-table tr:first-child {
	background-color:#CBAD69!important;
color: #fff;
}


table#gold-calculator-table tr.position {
	background-color: #DBC696;
}

table#gold-calculator-table tr:first-child th:first-child {
	padding-left:10px;
	}

table#gold-calculator-table tr th {
	font-size:80%;
	text-transform: capitalize;
}



table#gold-calculator-table button.add-position,
table#gold-calculator-table button.remove-position {
	margin-bottom: 0;
	margin-right: 0;
	padding: 0 1em;
}
.add-position:hover, .remove-position:hover{
	cursor:pointer;
}


	table#gold-calculator-table td {
	text-align: right;
	}

	table#gold-calculator-table td:last-child {
	text-align: center;
}

td:first-child {
	padding-left: 10px!important;
}

	table#gold-calculator-table button.add-position svg,
	table#gold-calculator-table button.remove-position svg { 
	vertical-align: sub;
}


/*************** MOBILE ONLY CSS  ***************/
@media all and (min-width:375px) and (max-width: 768px) {
	table#gold-calculator-table td {
	    font-size: 60%!important;	
		padding: .3em;
		line-height: 1.2;
		
	}
	

	
	table#gold-calculator-table input[type=number],
	table#gold-calculator-table select#tpg-gold-purity {
		font-size: 0.75rem;
		padding: 0.5em;
	}

	table#gold-calculator-table tr th {
		width: 1%;
		white-space: nowrap;
		font-size:55%;
		
	}
	
	table#gold-calculator-table button.add-position,
	table#gold-calculator-table button.remove-position{
		padding: 0;
	}

	table#gold-calculator-table button.add-position svg,
	table#gold-calculator-table button.remove-position svg{
		width: 18px!important;
		padding-top: 8px;
	}
	
}