.upsell-add-button {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 700;
  display: inline-block;
  line-height: 1.4;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0px;
  cursor: pointer;
  background-color: #ff4713;
  border: 2px dashed #ff4713;
  border-radius: 0;
  outline: none;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
  padding: 0.75rem 1rem;
  font-size: 1.0rem;
  color: #ff4713;
  background-color: transparent;
  border: 4px dashed #ff4713;
  width: 100%;
  margin-bottom: 14px;
}
. upsell-add-button:visited {
  color: #FFFFFF;
}
.upsell-add-button:hover:not(:disabled), .upsell-add-button:focus, .upsell-add-button:active {
  color: #FFFFFF;
  background-color: #ff8366;
  border: 4px dashed #ff8366;
  box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
 .modal-activate-butto {
     color: #fff;
     background: #fc4c03 !important;
     width: 100%;
     margin-bottom: 8px;
}

/* The Modal (background) */
 .modal {
     display: none;
     position: fixed;
     z-index: 1;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0,0.6);
}
/* Modal Content/Box */
 .modal-content {
     background-color: #fefefe;
     padding: 20px;
     border: 1px solid #888;
     width: 462px;
     position: fixed;
     top: 50%;
     left: 50%;
     -webkit-transform: translate3d(-50%, -50%, 0);
     transform: translate3d(-50%, -50%, 0);
     -webkit-transform-origin: 0 0;
     -ms-transform-origin: 0 0;
     transform-origin: 0 0;
     display: table;
     border-radius: 0px;
     line-height: normal;
     overflow: hidden;
     z-index: 99999;
}
 .modal-container {
     padding: 10px;
}
 .modal-body {
     padding: 40px;
}
 .modal-header {
     font-size: 20px;
     text-align: center;
   	 margin-bottom: .6em;
}
 .modal-input, .modal-button {
     margin: auto;
     display: flex;
     width: 100%;
}
 .modal-input {
     padding: 12px;
     font-size: 16px;
     border: 2px solid #000;
     box-sizing: border-box;
     margin-bottom: 8px;
}
 .modal-button {
     justify-content: center;
     padding: 12px 22px;
}
/* The Close Button */
 .close {
     color: #aaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
}
 .close:hover, .close:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
}

/* Load Spinner Modal (background) */
 .spinner-modal {
     position: fixed;
     z-index: 1;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0,0.6);
}
.fa-spinner {
	color: #fff;
    font-size: 40px;
  	position: fixed;
    top: 50%;
    left: 50%;
/*   	-webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0; */
  	z-index: 99999;
}
 @media only screen and (max-width: 992px) {
     .modal-input, .modal-button {
         width: 100%;
    }
}
 @media only screen and (max-width: 768px) {
     .upsell-add-button, .modal-activate-button {
         font-size: 10px;
    }
}
 @media only screen and (max-width: 414px) {
     .upsell-add-button, .modal-button, .modal-activate-button {
         font-size: 3.8vw;
         padding: 16px 22px;
    }
     .modal-content {
         width: 314px;
    }
}
 @media only screen and (max-width: 414px) {
   .modal-header {
      font-size: 18px;
	}
    .modal-content {
         padding: 0px;
    }
     span.close {
         padding-right: 10px;
    }
   .fa-spinner {
   		left: 45%;
   }
}
#dateModal{
  z-index: 999;
}
#dateModal p{
    margin: 0 0 15px;
    text-align: center;
    line-height: 26px;
}
#dateModal button{
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: 700;
    display: inline-block;
    line-height: 1.4;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0px;
    cursor: pointer;
    background-color: #ff4713;
    border: 1px solid #ff4713;
    border-radius: 0;
    outline: none;
    transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
    padding: 0.75rem 1rem;
    font-size: 1.0rem;
    width: 100%;
}