.lpc-modal #lpc_layer_relays, .lpc-modal .content{
height: 100%;
}
a#lpc_pick_up_web_service_show_map{
cursor: pointer;
}
.lpc-modal .lpc-lib-modal-main{
overflow: hidden;
}
#lpc_layer_error_message{
color: red;
}
#lpc_map{
height: 100%;
}
#lpc_left{
width: calc(100% - 240px);
height: calc(100% - 70px);
float: left;
}
#lpc_right{
float: right;
height: calc(100% - 70px);
width: 220px;
overflow: hidden;
overflow-y: auto;
padding-left: 10px;
} #lpc_search_address{
text-align: left;
display: flex;
margin-bottom: 1rem;
gap: 3px;
}
#lpc_modal_address_details{
display: inline-block;
}
#lpc_modal_relays_search_address{
width: 100%;
}
@media all and (max-width: 800px){
#lpc_search_address{
flex-flow: row wrap;
gap: .3rem;
margin-bottom: .3rem;
}
#lpc_modal_relays_search_address, #lpc_modal_address_details, #lpc_modal_relays_display_more{
flex: 1;
flex-basis: 100%;
}
}
@media all and (min-width: 800px){
#lpc_modal_relays_search_address{
width: 250px;
}
}
#lpc_modal_relays_search_zipcode{
width: 100px;
}
#lpc_modal_relays_search_city{
width: 180px;
}
#lpc_layer_relays_loader{
height: 15px;
}
.lpc-modal #lpc_layer_relays_loader{
z-index: 1000;
border: none;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(255, 255, 255);
opacity: 0.6;
cursor: default;
position: absolute;
}
#lpc_modal_relays_display_more{
align-self: center;
margin-left: auto;
} .lpc_relay_separator{
width: 100%;
margin: 1rem 0;
}
.lpc_layer_relay_name{
font-size: 14px;
font-weight: bold;
}
.lpc_layer_relay_address{
font-size: 12px;
color: grey;
}
.lpc_layer_relay_address_street{
display: block;
}
.lpc_layer_relay_distance{
font-size: 12px;
}
.lpc_layer_relay_button_choose{
margin: 1rem;
float: right;
}
#lpc_layer_list_relays .lpc_relay_choose_btn{
font-size: 12px;
}
#lpc_layer_list_relays .lpc_relay_choose{
margin-left: 8px;
}
.lpc_layer_relay_id,
.lpc_layer_relay_latitude,
.lpc_layer_relay_longitude,
.lpc_layer_relay_schedule,
.lpc_layer_relay_address_country,
.lpc_layer_relay_type,
.lpc_layer_relay_distance_value,
.lpc_layer_relay_hour_monday,
.lpc_layer_relay_hour_tuesday,
.lpc_layer_relay_hour_wednesday,
.lpc_layer_relay_hour_thursday,
.lpc_layer_relay_hour_friday,
.lpc_layer_relay_hour_saturday,
.lpc_layer_relay_hour_sunday{
display: none;
}
#lpc_layer_list_relays .lpc_show_relay_details{
cursor: pointer;
} .lpc_store_name{
font-weight: bold;
font-size: 14px;
display: block;
}
.lpc_store_address{
color: grey;
font-size: 12px;
}
.lpc_store_schedule table td{
padding: 0 2px 0 0;
font-size: 12px;
}
.lpc_relay_popup_choose:focus{
outline: none;
}
#lpc_layer_list_relays .lpc_layer_relay_display_hours{
display: none;
}
#lpc_layer_list_relays .lpc_layer_relay_display_hours td{
padding: 0;
}
#lpc_layer_list_relays .lpc_layer_relay_hours_header{
display: flex;
}
#lpc_layer_list_relays .lpc_layer_relay_hours_header .lpc_layer_relay_hours_title{
margin: 0 5px;
font-size: 14px;
}
#lpc_layer_list_relays .lpc_layer_relay_hours_icon::after, #lpc_layer_list_relays .lpc_layer_relay_hours_icon_hour::after{
font-family: "Dashicons";
font-size: 14px;
}
#lpc_layer_list_relays .lpc_layer_relay_hours_icon_hour::after{
content: "\f469";
}
#lpc_layer_list_relays .lpc_layer_relay_hours_icon_down::after{
content: "\f347";
}
#lpc_layer_list_relays .lpc_layer_relay_hours_icon_up::after{
content: "\f343";
} #lpc_change_my_relay{
color: #06187c;
text-decoration: underline;
cursor: pointer;
} @media all and (max-width: 1023px){
#lpc_right{
float: left;
width: 100%;
height: auto;
overflow: visible;
padding-left: inherit;
padding-top: 10px;
}
#lpc_left{
width: 100%;
height: 400px;
}
#lpc_layer_list_relays .lpc_relay_choose_btn{
font-size: 14px;
}
}
@media all and (max-width: 800px){
#lpc_modal_relays_search_address{
width: 100%;
display: block;
}
#lpc_modal_address_details{
display: block;
}
#lpc_modal_relays_search_zipcode{
display: inline-block;
}
#lpc_modal_relays_search_city{
width: 40%;
display: inline-block;
max-width: 80%;
}
#lpc_layer_list_relays .lpc_layer_relay_display_hours{
display: inherit;
}
}
@media all and (max-width: 550px){
#lpc_left{
max-height: 300px;
}
#lpc_modal_relays_search_zipcode{
width: 85px;
}
}
@media all and (max-width: 380px){
#lpc_modal_relays_search_city{
max-width: 110px;
}
}