body{background-color: #f2f2f2!important}
.mg-auto{margin: auto;}
.right-side-list{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 2px #00000024;
border-radius: 4px;padding: 0px!important}

.header-cart{    padding: 10px 1rem 10px 1rem;
    border-bottom: 1px solid #f2f2f2;}

    .header-cart h4{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 20px;font-weight: bold;}

.cart-main-container{    margin-top: 3rem;
    margin-bottom: 6rem}

    @media (min-width: 768px){
      .cart-main-container {max-width: 85%!important;}
    }
.cart-main-body{    display: flex;
    justify-content: space-between;    padding: 10px  0px;  cursor: pointer;  border-bottom: 1px solid #f2f2f2;width: 95%;
    margin: auto;transition: .5s ease}
    .cart-main-body:hover{background: #22A7DE0D}

.cart-main-list li a .Product-image img{width: 57px;
height: 57px;background: #D8D8D8 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 3px #00000033;
border-radius: 4px;}

.product-list-cart li{display: flex;    align-items: center;}
.product-list-cart li .form-check{    padding-left: 0px;margin-right: 2rem;}

.product-list-cart li .form-check-input {
    position: relative;
    margin-top: auto;height: 22px;
    width: 22px;
    left: 1rem;
    cursor: pointer;
  }

    .product-list-cart li a{    width: 100%;}
      .product-list-cart li a .media{    width: 100%;}
          .product-list-cart li a .media .media-body h1{ font-size: 18px;
    margin-bottom: 0px;letter-spacing: 0.54px;
color: #000000; }
.location-btn button img{border-radius: 50%}
.wish-cart-driver{padding-left: 10px;}

    .product-list-cart li a .media .media-body h5{margin-bottom: 0px;letter-spacing: 0px;
color: #686868;font-size: 14px}
      .product-list-cart li{padding: 15px 15px ;border-bottom: 1px solid #f2f2f2;transition: .5s ease}
      .product-list-cart li:hover{background: #22A7DE0D}
.whis-cart-headeing a{letter-spacing: 0.54px;
color: #22A7DE!important;}
.whis-cart-subtotal h6{margin-bottom: 0px;font-size: 16px;letter-spacing: 0px;
color: #686868;}

.toal-rate h1{    margin-bottom: 0px;
    letter-spacing: .80px;
    color: #283A90;
    opacity: 1;
    font-size: 21px;
    margin-top: .4rem;
    font-weight: bolder;
}
.location-btn button{ border: none;
    background: transparent;
    display: flex;
    flex-direction: column;}
    .product-list-cart li a .media  .media-right h4{margin-bottom: 0px;letter-spacing: 0px;
color: #283A90;font-weight: 900;font-size: 21px}

.col-md-4 .right-side-total-body{background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #00000024;
    border-radius: 4px;
    padding: 2rem 2rem;}

    .col-md-4 .right-side-total-body .col-md-12{padding: 0px!important}

  .right-slide-subtotal h3  {margin-bottom: .5rem;
    font-size: 18px;
    letter-spacing: 1.14px;
    color: #686868;}
    .right-slide-Total h1{    font-size: 24px;
    font-weight: bolder;letter-spacing: 1.52px;
color: #000000;}
.col-md-4 .right-side-total-body .pay-btn button{width: 100%;background: transparent linear-gradient(90deg, #22A7DE 0%, #283A90 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 3px #00000033;
border-radius: 4px;height: 50px;border: none;color: #fff}
.col-md-4 .right-side-total-body .pay-btn{    margin-top: 1rem;}
.col-md-4 .right-side-total-body .right-slide-Total{margin-top: 1rem;}

	@media (min-width: 992px){
    #largeModal2 .modal-dialog {
        right: 0%}
  }

#first-popup .modal-dialog .modal-content{overflow-y: hidden;}

#first-popup .modal-dialog .modal-body{overflow-y: auto;padding: 15px}
.hedaer-shop-img-title{justify-content: center;
    display: flex;}
    #first-popup .modal-header .close{padding: 0px!important;margin: 0px!important}
        #first-popup .modal-header .col-md-12{padding: 0px!important}
          #first-popup .header-title-popup h2{margin-bottom: 0px;letter-spacing: 0.42px;
color: #000000;font-size: 18px}
    #first-popup .modal-header{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;}

#first-popup .modal-footer{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px -3px 6px #0000003B;    padding: 10px 15px;}
#first-popup .modal-body .first-popup-body-top{display: flex;
    justify-content: space-between;}
.cart-store-profile .store-image img{width: 62px;
height: 62px;background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 3px #00000033;border-radius:50%;}
.cart-store-profile .store-image{margin-bottom: .5rem;}

.cart-store-profile .brand-name-store h4{letter-spacing: 0.04px;
color: #000000;font-size: 14px;margin-bottom: 0px}
.cart-store-profile .KM-top h4{font-size: 14px;letter-spacing: 0.04px;
color: #686868;}
#first-popup .modal-body  .list-menu-popup ul li .list-of-filler-first{padding: 0px;
    display: flex;
    justify-content: space-between;}
    #first-popup .modal-body  .list-menu-popup ul li{padding: 10px 0px;cursor: pointer;}

  #first-popup .modal-body  .list-menu-popup ul li .error-list{    padding-left: .5em;
    padding-right: 0px;}
      #first-popup .modal-body  .list-menu-popup ul{border-top: 1px solid lightgrey}
.color-black{color: #000!important}

  #first-popup .modal-body  .list-menu-popup ul li .rihgt-side-title .result{display: flex; align-items: center;}
  #first-popup .modal-body  .list-menu-popup ul li .left-side-title{display: flex;align-items: center;}

    #first-popup .modal-body  .list-menu-popup ul li .rihgt-side-title .result .switch{margin-bottom: 0px}
    #first-popup .modal-footer .col-md-12{text-align: right;}
    #first-popup .modal-footer .col-md-12 button{width: 144px;
height: 45px;background: #22A7DE 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 6px;border: none;color: #fff}

  #first-popup {    background-color: transparent!important;}
  #first-popup .store-changeing-three-dout{position: relative;}

  #first-popup .store-changeing-three-dout   .three-dout-Button-List{    position: absolute;
    right: 0px;width: 267px;
height: auto;background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 9px 1px #00000029;border-radius: 6px;z-index: 2}

  #first-popup .store-changeing-three-dout   .three-dout-Button-List ul{margin-bottom: 0px}
    #first-popup .store-changeing-three-dout   .three-dout-Button-List ul li{padding: 12px 15px;transition: .5s ease;cursor: pointer;}

    #first-popup .store-changeing-three-dout   .three-dout-Button-List ul li:hover{background:#22A7DE0D}

      #first-popup .store-changeing-three-dout   .three-dout-Button-List ul li .media-body a  {letter-spacing: 0.52px;
color: #000000!important;    font-size: 16px;}
.three-dout-Button-List{display: none;}
.three-dout-Button-List.show{display: block!important;}
#Change-store .modal-dialog{max-width: 850px;}

#Change-store {padding-left: 0px;
    overflow: hidden;}

    #Change-store .modal-content {background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 3px 3px 10px #00000029;
border-radius: 8px;border: none}
    #Change-store .modal-content .modal-header{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;}

  #Change-store .modal-content .modal-header .close{    margin: 0px;
    padding: 0px;
    width: 22px;
    height: 22px;
    font-size: 22px;}

      #Change-store .modal-content .modal-header h5{font-size: 22px;letter-spacing: .1em;
color: #000000;    font-weight: bold;}
      #Change-store .store-change-body-header{display: flex;justify-content: space-between;    margin-top: 1rem;}

      #Change-store .store-change-body-header .searh-form-section{max-width: 70%;width: 100%;}

      #Change-store .store-change-body-header .searh-form-section  label {margin-bottom: 0px;width: 100%;position: relative;height: 100%;}
      #Change-store .store-change-body-header .searh-form-section  label input{width: 100%;border: 1px solid #707070;padding-left: 3.5rem;
border-radius: 6px;height: 44px;}

      #Change-store .store-change-body-header .body-header-right-site-filler{    margin: auto 0px;}

      #Change-store .store-change-body-header .body-header-right-site-filler label{margin-bottom: 0px;margin-right: .5rem;color: #686868}
      #Change-store .store-change-body-header .searh-form-section  label .searh-icon{position: absolute;left: 1rem; top: 50%; transform: translateY(-50%);}
      #Change-store .store-change-body-header .body-header-right-site-filler button{    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 3px #00000052;
    border-radius: 4px;
    border: none;
    padding: 10px 15px;letter-spacing: 0px;color: #686868;font-size: 14px;}

      #Change-store .main-store-list ul{margin-bottom: 0px;border-top: 1px solid #f2f2f2}
      #Change-store .main-store-list ul li{border-bottom: 1px solid #f2f2f2;padding: 10px 0px;cursor: pointer;transition: .5s ease}

            #Change-store .main-store-list ul li:hover{background: #22A7DE0D}

      #Change-store .main-store-list ul li .media .media-left img{width: 62px;height: 62px;border-radius: 50%;object-fit: contain;}
          #Change-store .modal-body{max-height: 500px;overflow-y: auto;}

        #Change-store .main-store-list ul li .media .media-body h1 {letter-spacing: 0.49px;
color: #000000;margin-bottom: 0px;font-size: 16px}
        #Change-store .main-store-list ul li .media .media-body p{margin-bottom: 0px;letter-spacing: 0.38px;
color: #686868;font-size: 14px}
.main-store-list{margin-top: 2rem}
#Change-store .main-store-list ul li .media .price {margin-right: 5rem}
        #Change-store .main-store-list ul li .media .price h4{font-weight: bolder;letter-spacing: 0px;
color: #000000;font-size: 23px;margin-bottom: 0px}
#Change-store .main-store-list ul li .media .icon-check span{height: 20px;
    width: 20px;
    border-radius: 50%;}
    .store-change-main-body{    width: 90%;
    margin: auto;}

#Change-store .main-store-list ul li .media .icon-check img{visibility: hidden;}
#Change-store .main-store-list ul li.active .media .icon-check img{visibility: visible;}

.top-side-filler{  position: absolute;
    right: 10px;
    z-index: 11;
    background: #FFFFFF 0% 0% no-repeat padding-box!important;
box-shadow: 3px 3px 10px #00000029;border-radius: 8px;
    width: 184px;
    height: auto;
    top: 110%;
    border: 1px solid #f2f2f2;
}
.top-side-filler  ul{margin-bottom: 0px;    height: 100%;padding-top: 10px}

.top-side-filler  ul li .form-check-input{    position: relative;    margin-left: 10px;
    margin-right: 10px;width: 20px;
height: 20px;    margin-top: 0px;}

    .top-side-filler  ul li{display: flex;
    align-items: center;    padding: 5px 10px 10px; cursor: pointer;transition: .5s ease}
    .top-side-filler  ul li label{letter-spacing: 0px;
color: #686868;font-size: 14px;cursor: pointer;}
.top-side-filler{display: none}

.body-header-right-site-filler.show-list .top-side-filler{display: block!important;}
#Change-store .store-change-body-header .body-header-right-site-filler button .media-right .fa-chevron-up{transition: .5s ease}

#Change-store .store-change-body-header .body-header-right-site-filler.show-list  button .media-right .fa-chevron-up{transform: rotate(180deg);}

.right-side-cart-popup .modal-content{overflow-y: hidden;}
.right-side-cart-popup .modal-body{overflow-y: auto;}
.right-side-cart-popup  .modal-header {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

#Cart-Item-popup .modal-header .col-md-12{padding: 0px!important}
#Cart-Item-popup .modal-header .media-left .close{padding: 0px;
    margin: 0px;}
#Cart-Item-popup .modal-header .media-body h2{margin-bottom: 0px;font-size: 18px;letter-spacing: 0.42px;
color: #000000;}
#Cart-Item-popup .item-popup-list{padding: 0px!important}
#Cart-Item-popup .item-popup-list ul li .friends-profile-image{border-bottom: 1px solid #f2f2f2;    padding: 5px 0px;}

#Cart-Item-popup .item-popup-list ul li .friends-profile-image img{width: 40px;
height: 40px;border-radius: 50%;object-fit: cover;}

#Cart-Item-popup .item-div-list li{border-bottom: 1px solid #f2f2f2;padding: 10px 0px;cursor: pointer;}
#Cart-Item-popup .item-popup-list ul li .item-div-list{padding: 0px!important}
#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .media .media-left .product-image img{width: 124px;
height: 124px;object-fit: contain;}

#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .media .media-body .col-md-12{padding: 0px!important}
#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .media .media-body .itemn-product-tite .name{letter-spacing: -0.21px;
color: #000000;font-size: 16px}

#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .media .media-body .itemn-product-short-discription p{    font-size: 12px;
    margin-bottom: 0px;
    letter-spacing: -0.16px;
  color: #666666;}

#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .media .media-body .itemn-product-tite .size{letter-spacing: -0.19px;
color: #686868;font-size: 14px}


#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .itemn-product-quantity-price{display: flex;align-items: center;}

#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .itemn-product-quantity-price .quantity{margin-right: 2rem}

#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .itemn-product-quantity-price .quantity label{    margin-right: .5rem;margin-bottom: 0px;letter-spacing: 0.18px;
color: #686868;font-size: 14px}

#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .itemn-product-quantity-price .quantity select{width: 71px;
    height: 40px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    opacity: 0.4;
    padding: 10px;
    letter-spacing: 0.21px;
color: #000000;
font-weight: bold;
opacity: 1;
}

#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .itemn-product-quantity-price .price h4{margin-bottom: 0px;letter-spacing: 0px;
    color: #000000;
    font-size: 20px;
    font-weight: bolder;}

#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .bottom-prefrence-friend .media .media-left img{width: 22px;
height: 22px;object-fit: cover;border-radius: 50%}
#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .bottom-prefrence-friend .media .media-body p{margin-bottom: 0px;font-size: 12px;letter-spacing: 0.5px;
color: #686868;}
.note-Availabe p{margin-bottom: 0px;letter-spacing: -0.16px;
color: #FF0000;font-size: 12px;    padding-top: .3rem;}


.itemn-product-quantity-price{margin-top: .5em}
.bottom-prefrence-friend{    margin-top: .5em;}
#Cart-Item-popup .modal-body{padding-bottom: 0px!important}

#Cart-Item-popup .modal-footer{    padding: 15px 15px;background: #22A7DE0F;}
#Cart-Item-popup .modal-footer .Total{display: flex;
    justify-content: flex-end;}
    #Cart-Item-popup .modal-footer .Total .subtotal-tite{letter-spacing: 0px;
color: #000000;font-size: 21px;font-weight: bold;}

#Cart-Item-popup .modal-footer .Total .total-items{letter-spacing: 0px;
color: #000000;font-size: 18px;font-weight: normal;}


#Cart-Item-popup .modal-footer .Total .totalprice{    margin: auto 0px;}



#Cart-Item-popup .modal-footer .Total .totalprice .total-amount{letter-spacing: 0px;
color: #000000;font-size: 18px;font-weight: normal;}

#Cart-Item-popup, #Cart-pickup-popup{background-color:transparent!important;}
 #Cart-pickup-popup .modal-header .col-md-12{padding: 0px!important}
  #Cart-pickup-popup .modal-header .col-md-12 .close{margin: 0px;padding: 0px}
    #Cart-pickup-popup .modal-header .col-md-12 .header-title-popup h2{margin-bottom: 0px;
    font-size: 18px;
    letter-spacing: 0.42px;
    color: #000000;}

    .address-div label{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 16px}
    .address-div  p{letter-spacing: 0px;
color: #686868;margin-bottom: 0px;font-size: 13px}
    .address-div a{color: #22A7DE!important;font-size: 13px}
.pickup-map{padding: 0px!important;position: relative;}
.pickup-map span iframe{width: 100%;}

.pickup-map .map-marker{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.pickup-fillter-list .title-pickup{padding: 10px 15px;border-bottom: 1px solid #f2f2f2}
.pickup-fillter-list .title-pickup h6{margin-bottom: 0px;letter-spacing: 0px;
color: #686868;font-size: 16px}
.pickup-fillter-list{padding: 0px!important}
.pickup-fillter-list .list-pickup{padding: 0px!important}
.pickup-fillter-list .list-pickup ul{margin-bottom: 0px}
.pickup-fillter-list .list-pickup ul li .media .media-body h4{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 16px}
.pickup-fillter-list .list-pickup ul li{    cursor: pointer;padding: 0px;border-bottom: 1px solid #f2f2f2;transition: .5s ease}

.pickup-fillter-list .list-pickup ul li .fillter-list-pickup-main,.friends-list-pickup-main,.company-list-pickup-main{padding: 10px 15px;}
.pickup-fillter-list .list-pickup ul li:hover{background: #22A7DE0F}

.details-pickup-div{padding: 5px 0px 0px!important;}
.details-pickup-div p{margin-bottom: 0px;letter-spacing: 0px;position: relative;
color: #686868; font-size: 14px}
.cost-div h4{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 16px}
.cost-div {padding: 0px!important;margin-top: 10px}
.details-pickup-div p .round{width: 5px;
    height: 5px;
    background-color: #686868;
    margin: 0px 3px;
    /* color: red; */
    position: relative;
    z-index: 99999;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);}

    .details-pickup-div p .date::before{content: '';width: 5px;
        height: 5px;
        background-color: #686868;
        margin: 0px 3px;
        /* color: red; */
        position: absolute;
        z-index: 99999;
        right: -12px;
      border-radius: 50%;
      top: 50%;
        transform: translateY(-50%);}

            .details-pickup-div p .date{position: relative;margin-right: 10px;}
            .details-pickup-div p .space-middle{    margin: 0px 10px;}

            .details-pickup-div p .time{margin-left: 5px;}
.title-details {    padding-bottom: 5px;}

#Cart-pickup-popup .modal-body {
    padding: 15px 0px;
}
.change-address-div.show{display: block!important;}
.change-address-div{display: none;}
.change-address{position: relative;}
.change-address-div{  position: absolute;
    top: 100%;
    z-index: 9;
    background: #fff;right: 0px;width: 260px;border-radius: 6px;
    box-shadow: 1px 6px 9px #00000052;}

    .change-address-div ul{margin-bottom: 0px;}
.change-address-div ul li .media .media-body h4{margin-bottom: 0px;letter-spacing: 0.52px;
color: #000000;font-size: 14px}
.change-address-div ul li{padding: 10px 10px;transition: .5s ease;cursor: pointer;}
.change-address-div ul li:hover{background-color: #22A7DE0F}
.list-Cancel a{letter-spacing: 0px;
color: #22A7DE!important;font-size: 14px}
.list-Cancel {display: none;}
.show-active .list-Cancel{display: block!important;}

.list-pickup.show-active ul li{display: none;}
.list-pickup.show-active ul li.active{display: block!important;}

.list-Cancel{position: absolute;
    right: 10px;
    top: 15px;}

    .filler-change-title-and-image{    padding: 10px 15px;
    border-bottom: 1px solid #f2f2f2;}
    .filler-change-title-and-image .media .person-name{    margin-bottom: 0px;
    letter-spacing: 0px;
    color: #686868;
    font-size: 16px;}
.filler-change-title-and-image{display: none;}
.pickup-fillter-list.Change-header .filler-change-title-and-image{display: block!important;}
.pickup-fillter-list.Change-header .title-pickup{display: none;}
/*Firends */
.Friends-header .media-body img {    width: 25px;
    height: 25px;border-radius: 50%}
  .Friends-header  .media-right h6{margin-bottom: 0px;letter-spacing: -0.19px;
color: #686868;font-size: 12px}
  .Friends-header {display: none}

  .Change-header.friends-active   .Friends-header {display: block!important;}


  /*Friends popoup*/

  #pickeup-friends{    background: #62626273!important;overflow-y: hidden;}

    #pickeup-friends .modal-dialog{      max-width: 850px;min-height: 100%;margin: auto;}

        #pickeup-friends .modal-dialog .modal-content{    max-height: 500px;background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 3px 3px 10px #00000029;
border-radius: 8px;
    height: 100%;border: none}

            #pickeup-friends .modal-dialog .modal-body{overflow-y: auto;    padding: 30px 0px 80px;}
            #pickeup-friends .modal-dialog .modal-header .media-left .close{margin: 0px;padding: 0px}
            #pickeup-friends .modal-dialog .modal-header .col-md-12{padding: 0px!important}
            #pickeup-friends .modal-dialog .modal-header  {background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;}
            #pickeup-friends .modal-dialog .main-body-on-friends-list-popup{width: 80%; margin: auto;}

              #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .top-searh-form .searh-form-section label{margin-bottom: 0px;position: relative;width: 100%}
          #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .top-searh-form .searh-form-section label .searh-icon{position: absolute;left: 15px;transform: translateY(-50%); top: 50%}
          #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .top-searh-form .searh-form-section label input{width: 100%;padding-left: 3rem;height: 44px;border: 1px solid #707070;
border-radius: 6px;}
          #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .top-btns-div{display: flex;justify-content: space-between;    padding: 10px 20px;}
                    #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .top-btns-div a{    letter-spacing: 0.2px;
    color: #22A7DE!important;
    font-size: 14px;}
#pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address{    display: flex;
    justify-content: space-between;
    align-items: center;}
    #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .fried-profile .media-left img{width: 52px;
height: 52px;border-radius: 50%}
    #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .media-body h4{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 16px}
    #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address  .fried-profile{    width: 50%;}
    #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address  .vertical-line-div{margin: 0px 3rem;
    height: 30px;
    width: 1px;
    background: #686868;}
        #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address  .address{    width: 50%;}
  #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address  .address p{letter-spacing: 0px;
    color: #686868;
    font-size: 12px;margin-bottom: 0px}

  #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address{border-top: 1px solid #f2f2f2}

  #pickeup-friends .modal-dialog .modal-header h5  {    letter-spacing: 0.5px;
    color: #000000;
    font-weight: bold;
    font-size: 22px;}
      #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li{padding: 10px 10px;border-bottom: 1px solid #f2f2f2;cursor: pointer;transition: .5s ease}
      #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li:hover{background: #22A7DE0F}



/*company*/
#pickeup-company{    background: #62626273!important;overflow-y: hidden;}

  #pickeup-company .modal-dialog{      max-width: 850px;min-height: 100%;margin: auto;}

      #pickeup-company .modal-dialog .modal-content{    max-height: 500px;background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 3px 3px 10px #00000029;
border-radius: 8px;
  height: 100%;border: none}

          #pickeup-company  .modal-dialog .modal-body{overflow-y: auto;    padding: 30px 0px 80px;}
          #pickeup-company .modal-dialog .modal-header .media-left .close{margin: 0px;padding: 0px}
          #pickeup-company .modal-dialog .modal-header .col-md-12{padding: 0px!important}
          #pickeup-company  .modal-dialog .modal-header  {background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;}
          #pickeup-company .modal-dialog .main-body-on-friends-list-popup{width: 80%; margin: auto;}

            #pickeup-company .modal-dialog .main-body-on-friends-list-popup .top-searh-form .searh-form-section label{margin-bottom: 0px;position: relative;width: 100%}
        #pickeup-company .modal-dialog .main-body-on-friends-list-popup .top-searh-form .searh-form-section label .searh-icon{position: absolute;left: 15px;transform: translateY(-50%); top: 50%}
        #pickeup-company .modal-dialog .main-body-on-friends-list-popup .top-searh-form .searh-form-section label input{width: 100%;padding-left: 3rem;height: 44px;border: 1px solid #707070;
border-radius: 6px;}
        #pickeup-company .modal-dialog .main-body-on-friends-list-popup .top-btns-div{display: flex;justify-content: space-between;    padding: 10px 20px;}
                  #pickeup-company .modal-dialog .main-body-on-friends-list-popup .top-btns-div a{    letter-spacing: 0.2px;
  color: #22A7DE!important;
  font-size: 14px;}
#pickeup-company .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address{    display: flex;
  justify-content: space-between;
  align-items: center;}
  #pickeup-company .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .fried-profile .media-left img{width: 52px;
height: 52px;border-radius: 50%}
  #pickeup-company .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .media-body h4{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 16px}
  #pickeup-company .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address  .fried-profile{    width: 50%;}
  #pickeup-company .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address  .vertical-line-div{margin: 0px 3rem;
  height: 30px;
  width: 1px;
  background: #686868;}
      #pickeup-company .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address  .address{    width: 50%;}
#pickeup-company .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address  .address p{letter-spacing: 0px;
  color: #686868;
  font-size: 12px;margin-bottom: 0px}

#pickeup-company .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address{border-top: 1px solid #f2f2f2}

#pickeup-company .modal-dialog .modal-header h5  {    letter-spacing: 0.5px;
  color: #000000;
  font-weight: bold;
  font-size: 22px;}
    #pickeup-company .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li{padding: 10px 10px;border-bottom: 1px solid #f2f2f2;cursor: pointer;transition: .5s ease}
    #pickeup-company .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li:hover{background: #22A7DE0F}

        #pickeup-company .company-list-with-price{margin-bottom: 0px}
        #pickeup-company .company-list-width-details{display: flex;justify-content: space-between;align-items: center;}
          #pickeup-company .company-list-width-details .vertical-line-div {height: 30px;
    width: 1px;
    background: #686868;    margin: 0px 3rem;}
    #pickeup-company .company-list-width-details .company-profile{width: 100%;}
        #pickeup-company .company-list-width-details .Cost{width: 30%;}
        #pickeup-company .company-list-width-details .Cost h3{font-size: 18px;
    margin-bottom: 0px;}

    #pickeup-company .company-list-width-details  .company-profile  .date::before {
   content: '';
   width: 5px;
   height: 5px;
   background-color: #686868;
   margin: 0px 3px;
   /* color: red; */
   position: absolute;
   z-index: 99999;
   right: -12px;
   border-radius: 50%;
   top: 50%;
   transform: translateY(-50%);
}
  #pickeup-company .company-list-width-details  .company-profile  .date{position: relative;}
    #pickeup-company .company-list-width-details  .company-profile  .time{padding-left: 16px;}
        #pickeup-company .company-list-width-details  .company-profile .media-body h4{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 18px}
    #pickeup-company .company-list-width-details  .company-profile .media-body  .date-and-time{margin-bottom: 0px}
    .company-list-with-price li {
    padding: 10px 10px;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    transition: .5s ease;
}
.company-list-with-price li:hover {
    background: #22A7DE0F;
}
 .company-header{display: none;}
.company-active.Change-header .company-header{display: block!important;}

 .company-header .media .media-body img{width: 30px;height: 30px;object-fit: contain;border-radius: 50%}
  .company-header .media .media-right h6{margin-bottom: 0px;margin: 0px;
    margin-left: .5rem;letter-spacing: -0.19px;
color: #686868;font-size: 12px}
  .company-header .media .media-right span{cursor: pointer;}
  .change-delivery-company{position: relative;}
  .change-d-company-list{position: absolute;
    right: 0px;
    width: 267px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 9px 1px #00000029;
    border-radius: 6px;
    z-index: 2;}

    .change-d-company-list li {
   padding: 12px 15px;
   transition: .5s ease;
   cursor: pointer;
}
  .change-d-company-list li:hover{background: #22A7DE0D;}
    .change-d-company-list ul{margin-bottom: 0px}
    .change-d-company-list{display: none;}
    .change-d-company-list.show{display: block!important;}

    /*Loyality card */
    #loyalityModal-popup .modal-header .col-md-12{padding: 0px!important}
        #loyalityModal-popup .modal-header  .media-left .close{margin: 0px;padding: 0px}
  #loyalityModal-popup  .loyality-popup-list{margin-bottom: 0px}
      #loyalityModal-popup .modal-header  .media-body h2{    margin-bottom: 0px;
    font-size: 18px;
    letter-spacing: 0.42px;
    color: #000000;}
      #loyalityModal-popup .modal-body{padding: 10px 0px!important}
        #loyalityModal-popup .modal-body li .media{padding: 0px 20px;   cursor: pointer;border-bottom: none}
        #loyalityModal-popup .modal-body li .media:hover{background: #22A7DE0F;border-bottom: 1px solid #f2f2f2}

        #loyalityModal-popup .modal-body li .media .media-left img{background: transparent url('img/descarga.png') 0% 0% no-repeat padding-box;
border-radius: 4px;width: 79px;
height: 53px;border-radius: 4px;object-fit: cover;}
      #loyalityModal-popup .modal-body li .media .media-body {line-height: 5rem;position: relative;}
        #loyalityModal-popup .modal-body li .media .media-body::before{content: "";position: absolute;
        left: 0px;width: 100%;height: 1px;background: #f2f2f2;bottom: -1px;
      }

      #Redeem-popup .Redeem-top-header-tab{flex-direction: column;padding: 2rem 0px 0px;}
        #Redeem-popup .Redeem-top-header-tab #pills-tab{display: flex;margin-bottom: 0px!important;
    justify-content: space-between;    padding-top: 1rem;}
        #Redeem-popup .Redeem-top-header-tab .col-md-12{padding: 0px!important;    margin-bottom: -1px;}

              #Redeem-popup .Redeem-top-header-tab #pills-tab li{width: 50%;    text-align: center;}
