/* Basic form field styling */
.cms-jenvey-injector-sizing-app input[type="number"],
.cms-jenvey-injector-sizing-app select {
width: 100%;
padding: 10px;
border: 2px solid #ddd;
border-radius: 4px;
font-size: 1em;
background-color: #fff;
margin-bottom: 15px;
box-sizing: border-box;
}
.cms-jenvey-injector-sizing-app input[type="number"]:focus,
.cms-jenvey-injector-sizing-app select:focus {
outline: none;
border-color: #d32f2f;
}
.cms-jenvey-injector-sizing-app label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.cms-jenvey-injector-sizing-app button {
background-color: #d32f2f;
color: white;
padding: 12px 24px;
border: none;
border-radius: 4px;
font-size: 1em;
font-weight: bold;
cursor: pointer;
margin-top: 10px;
}
.cms-jenvey-injector-sizing-app button:hover {
background-color: #b71c1c;
}
/* Results styling */
.cms-jenvey-injector-sizing-app #results {
background-color: #f9f9f9;
padding: 20px;
border-radius: 4px;
border: 2px solid #d32f2f;
margin-top: 20px;
}
.cms-jenvey-injector-sizing-app #results h3 {
color: #d32f2f;
margin-top: 0;
}
.cms-jenvey-injector-sizing-app #results strong {
color: #d32f2f;
font-size: 1.5em;
}
.cms-jenvey-injector-sizing-app #results p {
margin: 10px 0;
}
Toggle Nav
Search