body.toolbar-fixed .cart-offcanvas {
  top: 84px;
  z-index: 10000;
}
body.toolbar-fixed.toolbar-tray-open .cart-offcanvas {
  top: 124px;
  z-index: 10;
}

.cart-offcanvas {
    position: fixed;
    min-height: 100%;
    max-height: none;
    top: 45px;
    z-index: 1000;
    display: block;
    background: #fff;
    transition: transform .3s cubic-bezier(.4,0,.6,1);
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
    overflow: hidden;
}
.cart-offcanvas--left {
    height: 100%;
    width: 24em;
    transform: translate3d(-17em, 0, 0);
}
.cart-offcanvas--top {
    height: 100%;
    width: 24em;
    right: 0;
    transform: translate3d(0,-100vh,0);
}
.cart-offcanvas.is-open {
    transform: translate3d(0, 0, 0);
    visibility: visible;
}
.cart-offcanvas.is-closed {
    max-height: 100%;
    visibility: hidden;
    box-shadow: none;
}

.cart-offcanvas-bg {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    left: -100%;
    background-color: transparent;
    transition: background-color .4s cubic-bezier(.23, 1, .32, 1) 0s;
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
    filter: blur(7px);
}
.cart-offcanvas-bg:after {
     background: rgba(19, 25, 48, 0.5);
     content: '';
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     width: 100%;
}
.cart-offcanvas-bg.is-animating,
.cart-offcanvas-bg.is-open {
    left: 0;
    visibility: visible;
}
.cart-offcanvas-bg.is-closed {
    visibility: hidden;
}

/*Spinner Css*/
.spinner_action{
  transition-duration: .7s;
}

.spinner_action_active{
    display: block;
    position: relative;
    padding-top: 50px
}

.spinner_action_active .ajax-progress-throbber {
  width: 100%;
}