#Redeem-popup .Redeem-top-header-tab #pills-tab .nav-link.active{background-color: transparent!important;color: #22A7DE !important;
    border-bottom: 4px solid;}
    .header-title-popup h2{margin-bottom: 0px;
    font-size: 18px;
    letter-spacing: 0.42px;
    color: #000000;}

  #Redeem-popup  #Membership-tab .loyality-list{margin-bottom: 0px}

   #Redeem-popup  #Membership-tab .loyality-list li .media .media-left img {
   border-radius: 4px;
   width: 79px;
   height: 53px;
   border-radius: 4px;
   object-fit: cover;
}
   #Redeem-popup  #Membership-tab .loyality-list li .media .media-body {
    line-height: 5rem;
    position: relative;
}

   #Redeem-popup  #Membership-tab .loyality-list li .media-body::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    bottom: -1px;
}
 #Redeem-popup  #Membership-tab .loyality-list li .media {
    padding: 0px 0px;
    cursor: pointer;
    border-bottom: none;
}

#Redeem-popup  #Membership-tab .loyality-list li{    padding: 0px 15px;
    border-bottom: 1px solid transparent;transition: .5s ease}
    #Redeem-popup  #Membership-tab .loyality-list li:hover{background: #22A7DE0F;  border-bottom: 1px solid #f2f2f2!important;}
 #Redeem-popup  #Membership-tab .col-md-12{padding: 0px!important}
  #Redeem-popup .modal-body{padding: 10px 0px!important}

