/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
#searchable-pro-no-more-data {
    background-color: #b4b9be;
    padding: 12px;
    color: #fff;
    border-radius: 2px;
}

.searchable-pro-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
    padding: 12px;
    border-radius: 2px;
}

.searchable-loader:before,
.searchable-loader-load-more:before{
    content: "\f533";
    font: 400 18px/1 dashicons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    color: #82878c;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 16px;
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}