https://pastein.ru/t/1y
скопируйте уникальную ссылку для отправки
.litecheckout .litecheckout__input, .litecheckout__shipping-method__wrapper, .litecheckout__input--selectable--select, .litecheckout select {
border-color: #e3e3e3 !important;
padding: 7px !important;
min-height: 40px !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.litecheckout .litecheckout__input:not(:placeholder-shown), .litecheckout .litecheckout__input:focus, .litecheckout select:not(:placeholder-shown), .litecheckout select:focus {
padding-top: 20px !important;
padding-bottom: 4px !important;
text-align-last: left !important;
font-size: 16px !important;
line-height: normal !important;
height: 40px !important;
}
.litecheckout {
.ty-sdek-list-office {
max-height: 455px; //145*3 + 10*2
}
.ty-sdek-office-search {
width: 100%;
.ty-search-office {
width: 100%;
height: 44px;
border-radius: 5px;
background-color: #ffffff;
border: solid 1px 1px solid rgba(180,180,180,0.472);
&:hover {
border-color: #465f73;
}
&:focus {
border: solid 1px #4fbe31;
outline: 0;
box-shadow: 0 0 0 4px rgba(79,190,49,0.2), 0 0 0 1px #4fbe31;
}
}
}
.ty-sdek-checkout-select-office {
display: flex;
flex-wrap: wrap;
margin-left: -6.5px;
margin-right: -6.5px;
width: ~"calc(100% + 13px)";
}
.ty-sdek-office {
width: 33.3%;
flex-basis: 33.3%;
padding: 0 6.5px;
min-height: 145px;
display: none;
&__apply {
display: flex;
}
.ty-sdek-store__label {
display: flex;
width: 100%;
border: solid 1px #acbdcd;
border-radius: 5px;
.ty-one-office__name {
padding: 0 20px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
&:hover {
border-color: #465f73;
}
}
&__selected {
background-color: transparent;
order: 0 !important;
.ty-sdek-store__label {
border: solid 1px #4fbe31;
box-shadow: 0 0 0 4px rgba(79,190,49,0.2), 0 0 0 1px #4fbe31;
}
}
// remove 'ok' icon
.ty-icon-ok {
display: none !important;
visibility: hidden !important;
}
// fix styled microformat
.cm-sdek-view-location {
padding: 0px;
}
// styles for outpost information block
.ty-one-office {
&__name {
font-size: 16px;
color: #4fbe31;
font-weight: 400;
}
&__address {
font-size: 16px;
color: #343434;
}
&__phone {
display: none;
}
&__worktime, &__note {
font-size: 12px;
color: #6c6c6c;
}
}
}
}
@media (max-width: 767px) {
.litecheckout {
.ty-sdek-office {
flex-basis: 100%;
max-width: unset;
&--clearfix {
justify-content: space-around;
flex-wrap: wrap;
}
}
}
}
@supports (-webkit-appearance: none) {
.selector:not(*:root), .litecheckout .litecheckout__field--selectbox .litecheckout__input {
padding-top: 10px !important;
padding-left: 6px !important;
}
}
.litecheckout .cm-sdek-select-store {
position: static;
display: none;
}
.litecheckout .pickup--map-list,
.litecheckout .pickup--list,
.litecheckout .ty-checkout-select-store,
.litecheckout .ty-checkout-select-store__list,
.litecheckout .ty-checkout-select-store__map-full-div {
padding-left: 0;
}
.litecheckout .pickup--show-all-btn-wrapper {
width: 100%;
padding: 6.5px;
text-align: center;
}
.litecheckout .pickup__open-pickupups-btn {
display: flex;
margin-top: 15px;
flex-basis: 100%;
padding: 10px 0;
justify-content: center;
align-items: center;
}
.litecheckout .pickup__offices {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
overflow-y: auto;
height: 500px;
max-height: 500px;
padding: 4px;
}
.litecheckout .pickup__offices.litecheckout__fields-row--wrapped .ty-one-store {
flex-basis: 100%;
width: 100%;
}
.litecheckout .pickup__offices-wrapper {
display: flex;
flex-direction: column;
flex-basis: 30%;
overflow-y: hidden;
height: 502px;
max-height: 502px;
border: 1px solid #f0f0f0;
border-right: 0;
margin: 0;
border-radius: 6px 0 0 6px;
}
.litecheckout .pickup__offices-wrapper--near-map {
flex-basis: 100% !important;
width: auto;
}
.litecheckout .pickup__offices--list {
padding: 0px;
}
@media (max-width: 767px) {
.litecheckout .pickup__offices--list {
max-height: calc(100vh - 140px) !important;
min-height: calc(100vh - 140px) !important;
overflow: auto;
}
.litecheckout .pickup__offices--list-no-height.pickup__offices {
max-height: unset !important;
min-height: unset !important;
padding: 0;
padding-top: 15px;
}
.litecheckout .pickup__offices--list-no-height.pickup__offices .ty-one-store {
border-top: 1px solid #dce3ea;
border-right: 1px solid #dce3ea;
}
}
.litecheckout .pickup__offices--list .ty-one-store {
padding: 0 !important;
min-height: auto !important;
border-bottom: 1px solid #f0f0f0;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.litecheckout .pickup__offices--list .ty-one-store .ty-sdek-store__label.ty-one-store__label {
border: 0 !important;
border-radius: 0 !important;
}
.litecheckout .pickup__offices--list .ty-sdek-office__selected {
border-radius: 0 !important;
border-left-color: #646464 !important;
background-color: #fff !important;
order: 0 !important;
}
.litecheckout .pickup__offices--list .ty-sdek-office__selected .ty-one-store__name {
color: #646464;
}
.litecheckout .pickup__offices--list .ty-sdek-office__selected .ty-sdek-store__label.ty-one-store__label {
box-shadow: none !important;
}
.litecheckout .pickup__search {
padding: 10px;
background-color: rgba(0, 0, 0, 0.02);
}
.litecheckout .pickup__search-field {
max-width: 100%;
margin: 0;
}
.litecheckout .pickup--list .pickup__offices-wrapper {
flex-basis: 100%;
border: 0;
overflow: initial;
height: auto;
}
.litecheckout .pickup--list .pickup__offices {
padding: 0;
margin: 0 -6.5px;
height: auto;
}
.litecheckout .pickup--list .pickup__offices.litecheckout__fields-row--wrapped .ty-one-store {
flex-basis: 33.3%;
}
.litecheckout .pickup--map-list,
.litecheckout .pickup--list {
display: flex;
flex-direction: row-reverse;
width: 100%;
}
.litecheckout .pickup__map-wrapper {
display: flex;
flex-basis: 70%;
height: 500px;
margin: 0;
border-radius: 0 6px 6px 0;
overflow: hidden;
}
@media (max-width: 767px) {
.litecheckout .pickup__map-wrapper {
border-radius: 0;
}
}
.litecheckout .pickup__map-container {
flex-basis: 100%;
}
.litecheckout .pickup__offices--list--no-sorting .ty-sdek-office__selected {
order: 0 !important;
}
.litecheckout .pickup--map-list .ty-checkout-select-store__item-view,
.litecheckout .pickup--map-list .ty-checkout-select-store__list__item-view,
.litecheckout .pickup--list .ty-checkout-select-store__item-view,
.litecheckout .pickup--list .ty-checkout-select-store__list__item-view {
padding: 0 6px;
padding-bottom: 20px;
}
.litecheckout .pickup--map-list .ty-checkout-select-store__item-view .ty-btn.ty-btn__tertiary.text-button,
.litecheckout .pickup--map-list .ty-checkout-select-store__list__item-view .ty-btn.ty-btn__tertiary.text-button,
.litecheckout .pickup--list .ty-checkout-select-store__item-view .ty-btn.ty-btn__tertiary.text-button,
.litecheckout .pickup--list .ty-checkout-select-store__list__item-view .ty-btn.ty-btn__tertiary.text-button {
padding: 10px 25px;
}
.litecheckout .pickup--map-list .ty-checkout-select-store__list .ty-one-store__label,
.litecheckout .pickup--list .ty-checkout-select-store__list .ty-one-store__label {
min-height: 105px;
display: flex;
align-items: center;
}
.litecheckout .pickup--map-list .ty-checkout-select-store__list .ty-one-store__label .ty-one-store__name,
.litecheckout .pickup--list .ty-checkout-select-store__list .ty-one-store__label .ty-one-store__name {
padding-top: 0px;
}
.litecheckout .pickup--map-list .ty-checkout-select-store__list .ty-one-store__label label,
.litecheckout .pickup--list .ty-checkout-select-store__list .ty-one-store__label label {
width: 100%;
}
.litecheckout .pickup--map-list .ty-one-store,
.litecheckout .pickup--list .ty-one-store {
display: flex;
width: 33.3%;
flex-basis: 33.3%;
padding: 6.5px;
margin: 0px;
min-height: 145px;
order: 1;
background-color: rgba(0, 0, 0, 0.02);
border-left: 3px solid transparent;
box-sizing: border-box;
}
.litecheckout .pickup--map-list .ty-one-store.hidden,
.litecheckout .pickup--list .ty-one-store.hidden {
display: none;
}
.litecheckout .pickup--map-list .ty-one-store__name,
.litecheckout .pickup--list .ty-one-store__name {
font-size: 16px;
font-weight: 400;
padding: 0;
}
.litecheckout .pickup--map-list .ty-one-store__description .ty-one-office__address,
.litecheckout .pickup--list .ty-one-store__description .ty-one-office__address {
font-size: 12px;
color: #6c6c6c;
}
.litecheckout .pickup--map-list .ty-one-store__description .ty-one-office__worktime,
.litecheckout .pickup--list .ty-one-store__description .ty-one-office__worktime {
font-size: 12px;
color: #6c6c6c;
}
.litecheckout .pickup--map-list .ty-one-store__label,
.litecheckout .pickup--list .ty-one-store__label {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
padding: 0 20px;
cursor: pointer;
justify-content: center;
border-radius: 5px;
border: solid 1px #acbdcd;
}
.litecheckout .pickup--map-list .ty-one-store__label *,
.litecheckout .pickup--list .ty-one-store__label * {
cursor: pointer;
}
.litecheckout .pickup--map-list .ty-one-store__radio,
.litecheckout .pickup--list .ty-one-store__radio {
display: none;
}
.litecheckout .pickup--map-list .ty-one-store:hover,
.litecheckout .pickup--list .ty-one-store:hover {
background: rgba(0, 0, 0, 0.05);
}
.litecheckout .pickup--map-list .ty-one-store *,
.litecheckout .pickup--list .ty-one-store * {
box-sizing: border-box;
}
@media (max-width: 1180px) {
.litecheckout .pickup--map-list .ty-checkout-select-store,
.litecheckout .pickup--map-list .ty-checkout-select-store__list,
.litecheckout .pickup--list .ty-checkout-select-store,
.litecheckout .pickup--list .ty-checkout-select-store__list {
width: calc(100% - 2px);
}
.litecheckout .pickup--map-list .ty-one-store,
.litecheckout .pickup--list .ty-one-store {
flex-basis: 100%;
}
}
@media (max-width: 767px) {
.litecheckout .pickup--map-list .ty-one-store,
.litecheckout .pickup--list .ty-one-store {
flex-basis: 100%;
}
.litecheckout .pickup--map-list,
.litecheckout .pickup--list {
flex-direction: row;
flex-wrap: wrap;
}
.litecheckout .pickup__offices-wrapper {
flex-basis: 100%;
height: auto;
max-height: unset;
border: 0;
}
.litecheckout .pickup__offices {
padding: 4px;
height: auto;
max-height: unset;
overflow-y: auto;
}
.litecheckout .pickup__search {
border: 0;
}
.litecheckout .pickup__map-wrapper {
flex-direction: column;
flex-basis: 100%;
height: auto;
border: 0;
}
.litecheckout .pickup__map-container {
flex-basis: 70vh;
height: 70vh;
border: 1px solid #acbdcd;
}
.litecheckout .pickup__map-container--mobile-hint {
display: flex;
visibility: visible;
min-height: 25px;
justify-content: center;
align-items: center;
color: white;
background-color: #acbdcd;
border-top: 2px solid white;
padding: 5px;
text-align: center;
font-size: 0.9em;
}
}
@media (min-width: 767px) {
.litecheckout .accordeon-label,
.litecheckout .accordeon-checkbox {
visibility: hidden;
display: none;
}
.litecheckout .pickup__map-container--mobile-hint {
display: none;
visibility: hidden;
}
}
@media (max-width: 767px) {
.litecheckout .accordeon-labels {
display: flex;
width: 100%;
padding: 0 10px;
}
.litecheckout .accordeon-label {
display: inline-flex;
border: 1px solid rgba(0, 0, 0, 0.14);
background-color: rgba(151, 151, 151, 0.178);
color: rgba(0, 0, 0, 0.65);
text-align: center;
cursor: pointer;
flex-basis: 100%;
height: 25px;
justify-content: center;
align-items: center;
}
.litecheckout .accordeon-label--checked {
background-color: #4fbe31;
font-weight: 900;
color: white;
}
.litecheckout .accordeon-label:first-child {
border-right: 0;
}
.litecheckout .accordeon-label:checked {
color: white;
}
.litecheckout .accordeon-checkbox {
display: none;
}
.litecheckout .accordeon-content {
display: none;
}
.litecheckout .accordeon-checkbox:checked ~ .accordeon-content {
display: block;
}
}
.ui-dialog .ui-dialog-content.ty-checkout-select-store__map-full-div-in-popup {
min-width: 740px;
}
@media (max-width: 768px) {
.ui-dialog .ui-dialog-content.ty-checkout-select-store__map-full-div-in-popup {
min-width: unset;
width: 100%;
}
}
.litecheckout .pickup__map-container .gm-style-pbt {
margin-left: 60px;
}
@media (max-width: 767px) {
.litecheckout-ya-baloon {
overflow-x: hidden;
}
}
.litecheckout__link {
color: #4fbe32;
}
.litecheckout__shippings {
transition: 0.256s padding;
}
.litecheckout__shippings:after {
display: block;
content: "";
transition: 0.256s all;
background-color: transparent;
color: white;
}
.litecheckout__overlay--active {
position: relative;
z-index: inherit;
padding: 0px 5px;
min-height: 300px;
}
.litecheckout__overlay--active:after {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 6px;
content: attr(data-ca-lite-checkout-overlay-message);
color: white;
font-size: 38px;
}
.litecheckout__select {
width: 100%;
height: 41px;
border: 1px solid #acbdcd;
border-radius: 5px;
font-size: 14px;
color: #000;
}
.litecheckout__select:hover {
border-color: #465f73;
}
.litecheckout__select:focus,
.litecheckout__select:focus-within {
border-color: #646464;
box-shadow: 0 0 0 4px rgba(100, 100, 100, 0.2), 0 0 0 1px #646464;
outline: 0;
}
.litecheckout__select-label {
display: block;
padding: 6px 0;
font-weight: bold;
}
.litecheckout .ty-footer-form-block-policy__input--autoclicked .ty-lable-subscribe-policy__wrapper {
max-width: unset;
}
.litecheckout__pickpoint--postamat {
width: 100%;
margin-bottom: 6px;
}
.litecheckout__payment-method .ty-payments-list__item {
display: none;
}
.litecheckout__payment-instructions {
flex-direction: column;
}
.litecheckout__terms {
width: 100%;
}
.litecheckout__terms .ty-checkout__terms {
margin: 0;
border: 1px solid #dce3ea;
background-color: rgba(254, 232, 238, 0.5);
}
.litecheckout__address-switch {
width: 100%;
margin: 0;
}
.litecheckout__submit-btn {
width: 100%;
border-radius: 5px;
background-color: #000;
height: 54px;
text-align: center;
color: #fff;
font-size: 16px;
border: none;
transition: background 200ms;
}
.litecheckout__submit-btn--auto-width {
max-width: 100%;
width: auto;
padding: 0 30px;
}
.litecheckout__submit-btn:hover,
.litecheckout__submit-btn:focus,
.litecheckout__submit-btn:focus-within {
background: #0f0f0f;
}
.litecheckout__form {
width: 100%;
display: flex;
flex-direction: column;
}
.litecheckout__page-title {
margin: 40px 0 15px;
padding: 0 8px;
font-size: 28px;
}
.tygh-footer > div.litecheckout__footer {
background: transparent;
}
.litecheckout__footer {
margin-top: 30px;
}
@media (max-width: 767px) {
.litecheckout__footer .ty-logo-container {
margin-bottom: 10px;
}
}
.litecheckout__footer .footer-copyright {
background: transparent;
}
.litecheckout__footer .bottom-copyright {
margin-top: 0;
}
.litecheckout__container {
flex-basis: 100%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
max-width: 100%;
}
.litecheckout__section {
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-wrap: wrap;
}
.litecheckout__group {
display: flex;
flex-wrap: wrap;
max-width: 100%;
width: 100%;
}
.litecheckout__group.hidden {
display: none;
}
.litecheckout__group .captcha {
padding: 0px 8px;
}
.litecheckout__item {
display: flex;
margin: 0.5rem;
}
.litecheckout__item--fill {
flex-grow: 1;
flex-shrink: 1;
}
.litecheckout__item--full {
flex-grow: 1;
flex-shrink: 1;
width: 100%;
}
.litecheckout__item--center {
align-items: center;
}
.litecheckout__item:empty {
display: none;
}
.litecheckout__item .ty-credit-card__input,
.litecheckout__item .ty-credit-card__input-short,
.litecheckout__item .ty-credit-card__cvv-field-input {
color: #000;
}
.litecheckout__item .ty-credit-card .ty-control-group__title,
.litecheckout__item .ty-credit-card__cvv-field .ty-control-group__title {
color: #595959;
}
.litecheckout__field {
display: flex;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 100%;
min-width: 12rem;
margin: 0.5rem;
position: relative;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 768px) {
.litecheckout__field {
min-width: 5rem;
}
}
@media (min-width: 768px) {
.litecheckout__field--auto {
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
}
}
@media (min-width: 768px) {
.litecheckout__field--fill {
flex-basis: auto;
}
}
.litecheckout__field--xsmall {
flex-basis: calc(25% - 1rem);
}
.litecheckout__field--small {
flex-basis: calc(33.33333% - 1rem);
}
.litecheckout__field--medium {
flex-basis: calc(50% - 1rem);
}
.litecheckout__field--large {
flex-basis: calc(66.66667% - 1rem);
}
.litecheckout__field--xlarge {
flex-basis: calc(75% - 1rem);
}
.litecheckout__label,
.litecheckout__input {
display: block;
padding: 0;
width: 100%;
font-weight: normal;
}
.litecheckout__label.hidden,
.litecheckout__input.hidden {
display: none;
}
.litecheckout .litecheckout__input {
padding: 8px 4px;
border: 1px solid;
border-color: #e3e3e3;
border-radius: 3px;
box-sizing: border-box;
height: auto;
border-radius: 5px;
background-color: #fff;
font-size: 16px;
color: #000;
}
.litecheckout .litecheckout__input--textarea {
resize: vertical;
min-height: 120px;
width: 100%;
}
.litecheckout .litecheckout__input:not(:placeholder-shown),
.litecheckout .litecheckout__input:focus,
.litecheckout .litecheckout__input:focus-within {
padding-top: 14px !important;
padding-bottom: 2px !important;
}
.litecheckout .litecheckout__input:hover {
border-color: #cacaca;
}
.litecheckout .litecheckout__input:focus,
.litecheckout .litecheckout__input:focus-within {
border: 1px solid !important;
border-color: #646464 !important;
box-shadow: 0 0 0 4px rgba(100, 100, 100, 0.2), 0 0 0 1px #646464 !important;
outline: 0 !important;
}
.litecheckout .litecheckout__input:placeholder-shown:not(:focus):not(:focus-within) + .litecheckout__label {
top: 10px;
font-size: 14px;
pointer-events: none;
}
.litecheckout .litecheckout__input[type="hidden"] + .litecheckout__label,
.litecheckout .litecheckout__input[disabled] + .litecheckout__label,
.litecheckout .litecheckout__input.disabled + .litecheckout__label {
display: none;
}
.litecheckout .litecheckout__input--selectable {
padding: initial;
padding-left: 9px;
height: 40px;
font-size: 16px;
background: 0;
border: 0;
border-bottom: 1px solid #acbdcd;
}
.litecheckout .litecheckout__input--selectable:not(:placeholder-shown),
.litecheckout .litecheckout__input--selectable:focus,
.litecheckout .litecheckout__input--selectable:focus-within {
padding: initial;
padding-left: 9px;
}
.litecheckout .litecheckout__input--selectable + .litecheckout__label {
display: none;
}
.litecheckout .litecheckout__input--selectable--select {
padding-left: 4px;
border: 1px solid;
border-color: #e3e3e3;
}
.litecheckout .litecheckout__input--selectable--select:not(:placeholder-shown),
.litecheckout .litecheckout__input--selectable--select:focus,
.litecheckout .litecheckout__input--selectable--select:focus-within {
padding: initial;
padding-left: 4px;
color: #000;
padding-right: 1rem;
text-align-last: right;
}
.litecheckout .litecheckout__input--selectable--select:hover {
border: solid 1px;
border-color: #cacaca;
}
.litecheckout .litecheckout__input--selectable--like-link {
background-color: transparent;
border: solid 1px;
border-color: #e3e3e3;
color: #000;
font-family: "Open Sans", sans-serif;
}
.litecheckout .litecheckout__input--selectable--like-link:not(:placeholder-shown) {
cursor: pointer;
}
.litecheckout .litecheckout__input--selectable--like-link:hover {
border-color: #cacaca;
}
.litecheckout .litecheckout__input--selectable--like-link:focus,
.litecheckout .litecheckout__input--selectable--like-link:focus-within {
border-color: #646464;
}
@media (max-width: 767px) {
.litecheckout .litecheckout__input--selectable--like-link {
font-size: 14px;
padding-left: 7px;
transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s padding !important;
}
.litecheckout .litecheckout__input--selectable--like-link::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
background-size: 10px 10px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNDM4LjUzMyA0MzguNTMzJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGZpbGw9JyNjOGM4YzgnIGQ9J200MDkuMTMzIDEwOS4yMDNjLTE5LjYwOC0zMy41OTItNDYuMjA1LTYwLjE4OS03OS43OTgtNzkuNzk2LTMzLjU5OS0xOS42MDYtNzAuMjc3LTI5LjQwNy0xMTAuMDYyLTI5LjQwNy0zOS43ODEgMC03Ni40NyA5LjgwMS0xMTAuMDYzIDI5LjQwNy0zMy41OTUgMTkuNjA0LTYwLjE5MiA0Ni4yMDEtNzkuOCA3OS43OTYtMTkuNjA5IDMzLjU5Ny0yOS40MSA3MC4yODYtMjkuNDEgMTEwLjA2NCAwIDM5Ljc4IDkuODA0IDc2LjQ2MyAyOS40MDcgMTEwLjA2MiAxOS42MDcgMzMuNTkyIDQ2LjIwNCA2MC4xODkgNzkuNzk5IDc5Ljc5OCAzMy41OTcgMTkuNjA1IDcwLjI4MyAyOS40MDcgMTEwLjA2MyAyOS40MDdzNzYuNDctOS44MDIgMTEwLjA2NS0yOS40MDdjMzMuNTkzLTE5LjYwMiA2MC4xODktNDYuMjA2IDc5Ljc5NS03OS43OTggMTkuNjAzLTMzLjU5NiAyOS40MDMtNzAuMjg0IDI5LjQwMy0xMTAuMDYyLjAwMS0zOS43ODItOS44LTc2LjQ3Mi0yOS4zOTktMTEwLjA2NHptLTg2LjUxMiAxNjEuNzM2YzMuNjE3IDMuNjEzIDUuNDI4IDcuOTA1IDUuNDI4IDEyLjg1NCAwIDUuMTMzLTEuODExIDkuNTE0LTUuNDI4IDEzLjEyN2wtMjUuNjkzIDI1LjcwMWMtMy42MTQgMy42MTMtNy45OTQgNS40Mi0xMy4xMzUgNS40Mi00Ljk0OCAwLTkuMjM2LTEuODA3LTEyLjg0Ny01LjQybC01MS42NzYtNTEuNjgyLTUxLjY3OCA1MS42ODJjLTMuNjE2IDMuNjEzLTcuODk4IDUuNDItMTIuODQ3IDUuNDItNS4xNCAwLTkuNTE3LTEuODA3LTEzLjEzNC01LjQybC0yNS42OTctMjUuNzAxYy0zLjYxNi0zLjYxMy01LjQyNC03Ljk5NC01LjQyNC0xMy4xMjcgMC00Ljk0OCAxLjgwOS05LjI0IDUuNDI0LTEyLjg1NGw1MS42NzgtNTEuNjczLTUxLjY3OC01MS42NzhjLTMuNjE2LTMuNjEyLTUuNDI0LTcuODk4LTUuNDI0LTEyLjg0NyAwLTUuMTQgMS44MDktOS41MTcgNS40MjQtMTMuMTM0bDI1LjY5Ny0yNS42OTNjMy42MTctMy42MTYgNy45OTQtNS40MjQgMTMuMTM0LTUuNDI0IDQuOTQ5IDAgOS4yMzEgMS44MDkgMTIuODQ3IDUuNDI0bDUxLjY3OCA1MS42NzQgNTEuNjc2LTUxLjY3NGMzLjYxLTMuNjE2IDcuODk4LTUuNDI0IDEyLjg0Ny01LjQyNCA1LjE0MSAwIDkuNTIxIDEuODA5IDEzLjEzNSA1LjQyNGwyNS42OTMgMjUuNjkzYzMuNjE3IDMuNjE3IDUuNDI4IDcuOTk0IDUuNDI4IDEzLjEzNCAwIDQuOTQ4LTEuODExIDkuMjM1LTUuNDI4IDEyLjg0N2wtNTEuNjc1IDUxLjY3OHonLz48L3N2Zz4=);
height: 67%;
width: 20px;
transform: scale(1.5);
padding-right: 10px;
margin-right: 7px;
}
.litecheckout .litecheckout__input--selectable--select {
max-width: unset;
font-size: 14px;
}
}
.litecheckout__label {
transition: 0.3s all !important;
font-size: 12px !important;
color: #737373 !important;
position: absolute !important;
top: 2px !important;
left: 6px !important;
width: calc(100% - 12px) !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
word-wrap: break-word !important;
white-space: nowrap !important;
}
.litecheckout__step-title {
font-size: 18px !important;
line-height: 45px !important;
font-weight: 550 !important;
font-family: MuseoSansBlack,Arial,sans-serif !important;
color: #000 !important;
align-self: center !important;
margin-bottom: 0 !important;
font-style: normal !important;
font-stretch: normal !important;
letter-spacing: normal !important;
}
.litecheckout__shipping-method {
display: flex;
justify-content: stretch;
align-items: stretch;
height: 130px;
}
.litecheckout__shipping-method__logo-image {
max-height: 60px;
}
.litecheckout__shipping-method__wrapper {
border-radius: 5px;
border: solid 1px;
border-color: #e3e3e3;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: calc(100% - 2px);
height: 130px;
overflow: hidden;
cursor: pointer;
}
.litecheckout__shipping-method__wrapper:hover {
border-color: #cacaca;
}
.litecheckout__shipping-method__wrapper .ty-error-text {
padding: 0 6px;
}
.litecheckout__shipping-method__radio:checked + .litecheckout__shipping-method__wrapper {
border: solid 1px !important;
border-color: #646464 !important;
box-shadow: 0 0 0 4px rgba(100, 100, 100, 0.2), 0 0 0 1px #646464 !important;
background-color: rgba(100, 100, 100, 0.1) !important;
}
.litecheckout__shipping-method__title,
.litecheckout__shipping-method__delivery-time {
margin: 0;
padding: 0;
text-align: center;
max-width: calc(100% - 1rem);
}
.litecheckout__shipping-method__title {
color: #646464 !important;
font-size: 16px !important;
}
.litecheckout__shipping-method__delivery-time {
color: #595959 !important;
font-size: 13px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: pre !important;
}
.litecheckout__autocomplete-dropdown {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
max-width: 100% !important;
width: 100% !important;
position: relative !important;
}
.litecheckout__autocomplete-dropdown .ui-widget-content {
border-radius: 3px !important;
}
.litecheckout__autocomplete-dropdown .ui-menu {
padding: 0 !important;
height: auto !important;
max-height: 30em !important;
overflow-y: auto !important;
}
.litecheckout__autocomplete-dropdown .ui-menu .ui-menu-item {
box-sizing: border-box !important;
padding: 10px 20px !important;
border: 1px solid transparent !important;
border-radius: 3px !important;
}
.litecheckout__autocomplete-dropdown .ui-state-hover,
.litecheckout__autocomplete-dropdown .ui-widget-content .ui-state-hover,
.litecheckout__autocomplete-dropdown .ui-widget-header .ui-state-hover,
.litecheckout__autocomplete-dropdown .ui-state-focus,
.litecheckout__autocomplete-dropdown .ui-widget-content .ui-state-focus,
.litecheckout__autocomplete-dropdown .ui-widget-header .ui-state-focus {
color: #4fbe31 !important;
background: #fff !important;
}
.litecheckout__cart {
margin-top: 66px !important;
padding: 20px 15px !important;
border-radius: 5px !important;
background: #f8f8f8 !important;
}
.litecheckout__cart .ty-order-products__price:not(:last-child) {
margin-bottom: 3px !important;
}
.litecheckout__cart .ty-product-options {
padding-top: 0 !important;
color: #404040 !important;
}
.litecheckout__cart .ty-order-products__item {
border-color: #dedede !important;
}
.litecheckout__order-products-p {
display: inline-block !important;
max-width: 238px !important;
}
.litecheckout__field--checkbox {
justify-content: flex-end !important;
flex-direction: column-reverse !important;
}
.litecheckout__field--checkbox .litecheckout__label {
position: relative !important;
left: 0 !important;
top: 0 !important;
right: auto !important;
width: auto !important;
font-size: 14px !important;
}
.litecheckout__field--checkbox .litecheckout__input {
width: auto;
margin-top: 5px;
}
.litecheckout__field--date .ty-calendar__block {
width: 100%;
}
.litecheckout__field--date .litecheckout__label {
font-size: 14px;
top: 0;
}
.litecheckout__field--selectbox {
position: relative;
}
.litecheckout__field--selectbox:after {
position: absolute !important;
top: 10px !important;
right: 2px !important;
left: auto !important;
bottom: auto !important;
width: 15px !important;
height: 20px !important;
content: "" !important;
display: block !important;
-webkit-appearance: menulist !important;
-moz-appearance: none !important;
}
.litecheckout__field--selectbox .litecheckout__input {
width: 100% !important;
height: 40px !important;
padding: 0 !important;
padding-top: 14px !important;
padding-left: 2px !important;
-webkit-appearance: none !important;
-moz-appearance: menulist !important;
z-index: 1 !important;
background-color: transparent !important;
}
.litecheckout__field--selectbox .litecheckout__label {
font-size: 14px;
}
.litecheckout__field--radio {
padding-top: 22px;
}
.litecheckout__field--radio .litecheckout__label {
top: 0;
left: 0;
font-size: 14px;
}
.litecheckout__field--radio .litecheckout__input {
display: inline;
padding: 0;
margin: 0;
width: unset;
height: unset;
margin-bottom: 2px;
margin-right: 5px;
}
.litecheckout__field--radio .litecheckout__input:focus,
.litecheckout__field--radio .litecheckout__input:focus-within {
box-shadow: 0 1 0 4px rgba(100, 100, 100, 0.2), 0 1 0 1px #646464 !important;
}
.litecheckout__field--textarea .litecheckout__input {
resize: vertical;
min-height: 120px;
width: 100%;
}
.litecheckout .litecheckout__shipping-method__radio:checked + .litecheckout__shipping-method__wrapper {
border-color: #646464 !important;
box-shadow: 0 0 0 3px rgba(100,100,100,0.1), inset 0 0 0 1px #646464 !important;
}
.litecheckout .litecheckout__input--selectable--like-link {
background-color: transparent !important;
border: solid 1px !important;
border-color: #e3e3e3 !important;
color: #000 !important;
}
.litecheckout .litecheckout__input:hover, .litecheckout .litecheckout__input:focus, .litecheckout select:hover, .litecheckout select:focus {
border-color: #646464 !important;
box-shadow: 0 0 0 2px rgba(100,100,100,0.1) !important;
}
.litecheckout__group input {
color: #646464 !important;
text-decoration: none !important;
padding: 3px 9px !important;
}
.litecheckout .litecheckout__input {
font-family: Arial,Helvetica,sans-serif !important;
}
.litecheckout .litecheckout__input:not(:placeholder-shown), .litecheckout .litecheckout__input:focus, .litecheckout .litecheckout__input:focus-within {
/* padding: 3px 9px !important; */
/* color: #646464 !important; */
text-decoration: none !important;
}
.litecheckout .litecheckout__input--textarea {
min-height: 120px !important;
}
.litecheckout .litecheckout__input {
color: #000 !important;
font-family: Arial,Helvetica,sans-serif;
}