.customSelect {
    font-size: 0;
}

span.customSelect {
    font: 12px sans-serif;
    background: transparent url('arrow-select.png') 30px center no-repeat;
    border: 1px solid transparent;
    color: #2C2E37;
    padding: 8px 9px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 50px;
}

.customSelect.customSelectHover {
    border: 1px solid #2C2E37;
}

.customSelect.customSelectFocus {
    border: 1px solid #2C2E37;
}

.customSelect.customSelectOpen {
    border: 1px solid #2C2E37;
}

.inverse.customSelect {
    border: 1px solid rgba(116, 83, 59, 0.5);
    color: #74533b;
    background-image: url('arrow-select-inverse.png');
    background-repeat: no-repeat;
}

.inverse.customSelect.customSelectHover,
.inverse.customSelect.customSelectFocus,
.inverse.customSelect.customSelectOpen {
    border: 1px solid #74533b;
}

.customSelect.customSelectChanged {
    -webkit-animation: changed 0.5s;
    -moz-animation: changed 0.5s;
    -ms-animation: changed 0.5s;
    animation: changed 0.5s;
}

@-webkit-keyframes changed {
    0%, 100% {
        -webkit-box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0);
        box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0);
    }
    50% {
        -webkit-box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0.5);
    }
}

@-moz-keyframes changed {
    0%, 100% {
        -moz-box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0);
        box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0);
    }
    50% {
        -moz-box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0.5);
    }
}

@keyframes changed {
    0%, 100% {
        box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0);
    }
    50% {
        box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0.5);
    }
}

@-ms-keyframes changed {
    0%, 100% {
        -ms-box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0);
        box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0);
    }
    50% {
        -ms-box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0);
        box-shadow: 0 0 14px 5px rgba(255, 255, 255, 0.5);
    }
}