i.sup-icon {
    width: 1.5em;
    height: 1.2em;
    display: inline-block;
    position: relative;
    background-size: contain;
    top: 5px;
    background-position: center;
    background-repeat: no-repeat;
}
.SUP_key {
    font-style: normal;
	font-size: 0.85em;
    background-color: #f7f7f9;
    color: #57585a;
    border: 1px solid #e9e9ee;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 2px 0 6px;
    text-transform: uppercase;
}

.sup-select-icon{
	background-image: url(../icons/tb_select.svg);
}
.sup-paintbucket-icon{
	background-image: url(../icons/tb_paint.svg);
}
.sup-3dtext-icon{
	background-image: url(../icons/tb_3dtext.svg);
}
.sup-arc-icon{
	background-image: url(../icons/tb_arc.svg);
}
.sup-arc3point-icon{
	background-image: url(../icons/tb_arc3point.svg);
}
.sup-arc3pointfit-icon{
	background-image: url(../icons/tb_arc3pointfit.svg);
}
.sup-arc3pointpie-icon{
	background-image: url(../icons/tb_arc3pointpie.svg);
}
.sup-axes-icon{
	background-image: url(../icons/tb_axes.svg);
}
.sup-backedges-icon{
	background-image: url(../icons/tb_backedges.svg);
}
.sup-backview-icon{
	background-image: url(../icons/tb_backview.svg);
}
.sup-circle-icon{
	background-image: url(../icons/tb_circle.svg);
}
.sup-classifier-icon{
	background-image: url(../icons/tb_classifier.svg);
}
.sup-dimension-icon{
	background-image: url(../icons/tb_dimension.svg);
}
.sup-erase-icon{
	background-image: url(../icons/tb_erase.svg);
}
.sup-followme-icon{
	background-image: url(../icons/tb_followme.svg);
}
.sup-freehand-icon{
	background-image: url(../icons/tb_freehand.svg);
}
.sup-frontview-icon{
	background-image: url(../icons/tb_frontview.svg);
}
.sup-hiddenline-icon{
	background-image: url(../icons/tb_hiddenline.svg);
}
.sup-intersect-icon{
	background-image: url(../icons/tb_intersect.svg);
}
.sup-isoview-icon{
	background-image: url(../icons/tb_isoview.svg);
}
.sup-label-icon{
	background-image: url(../icons/tb_label.svg);
}
.sup-leftview-icon{
	background-image: url(../icons/tb_leftview.svg);
}
.sup-tb_line-icon{
	background-image: url(../icons/tb_line.svg);
}
.sup-lookaround-icon{
	background-image: url(../icons/tb_lookaround.svg);
}
.sup-measure-icon{
	background-image: url(../icons/tb_measure.svg);
}
.sup-monochrome-icon{
	background-image: url(../icons/tb_monochrome.svg);
}
.sup-move-icon{
	background-image: url(../icons/tb_move.svg);
}
.sup-offset-icon{
	background-image: url(../icons/tb_offset.svg);
}
.sup-orbit-icon{
	background-image: url(../icons/tb_orbit.svg);
}
.sup-outershell-icon{
	background-image: url(../icons/tb_outershell.svg);
}
.sup-pan-icon{
	background-image: url(../icons/tb_pan.svg);
}
.sup-polygon-icon{
	background-image: url(../icons/tb_polygon.svg);
}
.sup-positioncamera-icon{
	background-image: url(../icons/tb_positioncamera.svg);
}
.sup-protractor-icon{
	background-image: url(../icons/tb_protractor.svg);
}
.sup-pushpull-icon{
	background-image: url(../icons/tb_pushpull.svg);
}
.sup-rectangle-icon{
	background-image: url(../icons/tb_rectangle.svg);
}
.sup-rectangle3point-icon{
	background-image: url(../icons/tb_rectangle3point.svg);
}
.sup-rightview-icon{
	background-image: url(../icons/tb_rightview.svg);
}
.sup-rotate-icon{
	background-image: url(../icons/tb_rotate.svg);
}
.sup-scale-icon{
	background-image: url(../icons/tb_scale.svg);
}
.sup-section-icon{
	background-image: url(../icons/tb_section.svg);
}
.sup-sectioncut-icon{
	background-image: url(../icons/tb_sectioncut.svg);
}
.sup-sectionfill-icon{
	background-image: url(../icons/tb_sectionfill.svg);
}
.sup-sectionplane-icon{
	background-image: url(../icons/tb_sectionplane.svg);
}
.sup-shaded-icon{
	background-image: url(../icons/tb_shaded.svg);
}
.sup-shadowtoggle-icon{
	background-image: url(../icons/tb_shadowtoggle.svg);
}
.sup-split-icon{
	background-image: url(../icons/tb_split.svg);
}
.sup-subtract-icon{
	background-image: url(../icons/tb_subtract.svg);
}
.sup-textures-icon{
	background-image: url(../icons/tb_textures.svg);
}
.sup-topview-icon{
	background-image: url(../icons/tb_topview.svg);
}
.sup-trim-icon{
	background-image: url(../icons/tb_trim.svg);
}
.sup-union-icon{
	background-image: url(../icons/tb_union.svg);
}
.sup-walk-icon{
	background-image: url(../icons/tb_walk.svg);
}
.sup-wireframe-icon{
	background-image: url(../icons/tb_wireframe.svg);
}
.sup-xray-icon{
	background-image: url(../icons/tb_xray.svg);
}
.sup-zoom-icon{
	background-image: url(../icons/tb_zoom.svg);
}
.sup-zoomextents-icon{
	background-image: url(../icons/tb_zoomextents.svg);
}
.sup-zoomwindow-icon{
	background-image: url(../icons/tb_zoomwindow.svg);
}
/*css lo shortcode*/

