#main-content-bce{
  padding-top: 30px;
}

#bce-title-main{
  margin-top: 0px;
  margin-bottom: 30px;
  font-size: 30px;
}

.purchase-card{
  margin: 8%;
  margin-top: 1%;
}

.bluecare-image {
  width: 90px;
  height: 90px;
  margin: auto;
  margin-top: 5%;
  display: block;
}

.trackings-count {
  margin-top: 10px;
  margin-bottom: 2px;
  font-weight: bold;
  color: #3699FF;
}

.tracking-numbers-p {
  color: #777;
}

.click-buy-button {
  border: 0px;
  margin-bottom: 20px;
  margin-top: 20px;
}

#bcePurchase .modal-dialog {
  width: unset;
  max-width: 670px;
}

.bce-modal {
  margin: 0px;
  padding: 15px;
  display: flex;
}

.bce-left-container, .bce-right-container {
  flex: 1;
  position: relative;
}

.bce-select-box {
  margin: 15px;
  display : block;
}


.bce-select-box > input { 
  width: 18px;
  height: 18px;
  margin: 15px 0px 0px 15px;
  cursor: pointer;
  z-index: 1;
  appearance: none;
  position: absolute;
  border: 0;
  border-radius: 0.45em;
  background-size: 64% 66%;
  background-color: #EBEDF3;
  background-repeat: no-repeat;
  background-position: center;
}

.bce-select-box > input:checked {
  background-color: #3699FF;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e");
}

.bce-select-box > div {
  width: 100%;
  cursor:pointer;
  border-radius: 8px;
}

.bce-select-box > input:hover + div {
  border: 1px solid #3699FF;
}

.bce-select-box > input:checked + div{
  background-color: #E1F0FF;
  border: 1px solid #3699FF;
}

.bce-select-box > input + div{ 
  background-color: #FFFFFF;
  border: 1px solid #EAEAEA;
}

.bce-div-box {
  position: relative;
  padding: 4px 0px 2px 44px;
}

.bce-trackings {
  color: #3F4254;
  display: block;
  font-size: 14px;
  font-weight: 600;
}

.bce-caption {
  color: #B5b5C3;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

.bce-price {
  color: #3F4254;
  float: right;
  display: block;
  font-size: 18px;
  font-weight: 600;
  top: 10px;
  right: 15px;
  position: absolute;
}

.bce-description {
  border-radius: 4px;
  margin: 15px;
  padding: 30px;
  font-weight: 400;
  background-color: #F3F6F9;
}

.bce-select-box > input:checked +div .bce-trackings { color: #3699FF }
.bce-select-box > input:checked +div .bce-caption { color: #3699FF }
.bce-select-box > input:checked +div .bce-price { color: #3699FF }

.bce-btn-wrapper {
  bottom: 0;
  width: 100%;
  display: flex;
  padding: 15px;
  position: absolute;
}

.bce-purchase-btn, .bce-cancel-btn {
  flex: 1;
  padding: 5px 0;
  margin-top: 15px;
  font-size: 13px;
  font-weight: 300;  
  border-radius: 5px;
}

.bce-purchase-btn, .bce-purchase-btn:hover {
  color: #FFFFFF!important;
  margin-left: 7.5px;
  border-color: #3699FF!important;
  background-color: #3699FF!important;
}

.bce-cancel-btn, .bce-cancel-btn:hover {
  color: #A0A5B7!important;
  margin-right: 7.5px;
  border-color: #F3F6F9!important;
  background-color: #F3F6F9!important;
}

@media screen and (max-width: 650px)  {
  .bce-modal {
    display: block;
  }

  .bce-left-container, .bce-right-container {
    flex: unset;
    width: 100%;
  }

  .bce-btn-wrapper {
    position: initial;
  }

  .bce-description {
    margin: 30px 15px 0px;
  }
}