/* КАЛКУЛЯТОР СУММЫ ЗАРАБОТНОЙ ПЛАТЫ И КОМПЕНСАЦИИ ПРОЦЕНТА НАЛОГА */
/* отключение стрелок в полях ввода для 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;
}

/* основные стили */
.salary_calc {
    padding: 1rem;
    border: 1px solid #000;
    background-color: #eee;
}
.salary_calc > * {
    margin-bottom: 0.5rem;
}
.salary_calc > *:last-child {
    margin-bottom: 0;
}
.salary_calc div,
.salary_calc span,
.salary_calc input,
.salary_calc button {
    font-size: 1.2rem;
    letter-spacing: 0.05em;
}
.salary_calc input {
    padding: 2px 5px;
    border: 1px solid #000;
    text-align: right;
}
.input_fields {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0.5rem;
    align-items: center;
}
.input_label {}
.input_field {}
.input_measure {}
.salary_input.input_label {
	grid-area: 1 / 1 / span 1 / span 2;
}
.tax_input.input_label {
	grid-area: 3 / 1 / span 1 / span 2;
}
.result {}
.result_title {
    margin-bottom: 0.5rem;
}
.result_fileds {
    display: grid;
    grid-template-columns: auto auto;
    padding: 0.5em;
    border: 1px solid #000;
    background-color: #fff;
}
.initial_salary {}
.tax_percent {}
.tax_compensation {}
.final_salary {}
.controls {}
.calculate_button {
    width: 100%;
    padding: 10px 5px;
    border: 1px solid #000;
    border-radius: 0;
    background-color: #fff;
    text-align: center;
    text-transform: uppercase;
}

/* планшеты (портретная ориентация) */
@media screen and (max-width: 767px) {
    .salary_calc div,
    .salary_calc span,
    .salary_calc input,
	.salary_calc input:hover,
    .salary_calc button {
        font-size: 1rem !important;
        letter-spacing: unset;
    }
    .result_fileds {
        grid-template-columns: auto;
    }
    .result_fileds .result_data {
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #000;
    }
    .result_fileds .result_data:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
}