/* Container settings */
#itm-kalkulator-container {
    width: 100%;
    box-sizing: border-box;
}

/* Two-column layout */
#itm-kalkulator-row {
    display: flex;
    flex-wrap: wrap;
}

/* Left and right columns at 50% width */
#itm-kalkulator-left-column,
#itm-kalkulator-right-column {
    box-sizing: border-box;
}

#itm-kalkulator-left-column {
    padding: 0 30px 20px 0;
    width: 45%;
}

#itm-kalkulator-right-column {
	background:#fff;
	color:#000;
	border-radius:10px;
    width: 55%;
	padding-bottom:20px;
}
/* Hide box*/

.hidebox {
    display: none;
	margin:20px 20px 0;
}

.hidebox h3{
	font-size:1.6rem;
	font-weight:700;
	text-align:center;
}

#itm-normal-range {
	font-size:2.2rem;
	font-weight:bold;
	text-align:center;
	color:#4338ca;
}

#itm-weight-calc-message {
	text-align:center;
}

/* Input fields row */
#itm-inputs-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

#itm-weight-field, #itm-height-field {
    flex: 1;
	padding:0 5px;
}

#itm-weight-field input, #itm-height-field input {
    width: 100%;
    margin-bottom: 15px;
	border-radius:4px;
}

#itm-age-field select {
    width: 100%;
    margin-bottom: 15px;
	border-radius:4px;
}

#itm-age-field {
    padding:0 5px;
}


/* Remove right margin on the last input */
#itm-weight-field:last-child, #itm-height-field:last-child {
    margin-right: 0;
}

#itm-age-field {
    margin-bottom: 15px;
}

#itm-age-field select{
    width:100%!important;
}

/* Buttons row */
#itm-buttons-row {
    display: flex;
    flex-wrap: wrap;
}

#itm-buttons-row button{
    border-radius:4px;
	background:#eef2ff;
	color:#4338ca;
	margin-right:10px;
}

#itm-calculate-button-container,
#itm-reset-button-container {
    flex: 1;
    min-width: 150px;
    margin: 0 0 15px 5px;
}

#itm-reset-button-container {
    margin-right: 0;
}

/* Results*/
#itm-bmi-result-container {
	padding:20px 10px 30px;
	background:#6366f1;
	border-radius:10px 10px 0 0;
	color:#eef2ff;
	text-align:center;
}

#itm-bmi-result-container h3 {
	font-size:1.6rem;
	font-weight:700;
	padding:10px 0px 0;
	margin:0px;
}

#itm-bmi-result {
	font-size:3rem;
	font-weight:bold;
}

#itm-bmi-class {
	font-size:1.4rem;
	font-weight:700;
}

/* Error messages styling */
.itm-error {
    color: red;
    font-size:1em;
    margin-top: 5px;
}

/* MOBILE */
@media (max-width: 760px) {
#itm-kalkulator-left-column,
#itm-kalkulator-right-column {
    width: 100%;
}
#itm-kalkulator-left-column {
	padding-right:0;
}

}