div.co2c_form {
margin-left: 17%;
width: 66%;
}
div.co2c_result {
}
fieldset {
background-color: #f9f9f9;
margin-bottom: 2rem;
}
fieldset div {
margin-top: 1rem;
}
fieldset div div {
margin-top: 0rem;
}
fieldset span {
border: 1px solid #84bd00;
background-color: #85bd00;
color: #32372b;
border-radius: 3px;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
fieldset span:hover {
cursor: pointer;
border: 1px solid #72a300;
background-color: #72a300;
color: #203225;
}
input[type=number] {
width: 5rem;
text-align: right;
}
input[type=button] {
border: 1px solid #84bd00;
border-radius: 3px;
margin-top: 1rem;
background-color: #85bd00;
color: #32372b;
padding: 0.5rem;
}
input[type=button]:hover {
cursor: pointer;
border: 1px solid #72a300;
background-color: #72a300;
color: #203225;
}
select {
width: 15rem;
cursor: pointer;
}
span.co2c_add {
display: block;
text-align: center;
width: 1rem;
margin-top: 0.2rem;
line-height: 1.5rem;
}
table td,
table th {
text-align: left;
padding-left: 0.4rem;
padding-right: 0.4rem;
}
td.co2c_number {
text-align: right;
}
tr.co2c_category th {
padding-top: 2rem;
}
tr.co2c_column td {
font-weight: 900;
}
tr.co2c_sum,
tr.co2c_sum_overall,
tr.co2c_sum_mobile_1,
tr.co2c_sum_mobile_2,
tr.co2c_sum_overall_mobile_1,
tr.co2c_sum_overall_mobile_2 {
font-weight: 900;
}
tr.co2c_product_mobile_1 td,
tr.co2c_sum_mobile_1 td,
tr.co2c_sum_overall_mobile_1 td {
border-bottom: 1px solid #ffffff;
}
tr.co2c_product_mobile_2 td,
tr.co2c_sum_mobile_2 td,
tr.co2c_sum_overall_mobile_1 td {
border-top: 1px solid #ffffff;
}
tr.co2c_sum_overall,
tr.co2c_sum_overall_mobile_1 {
border-top: 2px solid #e5e5e5;
}
@media (max-width: 1024px) {
div.co2c_form {
margin-left: 12%;
width: 76%;
}
}
@media (max-width: 640px) {
div.co2c_form {
margin-left: 4%;
width: 92%;
}
input[type=number] {
width: 3rem;
}
select {
width: 10rem;
}
}