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;overflow: hidden;}

.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%;object-fit: scale-down;}

#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}


.quick-order .Quick-header-top-section  .media .store-image img{width: 50px;
height: 50px;border-radius: 50%;    object-fit: contain;}
.quick-order .Quick-header-top-section{border-bottom: 1px solid #f2f2f2;padding: 10px 0px;background: #fff}

.quick-order .Quick-header-top-section  .media .media-body  h5{margin-bottom: 0px ;letter-spacing: 0.06px;
color: #000000;font-size: 21px}
.quick-order-product ul{display: flex;
    flex-wrap: wrap;}
.quick-order-product ul li{width: calc(25% - 20px);
    margin: 10px;cursor: pointer;}
.quick-order-product ul li img{  background: #fff;  width: 100%;object-fit: contain;
height: 172px;box-shadow: 0px 1px 1px #00000024;
border-radius: 4px;border: 0.5px solid #f2f2f2;}

.quick-order-product ul li .plus-icon{  display: flex;
    justify-content: center;
    align-items: center;background: #fff;  width: 100%;object-fit: contain;
height: 172px;
border-radius: 4px;border: 0.5px solid #f2f2f2;}
  .quick-order-product ul .add-item:hover .plus-icon  {box-shadow: 0px 1px 2px #00000054;}
.quick-order-product ul li .plus-icon .icon{    font-size: 60px;
    font-weight: lighter;color: #A2A2A2}
    .quick-order-product ul .add-item{transition: .5s ease}
        .quick-order-product ul .add-item:hover .plus-icon .icon{color: #22A7DE}
.quick-order-product ul li  .product-name h5{letter-spacing: -0.21px;
color: #000000;margin-bottom: 0px;font-size: 15px}
.quick-order-product ul li  .product-name{padding: 0px;    margin-top: 10px;}
.quick-order .right-side-list{    background: #fcfcfc!important;}
.quick-order .right-side-list .quick-order-product{padding-top: 2rem;padding-bottom: 2rem;max-height: 50rem;
    overflow-y: auto;}
    .quick-order .right-side-list .quick-order-product::-webkit-scrollbar {
  display: none;
}
.quick-order .right-side-list .quick-order-product {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.quick-order-product ul LI .col-md-12{padding: 0px!important}
.quick-order-product ul li .product{padding: 0px}

.product-price h4 {letter-spacing: -0.38px;
color: #000000;font-weight: bold;margin-bottom: 0px;font-size: 15px}
.quick-order .col-md-4 .right-side-total-body{min-height: 25rem;position: relative;    padding: 0px;}
.quick-order .col-md-4 .right-side-total-body .pay-btn{margin-top: 1rem;
    display: flex;
    position: absolute;
    justify-content: center;
    bottom: 15px;
    width: 90%;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);}
    .quick-order .col-md-4 .right-side-total-body .right-checked-header{ padding:10px 15px;border-bottom: 1px solid #f2f2f2}
    .quick-order .col-md-4 .right-side-total-body .right-checked-header h3{margin-bottom: 0px;padding: 15px 1rem;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 900;}
            .quick-order .col-md-4 .right-side-total-body .right-checked-body{padding-top: 2rem;}
        .quick-order .col-md-4 .right-side-total-body .right-checked-body .total-check-out { padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f2f2f2;}
    .quick-order .col-md-4 .right-side-total-body .right-checked-body .total-check-out  h4{margin-bottom: 0px;letter-spacing: -0.43px;
color: #000000;font-weight: 900;font-size: 16px}

    .quick-order .col-md-4 .right-side-total-body .right-checked-body .pay-list ul{    margin-top: 1rem;      margin-bottom: 80px;}
      .quick-order .col-md-4 .right-side-total-body .right-checked-body .pay-list ul li h6{margin-bottom: 0px;    font-size: 14px;letter-spacing: -0.38px;
color: #000000;}
.quick-order .col-md-4 .right-side-total-body .right-checked-body .pay-list ul li {padding: 5px 0px;}



/*hide and show div*/
 .right-side-list.add-list .store-porducuts-main-div{display: none;}
 .store-porducuts-add-list{display: none;}
  .right-side-list.add-list  .store-porducuts-add-list{display: block!important;}

/*css*/

.store-porducuts-add-list .store-porducuts-add-list-mainbody{padding: 0px!important}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header{padding: 0px!important}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .top-header{padding: 1rem 1rem;
    border-bottom: 1px solid #f2f2f2;    background: #fff;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .back-arrow-with-heading a{    display: flex;align-items: center;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .back-arrow-with-heading a .heading h4{margin-bottom: 0px;letter-spacing: 0px;
color: #000000;font-size: 18px;font-weight: 900}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .media-right button{  width: 150px;
height: 40px;
border: 1px solid #22A7DE;
border-radius: 4px;letter-spacing: 0.13px;
color: #22A7DE;font-size: 18px;background: transparent}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .search-section label{margin-bottom: 0px;width: 100%;position: relative;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .search-section label input{padding-left: 3rem;width: 100%;height: 39px;background: #7676801F 0% 0% no-repeat padding-box;
border-radius: 8px;color: #3C3C4399;border: none}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .search-section label img{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .icon-3 .a{fill:none;} .icon-3 .b{fill:#22a7de;stroke:#22a7de;stroke-width:0.2px;}

.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .tabs-section .nav-pills .nav-link.active, .tabs-section  .nav-pills .show > .nav-link {   border-radius: 0px; background-color: transparent;border-bottom: 3px solid #22a7de}

.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .tabs-section .nav-item .nav-link .icon-3 .b{fill: #686868;stroke: #686868;}

.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .tabs-section .nav-item .nav-link.active .icon .b {
    stroke: #22a7de;}

    .store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .tabs-section .nav-item .nav-link.active .icon-3 .b{fill: #22a7de;stroke: #22a7de;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .tabs-section .nav-item .nav-link {    padding: 0.2rem 2rem;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .tabs-section  #pills-tab {    margin-top: 2rem;
    border-bottom: 1px solid #f2f2f2;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .tab-inner-header .media .media-body h6{margin-bottom: 0px;letter-spacing: 0.43px;
color: #686868;font-size: 15px;
    font-weight: 900;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .tab-inner-header .media .media-right ul{    display: flex;
    align-items: center;
    justify-content: space-between;width: 65px;margin-bottom: 0px}

.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .tab-inner-header .media .media-right ul li a img{opacity: .5}
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .tab-inner-header .media .media-right ul .active a img{opacity: 1}
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .tab-inner-header .media .media-right ul li {    display: flex;
    justify-content: center;
    align-items: center;width: 28px;
height: 28px;background: transparent;
border-radius: 4px;padding: 6px}
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .tab-inner-header .media .media-right ul .active {background: #DEDEDE 0% 0% no-repeat padding-box;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul{      display: flex;
    flex-wrap: wrap;}
    .store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul li{width: calc(25% - 15px);
      margin: 10px 15px 10px 0px;
    cursor: pointer;}
      .store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul  li img {
    background: #fff;
    width: 100%;
    object-fit: contain;
    height: 172px;
    box-shadow: 0px 1px 1px #00000024;
    border-radius: 4px;
    border: 0.5px solid #f2f2f2;
}
  .store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul  li  a .product{padding: 0px!important}
    .store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul  li  .product-name h5 {
    letter-spacing: -0.21px;
    color: #000000;
    margin-bottom: 0px;
    font-size: 15px;
}
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul  li  .product-name, .store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul  li  .product-price{padding: 0px!important}
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul  li  .product-name{    margin-top: .8rem;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul  li  .product-price {margin-top: .2em}
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody{    max-height: 57rem;
    overflow: auto;}
    /* Hide scrollbar for Chrome, Safari and Opera */
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


/*list change css*/
.list-change{padding: 0px!important}
.list-change ul  li{    width: 100%!important;margin: 0px!important;
    padding: 8px 15px;
    border-bottom: 1px solid #f2f2f2;}
    .list-change ul  li:hover{background: #22A7DE0F}
.list-change ul  li  .product-image{width: 10%;
    height: 100%;
    margin: auto;}

    .list-change ul  li  .product-image img{width: 75px!important;
height: 75px!important;}

  .list-change  ul li  a .product {
    padding: 0px!important;
    align-items: center;
    display: -webkit-inline-box;}
  .list-change  ul li  .product-name {
    margin-top: auto!important;
    max-width: 80%;
    margin-bottom: auto;

}
  .list-change  ul li  .product-name  h5{    padding-left: 1rem;}
  .list-change ul  li .product-price {
    margin-top: auto!important;
    max-width: 10%;
    text-align: center;
    margin-bottom: auto;
}
  .list-change ul  li .product-price h4{    font-size: 16px;}
.list-change ul{animation: fade 1s ease}
@keyframes fade {
0%
{
  opacity: 0
}
100%
{
  opacity: 1
}
}

.fillter-right-side li{cursor: pointer;}


/*quickorder friends list*/


      /*chenge address innder Freinds popup*/

        /*Friends popoup*/

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

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

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

                    #pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .top-searh-form .searh-form-section label{margin-bottom: 0px;position: relative;width: 100%}
                #pickeup-friends2 .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-friends2 .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-friends2 .modal-dialog .main-body-on-friends-list-popup .top-btns-div{display: flex;justify-content: space-between;    padding: 10px 20px;}
                          #pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .top-btns-div a{    letter-spacing: 0.2px;
          color: #22A7DE!important;
          font-size: 14px;}
      #pickeup-friends2 .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-friends2 .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-friends2 .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-friends2 .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address  .fried-profile{    width: 50%;}
          #pickeup-friends2 .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-friends2 .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address  .address{    width: 50%;}
        #pickeup-friends2 .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-friends2 .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address{border-top: 1px solid #f2f2f2}

        #pickeup-friends2 .modal-dialog .modal-header h5  {    letter-spacing: 0.5px;
          color: #000000;
          font-weight: bold;
          font-size: 22px;}
            #pickeup-friends2 .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-friends2 .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li:hover{background: #22A7DE0F}
/*Change address friend close*/


/*New popop added sponser*/
#Finance-requested-popup{padding-top: 0px!important}
#Finance-requested-popup .modal-dialog .modal-header a{width: 100%}
#Finance-requested-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;
}
#Finance-requested-popup .modal-dialog{transition: none!important}
#Finance-requested-popup .modal-dialog .modal-header{padding:10px 0px!important}
#Finance-requested-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;
}
#Finance-requested-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li {
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 10px;
    transition: .5s;
}
#Finance-requested-popup .modal-body .Financial-Sponsor-main-body{padding: 0px!important}
#Finance-requested-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media{     padding: 10px 15px;}
#Finance-requested-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media-left img{    width: 50px;}
#Finance-requested-popup  .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li{    padding: 10px 0px;}
#Financial-Sponsor-Funding-Request{padding-top: 0px!important}
#Finance-requested-popup .modal-footer .notes p{margin-bottom: 0px;font-size:12px;letter-spacing: 0.1px}
  #Finance-requested-popup  .modal-footer .notes p a{color: #22A7DE!important}
        #Finance-requested-popup .modal-footer{border: none;padding-top: 5px!important}
            #Finance-requested-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media .media-body h1 {
font-size: 14px;}
#Finance-requested-popup  .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media .media-body p{    margin-bottom: .3rem;}
#Finance-requested-popup  .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li .media .media-body h4 {
font-size: 13px;}
#Finance-requested-popup  .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li .media .media-body {
padding-right: 2rem;
}

#Finance-requested-popup .modal-body {
    padding: 30px 15px 20px;
}
#Finance-requested-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media
{    border-bottom: 1px solid #f2f2f2;}

#Finance-requested-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%;
}
#Finance-requested-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;}

#Finance-requested-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;
}
#Finance-requested-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;
}





/*New popop added sponser*/
#Finance-requested-popup{padding-top: 0px!important}
#Finance-requested-popup .modal-dialog .modal-header a{width: 100%}
#Finance-requested-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;
}
#Finance-requested-popup .modal-dialog{transition: none!important}
#Finance-requested-popup .modal-dialog .modal-header{padding:10px 0px!important}
#Finance-requested-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;
}
#Finance-requested-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li {
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 10px;
    transition: .5s;
}
#Funding-list .modal-body .Financial-Sponsor-main-body{padding: 0px!important}
#Funding-list .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media{     padding: 10px 15px;}
#Funding-list .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media-left img{    width: 50px;}
#Funding-list  .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li{    padding: 10px 0px;}
#Financial-Sponsor-Funding-Request{padding-top: 0px!important}
#Funding-list .modal-footer .notes p{margin-bottom: 0px;font-size:12px;letter-spacing: 0.1px}
#Funding-list  .modal-footer .notes p a{color: #22A7DE!important}
#Funding-list .modal-footer{border: none;padding-top: 5px!important}
#Funding-list .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media .media-body h1 {
font-size: 14px;}
#Funding-list .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media .media-body p{    margin-bottom: .3rem;}
#Funding-list .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li .media .media-body h4 {
font-size: 13px;}
#Funding-list  .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li .media .media-body {
padding-right: 2rem;
}

#Funding-list .modal-body {
    padding: 30px 15px 20px;
}
#Funding-list .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media
{    border-bottom: 1px solid #f2f2f2;}

#Funding-list  .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%;
}
#Funding-list .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;}

#Funding-list .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;
}
#Funding-list .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;
}
#Funding-list  .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;
}

