/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
  .blocker{
        position:fixed;
        top:0;
        right:0
        ;bottom:0;
        left:0;
        width:100%;
        height:100%;
        overflow:auto;
        z-index:1;
        padding:20px;
        box-sizing:border-box;
        background-color:#000;
        background-color:rgba(0,0,0,0.75);
        text-align:center
        
    }
    .blocker:before {
        content:"";
        display:inline-block;
        height:100%;
        vertical-align:middle;
        margin-right:-0.05em
        
    }
    .blocker.behind {
        background-color:transparent
    }
    .modal{
        display:none;
        vertical-align:middle;
        position:relative;
        z-index:2;
        max-width:500px;
        box-sizing:border-box;
        width:90%;
        background:#fff;
        padding:15px 30px;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        -o-border-radius:8px;
        -ms-border-radius:8px;
        border-radius:8px;
        -webkit-box-shadow:0 0 10px #000;
        -moz-box-shadow:0 0 10px #000;
        -o-box-shadow:0 0 10px #000;
        -ms-box-shadow:0 0 10px #000;
        box-shadow:0 0 10px #000;
        text-align:left
    }
    .modal a.close-modal{
        position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}
 
    .save-share-cart .item{
        float: left;
        display: inline-block;
        padding: 5px;
        border-radius: 50%;
        background: #ffffff;
        margin: 10px 10px;
    }
    .save-share-cart a img {
        width: 50px;
        height: 50px;
    }
    /* Ripple effect */
    .ripple {
      background-position: center;
      transition: background 0.8s;
      cursor: pointer;
      background-color: #2196f3;
    }
    .ripple:hover {
      background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;
    }
    .ripple:active {
      background-color: #6eb9f7;
      background-size: 100%;
      transition: background 0s;
    }

    .cart_title_wrapper{
        margin-top: 15px;
        margin-bottom: 50px;
    }

    .cart_title_wrapper input{
        margin-left: 100px;
    }
    .cart_title_wrapper label{
        margin-left: 20px;
    }
    

    .cart_save_close_wrapper button{
        width: 100px;
        margin-right: 10px;
    }

    #save-share-cart-url-button-container,#share-cart-url-button-container{
        display: inline-block;
        margin-right: 10px;
    }

    .button.button.button-primary.scuf_save_cart_view{
        margin-right: 10px;
    }
    .scuf-save-cart-table td {
        text-align: center;
    }

    h3.scuf-cart-saved-msg{
    color: green;
   }

   
   #scuf_save_cart_title{
       border-radius:5px;
       width:50%;
   }
.cart_save_close_wrapper{
    margin-left:260px
}
.cart_save_close_wrapper button{
    border-radius:5px
}
div#TB_ajaxContent{
    margin-top:40px;
    height: 250px !important;
}
.cart_title_wrapper label{
    color:black;
    font-weight:bold
}

.scuf-save-cart-table th{
    padding-left: 80px;
}


@media screen and (max-width: 800px) {
 #TB_window {
    margin-left: -321px! !important;
    width: 402px !important;
    margin-top: -220px;
    visibility: visible;
    left: 78% !important;

  }
  #TB_ajaxContent{
    width: 542px !important;
  }
    .cart_save_close_wrapper {
    margin-left: 165px;
}
#scuf_save_cart_title {
    width: 45%;
}
.cart_title_wrapper input {
    margin-left: 21px;
}
#TB_ajaxContent h2{
    margin-left: 40px;
}
.ripple {
    margin-right: 134px;
    margin-left: 10px;
}
}

@media screen and (max-width: 360px) { 

#scuf_save_cart_title {
    width: 43%;
}
.cart_title_wrapper input {
    margin-left: 20px;
}
 #TB_window { 
    width: 394px !important;
     left: 78% !important;
        margin-left: -321px! !important;
 }
  .cart_save_close_wrapper {
    margin-left: 153px;
}
}