body { font-family:verdana; }

#content { width:95%; max-width:350px; margin:auto; padding-top:30px; text-align: center; }

.hidden { position: absolute; visibility: hidden; opacity: 0;}
.dest-checkbox + label {display: inline-block; background-color: #e7e7e7; text-align: center; padding: 3px 10px; width: 85%; border-radius: 10px;}
.dest-checkbox:checked + label {background-color: #ffbd33;}
label {margin-right: 10%; cursor:pointer;}

label .icon {fill: white; stroke:black; stroke-width: 1;}
input[type="checkbox"]:checked + label .icon {color: red; fill: red; stroke:red;}

td {padding:4px 10px;}

input[name="odobegin"], input[name="odoend"] {width: 85%;}
input[name="location"] {width: 100%; text-align: left;}

.border {border:2px solid #f00}
.hr-m-20 {margin:20px 0}
.hr-m-30 {margin:30px 0}