#Funding-list .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;
}
#Funding-list .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li {
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 10px;
    transition: .5s;
}

#Funding-list .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li:hover {
    background: #22A7DE0F;
}

#Funding-list .modal-dialog{transition: none!important}
#Funding-list .modal-dialog .modal-header .media{padding: 0px!important}
#Funding-list .modal-dialog .modal-header .media .close{margin: 0px;padding: 0px!important}


.overflow-Hide{overflow: hidden!important;}
  /* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.cancel-deal-btn{display: none;}

.Approved .modal-dialog .modal-footer .cancel-deal-btn{display: block!important;}
.Approved .modal-dialog .modal-footer .Request-deal-btn{display: none;}
.status-approve{display: none;}
.Approved .status-approve{display: block;!important}
.Approved  .status-new{display: none;}
/*quickorder mobile view*/
                @media only screen and (max-width: 768px){


                  #quick-order-mobile-popup{padding-right: 0px!important;overflow-y: hidden;background: transparent}
                  #quick-order-mobile-popup .modal-dialog{    margin: 0px;}
                  #quick-order-mobile-popup .modal-dialog .modal-content{border: none;    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 2px 15px 3px #000000a6;}
                  #quick-order-mobile-popup  .cart-main-container {    margin-top: 0px;overflow: hidden;padding: 0px;margin-bottom: 0rem;height: calc(100vh - 100px);}
                  #quick-order-mobile-popup .quick-order-product ul li {
                    width: calc(33.33% - 14px);
                  margin: 7px;
                }
                  #quick-order-mobile-popup .quick-order-product ul li img,   #quick-order-mobile-popup  .quick-order-product ul li .plus-icon {     height: 112px;}

