/**
 * Accessibility fixes for Auto Listings
 * 
 * Styles to support the accessibility-fix.js script that replaces
 * empty <label> elements with <span> elements in SumoSelect dropdowns.
 * 
 * These styles duplicate the original SumoSelect label styles for the
 * replacement span elements.
 */

/* Style the span element the same as the original label element */
.SumoSelect > .CaptionCont > span[aria-hidden="true"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
}

/* Style the icon inside the span the same as the original */
.SumoSelect > .CaptionCont > span[aria-hidden="true"] > i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    opacity: .8;
}