#Redeem-popup  #Voucher{    padding: 0px 3rem;}
    #Redeem-popup  #Voucher .Redeem-top-header{    margin-top: 4rem;    margin-bottom: 4rem;}
        #Redeem-popup  #Voucher .Redeem-top-header h4{margin-bottom: 0px;text-align: center;letter-spacing: 0.49px;
color: #686868;font-size: 16px}
  #Redeem-popup  #Voucher .Redeem-input-form input{width: 100%;    background: transparent;
    border: none;
    border-bottom: 1px solid #22a7de;
    padding: 10px 0px;}

      #Redeem-popup  #Voucher .Redeem-input-form{    margin-bottom: 4rem;}
      #Redeem-popup  #Voucher .Redeem-button button{width: 330px;
height: 45px;
background: #22A7DE 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 3px #00000029;
border-radius: 4px;
opacity: 1;    border: none;
    color: #fff;}
  #Redeem-popup  #Voucher .Redeem-button{text-align: center;margin-top: 4rem}
    #Financial-sponsor-popup .modal-header .col-md-12{padding: 0px!important}
    #Financial-sponsor-popup .modal-header .col-md-12 .media-left .close{padding: 0px;margin: 0px}
      #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media .media-body h1{font-size: 16px;
    margin-bottom: 5px;letter-spacing: 0.33px;