#quick-order-mobile-popup  .cart-main-container .row, #quick-order-mobile-popup  .cart-main-container .row .store-porducuts-main-div{height: 100%}
 #quick-order-mobile-popup  .cart-main-container .row .store-porducuts-main-div .quick-order-product{height: 100%;
   overflow: auto;
     padding-bottom: 25rem!important;
     padding: 0px 10px;
     padding-top: 1.5rem;}
 #quick-order-mobile-popup  .quickorder-check-out-mobile{display: none;}
 .quick-order .Quick-header-top-section {
    border-bottom: 1px solid #0000004d;}

    .quick-order .Quick-header-top-section .media .store-image img{width: 52px;
    height: 52px;
    border-radius: 10px;   box-shadow: 0px 1px 3px #00000033;
    padding: 5px;background: #fff;}

    .check-out-main-btn{position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
background: #fcfcfc;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center}
        .check-out-main-btn button{width: 250px;
    height: 40px;
    background: #22A7DE;
    border: 0px;
    color: #fff;
    outline: none;
    box-shadow: none;
    border-radius: 4px;
    overflow: hidden;}
    .cart-main-container.Show-checkout .right-side-list{display: none;}
    .cart-main-container.Show-checkout .quickorder-check-out-mobile{display: block!important;}
    .quickorder-check-out-mobile{padding: 0px!important}
        .quickorder-check-out-mobile .right-side-total-body{    min-height: 100%!important;}
      .right-side-total-body  .check-out-head{    display: inline-block;    padding-left: 15px;}
      .right-checked-header h3 {    padding-left: .5rem!important;
    color: #000;font-weight: 200!important;
    font-size: 16px!important;letter-spacing: .06em;margin: auto 0.5rem;}

    .store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .back-arrow-with-heading a .heading h4{  color: #000;font-weight: 200!important;
      font-size: 16px!important;letter-spacing: .06em;}
    .quick-order .col-md-4 .right-side-total-body .pay-btn {width: 60%!important;}
    .right-side-total-body .right-checked-body .pay-list ul li {
    padding: 10px 0px!important;
}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .media-right button{border: none!important;    text-align: right!important;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .search-section label input{padding-left: 2.5rem!important  ;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .top-header{    padding: .5rem 1rem!important;}

.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul li{    width: calc(33.33% - 10px);    margin: 10px 5px 10px 5px;}
.store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul li img{    height: 112px;background: #fff;
    width: 100%;
    object-fit: contain;box-shadow: 0px 1px 1px #00000024;
    border-radius: 4px;
    border: 0.5px solid #f2f2f2;}
    .store-porducuts-add-list .store-porducuts-add-list-header .tabs-section{position: fixed;
    left: 0px;
    bottom: 0px;
    background: #fff;
    z-index: 1111;   border-top: 1px solid #0000004d;}
    .store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .tabs-section #pills-tab {
    margin-top: 1rem!important;  border-bottom: none!important}
    .store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .top-header{    border-bottom: 1px solid #0000004d!important;}
        .store-porducuts-add-list .store-porducuts-add-list-mainbody .body-main #pills-tabContent{    padding-top: 1rem;}
          .store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .tabs-section .nav-pills .nav-link.active, .tabs-section .nav-pills .show > .nav-link{border-bottom:none!important;}
          .store-porducuts-add-list .store-porducuts-add-list-mainbody .store-porducuts-add-list-header .tabs-section .nav-item .nav-link{padding-left: 0px;
    padding-right: 2rem;}
    .product-price h4{    font-size: 17px;
    margin-top: .5rem;    letter-spacing: 0.33px;}
    .list-change ul li .product-image {
    width: 20%!important;}
    .list-change ul li .product-name {    max-width: 50%!important;}
    .list-change ul li .product-price {max-width: 30%!important ;    text-align: right!important;}
    .store-porducuts-add-list .store-porducuts-add-list-mainbody #pills-tabContent .tab-inner-mainbody .product-list-on-tab ul{margin-bottom: 35rem;}
    .quick-order .Quick-header-top-section .media .media-body h5{     font-size: 18px!important;}
    .quick-order-top-close-btn{height: 10px;
    background: transparent;}
      .quick-order-top-close-btn .quickorder-popup-close-line{    height: 4px;
    width: 43px;
    margin: auto;
    background: #00000040;
    border-radius: 2px;margin-top: 5px;}
/*Popup-mobile-view */
#first-popup .modal-dialog .modal-content{height: calc(100% - 100px); border: none;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 2px 15px 3px #000000a6;}
    #first-popup .modal-header {
      padding: 15px 15px 10px 15px;}
    #first-popup .modal-dialog {transition: none!important; animation: bottom-popup 0.1s ease}
    @keyframes bottom-popup {
0%{    top: 100%;}
    }

    #first-popup .modal-dialog .modal-body{    padding: 10px 0px;}
      #first-popup .modal-dialog .modal-body .list-menu-popup{padding: 0px!important}
      #first-popup .modal-header .close-mobile-view-v {position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);}
        #first-popup .modal-header .media-left .close {    height: 4px;
    width: 43px;
    margin: auto;
    background: #00000040;
    border-radius: 2px;}
    #first-popup .modal-header .media-left .close span{display: none;}

      #first-popup .modal-footer {display: none;}
          #first-popup .modal-header .media {width: 100%}
            #first-popup .modal-header .media .popup-brand-image-2 {background: #fff;border-radius: 4px;height: 51px ;width: 51px;    box-shadow: 0px 1px 3px #00000033;}
                      #first-popup .modal-header .media .mobile-done-btn a{color: #22A7DE!important;
    font-size: 16px;
    letter-spacing: .07em;}
            #first-popup .store-changeing-three-dout .three-dout-Button-List{width: 200px;}
                #first-popup .modal-dialog .modal-body .list-menu-popup ul li .left-side-title span{font-size: 14px;
    letter-spacing: 0.03em;}
        #first-popup .modal-dialog .modal-body .list-menu-popup ul li .result a{font-size: 14px;
letter-spacing: 0.0em; color: #000!important}

/*items popoup*/
#Cart-Item-popup {padding-top: 0px!important}
#Cart-Item-popup .item-popup-list ul li .item-div-list ul li .media .media-left .product-image img{width: 100px;
    height: 100px;}
    #Cart-Item-popup .item-popup-list ul li .item-div-list ul li .bottom-prefrence-friend .media .media-body p{font-size: 10px;}
    #Cart-Item-popup .item-popup-list ul li .item-div-list ul li .media .media-body .bottom-prefrence-friend .media .media-left{  margin-right: .5rem!important;}
    #Cart-Item-popup .item-popup-list ul li .item-div-list ul li .media .media-body .itemn-product-short-discription p{font-size: 9px;letter-spacing: 0px;}
    #Cart-Item-popup .item-popup-list ul li .item-div-list ul li .media .media-body .itemn-product-tite .name{font-size: 14px;}
    #Cart-Item-popup .item-popup-list ul li .item-div-list ul li .media .media-body .itemn-product-tite .size{    font-size: 12px;}
    #Cart-Item-popup .modal-header {    z-index: 11111;}
/*items popoup close*/

/*Picke up-popup*/

#Cart-pickup-popup .modal-content{border-radius: 10px 10px 0px 0px ;    height: calc(100% - 100px);   }
#Cart-pickup-popup .modal-content .close-mobile-view-v-icon{
    width: 100%;
    padding: 10px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;}
.change-address-div {
    position: fixed;
    top: auto;
  bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    background: #fff;
    right: 0px;
    width: 260px;
    border-radius: 6px;
    box-shadow: 1px 6px 9px #00000052;
}
#Cart-pickup-popup .modal-header {    padding: 10px 10px 15px}
#Cart-pickup-popup .modal-header .media .media-left .close{display: flex;
    justify-content: center;
    align-items: center;opacity: 1}
