.show {
    display: block;
}

.hide {
    display: none;
}

.details_heading {
    background-color: #00246B;
    color: whitesmoke;
    border: none;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.dashboard_heading_grid {
    display: grid;
    grid-template-columns: 50% 50%;
    background-color: #CADCFC;
    padding: 10px;
    column-gap: 10px;
    border: none;
    border-radius: 5px;
    margin-bottom: 20px;
}

.dashboard_heading_grid > div {
  padding: 10px;
}

.dashboard_input_grid {
    display: grid;
    grid-template-columns: 50% 50%;
    background-color: #CADCFC;
    padding: 10px;
    column-gap: 10px;
    border: none;
    border-radius: 5px;
    margin-bottom: 20px;
}

.dashboard_input_grid > div {
  padding: 10px;
}

.dashboard_input_grid_row_item {
    display: inline-grid;
    background-color: #00246B;
    border: none;
    color: whitesmoke;
    border-radius: 5px;
}

.borrower_dashboard_input {
    color: black;
    width: 150px;
    margin-right: 15px;
}

.dashboard_output_grid {
    display: grid;
    grid-template-columns: 50% 50%;
    background-color: #CADCFC;
    padding: 10px;
    column-gap: 10px;
    row-gap: 10px;
    border: none;
    border-radius: 5px;
    margin-top: 20px;
}

.dashboard_output_grid > div {
    padding: 10px;
}

.dashboard_output_grid_row_item {
    display: none;
    color: whitesmoke;
    background-color: #00246B;
    border: none;
    border-radius: 5px;
}

.company_name {
    font-size: 24px;
    font-weight: bold;
}

#s1 {
    background-color: #00246B;
    font-weight: bold;
    color: whitesmoke;
    border: none;
    border-radius: 5px;
    padding: 10px;
}

a {
    color: whitesmoke;
    text-decoration: none;
}

label {
    display: inline-block;
    width: 180px;
    text-align: left;
    margin-left: 10px;
}

select {
    border-color: #1d76ff;
    border-radius: 5px;
    background-color: azure;
}

input {
    border-color: #1d76ff;
    border-radius: 5px;
    background-color: azure;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.ccy {
    color: black;
}

.text_out {
    background-color: #1d76ff;
    color: whitesmoke;
    border: none;
    border-radius: 5px;
    padding: 10px;
}

.dashboard_button {
    background-color: #2895f7;
    color: white;
    border: none;
    border-radius: 5px;
}

tr:nth-of-type(even) td {
     background: #CADCFC;
    color: black;;
}

tr:nth-of-type(odd) td {
    background: #00246B;
    color: whitesmoke;
}