color: #000000;}
  #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media .media-body p{margin-bottom: 0px;font-size: 12px;letter-spacing: 0.28px;
color: #686868;line-height: 1em;}
#Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media .media-body .price-main{letter-spacing: 0.33px;
color: #22A7DE!important;font-size: 14px}
#Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media{border-bottom: 1px solid #f2f2f2}
#Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul{margin-bottom: 0px;}
#Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li{cursor: pointer;border-bottom: 1px solid #f2f2f2;padding: 10px 10px;transition: .5s}
#Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li:hover{background: #22A7DE0F}
#Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li .media .media-left img{width: 50px;
height: 50px;background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 3px #00000033;border-radius: 50%}

#Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li .media .media-body h4{    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 0.33px;
    color: #000000;}
#Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li .media .media-body {padding-right: 4rem;}
#Financial-sponsor-popup .modal-body {
    padding: 30px 15px 20px;
}
    #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li .media .media-body p{margin-bottom: 0px;
    font-size: 12px;
    letter-spacing: 0.28px;
    color: #686868;
    line-height: 1em;}
        #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list{padding: 0px!important}

          #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li .media .media-right h5{margin-bottom: 0px;letter-spacing: -0.41px;
color: #000000;font-size: 16px}
#Financial-Sponsor-Funding-Request .modal-dialog{ max-width: 850px;}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-content{
height: 544px;border: none;background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 3px 3px 10px #00000029;
border-radius: 8px;}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body{padding: 2rem 0px}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-body{padding: 0px!important}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-footer-btn{padding: 0px!important}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-body ul{margin-bottom: 0px}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-body ul li .media{    width: 60%;
    margin: auto;}
    #Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-body ul li{padding: 10px;}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-body ul .total-invoice-list{background: #22A7DE0F}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-body ul .total-invoice-list .media .media-body h4{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 16px;font-weight: bolder;}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-body ul .total-invoice-list .media .media-right h5{letter-spacing: 0px;