#Cart-pickup-popup .modal-header .media .media-left .close span{font-size: 16px;
    margin-left: .5em;
    color: #22a7de;
    font-weight: 100;}
    #Cart-pickup-popup .modal-header .media .done-btn-mobile a{    color: #22A7DE!important;
    font-size: 16px;
    letter-spacing: .07em;}
    #Cart-pickup-popup .modal-body .pick-maim-body{    padding: 10px 0px!important;}
/*pickup close*/

.close-mobile-view-v-icon{width: 100%}
.close-mobile-view-v-icon button span{display: none;}
.close-mobile-view-v-icon .close {
    height: 4px;
    width: 43px;
    margin: auto;
    background: #00000040;
    border-radius: 2px;
}
.address-div p{
    font-size: 12px;}
    .address-div label{    font-size: 14px;}
    .pick-maim-body hr{    margin-top: .5rem;
    margin-bottom: .5rem;}

    #change-address .modal-dialog{align-items: flex-end!important;}
        #change-address .modal-dialog .modal-content{background: transparent;box-shadow: none;
    border: none;border-radius: 0px;}
        #change-address .modal-body {background: #E2E3E2;padding: 0px!important;    border-radius: 16px;
    border: none;
    margin-bottom: 1rem;}
              #change-address .modal-body .modal-header{padding: 10px 0px!important;justify-content: center;    border-bottom: 1px solid #cbcbcb;}
                    #change-address .modal-body .modal-header h5{text-align: center;color: #686868;}
                        #change-address .modal-body  .list-address ul{margin-bottom: 0px}
                          #change-address .modal-body  .list-address ul li .media-body h6{margin-bottom: 0px;color: #22A7DE;font-size: 16px;
    letter-spacing: 0.05rem}
                        #change-address .modal-body  .list-address ul li{padding: 10px 15px ;    border-bottom: 1px solid #cbcbcb; }
                          #change-address .modal-body  .list-address ul li:last-child{border-bottom: none!important}
                          #change-address  .modal-footer{border: none;    background: #fff;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;}
      #change-address  .modal-footer a{font-size: 16px;
    color: #22a7de!important;padding: 15px;width: 100%;    text-align: center;}
