#parcel_picker .MR-Widget {
    display: block;
    margin:0 auto 20px;
    position: relative;
  }

#parcel_picker table {
    margin:0;
  }

#parcel_picker table td,
#parcel_picker table th {
    padding:4px;
  }
  
#parcel_picker button {
    color:#000;
    padding: 7px 15px;
    text-decoration: none;
    border-radius: 0;
    font-size: 100%;
    font-weight: 600;
    line-height: 1.618;
  }

#parcel_picker input {
    font-size: 100%;
    text-align: center;
    padding: 7px 0;
  }

#parcel_picker #Img_Pays {
  float:right;
  padding:10px 0;
  display: none;
}

#parcel_picker #Img_Pays:hover {
  cursor:pointer;
}

#parcel_picker.mrwpinpost .MRW-BtGo, #parcel_picker.mrwpinpost .MRW-BtGeoGo {
  background-color: #FFCB04;
  color: black;
  border-color: #FFCB04;
}

#parcel_picker.mrwpinpost.mrwpmrtoinpost .MRW-Search {
  background: url(https://widget.mondialrelay.com/parcelshop-picker/v4_0/css/themes/inpost/imgs/mr-64.png) no-repeat 2% 50%;
}

#parcel_picker.mrwpinpost.mrwpmrtoinpost .MR-Widget .PR-List-Item {
  padding: 5px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #424143;
  border-left: none;
}

#parcel_picker.mrwpinpost.mrwpmrtoinpost .MR-Widget .PR-Name {
  color: #424143;
  font-weight: 700;
}

#parcel_picker.mrwpinpost.mrwpmrtoinpost .MR-Widget .MRW-fl-Select MRW-fl-Item:hover, #parcel_picker.mrwpinpost.mrwpmrtoinpost .MR-Widget .PR-City:hover {
  cursor: pointer;
  background: #ffcb04;
  font-weight: 700;
}

#parcel_picker.mrwpinpost.mrwpmrtoinpost .MR-Widget .Tabs-Btn {
  color: #424143;
  background-color: unset;
  border: none;
}

#parcel_picker.mrwpinpost.mrwpmrtoinpost .MR-Widget .Tabs-Btn:hover {
  background-color: #ffcb04;
}

#parcel_picker.mrwpinpost.mrwpmrtoinpost .MR-Widget .Tabs-Btn:first-child, #parcel_picker.mrwpinpost.mrwpmrtoinpost .MR-Widget .Tabs-Btn:last-child  {
  border-radius: 0;
}

#parcel_picker.mrwpinpost.mrwpmrtoinpost .MR-Widget .Tabs-Btn-Selected {
  font-weight: 700;
  background-color: #fab201;
}

#parcel_picker.mrwpinpost.mrwpmrtoinpost .MR-Widget .PR-hover, #parcel_picker.mrwpinpost.mrwpmrtoinpost .MR-Widget .PR-Selected {
  background-color: #ffcd00;
}

#parcel_picker.mrwpmr.mrwpinposttomr .MRW-Search {
  background: url(https://widget.mondialrelay.com/parcelshop-picker/v4_0/css/themes/mondialrelay/imgs/mr-64.png) no-repeat 2% 50%;
}

#parcel_picker.mrwpmr.mrwpinposttomr .MR-Widget .PR-List-Item {
  border-left: solid 2px #f6abb6;
  padding: 3px;
  margin-bottom: 4px;
  border-bottom: none;
}

#parcel_picker.mrwpmr.mrwpinposttomr .MR-Widget .PR-hover, #parcel_picker.mrwpmr.mrwpinposttomr .MR-Widget .PR-Selected {
  border-left: solid 2px #96154a;
  background: #f6abb6;
}

#parcel_picker.mrwpmr.mrwpinposttomr .MR-Widget .PR-Name {
  color: #96154a;
  font-weight: 700;
}

#parcel_picker.mrwpmr.mrwpinposttomr .MR-Widget .Tabs-Btn:first-child {
  border-radius: 5px 0px 0px 5px;
}