color: #000000;font-size: 16px;margin-bottom: 0px}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-body ul .You-Will-pay-list .media-body h4{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 16px}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-body ul .You-Will-pay-list .media-right input{width: 67px;
height: 40px;border: 1px solid #f2f2f2;
    border-radius: 4px;
    text-align: center;
    box-shadow: 0px 0px 1px 1px inset #cdcdcd;}
  #Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-footer-btn{text-align: center;}
    #Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-footer-btn .total-Requests{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 3px #00000033;
border-radius: 4px;width: 353px;
height: 120px;    margin: 4rem auto 0px; padding: 15px;display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;}
  #Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-footer-btn .total-Requests h3 {letter-spacing: 1.05px;
color: #000000;
opacity: 1;margin-bottom: 0px;font-size: 20px}

  #Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-footer-btn .total-Requests h1 {margin-bottom: 0px;letter-spacing: 0px;
color: #686868;font-size: 40px;margin-top: .2em;}
  #Financial-Sponsor-Funding-Request .modal-dialog .modal-header .media-body h5{letter-spacing: 0.5px;
    color: #000000;
    font-weight: bold;
    font-size: 22px;}
/*agreement trems*/
  .financial-main-popoup  .modal-dialog{ max-width: 850px;}
  .financial-main-popoup  .modal-dialog .modal-content{
    height: 520px;border: none;background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 10px #00000029;
    border-radius: 8px;}
    .financial-main-popoup .modal-dialog .modal-body{padding: 2rem 0px}
    #agreement-term .modal-dialog .modal-body .Funding-Request-main-body{padding: 0px!important}
    #agreement-term .modal-dialog .modal-body .Funding-Request-main-footer-btn{padding: 0px!important}
    #agreement-term .modal-dialog .modal-header .media-body h5{letter-spacing: 0.5px;
        color: #000000;
        font-weight: bold;
        font-size: 22px;}
        .financial-main-popoup .modal-body{overflow-y: auto;}
            .financial-main-popoup  .modal-dialog .modal-header{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;}
  .financial-main-popoup  .modal-dialog .modal-footer{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px -3px 6px #00000029;}
  .financial-main-popoup  .modal-dialog .modal-header .col-md-12{padding: 0px!important;}
    .financial-main-popoup  .modal-dialog .modal-header .col-md-12 .close{margin: 0px;padding: 0px}
      #agreement-term .modal-dialog .modal-body .agreement-main-body h4{letter-spacing: 0.38px;
color: #000000;margin-bottom: 1rem;font-size: 16px}
    #agreement-term .modal-dialog .modal-body .agreement-main-body p{letter-spacing: 0.38px;
color: #686868;font-size: 13px;margin-bottom: 2rem}
.financial-main-popoup  .modal-dialog .modal-footer .border-button{width: 100px;
height: 48px;letter-spacing: 0.55px;
color: #22A7DE;border: 2px solid #22A7DE;
border-radius: 6px;background: transparent}

.financial-main-popoup  .modal-dialog .modal-footer .background-button{width: 170px;
height: 48px;background: #22A7DE 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 3px #00000029;
border-radius: 4px;color: #fff;border: none}
  #agreement-term .modal-dialog .agreement-main-body{width: 80%;
    margin: auto;
    padding-top: 1rem;}
    .Financialsponsor-main-list ul{margin-bottom: 0px;}
    .Financialsponsor-main-list ul li .left-right-main{    display: flex;
    justify-content: space-between;}
      .Financialsponsor-main-list ul li{padding: 10px 0px;border-bottom: 1px solid #f2f2f2;cursor: pointer;}
      .main-content-list-sponser .list-top-header{border-bottom: 1px solid #f2f2f2;
    padding: 10px;}
    .main-content-list-sponser .list-top-header .media-left img{width: 62px;
height: 63px;border-radius: 50%;    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 3px #00000033;}
      .main-content-list-sponser .list-top-header .media-body h5{letter-spacing: 0.33px;
color: #000000;margin-bottom: 0px;font-size: 14px}
    .main-content-list-sponser  .Financialsponsor-main-list{padding: 0px!important}
    .main-content-list-sponser{width: 80%;
    margin: auto;}
  .Financialsponsor-main-list ul li  h4{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 15px}

  .Financialsponsor-main-list ul li  p{letter-spacing: 0px;
color: #686868;
opacity: 1;font-size: 13px;margin-bottom: 0px}
  .Financialsponsor-main-list ul li .date{letter-spacing: 0px;
color: #686868;font-size: 13px;}

.main-content-list-sponser .list-top-header .media-right .icon-info img{    width: 25px;
    height: 25px;
    border-radius: 50%}
        /*agreement trems close*/
/*Wrapping modal*/

#Wrapping-item .modal-body {      height: 100%;    display: flex;
    justify-content: center;
    align-items: center;padding: 0px}

#Wrapping-item .modal-body .no-Wrapping-item{ text-align: center;}
#Wrapping-item .modal-body .no-Wrapping-item P{ letter-spacing: 0.43px;
color: #686868;font-size: 14px;padding: 1rem 5rem;}
#Wrapping-item .modal-header .col-md-12{padding: 0px!important}
#Wrapping-item .modal-header .col-md-12 .close{margin: 0px;padding: 0px}

.Show-Future-time {
  display: none;
}

#purchase-time-popup .modal-body .purchasing-time-top select{width: 100%;
    height: 40px;
    padding: 10px 12px;
    background: #74748000 0% 0% no-repeat padding-box;
    border: 1px solid #d3d3d3;
    border-radius: 6px;}
    #purchase-time-popup .modal-body .purchasing-time-top{    margin-bottom: 2rem;
    margin-top: 1rem;}

    #purchase-time-popup .modal-body   .Show-Future-time .col-md-12 p{letter-spacing: 0.1px;
color: #686868;font-size: 14px}

    #purchase-time-popup .modal-body   .Show-Future-time .Maximun-price-div .media-body h5{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 16px}
    #purchase-time-popup .modal-body   .Show-Future-time .Maximun-price-div    {background: #22A7DE19 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #c7c6c6;
    padding: 8px 15px;
}

        #purchase-time-popup .modal-body   .Show-Future-time .Maximun-price-div .media-right   h4{letter-spacing: 0px;
color: #000000;margin-bottom: 0px;font-size: 16px}
  #purchase-time-popup .modal-body   .Show-Future-time .after-date-div .media-body .title{letter-spacing: 0px;
color: #000000;margin-bottom: 0px;font-size: 14px}
  #purchase-time-popup .modal-body   .Show-Future-time .after-date-div{    padding: 10px 15px;}
  #purchase-time-popup .modal-body   .Show-Future-time .after-date-div .media-body p{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 14px}
  #purchase-time-popup .modal-body   .Show-Future-time .after-date-div .media-right a{letter-spacing: 0px;
color: #22A7DE!important;font-size: 16px}
  #purchase-time-popup .modal-body {
    padding: 15px 30px 10px;
}
#purchase-time-popup .modal-header .col-md-12{padding: 0px!important}
#purchase-time-popup .modal-header .col-md-12 .close{padding: 0px;margin: 0px}