#pickeup-friends{padding-top: 0px!important}
#pickeup-friends .modal-dialog{    min-height: 100%;height: 100%;}
#pickeup-friends .modal-dialog .modal-content{    max-height: 100%;
    min-height: 100%;border-radius: 0px}
    #pickeup-friends .modal-dialog .main-body-on-friends-list-popup {
    width: 100%;}
    #pickeup-friends .modal-header .media .media-left {margin-right: 1rem}
    #pickeup-friends .modal-dialog .modal-header h5{text-align: left!important;    font-size: 18px;    font-weight: 100;}
    #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .fried-profile{    width: 100%!important;}
    #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .address {
    width: 100%;
}
    #pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .address p {}

/*chenge address innder Freinds popup mobile*/
#pickeup-friends2{padding-top: 0px!important}
#pickeup-friends2 .modal-dialog{    min-height: 100%;height: 100%;}
#pickeup-friends2 .modal-dialog .modal-content{    max-height: 100%;
    min-height: 100%;border-radius: 0px}
    #pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup {
    width: 100%;}
    #pickeup-friends2 .modal-header .media .media-left {margin-right: 1rem}
    #pickeup-friends2 .modal-dialog .modal-header h5{text-align: left!important;    font-size: 18px;    font-weight: 100;}
    #pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .fried-profile{    width: 100%!important;}
  #pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .address {
    width: 100%!important;
}
#pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup{width: 100%!important}
#pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .fried-profile {
    width: 100%!important;
}

