.union-dues-calc-app * {
    color: #1b4978;
}

.union-dues-calc-app .union-dues,
.union-dues-calc-app .annual-salary-with-union-dues
{
    display: table;
    width: 100%;
}

.union-dues-calc-app .union-dues .label,
.union-dues-calc-app .annual-salary-with-union-dues .label 
{
    display: table-cell;
    width: 60%;
}

.union-dues-calc-app .union-dues .amount,
.union-dues-calc-app .annual-salary-with-union-dues .amount
{
    display: table-cell;
    width: 40%;
    text-align: right;
}

.union-dues-calc-app input[name="annual_salary"] {
    text-align: right; 
    background-color: #fff !important;
}

.union-dues-calc-app input[name="annual_salary"]::-webkit-outer-spin-button,
.union-dues-calc-app input[name="annual_salary"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.union-dues-calc-app input[name="annual_salary"] {
    -moz-appearance:textfield; /* Firefox */
}

.union-dues-calc-app button {
    background-color: #1b4978;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: .6em 1em;
    border-radius: 4px;
    cursor: pointer;
}

.union-dues-calc-app .result .value {
	display: inline;
	font-weight: 700;
	color: #f00 !important;
}

.union-dues-calc-app .result .value > div {
	color: #f00 !important;
}

.union-dues-calc-app .monthly-dues,
.union-dues-calc-app .annual-dues,
.union-dues-calc-app .salary-after-dues,
.union-dues-calc-app .dues-paid-over-3-year-contract
{
    display: inline;
}

.nnu-calc-app input[type="text"],
.nnu-calc-app input[type="number"]
{
    background-color: #fff !important;
}