#purchase-time-popup .modal-dialog .modal-footer .background-button{width: auto!important;    padding: 0px 15px;}
#Shedule-purchase .send-on-button{height: 48px;
    background: #22A7DE 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 3px #00000029;
    border-radius: 4px;
    color: #fff;
    border: none;
    padding: 0px 20px;
    font-size: 16px;}

    #Shedule-purchase .Shedule-main-body{    display: flex;
    justify-content: space-between;width: 85%;
    margin: auto;}
      #Shedule-purchase .Shedule-main-body label{width: 100%}
      #Shedule-purchase .Shedule-main-body input{    width: 100%;
    height: 50px;
    border: 1px solid #707070;
    border-radius: 4px;
    padding: 10px 10px;}
            #Shedule-purchase .Shedule-main-body .date-input,       #Shedule-purchase .Shedule-main-body .time-input{width: 48%;}


            #Sharing-With-poup .modal-header .col-md-12{padding: 0px!important}
            #Sharing-With-poup .modal-header .col-md-12 .close{padding: 0px;margin: 0px}

              #Sharing-With-poup .share-with-mainbody .top-buton button{background: #74748000 0% 0% no-repeat padding-box;
border: 1px solid #707070;
border-radius: 6px;height: 51px;width: 100%;padding: 10px 20px;}
  #Sharing-With-poup .share-with-mainbody .top-buton button  .media .media-body h4{margin-bottom: 0px;letter-spacing: -0.27px;