#pickeup-friends2 .modal-dialog .modal-header{box-shadow: none;
    padding-bottom: 0px;
    border: none;}
    #pickeup-friends2 .modal-dialog .modal-body {
    overflow-y: auto;
    padding: 15px 0px 0px;
}
#pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .top-searh-form .searh-form-section label input {
    width: 100%;
    padding-left: 2.5rem;
    height: 35px;
    background: #EEEEF0;
    border: none;
    border-radius: 6px;
}
#pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .top-searh-form .searh-form-section label .searh-icon{    left: 10px;}
#pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .top-btns-div{border-bottom: 1px solid #bebebe;}
#pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address{    margin-top: 2rem;border-top: none;}
#pickeup-friends2 .modal-dialog  .main-body-on-friends-list-popup .frind-list-address{padding: 0px!important}
#pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li{padding: 10px 15px;}
#pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .fried-profile .media .media-left{margin-right: 1rem!important;}
#pickeup-friends2 .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address li .frind-list-width-address .address p {
    letter-spacing: 0.5px;}

    #first-popup .modal-body .list-menu-popup ul li .rihgt-side-title .result{    width: 5rem;overflow: hidden;}
/*chenge address innder Freinds popup mobile close*/

/*main fried css in mobile b=view*/

#pickeup-friends .modal-dialog .modal-header{box-shadow: none;
    padding-bottom: 0px;
    border: none;}
    #pickeup-friends .modal-dialog .modal-body {
    overflow-y: auto;
    padding: 15px 0px 0px;
}
#pickeup-friends .modal-dialog .main-body-on-friends-list-popup .top-searh-form .searh-form-section label input {
    width: 100%;
    padding-left: 2.5rem;
    height: 35px;
    background: #EEEEF0;
    border: none;
    border-radius: 6px;
}
#pickeup-friends .modal-dialog .main-body-on-friends-list-popup .top-searh-form .searh-form-section label .searh-icon{    left: 10px;}
#pickeup-friends .modal-dialog .main-body-on-friends-list-popup .top-btns-div{border-bottom: 1px solid #bebebe;}
#pickeup-friends .modal-dialog .main-body-on-friends-list-popup .frind-list-with-address{    margin-top: 2rem;border-top: none;}
#pickeup-friends .modal-dialog  .main-body-on-friends-list-popup .frind-list-address{padding: 0px!important}

.pickup-fillter-list .title-pickup h6{font-size: 14px;    letter-spacing: 0.5px;}
#Cart-pickup-popup .modal-header {box-shadow: none;
    border-bottom: 1px solid #DCDCDC;}
    .pickup-fillter-list .list-pickup ul li .media .media-body h4{    font-size: 14px;}
    .details-pickup-div p {
        margin-bottom: 0px;
        letter-spacing: 0.2px;
        position: relative;
        color: #686868;
        font-size: 14px;
    }
    .pickup-fillter-list .list-pickup ul li{    border-bottom: 1px solid #DCDCDC;}
    .pickup-fillter-list .title-pickup{ border-bottom: 1px solid #DCDCDC;}
    .cost-div h4 .cost-title{font-weight: bolder;}

/*Popup-mobile-view pickeup-company */
#pickeup-company {    padding-top: 0px!important;}
#pickeup-company .modal-dialog{    height: 100%;    min-height: 100%;}
#pickeup-company .modal-dialog .modal-content{border-radius: 0px;    max-height: 100%;}
#pickeup-company .modal-dialog .modal-header h5 {
    letter-spacing: 0.5px;
    color: #000000;
    font-weight: 100;
    font-size: 18px;
    text-align: left!important;
    padding: 0 1rem;
}
#pickeup-company .modal-dialog .modal-header {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: none;
    border-bottom: 1px solid #DCDCDC;
    padding: 10px 10px;
}
#pickeup-company .modal-dialog .main-body-on-friends-list-popup {
    width: 100%;}

#pickeup-company .company-list-width-details .vertical-line-div{display: none;}

#pickeup-company .company-list-width-details{    display: contents;}
  #pickeup-company .company-list-width-details .Cost {
    width: 100%;
    padding-left: 0px;
    margin: auto 0px auto auto;
}
#pickeup-company .modal-dialog .main-body-on-friends-list-popup .frind-list-address{padding: 0px!important}
.company-list-with-price li {
    padding: 10px 0px;}
    #pickeup-company .company-list-width-details .company-profile .media .media-left{    margin-right: 1rem!important;}
#pickeup-company .company-list-width-details .company-profile .media-body .date-and-time{font-size: 12px;
    color: #939393;}
#pickeup-company .company-list-width-details .company-profile .media-body h4{margin-bottom: 0px;
    letter-spacing: 1.3px;
    color: #000000;
    font-size: 16px;}
    .company-list-with-price li{border-bottom: 1px solid #DCDCDC;}
    #pickeup-company .modal-dialog .modal-body{    padding: 10px;}
    #pickeup-company .company-list-width-details .Cost h3{   color: #000; font-size: 16px;}
    .change-d-company-list.show{    z-index: 9999999;}
    .pickup-fillter-list.Change-header .filler-change-title-and-image .company-header .media .mr-5 {margin-right: 1rem!important;}
    #loyalityModal-popup{padding-top: 0px!important}
/*Popup-mobile-view  pickeup-company close */

/*Reedem popoup */
#Redeem-popup{padding-top: 0px!important}
#Redeem-popup .Redeem-top-header-tab{padding: 1rem 0px 0px;}
#Redeem-popup  .modal-header {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: none;
    border-bottom: 1px solid #9a9a9a;
}
#Redeem-popup #Membership-tab .loyality-list li .media .media-body {
    line-height: 4.5rem;}
    #Redeem-popup #Voucher .Redeem-button button {
    width: 85%;}
    #Redeem-popup #Voucher {
    padding: 0px 10px;
}
#Financial-sponsor-popup{padding-top: 0px!important}
#Financial-sponsor-popup .modal-dialog .modal-header a{width: 100%}
/*Reedem popoup close*/

