/*
Compile-Minify: true
Compile-Area: product
Compile-OutputGroup: headtag
Compile-Exports: sb-product
Compile-Dependencies: bootstrap, site
*/

.spinner {
    display: none;
    max-width: 50px;
}

.has-spinner.active {
    cursor:progress;
}

.has-spinner.active .spinner {
    display: inline-block;
}

.in-progress {
    display: none;
}

.icon-refresh:before {
    content: "\f021";
}

.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-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); } }

.product-image:hover .image-overlay-btn {
    display: block;
}

.product-image {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.product-image:hover {
    text-decoration: none;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.image-overlay-btn {
    position: absolute;
    display: none;
    width: 120px;
    max-width: 100%;
    top: 20%;
    left: 50%;
    margin-left: -60px;
    text-align: center;
    color: #2D89CC;
}