.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{ left:0 }  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{ right:0 }  .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.kangaroo-shopping-cart-section {
max-width: 100%;
float: right;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content .kangaroo-tooltip, .kangaroo-shopping-cart-section .kangaroo-tooltip{
position:relative;
display:inline-block;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content .kangaroo-tooltip .tooltiptext, .kangaroo-shopping-cart-section .kangaroo-tooltip .tooltiptext{
visibility:hidden;
background-color: #555;
color: #fff;
text-align:center;
border-radius: 6px;
padding:5px;
position:absolute;
z-index:1;
opacity: 0;
transition: opacity 0.3s;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content .kangaroo-tooltip .tooltiptext::after,.kangaroo-shopping-cart-section .kangaroo-tooltip .tooltiptext::after{
content:"";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width:5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content .kangaroo-tooltip:hover .tooltiptext, .kangaroo-shopping-cart-section .kangaroo-tooltip:hover .tooltiptext{
visibility: visible;
opacity: 1;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content #overflow-container table{
border: 1px solid #d0caca;
font-size: 15px;
border-radius: 12px !important;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content #overflow-container tbody{
border: 1px solid #d0caca;
font-size: 15px;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content #overflow-container td{
padding:20px;
border: 1px solid #d0caca;
line-height:30px;
font-size: 15px;
} .kangaroo-welcome-modal .kangaroo-section .section-middle__content #overflow-container th,
.kangaroo-welcome-modal .kangaroo-section .section-middle__content #overflow-container tr{
font-size: 15px;
}
.kangaroo-welcome-modal .kangaroo-section .section-middle__content p{
line-height:20px;
}
.kangaroo-section .section-bottom{
padding:10px!important;
}
.kangaroo-section .btn.btn-default, .kangaroo-welcome-modal .btn{
padding: 0 20px 0 20px;
height: 40px;
line-height: 40px;
margin:10px;
display: inline-block;
width: auto;
cursor: pointer;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 12px;
background-color: #64b3df;
color: #e24040;
text-transform: uppercase;
font-size: 15px;
}
.kangaroo-product-offer table{
width:100%;
border-collapse: collapse;
border-spacing:0;
display:table;
border-color:grey;
margin-bottom:27px;
}
.kangaroo-product-offer tbody{
display:table-row-group;
vertical-align:middle;
border-color:inherit;
}
.kangaroo-product-offer tr{
display:table-row;
vertical-align:inherit;
border: 1px solid #eaeaea;
}
.kangaroo-product-offer td{
padding: 10px 10px 10px 10px;
}
.kangaroo-product-offer{
margin-top:20px;
float:left;
}
.kangaroo-welcome-modal .label-danger, .kangaroo-shopping-cart-section .label-danger{
background-color: #d9534f;
cursor: pointer;
}
.kangaroo-welcome-modal .label-default, .kangaroo-shopping-cart-section .label-default{
background-color:#b1adad;
}
.kangaroo-welcome-modal .text-danger{
color:#a94442;
}
.kangaroo-welcome-modal .text-success{
color: #28a745;
}
.kangaroo-welcome-modal .label, .kangaroo-shopping-cart-section .label{
display:inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight:700;
line-height:1;
color: #fff;
text-align:center;
white-space: nowrap;
vertical-align:baseline;
}
.kangaroo-welcome-modal .pagination{
padding-top:0px!important;
}
.kangaroo-wrapper .arrow .kangaroo-icon.kangaroo-icon-up-arrow{
padding:10px;
}
#overflow-container{
padding:15px;
}
.section-middle.kgrwds-customer{
height:650px;
overflow-y: auto;
}
.kangaroo-welcome-modal .centered{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform: -webkit-translate(-50%, -50%);
transform: -moz-translate(-50%, -50%);
transform: -ms-translate(-50%, -50%);
color:darkred;
width: unset;
}
.btn.btn-primary.redeem-btn, .btn.btn-primary.setting-btn{
float:right;
}
.kangaroo-welcome-modal .text-left{
text-align:left;
}
.kangaroo-welcome-modal td{
border: 1px solid #e9e0eb;
padding:20px 20px!important;
}
.kangaroo-welcome-modal table{
margin-top:10%;
width:100%;
}
.kangaroo-welcome-modal .text-right{
text-align:right;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-default .panel-heading img {
width:8%;
float:left;
margin-right:2%;
margin-top: -5px;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-default {
width:80%;
margin:auto;
margin-bottom:5%;
cursor:pointer;
border-color:#ddd;
background-color:#fff;
border: 1px solid transparent;
border-radius: 12px;
-webkit-box-shadow: 0 1em 2em 0px rgba(0,0,0,0.5);
box-shadow: 0 1em 2em 0px rgba(0,0,0,0.2);
}
.kangaroo-welcome-modal .col-sm-6.col-md-6.kangaroo-offer{
cursor:pointer;
}
.kangaroo-welcome-modal .col-sm-6.col-md-6.kangaroo-offer:hover{
border-color:#64b3df!important;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-default:hover{
border-color:#64b3df!important;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-default>.panel-heading{
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-heading{
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
align-items: center;
}
.kangaroo-welcome-modal .section-middle__content .content .panel-body{
padding: 15px;
}
.kangaroo-welcome-modal .section-middle__menu .kangaroo-menu .list-group .list-group-item{
z-index: 2;
color: black;
background-color: #fff;
position: relative;
display: flex;
padding: 10px 15px;
margin-bottom: -1px;
border: 1px solid #ddd;
cursor:pointer;
}
.kangaroo-welcome-modal .section-middle__menu .kangaroo-menu .list-group .list-group-item.active{
background-color: #64b3df;
color:#e24040;
border: 1px solid #ddd;
}
.kangaroo-welcome-modal .section-middle__menu .kangaroo-menu .list-group .list-group-item .glyphicon{
margin-right:9px;
}
.kangaroo-welcome-modal .section-middle__menu{
float: left;
flex-grow: 1;
width:30%;
background-color:#64b3df;
min-height:400px;
}
.kangaroo-welcome-modal .section-middle__content{
float: left;
flex-grow: 1;
width:70%;
background-color: #fefefe;
min-height:400px;
padding-bottom:20px;
}
.kangaroo-welcome-modal .section-middle__content .kgrwds-header{
background-color:#fcfcfc;
border-bottom:1px solid #eee;
border-top-right-radius: 5px;
padding:10px;
}
.kangaroo-welcome-modal .section-middle__content .overflow-container{
padding:10px;
}
.kangaroo-welcome-modal .section-middle__menu ul, .kangaroo-welcome-modal .section-middle__menu li{
padding:0;
margin:0;
list-style:none;
}
.kangaroo-welcome-modal .section-middle__menu .kgrwds-header{
color: #fff;
border-bottom: 1px dotted #0e3d68;
border-radius: inherit;
color: #e24040;
}
.kangaroo-welcome-modal .section-middle__menu .kgrwds-footer{
background-color: #fff;
border: 1px solid #ddd;
position: absolute;
left: 0;
bottom: 0px;
padding-bottom: 8px;
width: 30%;
color: white;
text-align: center;
font-weight: bold;
font-size:12px;
}
.kangaroo-welcome-modal .section-middle__menu .kgrwds-header .title{
font-weight:400;
font-size:20px;
padding:22px;
background-color:#0e3d68;
color: #ffffff;
border-top-left-radius: inherit;
border-bottom: 2px solid #64b3df;
margin:0px;
}
.kangaroo-welcome-modal .section-middle__menu .stats .points{
text-align:right;
padding:10px;
font-size:16px;
text-overflow: ellipsis;
overflow: hidden;
}
.kangaroo-items .kangaroo-items:last-child{
margin-bottom:0px;
}
.kangaroo-items .message{
cursor:pointer;
}
.kangaroo-items .item{
background-color:#fff;
border-radius: 3px;
padding:10px 6px;
text-align:center;
}
.kangaroo-arrow{
border-top-color: #64b3df;
border: 10px solid transparent;
border-top:10px solid #64b3df;
width:0;
height:0;
display:inline-block;
}
.kangaroo-controls{
text-align:right;
padding-bottom:4px;
}
.kangaroo-controls .hide{
color: #fff !important;
display:inline-block;
font-weight:bold;
padding:0 5px;
cursor:pointer;
border-radius:  3px;
text-decoration: none!important;
}
.kangaroo-container{
display:none;
width:240px;
text-align:center;
color:#333332;
font-size:15px;
position:fixed;
z-index:16000000;
bottom:72px;
right:15px;
top: auto;
left: auto;
}
.kangaroo-inner{
background-color:#64b3df;
padding:4px;
border-radius: 6px;
}
.kangaroo-widget .kangaroo-wrapper .name-box .arrow .kangaroo-icon.kangaroo-icon-up-arrow{
color: #e24040;
}
.kangaroo-widget{
bottom:15px;
right:15px;
top: auto;
left: auto;
background: #64b3df;
overflow: hidden;
position:fixed;
z-index: 16000000;
color: #e24040; border-radius: 40px !important;
box-shadow: 0 0 5px rgba(0,0,0,.1), 0 0 10px rgba(0,0,0,.3);
transform: rotate(0deg);
transform-origin: 50% 0;
height: 64px !important;
padding: 0 0px 0 10px !important;
}
#ew-btn-kr{
bottom:15px;
right:15px;
top: auto;
left: auto;
position:fixed;
z-index: 16000000;
transform: rotate(0deg);
transform-origin: 50% 0;
}
@font-face {
font-family: "Metropolis Regular";
font-style: normal;
font-weight: normal;
src: url(https://storage.googleapis.com/kng-assets/fonts/metropolis/Metropolis-Regular.woff)
format("woff");
}
@font-face {
font-family: "Metropolis Medium";
font-style: normal;
font-weight: normal;
src: url(https://storage.googleapis.com/kng-assets/fonts/metropolis/Metropolis-Medium.woff)
format("woff");
}
@font-face {
font-family: "Metropolis SemiBold";
font-style: normal;
font-weight: normal;
src: url(https://storage.googleapis.com/kng-assets/fonts/metropolis/Metropolis-SemiBold.woff)
format("woff");
}
@font-face {
font-family: "Metropolis Bold";
font-style: normal;
font-weight: normal;
src: url(https://storage.googleapis.com/kng-assets/fonts/metropolis/Metropolis-Bold.woff)
format("woff");
}
.ew-widget {
right:15px;
left: auto;
}
.kr-widget {
font-family: "Metropolis Regular";
}
.kangaroo-wrapper{
display: flex;
align-items: center;
cursor:pointer;
height: 100% !important;
}
.points-wrapper{
height: 100%;
display: grid;
place-items: center;
background-color:#0e3d68;
}
.kangaroo-wrapper .points{
display:none;
padding: 0 10px 0 10px;
line-height: 30px;
border-top-right-radius: 4px;
font-size: 15px;
float:right;
color: #ffffff;
background-color:#0e3d68;
}
.kangaroo-wrapper .points,.kangaroo-wrapper .name-box{
height:30px;
float:right;
}
.kangaroo-wrapper .name-box{
padding: 0 10px 0 10px;
font-size: 15px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
min-width: 80px;
text-align:center;
white-space: nowrap;
line-height: 30px;
height: 100% !important;
}
.kangaroo-widget .kangaroo-wrapper .name-box .icon, .kangaroo-wrapper .points .amount{
line-height: 30px;
height: 30px;
margin: 0;
font-size: 15px;
font-weight:400;
}
.kangaroo-widget .kangaroo-wrapper .points .amount{
color: #ffffff;
}
.kangaroo-widget .kangaroo-wrapper .name-box .icon{
width: unset;
color: #e24040;
}
.kangaroo-welcome-overlay {
display: none;
z-index: 99999999;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .6);
overflow-y: auto;
}
.kangaroo-welcome-modal { overflow: hidden;
z-index: 9001;
position: relative;
margin: auto auto 100px auto;
top: 10%;
max-width: 720px;
color: rgba(0, 0, 0, .8);
line-height: normal;
background: rgba(255, 255, 255, 1);
border-radius: 15px;
font-size: 15px; }
.kangaroo-welcome-modal .kangaroo-modal-close-btn {
position: absolute;
top: 21px;
right: 22px;
font-size: 20px;
text-decoration: none !important;
opacity:0.5;
}
.kangaroo-welcome-modal .kangaroo-modal-close-btn:hover {
opacity:1;
}
.kangaroo-welcome-modal h1, .kangaroo-welcome-modal h2 {
font-weight: 100;
margin-top: 15px;
margin-bottom: 15px;
}
.kangaroo-welcome-modal h1, .kangaroo-welcome-modal h2, .kangaroo-welcome-modal h3 {
color: rgba(0, 0, 0, .8); text-transform: none;
letter-spacing: normal;
}
.kangaroo-welcome-modal h1 {
font-size: 2em;
}
.kangaroo-welcome-modal h2 {
font-size: 1.4em;
}
.kangaroo-welcome-modal h3 {
margin: 0;
font-size: 1.17em;
font-weight: 500;
}
.kangaroo-welcome-modal a, .kangaroo-welcome-modal a:visited, .kangaroo-welcome-modal a:focus, .kangaroo-welcome-modal a:active, .kangaroo-welcome-modal a:hover {
text-decoration: underline;
color: rgba(0, 0, 0, .8);
}
.kangaroo-welcome-modal .kangaroo-welcome-btn {
display: inline-block;
width: 160px;
vertical-align: middle;
cursor: pointer;
margin: 35px 8px;
padding: 12px 0;
font-weight: 400;
background: #64b3df;
}
.kangaroo-welcome-modal .kangaroo-section {
clear: both;
}
.kangaroo-welcome-modal .section-top {
display: flex;
}
.kangaroo-welcome-modal .section-top div:first-child:nth-last-child(1) {
text-align: center;
flex-grow: 1;
}
.kangaroo-welcome-modal .section-top__left {
float: left;
flex-grow: 0;
align-self: center;
margin: 45px 22.5px 45px 45px;
}
.kangaroo-welcome-modal .section-top__left img {
max-height: 130px;
max-width: 130px;
border: rgba(151, 151, 151, 1);
border-width: 1px;
border-style: solid;
box-sizing: content-box;
display: inline-block;
}
.kangaroo-welcome-modal .section-top__right {
float: left;
width: 60%;
flex-grow: 1;
margin: 45px 45px 45px 22.5px;
}
.kangaroo-welcome-modal .section-middle {
display: flex;
border: rgba(0, 0, 0, .1);
border-style: solid;
border-width: 0px;
}
.kangaroo-welcome-modal .section-middle__left, .section-middle__right {
float: left;
flex-grow: 1;
width: 50%;
min-height: 310px;
}
.kangaroo-welcome-modal .section-middle__right {
border: rgba(0, 0, 0, .1);
border-style: solid;
border-width: 0px 0px 0px 1px;
}
.kangaroo-welcome-modal .section-middle__inner {
margin: 45px;
}
.kangaroo-welcome-modal .section-middle__inner div {
display: flex;
align-items: center;
justify-content: space-around;
}
.kangaroo-welcome-modal .section-middle__inner div:nth-of-type(2) {
align-items: right;
}
.kangaroo-welcome-modal .section-middle__inner .points-earn,
.kangaroo-welcome-modal .section-middle__inner .points-redeem {
width: 104px;
height: 60px;
position: relative;
font-size: 12px;
text-transform: uppercase;
}
.kangaroo-welcome-modal .section-middle__inner .points-earn:before,
.kangaroo-welcome-modal .section-middle__inner .points-redeem:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 104px;
height: 60px;
background-image: url(https://loy.boldapps.net/app_assets/images/arrows.sprite.png);
}
.kangaroo-welcome-modal .section-middle__inner .ratio {
width: 115px;
text-align: center;
}
.kangaroo-welcome-modal .section-middle__inner .points-redeem:before {
background-position: 0px 60px;
}
.kangaroo-welcome-modal .section-middle__inner strong {
color: #000000de;
}
.kangaroo-welcome-modal .section-middle__inner ul {
list-style: none;
line-height: 30px;
padding: 0;
margin: 16px 0;
}
.kangaroo-welcome-modal .section-middle__inner li {
color: rgba(0, 0, 0, .6);
}
.kangaroo-welcome-modal .section-middle__inner li span.icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
align-self: center;
margin: -2px 0 0 10px;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-money:before,
.kangaroo-welcome-modal .section-middle__inner li span.icon-profile:before,
.kangaroo-welcome-modal .section-middle__inner li span.icon-mail:before,
.kangaroo-welcome-modal .section-middle__inner li span.icon-share:before,
.kangaroo-welcome-modal .section-middle__inner li span.icon-star:before,
.kangaroo-welcome-modal .section-middle__menu .list-group-item span.icon-gift:before,
.kangaroo-welcome-modal .section-middle__menu .list-group-item span.icon-star:before,
.kangaroo-welcome-modal .section-middle__menu .list-group-item span.icon-suitcase:before
{
content: '';
position: absolute;
z-index: -1;
width: 30px;
height: 30px;
background-image: url(https://loy.boldapps.net/app_assets/images/sprite.icons.png);
}
.kangaroo-welcome-modal .section-middle__menu li span.icon-gift:before{
background-position: 0 0;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-money:before {
background-position: 0 0;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-profile:before {
background-position: 0 -30px;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-mail:before {
background-position: 0 -60px;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-share:before {
background-position: 0 -90px;
}
.kangaroo-welcome-modal .section-middle__inner li span.icon-star:before {
background-position: 0 -120px;
}
.kangaroo-welcome-modal .section-middle__menu li span.icon-gift:before{
background-position: 0 -120px;
}
.kangaroo-welcome-modal .section-middle__inner p {
text-align: center;
font-size: 15px;
font-weight: 200;
margin: 14px 0;
color: rgba(0, 0, 0, .8)
}
.kangaroo-welcome-modal .section-bottom {
text-align: center;
background: rgba(0, 0, 0, 0.05);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.kangaroo-welcome-modal .section-bottom .kgrwds-powered-by{
font-size: 12px;
font-weight: bold;
text-align: left;
position: absolute;
bottom: 10px;
color: rgb(45.098877%, 45.098877%, 45.098877%);
}
.kangaroo-welcome-modal .section-bottom .kgrwds-powered-by a, .kangaroo-welcome-modal .section-middle__menu .kgrwds-footer a{
color: rgb(45.098877%, 45.098877%, 45.098877%);
text-decoration: none;
}
.kangaroo-welcome-modal .section-bottom .kgrwds-powered-by img, .kangaroo-welcome-modal .section-middle__menu .kgrwds-footer img{
width: 120px;
height: 40px;
vertical-align: text-bottom;
margin-bottom: -10px;
}
.kangaroo-welcome-modal .section-bottom a {
color: rgba(255, 255, 255, 1);
text-decoration: none;
}
.section-middle__content .screen.visible{
opacity: 1;
}
.section-middle__content .screen{
position:absolute;
border-radius: 0 5px 5px 0;
top:0;
left:0;
width: 100%;
height:100%;
background: rgba(255,255,255,255);
transition: opacity 0.15s;
z-index: 500;
}
.section-middle__content .modal-container.visible{
top:100px;
opacity:0.8;
}
.section-middle__content .modal-container{
position:absolute;
z-index:800;
width:55.5%;
margin-left: -7.7%;
box-shadow: 0 8px 30px rgba(0,0,0,0.3);
background-color: #fff;
border-radius: 5px;
transition: top 0.15s, opacity 0.15s;
transition-duration: 0.25s;
}
.section-middle__content .modal-container header{
background-color: #f9f9f9;
border-bottom: 1px solid #eee;
border-radius: 5px 5px 0 0;
}
.section-middle__content .modal-container header h3{
padding: 10px 25px 7px 15px;
margin: 0;
font-size: 24px;
font-weight: normal;
}
.section-middle__content .modal-container header .kangaroo-detail-modal-close-btn{
font-weight: bold;
font-size: 33px;
color: #444;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
top: 5px;
right: 5px;
text-decoration: none;
cursor: pointer;
}
.section-middle__content .modal-container .action-btn{
margin-left:10px;
cursor:pointer;
display:inline-block;
background-color: #64b3df;
color: #fff;
border-radius: 12px;
text-align:center;
text-decoration: none;
font-size:18px;
padding:10px 20px;
margin-top:25px;
}
#overflow-container .col-sm-6.col-md-6.kangaroo-offer, #overflow-container .col-sm-6.col-md-6.kangaroo-redeem{
cursor:pointer;
}
.kangaroo-welcome-modal .col-md-6{
position: relative;
min-height:1px;
padding-right: 15px;
padding-left: 15px; }
#overflow-container .col-sm-6.col-md-6.kangaroo-offer .thumbnail, #overflow-container .col-sm-6.col-md-6.kangaroo-redeem .thumbnail{
display:block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color:#fff;
border: 1px solid #ddd;
border-radius: 12px !important;
box-shadow: 0 1em 2em 0px rgba(0,0,0,0.2) !important;
transition: border .2s ease-in-out;
height: 95%;
}
#overflow-container .col-sm-6.col-md-6.kangaroo-offer .thumbnail img, #overflow-container .col-sm-6.col-md-6.kangaroo-redeem .thumbnail img{
border-radius: 12px !important;
width:100%;
}
#overflow-container .col-sm-6.col-md-6.kangaroo-offer .thumbnail .caption, #overflow-container .col-sm-6.col-md-6.kangaroo-redeem .thumbnail .caption{
padding: 9px;
color: #333;
min-height: 60px;
}
.kangaroo-welcome-modal .section-middle__content{
overflow-x: auto;
overflow-y: auto;
}
.kangaroo-shopping-cart-section .kgrwds-shopping-cart-coupon-table {
margin-top: 0;
min-width: 50%;
float: right;
}
.kangaroo-shopping-cart-section .kgrwds-shopping-cart-coupon-table .kgrwds-coupon-expiry{
min-width: 112px;
}
.kangaroo-shopping-cart-section .kgrwds-shopping-cart-coupon-table .kgrwds-coupon-reclaim{
min-width: 200px;
}
#settingHint{
top: 30%;
left: 40%;
text-align: center;
z-index: 9021;
background-color: white;
width: 20%;
border-radius: 8px;
display: inline-block;
position: absolute;
padding: 50px;
}
.kangaroo-setting-hint-overlay{
display: none;
z-index: 9020;
position: fixed;
left: 0px;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .6);
overflow-y: scroll;
}
.kangaroo-welcome-modal .kangaroo-modal-hint-btn {
position: absolute;
top: 10px;
right: 20px;
font-size: 20px;
text-decoration: none;
}
.kgrwds-header {
margin-top: 0px;
position: relative;
}
.kangaroo-coupon-available {
background-color: olivedrab;
cursor: pointer;
}
.kangaroo-coupon-used {
background-color: firebrick; }
.kangaroo-coupon-expired {
background-color: darkgray; }
.kangaroo-coupon-reclaim{
border: 1px solid transparent;
border-radius: 2px;
font-size: 14px !important;
cursor: pointer;
background-color: #64b3df;
color: #e24040;
}
.kangaroo-welcome-modal .nobr {
white-space: nowrap;
}
.kgrwds-redeem-section {
background-color: #f5f5f5;
color: #6d6d6d;
border-left: 0.6180469716em solid rgba(0, 0, 0, 0.15); padding: 18px 30px;
border-radius: 4px;
font-size: 16px;
margin-bottom: 2em;
display: flex;
align-items: center;
}
.kgrwds-redeem-section-content{
font-weight: 600;
}
.kgrwds-redeem-section .btn{
background-color: #64b3df;
color: #e24040;
margin-left: 2em;
}
.kgrwds-btn-loading {
display: inline-block;
}
.kgrwds-btn-loading:before {
content: " ";
display: inline-flex;;
width: 20px;
height: 20px;
border-radius: 50%;
border: 4px solid #e24040;
border-color: #e24040 transparent #e24040 transparent;
animation: kgrwds-btn-loading 1.3s linear infinite;
margin-right: 10px;
vertical-align: middle;
}
@keyframes kgrwds-btn-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.kgrwds-customer-birthday-select-month, .kgrwds-customer-birthday-select-day {
width: 100%;
height: 2em;
border-radius: .25em;
padding: 2px;
margin: 5px;
}
@media(min-width: 768px){
.kangaroo-redeem, .kangaroo-offer{
width:50%;
float:left;
}
#overflow-container .col-sm-6.col-md-6.kangaroo-offer .thumbnail img, #overflow-container .col-sm-6.col-md-6.kangaroo-redeem .thumbnail img{
max-height: 111px;
}
}
@media (max-width: 767px) {
.kangaroo-welcome-modal {
top: 0;
width: 100%;
}
.kangaroo-welcome-modal .section-top__left {
margin: 25px 12.5px 25px 25px;
}
.kangaroo-welcome-modal .section-top__right {
margin: 25px 25px 25px 12.5px;
}
.kangaroo-welcome-modal .section-middle__inner {
margin: 25px;
}
.section-middle.kgrwds-customer{
word-wrap: break-word;
overflow-y: auto;
}
.kangaroo-welcome-modal .section-middle__content .modal-container{
width: 400px;
}
}
@media (max-width: 639px) {
.kangaroo-welcome-modal .section-top {
flex-wrap: wrap;
}
.kangaroo-welcome-modal .section-top div {
text-align: center;
flex-grow: 1;
}
.kangaroo-welcome-modal .section-top__left {
width: 100%;
margin: 45px 10px 10px 10px;
}
.kangaroo-welcome-modal .section-top__right {
width: 100%;
margin: 10px 10px 15px 10px;
}
.kangaroo-welcome-modal .section-middle {
flex-wrap: wrap;
}
.kangaroo-welcome-modal .section-middle__inner {
margin: 25px;
}
.kangaroo-welcome-modal .section-middle__left, .section-middle__right {
width: 100%;
min-height: auto;
}
.kangaroo-welcome-modal .section-middle__right {
border-width: 1px 0px 0px 0px;
}
.section-middle.kgrwds-customer{
height: 800px;
overflow-y: auto;
}
.kangaroo-shopping-cart-section .kgrwds-shopping-cart-coupon-table {
table-layout: fixed;
float: unset;
}
.kgrwds-redeem-section{
flex-wrap: wrap;
}
.kgrwds-redeem-section .btn{
flex: 100%;
margin-left: 0px;
margin-bottom: 2px;
}
.kangaroo-welcome-modal .section-bottom .kgrwds-powered-by{
position: unset;
bottom: unset;
}
}
@media (max-width: 359px) {
.kangaroo-welcome-modal .kangaroo-welcome-btn {
width: 140px;
}
.kangaroo-welcome-modal .section-bottom .kgrwds-powered-by{
position: unset;
bottom: unset;
text-align: center;
}
}
@media(min-width: 768px) {
.kgrwds-list-row {
display: flex; }
}
#cart-spinner-overlay {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255, 255, 255, 0.7);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.cart-spinner {
width: 40px;
height: 40px;
border: 4px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: spin 0.7s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-section .section-middle__content .kangaroo-tooltip .tooltiptext::after,.kangaroo-shopping-cart-section .kangaroo-tooltip .tooltiptext::after{
left: unset;
right: 50%;
margin-left: unset;
margin-right: -5px;
}
.kangaroo-welcome-modal[dir='rtl'] .centered{
left: unset;
right: 50%;
}
.kangaroo-welcome-modal[dir='rtl'] .btn.btn-primary.redeem-btn,
.kangaroo-welcome-modal[dir='rtl'] .btn.btn-primary.setting-btn{
float:left;
}
.kangaroo-product-offer[dir='rtl'] {
float:right;
}
.kangaroo-welcome-modal[dir='rtl'] .text-left{
text-align:right;
}
.kangaroo-welcome-modal[dir='rtl'] .text-right{
text-align:left;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .content .panel-default .panel-heading img {
float: right;
margin-right: unset;
margin-left: 2%;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu .kangaroo-menu .list-group .list-group-item .glyphicon{
margin-left: 9px;
margin-right:unset;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu,
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content{
float: right;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu .stats .points{
text-align:left;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu .kgrwds-footer{
right: 0;
}
.kangaroo-container[dir='rtl'] .kangaroo-controls{
text-align:left;
}
.kangaroo-widget[dir='rtl'] .kangaroo-wrapper .points,
.kangaroo-widget[dir='rtl'] .kangaroo-wrapper .name-box{
float:left;
}
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-modal-close-btn {
right: unset;
left: 22px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-top__left {
float: right;
margin: 45px 45px 45px 22.5px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-top__right {
float: right;
margin: 45px 22.5px 45px 45px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__left, .section-middle__right {
float: right;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner .points-earn:before,
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner .points-redeem:before {
left: unset;
right: 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner li span.icon {
margin: -2px 10px 0 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner li span.icon-profile:before {
background-position: -30px 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner li span.icon-mail:before {
background-position: -60px 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner li span.icon-share:before {
background-position: -90px 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__inner li span.icon-star:before {
background-position: -120px 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu li span.icon-gift:before{
background-position: -120px 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .screen{
left:unset;
right: 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .modal-container{
left:unset;
margin-left: unset;
margin-right: -7.7%;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .modal-container header .kangaroo-detail-modal-close-btn {
right: unset;
left: 5px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .modal-container .action-btn {
margin-left: unset;
margin-right: 10px;
}
.kangaroo-shopping-cart-section[dir='rtl'],
.kangaroo-shopping-cart-section[dir='rtl'] .kgrwds-shopping-cart-coupon-table {
float: left;
}
.kangaroo-welcome-modal[dir='rtl'] #settingHint{
left: unset;
right: 40%;
}
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-setting-hint-overlay{
right: 0px;
left: unset;
}
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-modal-hint-btn {
left: 20px;
right: unset;
}
.kgrwds-redeem-section[dir='rtl'] {
border-right: 0.6180469716em solid rgba(0, 0, 0, 0.15);
border-left: unset;
}
.kgrwds-redeem-section[dir='rtl'] .btn{
margin-left: unset;
margin-right: 2em;
}
.kgrwds-redeem-section[dir='rtl'] .kgrwds-btn-loading:before,
.kangaroo-shopping-cart-section[dir='rtl'] .kgrwds-btn-loading:before {
margin-right: unset;
margin-left: 10px;
}
.kangaroo-welcome-modal[dir='rtl'] td,
.kangaroo-welcome-modal[dir='rtl'] th {
text-align: right;
}
.kangaroo-welcome-modal[dir='rtl'] .text-left{
text-align: right!important;
}
.kangaroo-widget[dir='rtl']{
right:auto;
left: 15px;
transform: rotate(0deg);
transform-origin: 50% 0;
padding: 0 10px 0 0px !important;
}
#ew-btn-kr[dir='rtl']{
right:auto;
left: 15px;
transform: rotate(0deg);
transform-origin: 50% 0;
}
.ew-widget[dir='rtl']{
right:auto;
left: 15px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-bottom .kgrwds-powered-by{
text-align: right;
}
@media(min-width: 768px){
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-redeem,
.kangaroo-welcome-modal[dir='rtl'] .kangaroo-offer{
float:right;
}
}
@media (max-width: 767px) {
.kangaroo-welcome-modal[dir='rtl'] .section-top__left {
margin: 25px 25px 25px 12.5px;
}
.kangaroo-welcome-modal[dir='rtl'] .section-top__right {
margin: 25px 12.5px 25px 25px ;
}
}
@media only screen and (max-width: 600px) {
.kangaroo-welcome-modal[dir='rtl'] .section-middle__content .modal-container{
max-width:98%;
margin-right:50%;
left:initial;
transform:translateX(50%);
}
}
@media (max-width: 639px) {
.kgrwds-redeem-section[dir='rtl'] .btn {
margin-left: unset;
margin-right: 0px;
}
}
@media only screen and (max-width: 600px) {
.kangaroo-welcome-modal[dir='rtl'] .kgrwds-hamburger {
left: 0px;
right: 9px;
}
.kangaroo-welcome-modal[dir='rtl'] h2 {
padding-right: 53px !important;
}
.kangaroo-welcome-modal[dir='rtl'].kgrwds-hamburger-down .section-middle__menu {
right: 0;
}
.kangaroo-welcome-modal[dir='rtl'] .section-middle__menu .kgrwds-footer{
width: unset;
min-width: 215px;
}
}