#loyalityModal-popup .modal-header, #Financial-sponsor-popup .modal-header {box-shadow: none;
    border-bottom: 1px solid #9a9a9a;}
     #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body{padding: 0px!important}
     #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media{    padding: 0px;}
     #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media-left img{    width: 50px;}
     #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li{    padding: 10px 0px;}
     #Financial-Sponsor-Funding-Request{padding-top: 0px!important}
          #Financial-sponsor-popup .modal-footer .notes p{margin-bottom: 0px;font-size:12px;letter-spacing: 0.1px}
                #Financial-sponsor-popup .modal-footer .notes p a{color: #22A7DE!important}
                  #Financial-sponsor-popup .modal-footer{border: none;padding-top: 5px!important}
                  #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media .media-body h1 {
    font-size: 14px;}
    #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media .media-body p{    margin-bottom: .3rem;}
    #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li .media .media-body h4 {
    font-size: 13px;}
    #Financial-sponsor-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li .media .media-body {
    padding-right: 2rem;
}


#Financial-Sponsor-Funding-Request .modal-dialog{margin: 0px!important;    max-width: 100%;    height: 100%;}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-content{    height: 100%;border-radius: 0px;}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-body ul li .media {
    width: 100%;
    margin: auto;
}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-content .modal-header .close{padding: 0px;margin: 0px}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-content .modal-header .col-md-12{padding: 0px!important}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-content .modal-header {  box-shadow: 5px 0px 7px -3px #6868689e;
    border-radius: 0px;}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body {
    padding: 1rem 0px;
}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-body ul li {
    padding: 10px 15px;
}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-footer-btn .total-Requests{    height: 100px;width: 60%;}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-footer-btn .total-Requests h1{  font-size: 32px;
    margin-top: .4em;}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-header .media-body h5{margin-bottom: 0px;    font-size: 18px;}
#Financial-Sponsor-Funding-Request .modal-dialog .modal-body .Funding-Request-main-footer-btn .total-Requests h3{font-size: 18px}
#list-sponser{padding-top: 0px!important}
#list-sponser .modal-dialog{margin: 0px;
    height: 100%;    transition: none;}
    #list-sponser .modal-dialog .modal-content{height: 100%;
    border-radius: 0px;
    border: none;
    box-shadow: none;}
  #list-sponser  .modal-dialog .modal-header {
    padding: 10px 15px;}
    .main-content-list-sponser {
    width: 100%;}
    .financial-main-popoup .modal-dialog .modal-body {
    padding: 1rem 0px;
}
  #list-sponser  .modal-dialog .modal-header .modal-title{visibility: hidden;}
  .financial-main-popoup .modal-dialog .modal-footer{padding: 10px 0px;text-align: center;
    display: flex;
    justify-content: center;    box-shadow: none;
    border-top: 1px solid #dcdcdc;}
    .Financialsponsor-main-list ul li {
    padding: 10px 15px;}
.Financialsponsor-main-list ul li h4{font-size: 13px;}
.main-content-list-sponser .list-top-header .media-left img{height: 50px;
    object-fit: contain;
    padding: 5px;    width: 50px;}
    #agreement-term{padding-top: 0px!important}
      #agreement-term .modal-dialog{    margin: 0px;
    height: 100%;}
          #agreement-term .modal-dialog .modal-content{ height: 100%;
    border: none;
    border-radius: 0px;}

    #agreement-term .modal-dialog .modal-content  .modal-header .media-body h5{visibility: hidden;}

      #agreement-term .modal-dialog .modal-content  .modal-header  {    padding: 10px 15px;}
      #agreement-term .modal-dialog .agreement-main-body {
    width: 100%;}
    #agreement-term .modal-dialog .modal-body .agreement-main-body p {
    letter-spacing: 0px;
    color: #686868;
    font-size: 12px;
    margin-bottom: 1rem;
    text-align: justify;
}
    #agreement-term .modal-dialog  .modal-footer{flex-direction: column-reverse;border-top: none}
    .financial-main-popoup .modal-dialog .modal-footer .border-button{border: 1px solid #22A7DE;
    width: 80%;}
        .financial-main-popoup .modal-dialog .modal-footer  a{width: 80%}
    .financial-main-popoup .modal-dialog .modal-footer .background-button{  width:80%;}
        .financial-main-popoup .modal-dialog .modal-footer button{margin: 8px 0px!important;
    height: 45px!important;
    border-radius: 4px!important;
    padding: 0px;
    font-weight: 100;
    font-size: 16px;
    letter-spacing: 1.02px;}

    #Wrapping-item{padding-top: 0px!important}
    #Wrapping-item .modal-body{padding: 4rem 0px;align-items: self-start;}
    #Wrapping-item .modal-body .no-Wrapping-item P {
    letter-spacing: 0.83px;
    color: #686868;
    font-size: 12px;
    padding: 1rem 1rem;
    margin-top: 1rem;
}
.mobile-view-dragable{    position: absolute;
    z-index: 1;
    height: 4px;
    width: 43px;
    background: #d0d0d2;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    border-radius:2px;}
    #purchase-time-popup .modal-header .media{display: flex;
    flex-direction: row-reverse;}
      #purchase-time-popup .modal-header .media .header-title-popup h2{text-align: left!important;
    font-size: 16px!important;}
              #purchase-time-popup .modal-content{border-radius: 6px;}
              #purchase-time-popup .modal-body {
    padding: 15px 0px 10px;
}
#purchase-time-popup{padding-top: 80%;}
#purchase-time-popup .modal-body .purchasing-time-top select{border-radius: 0px;}
#purchase-time-popup .modal-body .purchasing-time-top {
    margin-bottom: 1rem;}
    #purchase-time-popup .modal-body .Show-Future-time .col-md-12 p{    font-size: 12px;}
    #purchase-time-popup .modal-body .Show-Future-time .Maximun-price-div .media-body h5{font-size: 14px;}
    #purchase-time-popup .modal-body .Show-Future-time .Maximun-price-div .media-right h4{    font-weight: bold;}

