/* Styles for Urine Output Rate Calculator /
.calcufacil-urine_output_rate_calculator.calcufacil-container.enhanced-urineoutput-calc {
max-width: 900px;
margin: 25px auto;
background: #f0f7ff; / Light, clean blue - medical */
padding: 20px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 25px;
font-family: 'Arial', sans-serif;
}
.calcufacil-urine_output_rate_calculator .calcufacil-left.calculator-form {
flex: 1 1 40%;
min-width: 320px;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 7px rgba(0,0,0,0.06);
}
.calcufacil-urine_output_rate_calculator .calcufacil-right.results.enhanced-urineoutput-results {
flex: 1 1 60%;
min-width: 360px;
background: #fff;
padding: 20px 25px;
border-radius: 8px;
border: 1px solid #d9e8f5;
box-shadow: 0 2px 7px rgba(0,0,0,0.06);
}
.calcufacil-urine_output_rate_calculator .calculator-form h3 {
font-size: 20px; color: #337ab7; /* Bootstrap blue / margin-top:0; margin-bottom: 10px; font-weight: 600;
}
.calcufacil-urine_output_rate_calculator .calculator-form .description {
font-size: 14px; color: #5a98d0; margin-bottom: 18px; line-height: 1.5;
}
.calcufacil-urine_output_rate_calculator .calculator-form fieldset {
border: 1px solid #cce0f0; / Light blue border */
padding: 15px 18px;
border-radius: 6px;
margin-bottom: 20px;
}
.calcufacil-urine_output_rate_calculator .calculator-form legend {
font-weight: 600; color: #337ab7; padding: 0 10px; font-size: 1.1em;
display: flex; align-items: center; gap: 8px;
}
.calcufacil-urine_output_rate_calculator .calculator-form legend i { color: #79aee2; }
.calcufacil-urine_output_rate_calculator .input-group { margin-bottom: 12px; display: flex; flex-direction: column; }
.calcufacil-urine_output_rate_calculator .input-group label {
font-weight: 500; color: #337ab7; margin-bottom: 5px; font-size: 13.5px;
}
.calcufacil-urine_output_rate_calculator .input-group input[type="text"],
.calcufacil-urine_output_rate_calculator .input-group input[type="number"] {
width: 100%; padding: 9px; border: 1px solid #b8cde0; border-radius: 4px;
font-size: 14px; box-sizing: border-box;
}
.calcufacil-urine_output_rate_calculator button[type="submit"] {
background: #337ab7; color: #fff; padding: 11px 22px; border: none; border-radius: 5px;
cursor: pointer; font-size: 16px; width: 100%; margin-top: 10px; font-weight: bold;
}
.calcufacil-urine_output_rate_calculator button[type="submit"]:hover { background: #286090; }
/* Results Area Styling /
.calcufacil-urine_output_rate_calculator .results.enhanced-urineoutput-results h2 {
font-size: 21px; color: #337ab7; text-align: center; margin-top:0; margin-bottom: 18px;
}
.calcufacil-urine_output_rate_calculator .urineoutput-result-display {
background-color: #e9f2fa; border: 1px solid #cce0f0; border-radius: 6px;
padding: 15px; margin-bottom: 20px; text-align: center;
}
.calcufacil-urine_output_rate_calculator .urineoutput-result-display p {
font-size: 1.05em; color: #337ab7; margin: 0 0 10px 0;
}
.calcufacil-urine_output_rate_calculator .calculated-value-box-urineoutput {
font-size: 2.2em; font-weight: bold; color: #23527c; / Darker blue /
padding: 10px; background-color: #fff; border-radius: 4px;
display: inline-block; border: 1px solid #b8cde0; margin-bottom:10px;
}
.calcufacil-urine_output_rate_calculator .interpretation {
font-size: 1em; padding: 8px; border-radius: 4px; margin-top: 5px;
}
.calcufacil-urine_output_rate_calculator .uo-low { background-color: #fff3cd; color: #856404; border: 1px solid #ffeeba;} / Yellow warning /
.calcufacil-urine_output_rate_calculator .uo-normal { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb;} / Green normal /
.calcufacil-urine_output_rate_calculator .uo-high { background-color: #fff3cd; color: #856404; border: 1px solid #ffeeba;} / Yellow warning /
.calcufacil-urine_output_rate_calculator .uo-anuria { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb;} / Red critical */
.calcufacil-urine_output_rate_calculator .disclaimer-box.urineoutput-disclaimer {
margin-top: 20px; padding: 12px; background-color: #ffebee; /* Light Red for medical disclaimer */
border: 1px solid #ffcdd2; border-left: 4px solid #d32f2f; border-radius: 4px; font-size: 0.85em;
}
.calcufacil-urine_output_rate_calculator .disclaimer-box h4 { margin-top: 0; margin-bottom: 8px; color: #b71c1c; display:flex; align-items:center; gap:6px;}
.calcufacil-urine_output_rate_calculator .disclaimer-box ul { list-style: disc; margin-left: 18px; padding-left: 0; color: #c62828; line-height: 1.5; }
.calcufacil-urine_output_rate_calculator .initial-message {
text-align: center; padding: 20px; background-color: #e9f2fa;
border: 1px dashed #cce0f0; border-radius: 5px; margin-top: 15px; color: #5a98d0;
}
@media (max-width: 900px) {
.calcufacil-urine_output_rate_calculator.calcufacil-container.enhanced-urineoutput-calc { flex-direction: column; }
.calcufacil-urine_output_rate_calculator .calcufacil-left.calculator-form,
.calcufacil-urine_output_rate_calculator .calcufacil-right.results.enhanced-urineoutput-results {
flex-basis: 100%; min-width: 100%; margin-bottom: 20px;
}
.calcufacil-urine_output_rate_calculator .calcufacil-right.results.enhanced-urineoutput-results { margin-bottom: 0; }
}