.na__calc_top_bar{
    border-radius: 10px 0;
    background-color: #232d5a;
    padding: 5px;
}
.na__calc_top_bar .na__calc_form_title h3 {
font-family: 'PT Sans', Times, serif;
color: #ffe1cd;
font-size: 1.25em;
line-height: 20px;
font-weight: 700;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
}
.na__calc_form {
/*margin-top: 20px;*/
margin-bottom: 20px;
padding: 10px;
color: #464646;
font-family: 'PT Sans', Times, serif;
font-size: 14px;
box-sizing: border-box;
background-color: #F0DDC3;
max-width: 320px;
border-radius: 10px;
}
.na__calc_form_inner {
padding-top: 20px;
}
.na__input-field input[type="text"], .na__input-field input[type="number"], .na__input-field textarea, select {
width: 100%;
line-height: 30px;
margin-bottom: 15px;
border: 0;
padding-left: 15px;
font-size: 14px;
box-sizing: border-box;

}
.na__button {
appearance:none;
-webkit-appearance:none;
padding:10px;
border:none;
background-color:#232d5a;
color:#fff;
font-size: 16px;
text-transform: uppercase;
cursor: pointer;
border-radius:5px;
width:100%;
margin-bottom: 15px;
}
.na__reset {
background-color: brown;
}
#na__results {
margin-top:10px
}
.na__alert {
padding: 15px;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-radius: 4px;
}
.na__alert-info {
color: #31708f;
background-color: #ffffff;
border-color: #ddd;
}
.na__paye-table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.na__paye-table-bordered, .na__paye-table-bordered > tbody > tr > td, .na__paye-table-bordered > tbody > tr > th, .na__paye-table-bordered > tfoot > tr > td, .na__paye-table-bordered > tfoot > tr > th, .na__paye-table-bordered > thead > tr > td, .na__paye-table-bordered > thead > tr > th {
border: 1px solid #ddd;
}

.na__paye-table > tbody > tr > td, .na__paye.table > tbody > tr > th, .na__paye-table > tfoot > tr > td, .na__paye-table > tfoot > tr > th, .na__paye-table > thead > tr > td, .na__paye-table > thead > tr > th {
padding: 8px;
line-height: 1.25;
vertical-align: top;
border-top: 1px solid #ddd;
}
.na__paye-note {
margin-top: 15px;
}
.na__calc-centered-div {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    clear: both;
  }

@media only screen and (max-width: 600px) {
    .na__paye-table td {
      width: 50%;
    }
    .na__paye-table tr {
        display: flex;
      }
  }