#parcel_picker.mrwpmr.mrwpinposttomr .MR-Widget .Tabs-Btn {
  padding: 2px 5px;
  background-color: #eee;
  color: #96154a;
  border: 1px solid #eee;
}

#parcel_picker.mrwpmr.mrwpinposttomr .MR-Widget .MRW-fl-Select MRW-fl-Item:hover, #parcel_picker.mrwpmr.mrwpinposttomr .MR-Widget .PR-City:hover {
  background: #f6abb6;
}

#parcel_picker.mrwpmr.mrwpinposttomr .MR-Widget .Tabs-Btn:last-child {
  border-radius: 0px 5px 5px 0px;
}
  
  #delivery_point_chosen {
    display: block;
    margin:0 auto;
    position: relative;
  }

#mondial_relay_alert {
  
    color: #ff8c44;
    display: block;
    background: #ffede2;
    border: solid 1px #ff8c44;
    padding: 4px;
    max-width:678px;
    margin:0 auto 20px;

}

.modaal-container {
  max-width:90vw !important;
  min-height: 80vh;
}
.MR-Widget {
  max-width:100% !important;
  min-height:70vh !important;
}

#parcel_picker button.MRW-BtGo {
  color:#fff;
}

div.MR-Widget .MRW-Results {
  height: 410px;
}

button.modaal-close {
  position: absolute;
  right: 0px;
  top: -40px;
}

div#mrwpty {
  background-color: whitesmoke;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
}

div.mrwpbutton a#modaal_link, button#mrwpbutton a#modaal_link, #mrwp_thankyou_button, #mrwpty a#modaal_link  {
  background-color: #96154A;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  padding: 15px;
  font-weight: 700;
  display: block;
}

div.mrwpbutton.mrwpbuttoninpost a#modaal_link.bound, button#mrwpbutton.mrwpbuttoninpost a#modaal_link.bound {
  background-color: #FFCB04;
  color: black;
  border-color: #FFCB04;
}

#mrwp_thankyou_button, #mrwpty a#modaal_link {
margin: 5px auto;
display: inline-block;
}

#mrwp_thankyou_final {
  font-weight: bold;
  margin-top: 10px;
}

#mrwp_thankyou_prs {
  margin: 0;
}

#mrwpty h2 {
  color: #ca0047;
  font-size: 1.3em;
  margin: 1em 0;
  display: block;
  font-weight: 600;
}

@supports(display:flex) {
  #parcel_picker .MRW-Line {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content: center;
    padding-left:70px;
    position:relative;
  }
  #parcel_picker .MRW-Line input,  #parcel_picker .MRW-Line button {
    margin:0 5px 5px;
  }
  
  #parcel_picker .MR-Widget .MRW-fl-Select, #parcel_picker .MR-Widget .PR-AutoCplCity {
    top:40px !important;
  }
  @media screen and (max-width:600px) {
    #parcel_picker .MRW-Map {
      display: none !important;
    }
  }
   @media screen and (max-width:800px) {
     #parcel_picker .MRW-Map {
        float:none !important;
       display: block;
       margin:0 auto 20px;
       max-width: 100% !important;
     }
  }
 
  
  @media screen and (max-width:400px) {
    #parcel_picker .MR-Widget .MRW-Search {
      background-image: none;
    }
    #parcel_picker .MRW-Line { 
      justify-content: flex-start;
      padding-left: 0;
    }
    #parcel_picker .MRW-Line input, 
    #parcel_picker .MRW-Line button {
      flex-basis:100%;
    }
  }

  @media screen and (min-width:1000px) {
    .modaal-container {
        max-width:850px !important;
        position:relative;
        max-height:850px;
    }
    button.modaal-close {
        right:-40px;
    }
  }

  @media screen and (min-height:1000px) {
      .modaal-container {
              height:650px;
              min-height:unset;
      }
      .modaal-content {
          max-height:100%;
      }
      
      .modaal-inner-wrapper {
          display:flex;
          align-items:center;
          justify-content:center;
          height:100vh;
      }

      .MR-Widget {
            min-height: unset !important;
      }
      
  }

}