.lo-alignbottom-icon{
	background-image: url(../icons/LO_icons/tb_alignbottom.svg);
}
.lo-alignleft-icon{
	background-image: url(../icons/LO_icons/tb_alignleft.svg);
}
.lo-alignright-icon{
	background-image: url(../icons/LO_icons/tb_alignright.svg);
}
.lo-aligntop-icon{
	background-image: url(../icons/LO_icons/tb_aligntop.svg);
}
.lo-angulardimension-icon{
	background-image: url(../icons/LO_icons/tb_angulardimension.svg);
}
.lo-arcchordbulge-icon{
	background-image: url(../icons/LO_icons/tb_arcchordbulge.svg);
}
.lo-arcthreepoint-icon{
	background-image: url(../icons/LO_icons/tb_arcthreepoint.svg);
}
.lo-centerhorizontal-icon{
	background-image: url(../icons/LO_icons/tb_centerhorizontal.svg);
}
.lo-centervertical-icon{
	background-image: url(../icons/LO_icons/tb_centervertical.svg);
}
.lo-circle-icon{
	background-image: url(../icons/LO_icons/tb_circle.svg);
}
.lo-ellipse-icon{
	background-image: url(../icons/LO_icons/tb_ellipse.svg);
}
.lo-erase-icon{
	background-image: url(../icons/LO_icons/tb_erase.svg);
}
.lo-freehand-icon{
	background-image: url(../icons/LO_icons/tb_freehand.svg);
}
.lo-fullscreen-icon{
	background-image: url(../icons/LO_icons/tb_fullscreen.svg);
}
.lo-join-icon{
	background-image: url(../icons/LO_icons/tb_join.svg);
}
.lo-label-icon{
	background-image: url(../icons/LO_icons/tb_label.svg);
}
.lo-line-icon{
	background-image: url(../icons/LO_icons/tb_line.svg);
}
.lo-lineardimension-icon{
	background-image: url(../icons/LO_icons/tb_lineardimension.svg);
}
.lo-lozenge-icon{
	background-image: url(../icons/LO_icons/tb_lozenge.svg);
}
.lo-offset-icon{
	background-image: url(../icons/LO_icons/tb_offset.svg);
}
.lo-pie-icon{
	background-image: url(../icons/LO_icons/tb_pie.svg);
}
.lo-polygon-icon{
	background-image: url(../icons/LO_icons/tb_polygon.svg);
}
.lo-radiusanglearc-icon{
	background-image: url(../icons/LO_icons/tb_radiusanglearc.svg);
}
.lo-rectangle-icon{
	background-image: url(../icons/LO_icons/tb_rectangle.svg);
}
.lo-rounded-icon{
	background-image: url(../icons/LO_icons/tb_rounded.svg);
}
.lo-select-icon{
	background-image: url(../icons/LO_icons/tb_select.svg);
}
.lo-spacehorizontal-icon{
	background-image: url(../icons/LO_icons/tb_spacehorizontal.svg);
}
.lo-spacevertical-icon{
	background-image: url(../icons/LO_icons/tb_spacevertical.svg);
}
.lo-split-icon{
	background-image: url(../icons/LO_icons/tb_split.svg);
}
.lo-style-icon{
	background-image: url(../icons/LO_icons/tb_style.svg);
}
.lo-table-icon{
	background-image: url(../icons/LO_icons/tb_table.svg);
}
.lo-text-icon{
	background-image: url(../icons/LO_icons/tb_text.svg);
}


/*css SUFI shortcode*/
.sufi-select-icon{
	background-image: url(../icons/SUFI_icons/tb_select_web.svg);
}
.sufi-erase-web-icon{
	background-image: url(../icons/SUFI_icons/tb_erase_web.svg);
}
.sufi-paint_web-icon{
	background-image: url(../icons/SUFI_icons/tb_paint_web.svg);
}
.sufi-line_web-icon{
	background-image: url(../icons/SUFI_icons/tb_line_web.svg);
}
.sufi-arc_web-icon{
	background-image: url(../icons/SUFI_icons/tb_arc_web.svg);
}
.sufi-rectangle_web-icon{
	background-image: url(../icons/SUFI_icons/tb_rectangle_web.svg);
}
.sufi-circle_web-icon{
	background-image: url(../icons/SUFI_icons/tb_circle_web.svg);
}
.sufi-pushpull_web-icon{
	background-image: url(../icons/SUFI_icons/tb_pushpull_web.svg);
}
.sufi-followme_web-icon{
	background-image: url(../icons/SUFI_icons/tb_followme_web.svg);
}
.sufi-move_web-icon{
	background-image: url(../icons/SUFI_icons/tb_move_web.svg);
}
.sufi-rotate_web-icon{
	background-image: url(../icons/SUFI_icons/tb_rotate_web.svg);
}
.sufi-scale_web-icon{
	background-image: url(../icons/SUFI_icons/tb_scale_web.svg);
}
.sufi-measure_web-icon{
	background-image: url(../icons/SUFI_icons/tb_measure_web.svg);
}
.sufi-orbit_web-icon{
	background-image: url(../icons/SUFI_icons/tb_orbit_web.svg);
}
.sufi-zoom_web-icon{
	background-image: url(../icons/SUFI_icons/tb_zoom_web.svg);
}
.sufi-zoomextents_web-icon{
	background-image: url(../icons/SUFI_icons/tb_zoomextents_web.svg);
}