@CHARSET "UTF-8";

.cmmrm-route-editor .cmmrm-custom-field-grade-scale-item {cursor: pointer;}
.cmmrm-custom-field-grade-scale-item {display: inline-block; width: 30px; height: 30px; vertical-align: top;}
.cmmrm-custom-field-grade-scale-item .icon {font-size: 26px !important; color: #f0f0f0; vertical-align: top;}
.cmmrm-custom-field-grade-scale-item.cmmrm-marked .icon {color: #ffcc00;}
.cmmrm-custom-field-grade-scale-value {display: inline-block; width: auto; height: 30px; line-height: 30px; vertical-align: top; font-size: 120%; margin-left: 0.5em;}

.cmmrm-shortcode-route-snippet .cmmrm-custom-fields-grades {padding-top: 20px;}
.cmmrm-shortcode-route-snippet .cmmrm-custom-fields-grades-field > strong {display: inline-block; width: 100%; text-align:right; font-size: 11px; vertical-align: top; height: 20px;}
.cmmrm-shortcode-route-snippet .cmmrm-custom-field-grade-scale {display: block; float:right; }
.cmmrm-shortcode-route-snippet .cmmrm-custom-field-grade-scale-item {width: 20px; height: 20px;}
.cmmrm-shortcode-route-snippet .cmmrm-custom-field-grade-scale-item .icon {font-size: 16px !important;}
.cmmrm-shortcode-route-snippet .cmmrm-custom-field-grade-scale-value {width: auto; height: 20px; line-height: 20px; font-size: 12px;}