/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 21 2024 | 07:34:34 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.magnet-calculator input, .magnet-calculator select{
min-width: 100%;
}


/* 1. 输入框去除加减按钮 */
.magnet-calculator input[type="number"]::-webkit-inner-spin-button, .magnet-calculator input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.magnet-calculator input[type="number"] {
-moz-appearance: textfield;
}


/* 2. 输入框focus样式 */
.magnet-calculator input, .magnet-calculator select{
border: solid 1px #33333333!important;
border-radius: 0.2rem!important;
}

.magnet-calculator input:focus{
border: solid 1px #000!important;
}

/* 3. 计算按钮指针样式 */
#calculateButton-1, #calculateButton-2, #calculateButton-3, #calculateButton-4{
cursor: pointer;
}

/* 4. 输入错误样式 */
.error-message {
color: #D00000;
font-size: 0.8rem;
}

/* 5. 计算按钮宽度设置 */
#calculateButton-1, #calculateButton-2, #calculateButton-3, #calculateButton-4 {
width: 100%;
}