#boobooWrapper {border: 2px solid #e8a6a6; background: #f7f7f7; border-radius: 9px; color: #545b5f;}
#boobooWrapper .booboo-header {margin-top: 0; background: #e8a6a6; padding: 1rem; display: flex; justify-content: space-between;}
#boobooWrapper .booboo-header > h2 {padding: 0; margin: 0;}
#boobooWrapper .booboo-header > h2 img {max-height: 35px;}
#boobooWrapper .booboo-header .booboo-user #boobooLogoutBtn {background: transparent; border-radius: 100%; border: 2px solid #fff; color: #fff; padding: 0; text-align: center; width: 30px; height: 30px; line-height: 25px; font-size: 20px; font-weight: 100; margin-left: 10px;}
#boobooWrapper .booboo-header .booboo-user.booboo-user-hidden {display: none;}
#boobooInner {padding: 1rem; border-radius: 9px;}
#boobooInner .booboo-box {display: flex; align-items: center; padding: 1rem; background: #fff; border-radius: 9px; box-shadow: 0 0 20px rgba(0, 0, 0, .05);}
#boobooInner .booboo-box + .booboo-box {margin-top: 1rem;}
#boobooInner .booboo-box h4 {font-size: 1rem; font-weight: normal;}
#boobooInner .booboo-box .booboo-content {width: 100%;}
#boobooInner .booboo-box .booboo-points-input {width: 100%;}
#boobooInner .booboo-box .booboo-box-button {display: flex; justify-content: space-between; width: 100%; color: #545b5f; text-decoration: none; cursor: pointer;}
#boobooInner .booboo-box .booboo-box-button .booboo-arrow {align-self: center;}
#boobooInner .booboo-box .booboo-box-button > div {pointer-events: none;}
#boobooInner .booboo-box .booboo-box-button > div small {color: #d28f8f;}
#boobooInner .booboo-box .booboo-box-button span {pointer-events: none;}
#boobooInner .booboo-box .booboo-buy-gifts {display: none;}
#boobooInner .booboo-box .booboo-buy-gifts.booboo-show {display: block;}
#boobooInner .booboo-button-wrapper {margin-top: 1rem; text-align: center;}
#boobooInner .booboo-button {background: #e8a6a6; border-radius: 9px; color: #fff; font-weight: normal;}
#boobooInner .booboo-button.booboo-reset-button {background: #9aacb9;}
#boobooInner .booboo-qr {display: flex; justify-content: space-evenly; align-items: center;}
#boobooInner .booboo-qr img {display: block;}
#boobooInner .booboo-qr .booboo-login > div {margin-bottom: 1rem;}
#boobooInner .booboo-qr .booboo-login label {display: block;}
#boobooInner .booboo-qr .booboo-login input {width: 100%;}
#boobooInner .booboo-qr .booboo-login .booboo-login-buttons {display: flex; justify-content: space-between; align-items: center; margin-bottom: 0;}
#boobooInner .booboo-qr .booboo-login .booboo-login-buttons button {margin-right: 1rem;}
#boobooInner .booboo-help-text {margin-top: 1rem;}
#boobooTemplates {display: none;}
#boobooInner .booboo-points-wrapper {text-align: center;}
#boobooInner .booboo-points-wrapper small {display: block;}
#boobooInner .booboo-points-wrapper .booboo-points {color: #e8a6a6; font-size: 1.2rem;}
#boobooInner .booboo-title {display: flex; justify-content: space-between;}
#boobooInner .booboo-title > span {font-size: 1.1rem; align-self:center;}
#boobooInner .booboo-title span span {color: #e8a6a6;}
#boobooInner .booboo-gifts {display: flex; justify-content: space-between;}
#boobooInner .booboo-gifts .booboo-gift {width: 40%;}
#boobooInner .booboo-gifts .booboo-gift label {display: flex; justify-content: space-between; cursor: pointer;}
#boobooInner .booboo-gifts .booboo-gift .booboo-gift-image {background: #d3d3d3; width: 100px; border-radius: 9px;}
#boobooInner .booboo-gifts .booboo-gift h5 {font-size: 1.3rem;}
#boobooInner .booboo-gifts .booboo-gift span {display: block; color: #e8a6a6; font-size: 1.2rem;}
#boobooInner .booboo-gifts .booboo-gift small {color: #bcbcbc; font-size: .9rem;}
#boobooInner .booboo-gifts .booboo-gift .booboo-gift-checkbox {display: none;}
#boobooInner .booboo-gifts .booboo-gift .booboo-gift-check {display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; background: #fff; color: #fff; border-radius: 5px; border: 2px solid #e8a6a6;}
#boobooInner .booboo-gifts .booboo-gift .booboo-gift-checkbox:checked + .booboo-gift-check {background: #e8a6a6;}
.booboo-points-input {
-webkit-appearance: none;
margin-right: 15px;
width: 200px;
height: 5px;
background: #d3d3d3;
border-radius: 5px;
background-image: linear-gradient(#e8a6a6, #e8a6a6);
background-size: 0% 100%;
background-repeat: no-repeat;
}
.booboo-points-input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 1rem;
height: 1rem;
background: #e8a6a6;
cursor: pointer;
border-radius: 100%;
transition: background .3s ease-in-out;
}
.booboo-points-input::-webkit-slider-runnable-track {
-webkit-appearance: none;
box-shadow: none;
border: none;
background: transparent;
}
.booboo-checkout td {border: 2px solid #e8a6a6; padding: 0; margin: 0; border-radius: 9px;}
.booboo-checkout .booboo-title {background-color: #e8a6a6; padding: 1rem; color: #fff; font-size: 1.5rem; text-align: center; line-height: 30px;}
.booboo-checkout .booboo-title img {max-height: 30px; display: inline-block;}
.booboo-checkout .booboo-title + div {padding: 0 1rem;}
.booboo-checkout dl {}
.booboo-checkout dl dt {float: left; clear: both; font-weight: lighter;}
.booboo-checkout dl dd {float: right; clear: both; font-size: 1.2rem}
.booboo-checkout h4 {font-size: 1.2rem; text-align: center;}