.table-condensed {
    font-size: 12px;
}

.spinner {
visibility:hidden; 
position: fixed;
  z-index: 1061; 
  top: 50%;
  right: 50%; 
  width:100px;
  height:100px;
}


body.busy .spinner { visibility:visible !important; }

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 10; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

/*.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }*/


.btn-pill {
    border-radius: 2.875rem !important
}

    .btn-pill.btn-sm, .btn-group-sm > .btn-pill.btn {
        border-radius: 2.2875rem !important
    }

    .btn-pill.btn-lg, .btn-group-lg > .btn-pill.btn {
        border-radius: 3.3125rem !important
    }

.d-none{display:none !important}
.steps {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.step-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    transition: color .25s ease-in-out;
    text-align: center;
    text-decoration: none !important
}

    .step-item:first-child .step-progress {
        border-radius: .125rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .step-item:last-child .step-progress {
        border-radius: .125rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.step-progress {
    position: relative;
    width: 100%;
    height: .25rem
}

.step-count {
    position: absolute;
    top: -.75rem;
    left: 50%;
    width: 1.625rem;
    height: 1.625rem;
    margin-left: -.8125rem;
    border-radius: 50%;
    font-size: .875rem;
    line-height: 1.625rem
}

.step-label {
    padding-top: 1.5625rem
}

    .step-label > i {
        margin-top: -.25rem;
        margin-right: .425rem;
        font-size: 1.2em;
        vertical-align: middle
    }

@media(max-width:767.98px) {
    .step-label {
        font-size: .75rem
    }

        .step-label > i {
            display: none
        }
    .shopping-cart {
        position: relative;
        /*top: -2em;*/
    }
}

.steps-dark .step-item {
    color: #7d879c
}

.steps-dark .step-count, .steps-dark .step-progress {
    color: #4b566b;
    background-color: #fff;
}

.steps-dark .step-item:hover {
    color: #4b566b
}

.steps-dark .step-item.active.current {
    color: #373f50;
    pointer-events: none
}

.steps-dark .step-item.active .step-count, .steps-dark .step-item.active .step-progress {
    color: #fff;
    background-color: #007638
}

.steps-light .step-item {
    color: rgba(255,255,255,.55)
}

.steps-light .step-count, .steps-light .step-progress {
    color: #fff;
    background-color: #485268
}

.steps-light .step-item:hover {
    color: rgba(255,255,255,.8)
}

.steps-light .step-item.active.current {
    color: #fff;
    pointer-events: none
}

.steps-light .step-item.active .step-count, .steps-light .step-item.active .step-progress {
    color: #fff;
    background-color: #007638
}
.outofstock {
    background-image: url(../img/out-of-stock.png);
    background-repeat:no-repeat;
    position: absolute;
    width: 100%;
    height: 90%;
    z-index: 0;
    opacity: .3;
}

.digitalonlyproduct {
    background-image: url(../img/digital-only-product.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 90%;
    z-index: 0;
    opacity: .3;
}

.product-details  .col-xs-4{
    /*padding:3px;*/
}