@media screen and (max-width: 800px) {
.lp-collapse {
display: none !important;
}
.lp-expand {
display: block !important;
flex-grow: 1;
}
.lp-input-wrapper > .input > .label {
font-size: 12px !important;
}
}
.lp-content {
height: 100%;
width: 100%;
display: flex;
background-color: white;
min-height: 350px;
}
.lp-locations {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.lp-select-column {
text-overflow: clip !important;
min-width: 90px;
}
.lp-select-button {
height: 35px;
border: 1px solid #2095f2;
border-radius: 4px;
line-height: 35px;
font-size: 14px;
text-align: center;
font-weight: 400;
color: #2095f2;
cursor: pointer;
display: inline-block;
margin-right: 25px;
padding: 0 10px;
}
.composite .lp-select-button {
margin-right: 10px;
}
.lp-select-button:hover {
background-color: #2095f2;
color: white;
}
.lp-select-button * {
pointer-events: none;
}
.lp-working-hours {
visibility: hidden;
height: 0;
overflow-x: hidden;
overflow-y: hidden;
opacity: 0;
width: 250px;
margin-top: 5px;
margin-bottom: 5px;
}
.lp-working-hours.enabled {
visibility: visible;
height: auto;
opacity: 1 !important;
transition: opacity .25s ease-in;
}
.lp-hour-wrapper {
display: flex;
}
.lp-hour-wrapper * {
height: 25px;
line-height: 25px;
color: #5d5d5d;
}
.lp-hour-wrapper .day {
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
width: 45%;
}
.lp-hour-wrapper .hours {
flex-grow: 1;
font-size: 12px;
}
.lp-input-wrapper {
width: 100%;
display: flex;
justify-content: center;
height: 50px;
margin: 10px 0;
}
.lp-input-wrapper > .input {
width: 70%;
justify-content: left;
position: relative;
}
.lp-input-wrapper > .input > input {
height: 50px;
box-sizing: border-box;
background-color: white;
border-radius: 0;
border: 1px solid #dcdcdc;
padding: 20px 0 0 15px;
width: 100%;
font-size: 14px;
color: #5d5d5d;
}
.lp-input-wrapper > .input > input:focus {
border: 1px solid #2095f2 !important;
outline: none !important;
}
.lp-input-wrapper > .input > .label {
max-width: calc(100% - 30px);
line-height: 16px;
position: absolute;
top: 16px;
left: 15px;
text-transform: uppercase;
font: bold 16px Roboto, Arial, sans-serif;
color: #9b9b9b;
pointer-events: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-indent: 0 !important;
}
.lp-input-wrapper > .input > input:focus + .label,
.lp-input-wrapper > .input > input:valid + .label {
line-height: 12px;
position: absolute;
top: 12px;
left: 15px;
text-transform: uppercase;
font: bold 12px Roboto, Arial, sans-serif;
color: #5d5d5d;
pointer-events: none;
transition: all .25s ease-in;
}
.lp-location-wrapper {
box-sizing: border-box;
min-height: 50px;
width: 100%;
border: 1px solid transparent;
border-bottom: 1px solid #dcdcdc;
display: flex;
padding: 0 15px;
cursor: pointer;
}
.lp-location-wrapper.selected {
border: 1px solid #56b652;
}
.lp-location-wrapper.selected .lp-radio {
background-color: #bdbdbd;
}
.lp-location-wrapper > * {
min-height: 55px;
font: normal 14px Roboto, Arial, sans-serif;
color: #5d5d5d;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lp-location-wrapper > *:not(.street) {
line-height: 50px;
}
.lp-location-wrapper > .composite {
display: none;
line-height: 20px;
white-space: normal;
overflow: visible;
margin: 16px 10px 10px 0;
width: 100%;
}
.lp-location-wrapper > * {
pointer-events: none;
}
.lp-location-wrapper .excluded {
pointer-events: all !important;
}
.lp-location-wrapper > .radio-button {
margin-right: 20px;
width: 20px;
}
.lp-location-wrapper > .name {
width: 30%;
font-weight: bold;
}
.lp-location-wrapper > .street {
flex-grow: 1;
display: flex;
flex-flow: column;
justify-content: center;
}
.lp-location-wrapper > .street > .street-name {
margin-top: 13px;
}
.lp-working-hours-btn {
color: #2095f2;
font-size: 12px;
font-weight: 400;
display: inline-block;
}
.lp-location-wrapper > .city {
width: 20%;
}
.lp-location-wrapper .lp-radio {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #8a8a8a;
background-color: #f5f5f5;
margin-top: 19px;
}
#locations {
width: 100%;
}
.lp-spinner-wrapper {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
background-color: white;
}
.lp-spinner {
width: 50px;
height: 50px;
border: 5px solid #dcdcdc;
border-left: 5px solid #2095f2;
border-radius: 50%;
animation: lp-rotate 1.5s linear infinite;
}
.lp-spinner-wrapper.disabled {
display: none !important;
}
.uppercase {
text-transform: uppercase;
}
.lp-show-on-map-btn {
margin-top: 4px;
margin-right: 20px;
width: 28px;
height: 44px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 1.33 10 13.34'%3E%3Cpath fill='%23000000' d='M8.00008 8.66667C6.73341 8.66667 5.66675 7.6 5.66675 6.33333C5.66675 5.06667 6.73341 4 8.00008 4C9.26675 4 10.3334 5.06667 10.3334 6.33333C10.3334 7.6 9.26675 8.66667 8.00008 8.66667ZM8.00008 5.33333C7.46675 5.33333 7.00008 5.8 7.00008 6.33333C7.00008 6.86667 7.46675 7.33333 8.00008 7.33333C8.53341 7.33333 9.00008 6.86667 9.00008 6.33333C9.00008 5.8 8.53341 5.33333 8.00008 5.33333Z'/%3E%3Cpath fill='%23000000' d='M8.06667 14.6666C7.86667 14.6666 7.66667 14.5333 7.53333 14.3999L3.93333 9.19992V9.13325C3.26667 8.33325 3 7.33325 3 6.33325C3 3.59992 5.26667 1.33325 8 1.33325C10.7333 1.33325 13 3.59992 13 6.33325C13 7.33325 12.7333 8.33325 12.1333 9.13325C12.1333 9.13325 12.1333 9.13325 12.1333 9.19992L8.6 14.3999C8.46667 14.5333 8.26667 14.6666 8.06667 14.6666ZM5 8.46659L8 12.7999L10.9333 8.46659C10.9333 8.46659 10.9333 8.39992 11 8.39992C11.4 7.79992 11.6667 7.06659 11.6667 6.33325C11.6667 4.33325 10 2.66659 8 2.66659C6 2.66659 4.33333 4.33325 4.33333 6.33325C4.33333 7.06659 4.53333 7.79992 5 8.46659Z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
a:hover > .lp-show-on-map-btn {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 1.33 10 13.34'%3E%3Cpath fill='%23000000' d='M8.00008 8.66667C6.73341 8.66667 5.66675 7.6 5.66675 6.33333C5.66675 5.06667 6.73341 4 8.00008 4C9.26675 4 10.3334 5.06667 10.3334 6.33333C10.3334 7.6 9.26675 8.66667 8.00008 8.66667ZM8.00008 5.33333C7.46675 5.33333 7.00008 5.8 7.00008 6.33333C7.00008 6.86667 7.46675 7.33333 8.00008 7.33333C8.53341 7.33333 9.00008 6.86667 9.00008 6.33333C9.00008 5.8 8.53341 5.33333 8.00008 5.33333Z'/%3E%3Cpath fill='%23000000' d='M8.06667 14.6666C7.86667 14.6666 7.66667 14.5333 7.53333 14.3999L3.93333 9.19992V9.13325C3.26667 8.33325 3 7.33325 3 6.33325C3 3.59992 5.26667 1.33325 8 1.33325C10.7333 1.33325 13 3.59992 13 6.33325C13 7.33325 12.7333 8.33325 12.1333 9.13325C12.1333 9.13325 12.1333 9.13325 12.1333 9.19992L8.6 14.3999C8.46667 14.5333 8.26667 14.6666 8.06667 14.6666ZM5 8.46659L8 12.7999L10.9333 8.46659C10.9333 8.46659 10.9333 8.39992 11 8.39992C11.4 7.79992 11.6667 7.06659 11.6667 6.33325C11.6667 4.33325 10 2.66659 8 2.66659C6 2.66659 4.33333 4.33325 4.33333 6.33325C4.33333 7.06659 4.53333 7.79992 5 8.46659Z'/%3E%3C/svg%3E") !important;
}
.lp-template {
display: none !important;
}
@keyframes lp-rotate {
100% {
transform: rotate(360deg);
}
}