color: #000000;font-size: 17px;text-align: left;}

  #Sharing-With-poup .share-with-mainbody .important-top-btns button{width: 60px;
height: 60px;border: 0.5px solid #00000033;
opacity: 1;background: #FFFFFF 0% 0% no-repeat padding-box;    border-radius: 16px;
    padding: 0px;margin-right: 20px;}
      #Sharing-With-poup .share-with-mainbody .important-top-btns{    margin-top: 1rem;margin-bottom: 1rem}
      #Sharing-With-poup  .modal-body {
        padding: 25px 15px 10px;}
              #Sharing-With-poup .share-width-friends-list ul{margin-bottom: 0px}
                #Sharing-With-poup .share-width-friends-list ul li .media .profile-image{position: relative;}

          #Sharing-With-poup .share-width-friends-list ul li .media .profile-image .main-image{width: 50px;
height: 50px;border-radius: 50%;position: relative;margin-right: 1rem;overflow: hidden;}
#Sharing-With-poup .share-width-friends-list ul li .media .profile-image .main-image img{width: 100%;
    height: 100%;
    object-fit: contain;}
  #Sharing-With-poup .share-width-friends-list ul li .media .profile-image   .icon-image{position: absolute;
    right: 14px;
    bottom: 0px;}
      #Sharing-With-poup .share-width-friends-list ul li{border-bottom: 1px solid #f2f2f2;
    padding: 10px 15px;cursor: pointer;transition: .5s ease}

    #Cart-Item-popup .modal-dialog, #Cart-pickup-popup .modal-dialog  , #loyalityModal-popup .modal-dialog ,#Redeem-popup .modal-dialog , #Financial-sponsor-popup  .modal-dialog , #Wrapping-item  .modal-dialog , #purchase-time-popup  .modal-dialog, #Sharing-With-poup  .modal-dialog {transition: none!important}
#Sharing-With-poup .share-width-friends-list ul li:hover { background: #22A7DE0F}

    @media (max-width: 768px){
      header{display: none;}
      .cart-main-container {
    margin-top: 0px;
    margin-bottom: 2rem;
}
.header-cart{display: none;}
.mobileheader-cart .media-body h4{    margin: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #000;}
.mobileheader-cart {
    padding: 10px;
    border-bottom: 1px solid #68686824;
}
.right-side-list{border-radius: 0px;}
.cart-main-container .col-md-4{    padding: 0px;}
    }

        @media (min-width: 768px){
          .mobileheader-cart{display: none;}

        }