#purchase-time-popup .modal-body .Show-Future-time .after-date-div .media-body .title{margin-bottom: 2px;
    font-size: 12px;}
    #purchase-time-popup .modal-body .Show-Future-time .after-date-div .media-right a{    letter-spacing: 0.05px;
    color: #22A7DE!important;
    font-size: 14px;}
#Shedule-purchase{padding-top: 0px!important}
#Shedule-purchase .modal-dialog{    margin: 0px;
    height: 100%;}
    #Shedule-purchase .modal-dialog .modal-content {  overflow: hidden;
    height: 100%;
    border-radius: 0px;}
    #Shedule-purchase .Shedule-main-body{display: flex;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    flex-direction: column;
    align-items: center;    margin-top: 2rem;}

    #Shedule-purchase .Shedule-main-body .date-input, #Shedule-purchase .Shedule-main-body .time-input {
    width: 100%;
    margin: 1rem;
}

#Shedule-purchase .modal-dialog .modal-footer{flex-direction: column-reverse;border: none;}
#Shedule-purchase .modal-dialog .modal-footer button{    width: 80%;}

#Sharing-With-poup{    padding: 0px;}
#Sharing-With-poup .modal-body {
    padding: 25px 0px 10px;
}
#Change-store{    padding-top: 0px; }
#Change-store .modal-dialog {
    max-width: 100%;
    margin: 0px;
    height: 100%;
}
#Change-store .modal-content{height: 100%;
    border-radius: 0px;
    box-shadow: none;
    border: none;}

    #Change-store .modal-body {
        max-height: 100%;
        overflow-y: auto;
    }
    #Change-store .modal-body {
        max-height: 100%;
        overflow-y: auto;
        padding: 1rem 0px;
    }
      #Change-store .modal-body .store-change-main-body{padding: 0px!important;width: 100%}
      #Change-store .store-change-body-header{flex-direction: column;
    justify-content: inherit;
    align-items: flex-end;}
    #Change-store .store-change-body-header .searh-form-section {
      max-width: 95%;
    width: 100%;
    margin: auto;}
    #Change-store .store-change-body-header .body-header-right-site-filler{margin: auto 0px;
    padding-right: 10px;
    margin-top: 1rem;}
        #Change-store .main-store-list {
    margin-top: 1rem;    padding: 0px;
}
#Change-store .main-store-list ul li{    padding: 10px 15px;}
#Change-store .main-store-list ul li .media .media-left img {
    width: 50px;
    height: 50px;}
    #Change-store .main-store-list ul li .media .price h4{font-size: 20px;}
    #Change-store .main-store-list ul li .media .price {
    margin-right: 1rem!important;
}
  #Change-store .modal-header {    padding: 10px 0px;    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 6px #00000052;}
  #Change-store .modal-content .modal-header h5 {
    font-size: 18px;
    letter-spacing: .1em;
    color: #000000;
    font-weight: 600;
}
#Funding-list{padding-top: 0px!important}
#Finance-requested-popup .modal-body {
    padding: 1rem 0px;
}
#Finance-requested-popup .approve-list-financial-sponsor{padding: 0px!important}
#Finance-requested-popup  .modal-header .close{margin: 0px;padding: 0px}

#Finance-requested-popup .modal-body .Financial-Sponsor-main-body .financial-sponser-list ul li{    padding: 10px 15px!important;}

#Funding-list .modal-body {
    padding: 20px 0px 20px;
}
#Funding-list .modal-body .Financial-Sponsor-main-body .Financial-Sponsor-top-total .media {
    padding: 10px 10px;
}
#Funding-list .modal-body .financial-sponser-list{padding: 0px!important}
#Funding-list-sponser{padding-top: 0px!important}
#Funding-list-sponser .modal-dialog{height: 100%;margin: 0px}

#Funding-list-sponser .modal-dialog .modal-content{height: 100%;
    border-radius: 0px;
    border: none;
    box-shadow: none;}
    #Funding-list-sponser .modal-dialog .modal-header{padding: 10px}
      #Funding-list-sponser .modal-dialog .modal-header .media-body h5{    margin-bottom: 0px;
    font-size: 18px;
    letter-spacing: 0.42px;
    color: #000000;}

/*Popup-mobile-view close */


      }