.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 10000; /* Sit on top */
padding-top: 15%; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#modal-note{
font-size: x-small;
}
#modal-header h2{
font-size: 20px;
}
#modal-body{
font-size: 16px;
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
border-radius: 10px;;
width: 50%;
}
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.grid_filter {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 20px;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
}
@media screen and (max-width: 49.5em) {
.grid_filter {
display: grid;
grid-template-columns: auto;
grid-gap: 20px;
}
}
.grid_filter .filter{
padding-top: 117px;
min-width:268px;
}
@media screen and (max-width: 49.5em) {
.grid_filter .filter{
padding-top: 0px;
}
}
.grid_filter img{
border-radius: 0px!important; /* adjust for more or less rounding */
box-shadow: none!important;
display: inline-block;
max-width: 100%; /* ensures responsiveness */
height: auto;
}
.large_icons.orange{
width: 24px;
height: 24px;
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(1deg)
}
.large_icons.green{
width: 24px;
height: 24px;
filter: invert(39%) sepia(87%) saturate(567%) hue-rotate(81deg);
}
.small_icons.orange{
width: 16px;
height: 16px;
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(1deg)
}
.small_icons.green{
width: 20px;
height: 20px;
filter: invert(39%) sepia(87%) saturate(567%) hue-rotate(81deg);
}
.large_filter_icons.orange{
width: 24px;
height: 24px;
filter: invert(0.5) sepia(1) saturate(5) hue-rotate(1deg)
}
.large_filter_icons.green{
width: 24px;
height: 24px;
filter: invert(39%) sepia(87%) saturate(567%) hue-rotate(81deg);
}
.wl-sticky {
/*position: -webkit-sticky;
position: sticky;*/
top: 135px;
}
.ladeport_filter .sidebar__inner {
border-radius: 0px;
/*overflow: hidden;*/
background: #14bccd52;
border: 1px solid #14bccd52;
padding-top: 10px;
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
}
.ladeport_filter .lastupdated {
margin-bottom: 10px;
font-size:10px!important;
}
.ladeport_filter .checkbox.no-margin{margin:0px!important;}
.ladeport_filter .sidebar__inner .headline img {
width: 22px;
margin-right: 5px;
vertical-align: middle;
}
.ladeport_filter .sidebar__inner .topbar .headline h5{
margin: 0;
vertical-align: middle;
display: inline-block;
}
.ladeport_search_results .text-center{text-align:center!important;}
.ladeport_search_results .hide {
display: none !important;
}
.ladeport_filter .sidebar__inner label[data-filter], section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner label[data-filter],.common_filter {
margin-top: 20px;
display:block;
}
.ladeport_filter .sidebar__inner span, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner span {
font-weight: 600;
font-size: 14px;
display: block;
}
.ladeport_filter .sidebar__inner .checkbox, .ladeport_filter .sidebar__inner .radio, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .radio {
display: inline-block;
margin-right: 5px;
margin-top: 7px;
width: calc(50% - 7px);
}
.ladeport_filter .sidebar__inner .checkbox label, .ladeport_filter .sidebar__inner .radio label, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .radio label {
display: block;
}
.ladeport_filter .sidebar__inner .checkbox label input, .ladeport_filter .sidebar__inner .radio label input, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label input, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .radio label input {
display: none;
}
.ladeport_filter .sidebar__inner .checkbox label .option, .ladeport_filter .sidebar__inner .radio label .option, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label .option, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .radio label .option {
border: 1px solid #21929d;
padding: 12px 4px;
background: #ffffff;
border-radius: 6px;
text-align: center;
color: #21929d;
font-weight: normal;
font-size: 14px;
line-height: 1;
cursor: pointer;
}
.ladeport_filter .sidebar__inner .checkbox label input:checked + .option, .ladeport_filter .sidebar__inner .radio label input:checked + .option, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label input:checked + .option, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .radio label input:checked + .option {
background: #21929d;
color: #ffffff;
border-color: #21929d;
}
.ladeport_filter [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label .option, .ladeport_filter [data-charger-results] .results-wrapper aside .sidebar__inner .radio label .option, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label .option, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .radio label .option {
border: 1px solid #21929d;
padding: 12px 4px;
background: #ffffff;
border-radius: 6px;
text-align: center;
color: #21929d;
font-weight: normal;
font-size: 14px;
line-height: 1;
cursor: pointer;
}
.show-for-medium-down {
display: none !important;
}
@media screen and (min-width: 67.5em) {
/* .show-for-medium-down {*/
/* display: none !important;*/
/* }*/
}
[data-charger-results] [class^="ribbon-"] {
position: relative;
margin-bottom: 80px;
}
[data-charger-results] [class^="ribbon-"]:before, [data-charger-results] [class^="ribbon-"]:after {
content: "";
position: absolute;
}
[data-charger-results] .ribbon-1 {
width: 60px;
height: 100px;
background: #14bccd52;
top: -6px;
left: 25px;
}
[data-charger-results] .ribbon-1:before {
height: 0;
width: 0;
border-bottom: 6px solid #ca3011;
border-right: 6px solid transparent;
right: -6px;
}
[data-charger-results] .ribbon-1:after {
height: 0;
width: 0;
border-left: 30px solid #ee583a;
border-right: 30px solid #ee583a;
border-bottom: 30px solid transparent;
bottom: -30px;
}
[data-charger-results] .ribbon-2 {
padding-right: 20px;
padding-left: 20px;
height: 30px;
left: -8px;
}
[data-charger-results] .ribbon-2.light_green {
background: #72b486;
}
[data-charger-results] .ribbon-2.light_green:before {
border-top: 8px solid #4caf50;
}
[data-charger-results] .ribbon-2.light_green:after {
border-top: 15px solid #72b486;
border-bottom: 15px solid #72b486;
}
[data-charger-results] .ribbon-2.green {
background: #1e9961;
}
[data-charger-results] .ribbon-2.green:before {
border-top: 8px solid #1e9961;
}
[data-charger-results] .ribbon-2.green:after {
border-top: 15px solid #1e9961;
border-bottom: 15px solid #1e9961;
}
[data-charger-results] .ribbon-2.gold,[data-charger-results] .ribbon-2.orange {
background: #fead3f;
}
[data-charger-results] .ribbon-2.gold:before,[data-charger-results] .ribbon-2.orange:before {
border-top: 8px solid #ff9800;
}
[data-charger-results] .ribbon-2.gold:after,[data-charger-results] .ribbon-2.orange:after {
border-top: 15px solid #fead3f;
border-bottom: 15px solid #fead3f;
}
[data-charger-results] .ribbon-2.blue {
background: #2183bc;
}
[data-charger-results] .ribbon-2.blue:before {
border-top: 8px solid #0c537c;
}
[data-charger-results] .ribbon-2.blue:after {
border-top: 15px solid #2183bc;
border-bottom: 15px solid #2183bc;
}
[data-charger-results] .ribbon-2:before {
height: 0;
width: 0;
border-top: 8px solid #14455b;
border-left: 8px solid transparent;
bottom: -8px;
}
[data-charger-results] .ribbon-2:after {
height: 0;
width: 0;
border-top: 15px solid #21749a;
border-bottom: 15px solid #21749a;
border-right: 16px solid transparent;
right: -15px;
}
[data-charger-results] .ribbon-3, [data-charger-results] .ribbon-4 {
width: 420px;
height: 50px;
margin-left: -10px;
margin-right: -10px;
background: #efb23b;
}
[data-charger-results] .ribbon-3:before, [data-charger-results] .ribbon-4:before {
height: 0;
width: 0;
border-top: 10px solid #cd8d11;
border-left: 10px solid transparent;
bottom: -10px;
}
[data-charger-results] .ribbon-3:after, [data-charger-results] .ribbon-4:after {
height: 0;
width: 0;
border-top: 10px solid #cd8d11;
border-right: 10px solid transparent;
right: 0;
bottom: -10px;
}
[data-charger-results] .ribbon-4:before {
height: 0;
width: 0;
border-width: 20px 20px;
border-style: solid;
border-color: #31a5b3 #31a5b3 #31a5b3 transparent;
top: 20px;
left: -30px;
}
[data-charger-results] .ribbon-4:after {
height: 0;
width: 0;
border-width: 20px 20px;
border-style: solid;
border-color: #31a5b3 transparent #31a5b3 #31a5b3;
top: 20px;
right: -30px;
}
[data-charger-results] .ribbon-content {
height: inherit;
margin-bottom: 0;
background: #37b7c7;
z-index: 100;
}
[data-charger-results] .ribbon-content:before {
height: 0;
width: 0;
border-top: 10px solid #26808b;
border-left: 10px solid transparent;
bottom: -10px;
}
[data-charger-results] .ribbon-content:after {
height: 0;
width: 0;
border-top: 10px solid #26808b;
border-right: 10px solid transparent;
right: 0;
bottom: -10px;
}
/* HTML: Your text content
*/
.ribbon {
font-size: 28px;
font-weight: bold;
color: #fff;
}
[data-charger-results] .ribbon-5.green {
--r: .4em; /* control the ribbon shape (the radius) */
--c: #1e9961;
color: #fff;
font-weight: 700;
font-size: 13px;
position: absolute;
top: -10px;
left: calc(-1*var(--r));
line-height: 1.8;
padding: 0.5em calc(6*var(--r)) 17px 10px;
border-radius: var(--r) 0 0 var(--r);
background:
radial-gradient(100% 50% at left,var(--c) 98%,#0000 101%)
100% 0/.5lh calc(100% - 2*var(--r)),
radial-gradient(100% 50% at right,#0005 98%,#0000 101%)
0 100%/var(--r) calc(2*var(--r)),
conic-gradient(from 90deg at var(--r) calc(100% - 2*var(--r)),#0000 25%,var(--c) 0)
0 0/calc(101% - .5lh) 100%;
background-repeat: no-repeat;
}
[data-charger-results] .ribbon-5.blue {
--r: .4em; /* control the ribbon shape (the radius) */
--c: #2183bc;
color: #fff;
font-weight: 700;
font-size: 13px;
position: absolute;
top: -10px;
left: calc(-1*var(--r));
line-height: 1.8;
padding: 0.5em calc(6*var(--r)) 17px 10px;
border-radius: var(--r) 0 0 var(--r);
background:
radial-gradient(100% 50% at left,var(--c) 98%,#0000 101%)
100% 0/.5lh calc(100% - 2*var(--r)),
radial-gradient(100% 50% at right,#0005 98%,#0000 101%)
0 100%/var(--r) calc(2*var(--r)),
conic-gradient(from 90deg at var(--r) calc(100% - 2*var(--r)),#0000 25%,var(--c) 0)
0 0/calc(101% - .5lh) 100%;
background-repeat: no-repeat;
}
[data-charger-results] .ribbon-5.orange {
--r: .4em; /* control the ribbon shape (the radius) */
--c: #F07818;
color: #fff;
font-weight: 700;
font-size: 13px;
position: absolute;
top: -10px;
left: calc(-1*var(--r));
line-height: 1.8;
padding: 0.5em calc(6*var(--r)) 17px 10px;
border-radius: var(--r) 0 0 var(--r);
background:
radial-gradient(100% 50% at left,var(--c) 98%,#0000 101%)
100% 0/.5lh calc(100% - 2*var(--r)),
radial-gradient(100% 50% at right,#0005 98%,#0000 101%)
0 100%/var(--r) calc(2*var(--r)),
conic-gradient(from 90deg at var(--r) calc(100% - 2*var(--r)),#0000 25%,var(--c) 0)
0 0/calc(101% - .5lh) 100%;
background-repeat: no-repeat;
}
.fancybox__content :focus:not(.carousel__button.is-close) {
outline: none;
}
.carousel__button {
display: none;
}
#calculator-form-popup.fancybox__content {
padding-bottom: 10px;
max-width: 100%;
width: 650px;
border-radius: 10px;
background: #fafafa;
}
@media screen and (max-width: 47.5em) {
#calculator-form-popup.fancybox__content {
padding: 25px 25px 10px 25px;
}
}
#calculator-form-popup.fancybox__content .error {
margin-bottom: 0;
font-size: 14px;
color: #D12B20;
text-align: center;
font-weight: 600;
}
#calculator-form-popup.fancybox__content .text {
margin-bottom: 20px;
text-align: center;
}
@media screen and (max-width: 47.5em) {
#calculator-form-popup.fancybox__content .text {
margin-bottom: 10px;
}
}
#calculator-form-popup.fancybox__content .without {
margin-top: 20px;
margin-bottom: 0;
text-align: center;
border: none;
}
#calculator-form-popup.fancybox__content .without:hover {
text-decoration: underline;
}
#calculator-form-popup.fancybox__content .form {
margin-top: 20px;
text-align: center;
}
#calculator-form-popup.fancybox__content .form input[type="email"] {
box-shadow: none;
}
#calculator-form-popup.fancybox__content .form input::-webkit-input-placeholder {
color: #cacaca;
}
#calculator-form-popup.fancybox__content .form input::-moz-placeholder {
color: #cacaca;
}
#calculator-form-popup.fancybox__content .form input::-ms-input-placeholder {
color: #cacaca;
}
#calculator-form-popup.fancybox__content .form input::placeholder {
color: #cacaca;
}
#calculator-form-popup.fancybox__content .form .disclaimer {
font-size: 12px;
margin-bottom: 0;
margin-top: 30px;
color: #949494;
}
#calculator-form-popup.fancybox__content .form .grid {
margin-top: 20px;
margin-bottom: 20px;
}
@media screen and (max-width: 47.5em) {
#calculator-form-popup.fancybox__content .form .grid {
margin-top: 0;
}
}
@media screen and (min-width: 67.5em) {
#calculator-form-popup.fancybox__content .form .grid {
display: grid;
grid-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: 1fr 1fr;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
#calculator-form-popup.fancybox__content .form .grid .disclaimer-wrapper {
grid-column: span 2;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 47.5em) {
#calculator-form-popup.fancybox__content .form .grid .disclaimer-wrapper {
margin-bottom: 8px;
}
}
#calculator-form-popup.fancybox__content .form .grid .disclaimer-wrapper input {
margin: 0;
}
#calculator-form-popup.fancybox__content .form .grid .disclaimer-wrapper label {
font-size: 14px;
}
#calculator-form-popup.fancybox__content .form .grid input:not([type="checkbox"]) {
margin: 0;
height: 55px;
box-shadow: none;
padding: 16px 16px;
border-radius: 12px;
border: 1px solid #21929d;
}
@media screen and (max-width: 47.5em) {
#calculator-form-popup.fancybox__content .form .grid input:not([type="checkbox"]) {
margin-bottom: 8px;
}
}
@media screen and (max-width: 47.5em) {
#calculator-form-popup.fancybox__content .form .grid input:not([type="checkbox"]) {
display: block;
width: 100%;
}
#calculator-form-popup.fancybox__content .form .grid input:not([type="checkbox"])[type="submit"] {
margin-top: 5px;
}
}
@media screen and (max-width: 47.5em) {
#calculator-form-popup.fancybox__content .form .grid input:not([type="checkbox"]) {
height: 50px;
}
}
@media screen and (min-width: 67.5em) {
#calculator-form-popup.fancybox__content .form .grid input:not([type="checkbox"])[type="submit"] {
grid-column: span 2;
}
}
#calculator-form-popup.fancybox__content ul.ticks {
margin: 0;
list-style-type: none;
}
@media screen and (min-width: 67.5em) {
#calculator-form-popup.fancybox__content ul.ticks {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}
#calculator-form-popup.fancybox__content ul.ticks li {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0 8px;
text-align: center;
font-size: 18px;
font-family: "Sansita", sans-serif;
}
@media screen and (max-width: 47.5em) {
#calculator-form-popup.fancybox__content ul.ticks li {
margin: 0 0 7px 0;
}
}
#calculator-form-popup.fancybox__content ul.ticks li img {
height: 18px;
margin-right: 6px;
}
.charger-item {
/*position: relative;*/
display: grid;
grid-template-columns: auto 1fr auto;
grid-gap: 5px;
grid-row-gap: 0;
background: #ffffff;
border-radius: 0px;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
/*overflow:hidden;*/
}
@media screen and (max-width: 47.5em) {
.charger-item.lead > .center .top_block h6 {
padding-left: 10px !important;
}
}
.charger-item.lead .usps {
margin-bottom: 0;
margin-top: 4px;
margin-left: 0;
padding-left: 10px;
}
@media screen and (max-width: 47.5em) {
.charger-item.lead .usps {
text-align: left;
margin-top: 10px;
padding-left: 25px;
padding-right: 25px;
}
}
.charger-item.lead .usps li {
list-style-type: none;
margin-top: 3px;
font-size: 14px;
}
.charger-item.lead .usps li img {
height: 15px;
margin-right: 3px;
vertical-align: sub;
}
.charger-item.gold,.charger-item.orange_X {
border: 2px solid #fead3f;
box-shadow: 0px 8px 14px rgba(254, 173, 63, 0.5) !important;
}
.charger-item .lead {
padding-left: 10px;
}
@media screen and (max-width: 47.5em) {
.charger-item .lead {
text-align: left;
padding-left: 25px;
padding-right: 25px;
}
}
.charger-item .lead_X p {
font-size: 14px;
margin-bottom: 0;
}
.charger-item.green_X {
/* border: 2px solid #1e9961;
box-shadow: 0px 8px 14px rgba(30,153,97,0.6) !important;*/
box-shadow: 0 0 10px 5px #03822988!important;
-moz-box-shadow: 0 0 10px 5px #03822988!important;
-webkit-box-shadow: 0 0 10px 5px #03822988!important;
box-shadow: 0 0 10px 5px #03822988!important;
}
.charger-item.light_green_X {
/* border: 2px solid #72b486;
box-shadow: 0px 8px 14px rgba(114, 180, 134, 0.5) !important;*/
box-shadow: 0 0 10px 5px #35d66688!important;
-moz-box-shadow: 0 0 10px 5px #35d66688!important;
-webkit-box-shadow: 0 0 10px 5px #35d66688!important;
box-shadow: 0 0 10px 5px #35d66688!important;
}
.charger-item_X {
/*border: 2px solid #21749a;*/
/*box-shadow: 0px 8px 14px rgba(33, 116, 154, 0.5) !important;*/
box-shadow: 0 0 10px 5px #48abe082!important;
-moz-box-shadow: 0 0 10px 5px #48abe082!important;
-webkit-box-shadow: 0 0 10px 5px #48abe082!important;
box-shadow: 0 0 10px 5px #48abe082!important;
}
.charger-item.orange_X {
/* border: 2px solid #F07818;
box-shadow: 0px 8px 14px rgb(192 132 14 / 60%) !important*/
box-shadow: 0 0 10px 5px #fe72008b!important;
-moz-box-shadow: 0 0 10px 5px #fe72008b!important;
-webkit-box-shadow: 0 0 10px 5px #fe72008b!important;
box-shadow: 0 0 10px 5px #fe72008b!important;
}
.charger-item .custom-ribbon_X {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 10px;
height: 30px;
top: -16px;
font-weight: 700;
font-size: 13px;
padding-left: 8px;
padding-right: 8px;
text-align: center;
z-index: 99;
line-height: 1.3;
}
.charger-item.has-ribbon .top_block {
padding-left: 15px !important;
}
.charger-item.has-ribbon > .center {
padding-top: 23px;
}
@media screen and (min-width: 67.5em) {
.charger-item.has-ribbon .left {
padding-top: 25px;
}
}
@media screen and (min-width: 67.5em) {
.charger-item.has-ribbon:not(:first-child) {
margin-top: 40px !important;
}
}
.charger-item .ribbon-2 {
position: absolute;
top: -16px;
font-weight: 700;
font-size: 13px;
color: #ffffff;
line-height: 28px;
font-family: "Roboto", sans-serif;
padding-left: 18px;
}
.charger-item .ribbon-2:before {
left: 0 !important;
}
@media screen and (max-width: 47.5em) {
.charger-item {
grid-template-columns: 1fr;
grid-gap: 0;
}
.power-item {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
@media screen and (max-width: 67.5em) {
.charger-item {
grid-template-columns: auto;
grid-gap: 0;
}
.power-item {
grid-template-columns: auto;
grid-gap: 0;
}
}
@media screen and (max-width: 67.5em) {
.left {
display:none;
}
}
.charger-item.active .right {
border-radius: 0 !important;
}
.charger-item.active .show-more img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.charger-item .show-more {
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #21929d;
margin-top: 12px;
cursor: pointer;
font-size: 12px;
line-height: 1;
}
.charger-item .show-more{
font-size: 16px;
font-weight: 700;
padding-top:10px;
}
.charger-item .show-more img {
transition: all 0.3s ease;
margin-left: 5px;
height: 10px;
}
.charger-item .left {
padding: 40px 0 12px 22px;
width: 135px;
}
@media screen and (max-width: 47.5em) {
.charger-item .left {
padding: 25px 25px 10px 25px;
display: grid;
grid-template-columns: auto;
-ms-flex-align: center;
align-items: center;
}
.power-item .left {
padding: 25px 25px 10px 25px;
display: grid;
grid-template-columns: auto;
-ms-flex-align: center;
align-items: center;
}
}
.charger-item .left .logo {
text-align: center;
}
@media screen and (max-width: 47.5em) {
.charger-item .left .logo {
text-align: left;
}
}
.charger-item .left .logo img {
width: 80px, i !important;;
-o-object-fit: contain;
object-fit: contain;
width: auto;
}
@media screen and (max-width: 47.5em) {
.charger-item .left .logo img {
height: 30px;
-o-object-fit: contain;
object-fit: contain;
width: auto;
}
}
.charger-item .left .trustpilot {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
margin-bottom: 15px;
}
.charger-item .left .trustpilot2 {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
margin-bottom: 4px;
}
@media screen and (max-width: 47.5em) {
.charger-item .left .trustpilot {
-ms-flex-pack: start;
justify-content: flex-start;
}
.charger-item .left .trustpilot2 {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.charger-item .left .trustpilot img {
height: 15px;
}
.charger-item .trustpilot2 img {
height: 15px;
}
.charger-item .trustpilot2 img {
height: 15px;
}
@media screen and (max-width: 47.5em) {
.charger-item .left .trustpilot img {
height: 20px;
}
.charger-item .trustpilot2 img {
height: 20px;
}
}
.charger-item .left .trustpilot span {
margin-left: 5px;
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 12px;
}
.charger-item .trustpilot2 span {
margin-left: 5px;
margin-top: 10px;
}
.charger-item .left .image {
text-align: center;
}
@media screen and (max-width: 47.5em) {
.charger-item .left .image {
text-align: right;
}
}
.charger-item .left .image img {
max-height: 105px;
width: auto;
max-width: 105px;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 47.5em) {
.charger-item .left .image img {
max-height: 120px;
max-width: 120px;
}
}
.charger-item > .center {
padding: 30px 0 12px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 67.5em) {
.charger-item > .center {
align-items: center;
}
}
@media screen and (max-width: 47.5em) {
.charger-item > .center {
padding: 0 0 25px 0;
}
}
.charger-item > .center .top_block {
text-align: center;
}
.charger-item > .center .top_block h6 {
color: #21929d;
text-align: center;
font-size: 20px;
font-weight: 700;
font-family: "Roboto", sans-serif;
margin-bottom: 0;
}
@media screen and (max-width: 47.5em) {
.charger-item > .center .top_block h6 {
font-size: 20px;
text-align: left;
padding-left: 25px;
padding-right: 25px;
}
}
.charger-item > .center .center_block {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 15px 0;
}
.power-item > .center .center_block {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 15px 0;
}
@media screen and (max-width: 47.5em) {
.charger-item > .center .center_block {
margin: 10px 0;
}
}
.power-item .left .trustpilot img {
height: 15px;
}
.power-item .trustpilot2 img {
height: 15px;
}
.power-item .trustpilot2 img {
height: 15px;
}
@media screen and (max-width: 47.5em) {
.power-item .left .trustpilot img {
height: 20px;
}
.power-item .trustpilot2 img {
height: 20px;
}
}
.power-item .left .trustpilot span {
margin-left: 5px;
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 12px;
}
.power-item .trustpilot2 span {
margin-left: 5px;
margin-top: 10px;
}
.power-item .left .image {
text-align: center;
}
@media screen and (max-width: 47.5em) {
.power-item .left .image {
text-align: right;
}
}
.power-item .left .image img {
max-height: 105px;
width: auto;
max-width: 105px;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 47.5em) {
.power-item .left .image img {
max-height: 120px;
max-width: 120px;
}
}
.power-item > .center {
padding: 30px 0 12px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 67.5em) {
.power-item > .center {
align-items: center;
}
}
@media screen and (max-width: 47.5em) {
.power-item > .center {
padding: 0 0 25px 0;
}
}
.power-item > .center .top_block {
text-align: center;
}
.power-item > .center .top_block h6 {
color: #21929d;
text-align: center;
font-size: 20px;
font-weight: 700;
font-family: "Roboto", sans-serif;
margin-bottom: 0;
}
@media screen and (max-width: 47.5em) {
.power-item > .center .top_block h6 {
font-size: 20px;
text-align: left;
padding-left: 25px;
padding-right: 25px;
}
}
.power-item > .center .center_block {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 15px 0;
}
@media screen and (max-width: 47.5em) {
.power-item > .center .center_block {
margin: 10px 0;
}
}
.element_block_left{
width: fit-content;
padding-right: 20px;
float:right;
}
.element_block_right{
width: fit-content;
padding-left: 20px;
float: left;;
}
.charger-item > .center .center_block .element_info {
text-align: center;
padding: 14px 0;
}
.element_info_header{
font-weight: 700;
font-size: 16px;
color: #000
}
@media screen and (max-width: 47.5em) {
.charger-item > .center .center_block .element_info {
text-align: left;
padding-left: 15px;
padding-right: 15px;
}
.charger-item > .center .center_block .element_info span {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.charger-item > .center .center_block .element_info .element_data {
text-align: left !important;
}
}
.charger-item > .center .center_block .element_info:first-child {
/*border-right: 1px solid #eee;*/
}
.charger-item > .center .center_block .element_info span {
font-size: 14px;
margin-bottom: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.charger-item > .center .center_block .element_info span img {
margin-right: 4px;
}
.charger-item > .center .center_block .element_info .element_data {
text-align: center;
font-size: 14px;
font-weight: 500;
font-family: "Roboto", sans-serif;
color: #1E202B;
}
.charger-item > .center .center_block .element_info .element_data span {
display: inline-block;
margin-left: 3px;
font-size: 12px;
}
.charger-item > .center .bottom_bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 47.5em) {
.charger-item > .center .bottom_bottom {
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 25px;
padding-right: 25px;
}
}
.charger-item > .center .bottom_bottom .element_info {
margin: 0 8px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.top_left_grid{
border-bottom: 1px solid rgba(201, 201, 201, 0.618);
border-right: 1px solid rgba(201, 201, 201, 0.618);
border-left: 1px solid transparent;
border-top: 1px solid transparent;
}
.bottom_right_grid{
border-top: 1px solid rgba(201, 201, 201, 0.618);
border-left: 1px solid rgba(201, 201, 201, 0.618);
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
margin-bottom: -1px;
margin-top: -.5px;
margin-left: -.5px;
}
@media screen and (max-width: 47.5em) {
.charger-item > .center .bottom_bottom .element_info {
margin: 0;
}
}
.charger-item > .center .bottom_bottom .element_info img {
height: 20px;
}
.charger-item > .center .bottom_bottom .element_info span.element_data {
/*text-transform: capitalize;*/
}
.charger-item > .center .bottom_bottom .element_info span:first-of-type {
margin-left: 5px;
margin-right: 3px;
font-size: 12px;
}
.charger-item > .center .bottom_bottom .element_info a {
font-size: 12px !important;
}
.charger-item > .center .bottom_bottom .element_info .element_data, .charger-item > .center .bottom_bottom .element_info a {
color: #1E202B !important;
font-weight: 700;
font-size: 14px;
}
.charger-item .right {
padding: 12px 12px 12px 12px;
height: 100%;
background: #14bccd52;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 0 0 0 0;
justify-content: end;
padding-bottom: 50px;
}
@media screen and (min-width: 67.5em) {
.charger-item .right {
min-width: 170px;
}
}
@media screen and (min-width: 67.5em) {
.charger-item .right {
-ms-flex-pack: center;
justify-content: end;
padding-bottom: 50px;
}
}
@media screen and (max-width: 47.5em) {
.charger-item .right {
padding: 25px;
border-radius: 0 0 12px 12px;
}
}
.charger-item .right .opstart {
color: #1E202B !important;
font-family: "Roboto", sans-serif;
margin-bottom: 5px;
}
.charger-item .right .opstart span.element_data {
font-weight: 700;
}
.charger-item .right .total {
color: #21929d;
font-size: 27px;
font-weight: 700;
font-family: "Roboto", sans-serif;
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
}
.charger-item .right .total span:not(.element_data) {
font-size: 16px;
margin-left: 3px;
}
.charger-item .right .text-above-cta {
font-size: 14px;
margin-bottom: 5px;
font-family: "Roboto", sans-serif;
color: #1E202B;
font-weight: bold;
}
.charger-item .right .hover {
position: relative;
}
.charger-item .right .hover img {
vertical-align: top;
}
.charger-item .right .hover img:hover + span {
opacity: 1;
visibility: visible;
z-index: 10;
}
.charger-item .right .hover span {
visibility: hidden;
width: 150px;
visibility: hidden;
position: absolute;
width: 150px;
text-align: left;
background: #21929d;
color: #000;
padding: 20px;
border-radius: 2px;
font-size: 12px !important;
font-weight: 600normal;
right:15px;
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4);
backdrop-filter: blur(2.3px);
-webkit-backdrop-filter: blur(2.3px);
border: 2px solid rgba(0, 0, 0, 0.48);
}
.sidebar__inner .tooltips {
display: inline-block!important;
}
.sidebar__inner .tooltip {
position: relative;
display: inline-block!important;
}
.sidebar__inner .tooltip img {
vertical-align: top;
}
.sidebar__inner .tooltip img:hover + span {
opacity: 1;
visibility: visible;
z-index: 10;
}
.sidebar__inner .tooltip span {
visibility: hidden;
position: absolute;
width: 250px;
z-index: 10000000000000000000000;
text-align: left;
background: #21929d;
color: #000;
padding: 20px;
border-radius: 2px;
font-size: 12px !important;
font-weight: 600normal;
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.9);
backdrop-filter: blur(2.7px);
-webkit-backdrop-filter: blur(2.7px);
border: 2px solid rgba(0, 0, 0, 0.48);
}
.ladeport_pagination {
border: solid 1px #4caf50 !important;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
color: #ffffff;
padding: 16px 30px;
cursor: pointer;
transition: all .3s ease;
background: #4caf50;
text-transform: uppercase;
box-shadow: 0px 3px 6px #00000029;
border-radius: 23px;
font-weight: 700;
border: 1px solid #4caf50;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.ladeport_search_results .btn.small{
padding: 12px 20px;
font-size: 12px;
border-radius: 12px;
}
.charger-item .right .btn {
margin-top: 10px;
}
.ladeport_search_results .btn,.ladeport_filter .btn{
font-size: 14px;
font-stretch: normal;
font-style: normal;
display: inline-block;
line-height: 1.4;
text-align: center;
color: #ffffff;
padding: 16px 30px;
cursor: pointer;
transition: all .3s ease;
background: #4caf50!important;
text-transform: uppercase;
box-shadow: 0px 3px 6px #00000029;
border-radius: 23px;
font-weight: 700;
border: 1px solid #4caf50;
}
.ladeport_search_results .pagination-hide {
display: none !important;
}
@media screen and (max-width: 47.5em) {
.charger-item .right .hover span {
font-size: 12px;
bottom: 100%;
right: 100%;
width: 150px;
}
}
.charger-item .right .btn {
margin-top: 10px;
}
@media screen and (max-width: 47.5em) {
.charger-item .right .btn {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
}
.charger-item .bottom_lower {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
display: none;
}
@media screen and (min-width: 67.5em) {
.charger-item .bottom_lower {
grid-area: span 3 / span 3 / auto / auto;
}
}
.charger-item .bottom_lower ul {
margin: 0;
}
.charger-item .bottom_lower ul li.headline {
text-align: left;
list-style-type: none;
/*border-bottom: 1px solid #eee;*/
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 10px 5px 10px;
}
.beregning{
display: grid;
grid-template-columns: 3fr 1fr 1fr;
align-items: start;
text-align: left;
}
@media screen and (max-width: 47.5em) {
.charger-item .bottom_lower ul li.headline {
margin: 0;
padding: 5px 0;
}
}
.charger-item .bottom_lower ul li.headline:first-child {
margin-top: 10px;
}
.charger-item .bottom_lower ul li.headline:first-child span span {
font-weight: 700;
}
@media screen and (min-width: 67.5em) {
.charger-item .bottom_lower ul li.headline span {
font-size: 14px;
}
}
.charger-item .bottom_lower .usps {
margin: 0;
padding:0px;
}
.charger-item .bottom_lower .usps li {
list-style-type: none;
margin-top: 5px;
font-size: 14px;
}
.charger-item .bottom_lower .usps li img {
height: 15px;
margin-right: 6px;
}
.charger-item .bottom_lower .inner {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
display: grid;
grid-template-columns: repeat(3, 1fr);
background: #fafafa;
padding: 30px;
}
.charger-item .bottom_lower .inner2 {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
display: grid;
grid-template-columns: repeat(2, 1fr);
background: #fafafa;
padding: 30px;
font-size: 14px;
}
.power-item .bottom_lower .inner {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
display: grid;
grid-template-columns: repeat(3, 1fr);
background: #fafafa;
padding: 30px;
}
.power-item .bottom_lower .inner2 {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
display: grid;
grid-template-columns: repeat(2, 1fr);
background: #fafafa;
padding: 30px;
font-size: 14px;
}
@media screen and (max-width: 47.5em) {
.charger-item .bottom_lower .inner2 {
grid-template-columns: repeat(1, 1fr);
}
.power-item .bottom_lower .inner2 {
grid-template-columns: repeat(1, 1fr);
}
.custom-label{
margin-top:20px;
}
}
@media screen and (max-width: 47.5em) {
.charger-item .bottom_lower .inner {
padding: 25px;
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
}
.power-item .bottom_lower .inner {
padding: 25px;
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
}
}
.charger-item .bottom_lower .inner .element_info:not(.text-center) {
text-align: left;
}
.charger-item .bottom_lower .inner .element_info .custom-label {
text-transform: inherit;
letter-spacing: inherit;
font-size: 14px;
margin-bottom: 5px;
font-weight: bold;
font-family: "Roboto", sans-serif;
}
.charger-item .bottom_lower .inner .element_info .monthly {
margin-top: -5px;
font-size: 14px;
margin-bottom: 0;
font-weight: bold;
font-family: "Roboto", sans-serif;
}
.charger-item .bottom_lower .inner .element_info .monthly span {
font-weight: 400;
}
.charger-item .bottom_lower .inner .element_info .number {
font-size: 25px;
margin-bottom: 0;
font-family: "Roboto", sans-serif;
color: #21929d;
font-weight: 700;
}
.charger-item .bottom_lower .inner .element_info .number + span {
font-size: 10px;
font-weight: 300;
color: #00000059;
display: block;
margin-top: 5px;
font-family: "Roboto", sans-serif;
}
.charger-item .bottom_lower .inner .element_info:first-child {
/*border-right: 1px solid #eee;*/
}
@media screen and (max-width: 47.5em) {
.charger-item .bottom_lower .inner .element_info:first-child {
border-right: none;
}
}
.charger-item .bottom_lower .inner .element_info:last-child {
/*border-left: 1px solid #eee;*/
}
@media screen and (max-width: 47.5em) {
.charger-item .bottom_lower .inner .element_info:last-child {
border-left: none;
}
}
@media screen and (min-width: 67.5em) {
.charger-item .bottom_lower {
grid-column: span 3;
grid-row: span 3;
}
}
.charger-item .bottom_bottom .element_info * {
font-size: 12px !important;
}
@media screen and (max-width: 47.5em) {
.charger-item .bottom_bottom .element_info * {
font-size: 10px !important;
}
}
.ladeport_search_results [data-charger-results], section.calculator [data-charger-results] {
margin-top: 30px;
padding-bottom: 50px;
}
@media screen and (max-width: 47.5em) {
.ladeport_search_results [data-charger-results], section.calculator [data-charger-results] {
padding-bottom: 30px;
}
}
.ladeport_search_results [data-charger-results]:empty, section.calculator [data-charger-results]:empty {
display: none;
}
.ladeport_search_results [data-charger-results] .top-sorting .sort-wrapper, .ladeport_search_results [data-charger-results] .top-sorting .text-right, section.calculator [data-charger-results] .top-sorting .sort-wrapper, section.calculator [data-charger-results] .top-sorting .text-right {
display: inline-block;
text-align: right;
vertical-align: middle;
}
@media screen and (min-width: 67.5em) {
.ladeport_search_results [data-charger-results] .top-sorting .sort-wrapper, section.calculator [data-charger-results] .top-sorting .sort-wrapper {
float: right;
}
}
.ladeport_search_results [data-charger-results] .top-sorting .sort-wrapper img, section.calculator [data-charger-results] .top-sorting .sort-wrapper img {
height: 16px;
width: auto;
margin-right: 3px;
}
.ladeport_search_results [data-charger-results] .top-sorting .sort-wrapper .btn, section.calculator [data-charger-results] .top-sorting .sort-wrapper .btn {
text-transform: inherit;
font-size: 14px;
}
@media screen and (min-width: 67.5em) {
.ladeport_search_results [data-charger-results] .top-sorting .sort-wrapper, section.calculator [data-charger-results] .top-sorting .sort-wrapper {
display: inline-grid;
grid-template-columns: auto 1fr;
-ms-flex-align: center;
align-items: center;
grid-gap: 10px;
}
}
.ladeport_search_results [data-charger-results] .top-sorting .sort-wrapper select, section.calculator [data-charger-results] .top-sorting .sort-wrapper select {
box-shadow: 0px 3px 6px #00000029;
padding: 14px 26px;
font-size: 14px;
border: 1px solid #4caf50;
font-weight: 700;
color: #4caf50;
border-radius: 12px;
}
.ladeport_search_results [data-charger-results] .top-sorting .sort-wrapper label, section.calculator [data-charger-results] .top-sorting .sort-wrapper label {
font-weight: 600;
font-size: 14px;
display: inline-block;
margin-right: 1px;
}
@media screen and (max-width: 70.9375em) {
.ladeport_search_results [data-charger-results] .top-sorting .sort-wrapper label, section.calculator [data-charger-results] .top-sorting .sort-wrapper label {
display: none;
}
}
@media screen and (min-width: 67.5em) {
.ladeport_search_results [data-charger-results] .results-wrapper, section.calculator [data-charger-results] .results-wrapper {
margin-left: auto;
margin-right: auto;
display: grid;
grid-gap: 80px;
grid-template-columns: 1fr 750px;
max-width: 1150px;
}
.ladeport_search_results [data-charger-results] .results-wrapper.sidebars, section.calculator [data-charger-results] .results-wrapper.sidebars {
grid-gap: 40px;
max-width: unset;
grid-template-columns: 1fr minmax(600px, 2fr) 180px;
}
.ladeport_search_results [data-charger-results] .results-wrapper.hide-filter, section.calculator [data-charger-results] .results-wrapper.hide-filter {
display: block;
}
.ladeport_search_results [data-charger-results] .results-wrapper.hide-filter aside, section.calculator [data-charger-results] .results-wrapper.hide-filter aside {
display: none;
}
.ladeport_search_results [data-charger-results] .results-wrapper.hide-filter .results, section.calculator [data-charger-results] .results-wrapper.hide-filter .results {
max-width: 750px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 70.9375em) {
.ladeport_search_results [data-charger-results] .results-wrapper.hide-filter .trigger, section.calculator [data-charger-results] .results-wrapper.hide-filter .trigger {
display: none;
}
}
@media screen and (max-width: 70.9375em) {
.ladeport_search_results [data-charger-results] .results-wrapper .banner, section.calculator [data-charger-results] .results-wrapper .banner {
display: none;
}
}
.ladeport_search_results [data-charger-results] .results-wrapper aside, section.calculator [data-charger-results] .results-wrapper aside {
margin-top: 90px;
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .banner, section.calculator [data-charger-results] .results-wrapper aside .banner {
margin-top: 15px;
}
@media screen and (max-width: 70.9375em) {
.ladeport_search_results [data-charger-results] .results-wrapper aside .banner, section.calculator [data-charger-results] .results-wrapper aside .banner {
display: none;
}
}
@media screen and (max-width: 70.9375em) {
.ladeport_search_results [data-charger-results] .results-wrapper aside, section.calculator [data-charger-results] .results-wrapper aside {
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
z-index: 999999999999999;
--tw-bg-opacity: 1;
width: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s;
overflow: hidden;
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .btn, section.calculator [data-charger-results] .results-wrapper aside .btn {
width: 100%;
margin-top: 10px;
}
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner {
border-radius: 12px;
overflow: hidden;
background: #EAF9F5;
border: 1px solid #14bccd52;
padding: 25px;
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .banner, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .banner {
margin-top: 15px;
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .topbar .headline img, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .topbar .headline img {
width: 22px;
margin-right: 5px;
vertical-align: middle;
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .topbar .headline h5, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .topbar .headline h5 {
margin: 0;
vertical-align: middle;
display: inline-block;
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner label[data-filter], section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner label[data-filter],.common_filter {
margin-top: 20px;
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner span, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner span {
font-weight: 600;
font-size: 14px;
display: block;
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox, .ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .radio, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .radio {
display: inline-block;
margin-right: 7px;
margin-top: 7px;
width: calc(50% - 7px);
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label, .ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .radio label, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .radio label {
display: block;
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label .option, .ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .radio label .option, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label .option, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .radio label .option {
border: 1px solid #21929d;
padding: 12px 4px;
background: #ffffff;
border-radius: 6px;
text-align: center;
color: #21929d;
font-weight: normal;
font-size: 14px;
line-height: 1;
cursor: pointer;
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label input, .ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .radio label input, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label input, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .radio label input {
display: none;
}
.ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label input:checked + .option, .ladeport_search_results [data-charger-results] .results-wrapper aside .sidebar__inner .radio label input:checked + .option, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .checkbox label input:checked + .option, section.calculator [data-charger-results] .results-wrapper aside .sidebar__inner .radio label input:checked + .option {
background: #21929d;
color: #ffffff;
border-color: #21929d;
}
.ladeport_search_results [data-charger-results] .results, section.calculator [data-charger-results] .results {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.ladeport_search_results [data-charger-results] .results .charger-item, section.calculator [data-charger-results] .results .charger-item {
margin-top: 30px;
}
.ladeport_search_results [data-charger-results] .sorting, section.calculator [data-charger-results] .sorting {
border: 1px solid #21929d;
border-radius: 100px;
overflow: hidden;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 10px;
}
@media screen and (max-width: 47.5em) {
.ladeport_search_results [data-charger-results] .sorting, section.calculator [data-charger-results] .sorting {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.ladeport_search_results [data-charger-results] .sorting .item, section.calculator [data-charger-results] .sorting .item {
cursor: pointer;
color: #21929d;
display: inline-block;
min-width: 100px;
text-align: center;
text-transform: capitalize;
font-weight: 600;
padding: 7px 60px;
font-size: 14px;
}
.ladeport_search_results [data-charger-results] .sorting .item:only-child, section.calculator [data-charger-results] .sorting .item:only-child {
display: none !important;
}
@media screen and (max-width: 47.5em) {
.ladeport_search_results [data-charger-results] .sorting .item, section.calculator [data-charger-results] .sorting .item {
padding: 10px;
}
}
.ladeport_search_results [data-charger-results] .sorting .item.active, section.calculator [data-charger-results] .sorting .item.active {
background: #21929d;
color: #ffffff;
}
/** power supplier***/
.power-item .ribbon-2 {
position: absolute;
top: -16px;
font-weight: 700;
font-size: 13px;
color: #ffffff;
line-height: 28px;
font-family: "Roboto", sans-serif;
padding-left: 18px;
}
.power-item .ribbon-2:before {
left: 0 !important;
}
.ladeport_filter [data-power-results] .results-wrapper aside .sidebar__inner .checkbox label .option, .ladeport_filter [data-power-results] .results-wrapper aside .sidebar__inner .radio label .option {
border: 1px solid #21929d;
padding: 12px 4px;
background: #ffffff;
border-radius: 6px;
text-align: center;
color: #21929d;
font-weight: normal;
font-size: 14px;
line-height: 1;
cursor: pointer;
}
[data-power-results] [class^="ribbon-"] {
position: relative;
margin-bottom: 80px;
}
[data-power-results] [class^="ribbon-"]:before, [data-power-results] [class^="ribbon-"]:after {
content: "";
position: absolute;
}
[data-power-results] .ribbon-1 {
width: 60px;
height: 100px;
background: #ee583a;
top: -6px;
left: 25px;
}
[data-power-results] .ribbon-1:before {
height: 0;
width: 0;
border-bottom: 6px solid #ca3011;
border-right: 6px solid transparent;
right: -6px;
}
[data-power-results] .ribbon-1:after {
height: 0;
width: 0;
border-left: 30px solid #ee583a;
border-right: 30px solid #ee583a;
border-bottom: 30px solid transparent;
bottom: -30px;
}
[data-power-results] .ribbon-2 {
padding-right: 20px;
padding-left: 20px;
height: 30px;
left: -8px;
}
[data-power-results] .ribbon-2.light_green {
background: #72b486;
}
[data-power-results] .ribbon-2.light_green:before {
border-top: 8px solid #4caf50;
}
[data-power-results] .ribbon-2.light_green:after {
border-top: 15px solid #72b486;
border-bottom: 15px solid #72b486;
}
[data-power-results] .ribbon-2.green {
background: #1e9961;
}
[data-power-results] .ribbon-2.green:before {
border-top: 8px solid #1e9961;
}
[data-power-results] .ribbon-2.green:after {
border-top: 15px solid #1e9961;
border-bottom: 15px solid #1e9961;
}
[data-power-results] .ribbon-2.gold,[data-power-results] .ribbon-2.ornage {
background: #fead3f;
}
[data-power-results] .ribbon-2.gold:before,[data-power-results] .ribbon-2.ornage:before {
border-top: 8px solid #ff9800;
}
[data-power-results] .ribbon-2.gold:after,[data-power-results] .ribbon-2.ornage:after {
border-top: 15px solid #fead3f;
border-bottom: 15px solid #fead3f;
}
[data-power-results] .ribbon-2.blue {
background: #2183bc;
}
[data-power-results] .ribbon-2.blue:before {
border-top: 8px solid #0c537c;
}
[data-power-results] .ribbon-2.blue:after {
border-top: 15px solid #2183bc;
border-bottom: 15px solid #2183bc;
}
[data-power-results] .ribbon-2:before {
height: 0;
width: 0;
border-top: 8px solid #14455b;
border-left: 8px solid transparent;
bottom: -8px;
}
[data-power-results] .ribbon-2:after {
height: 0;
width: 0;
border-top: 15px solid #21749a;
border-bottom: 15px solid #21749a;
border-right: 16px solid transparent;
right: -15px;
}
[data-power-results] .ribbon-3, [data-power-results] .ribbon-4 {
width: 420px;
height: 50px;
margin-left: -10px;
margin-right: -10px;
background: #efb23b;
}
[data-power-results] .ribbon-3:before, [data-power-results] .ribbon-4:before {
height: 0;
width: 0;
border-top: 10px solid #cd8d11;
border-left: 10px solid transparent;
bottom: -10px;
}
[data-power-results] .ribbon-3:after, [data-power-results] .ribbon-4:after {
height: 0;
width: 0;
border-top: 10px solid #cd8d11;
border-right: 10px solid transparent;
right: 0;
bottom: -10px;
}
[data-power-results] .ribbon-4:before {
height: 0;
width: 0;
border-width: 20px 20px;
border-style: solid;
border-color: #31a5b3 #31a5b3 #31a5b3 transparent;
top: 20px;
left: -30px;
}
[data-power-results] .ribbon-4:after {
height: 0;
width: 0;
border-width: 20px 20px;
border-style: solid;
border-color: #31a5b3 transparent #31a5b3 #31a5b3;
top: 20px;
right: -30px;
}
[data-power-results] .ribbon-content {
height: inherit;
margin-bottom: 0;
background: #37b7c7;
z-index: 100;
}
[data-power-results] .ribbon-content:before {
height: 0;
width: 0;
border-top: 10px solid #26808b;
border-left: 10px solid transparent;
bottom: -10px;
}
[data-power-results] .ribbon-content:after {
height: 0;
width: 0;
border-top: 10px solid #26808b;
border-right: 10px solid transparent;
right: 0;
bottom: -10px;
}
.power-item {
position: relative;
display: grid;
grid-template-columns: 1fr 2fr 1fr;
grid-gap: 5px;
grid-row-gap: 0;
background: #ffffff;
border-radius: 0px;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
/*overflow:hidden;*/
}
@media screen and (max-width: 67.5em) {
.power-item {
grid-template-columns: 1fr 1fr;
grid-gap: 0;
}
}
@media screen and (max-width: 47.5em) {
.power-item {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
@media screen and (max-width: 47.5em) {
.power-item.lead > .center .top_block h6 {
padding-left: 10px !important;
}
}
.power-item.lead .usps {
margin-bottom: 0;
margin-top: 4px;
margin-left: 0;
padding-left: 10px;
}
@media screen and (max-width: 47.5em) {
.power-item.lead .usps {
text-align: left;
margin-top: 10px;
padding-left: 25px;
padding-right: 25px;
}
}
.power-item.lead .usps li {
list-style-type: none;
margin-top: 3px;
font-size: 14px;
}
.power-item.lead .usps li img {
height: 15px;
margin-right: 3px;
vertical-align: sub;
}
.power-item.gold,.power-item.orange_X {
border: 2px solid #fead3f;
box-shadow: 0px 8px 14px rgba(254, 173, 63, 0.5) !important;
}
.power-item .lead {
padding-left: 10px;
}
@media screen and (max-width: 47.5em) {
.power-item .lead {
text-align: left;
padding-left: 25px;
padding-right: 25px;
}
}
.power-item .lead p {
font-size: 14px;
margin-bottom: 0;
}
.power-item.green {
/*border: 2px solid #1e9961;
box-shadow: 0px 8px 14px rgba(30,153,97,0.6) !important;*/
}
.power-item.light_green {
/*border: 2px solid #72b486;
box-shadow: 0px 8px 14px rgba(114, 180, 134, 0.5) !important;*/
}
.power-item.blue {
/*border: 2px solid #21749a;
box-shadow: 0px 8px 14px rgba(33, 116, 154, 0.5) !important;*/
}
.power-item.orange {
/*border: 2px solid #F07818;
box-shadow: 0px 8px 14px rgba(30,153,97,0.6) !important;*/
}
.power-item .custom-ribbon {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 10px;
height: 30px;
top: -16px;
font-weight: 700;
font-size: 13px;
padding-left: 8px;
padding-right: 8px;
text-align: center;
z-index: 99;
line-height: 1.3;
}
.power-item.has-ribbon .top_block {
padding-left: 15px !important;
}
.power-item.has-ribbon > .center {
padding-top: 23px;
}
@media screen and (min-width: 67.5em) {
.power-item.has-ribbon .left {
padding-top: 25px;
}
}
@media screen and (min-width: 67.5em) {
.power-item.has-ribbon:not(:first-child) {
margin-top: 40px !important;
}
}
.power-item .ribbon-2 {
position: absolute;
top: -16px;
font-weight: 700;
font-size: 13px;
color: #ffffff;
line-height: 28px;
font-family: "Roboto", sans-serif;
padding-left: 18px;
}
.power-item .ribbon-2:before {
left: 0 !important;
}
@media screen and (max-width: 47.5em) {
.power-item {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
.power-item.active .right {
border-radius: 0 !important;
}
.power-item.active .show-more img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.power-item .show-more {
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #21929d;
margin-top: 12px;
cursor: pointer;
font-size: 12px;
line-height: 1;
}
.power-item .show-more img {
transition: all 0.3s ease;
margin-left: 5px;
height: 10px;
}
.power-item .left {
padding: 12px 0 12px 22px;
}
@media screen and (max-width: 47.5em) {
.power-item .left {
padding: 25px 25px 10px 25px;
display: grid;
grid-template-columns: auto auto;
-ms-flex-align: center;
align-items: center;
}
}
.power-item .left .logo {
text-align: center;
}
@media screen and (max-width: 47.5em) {
.power-item .left .logo {
text-align: left;
}
}
.power-item .left .logo img {
height: 80px;
-o-object-fit: contain;
object-fit: contain;
width: auto;
max-width:125px;
}
@media screen and (max-width: 47.5em) {
.power-item .left .logo img {
height: 80px;
}
}
.power-item .left .trustpilot {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
margin-bottom: 15px;
}
.power-item .left .trustpilot2 {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
margin-bottom: 4px;
}
@media screen and (max-width: 47.5em) {
.power-item .left .trustpilot {
-ms-flex-pack: start;
justify-content: flex-start;
}
.power-item .left .trustpilot2 {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.power-item .left .trustpilot img {
height: 15px;
}
.power-item .trustpilot2 img {
height: 15px;
}
.power-item .trustpilot2 img {
height: 15px;
}
@media screen and (max-width: 47.5em) {
.power-item .left .trustpilot img {
height: 20px;
}
.power-item .trustpilot2 img {
height: 20px;
}
}
.power-item .left .trustpilot span {
margin-left: 5px;
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 12px;
}
.power-item .trustpilot2 span {
margin-left: 5px;
margin-top: 10px;
}
.power-item .left .image {
text-align: center;
}
@media screen and (max-width: 47.5em) {
.power-item .left .image {
text-align: right;
}
}
.power-item .left .image img {
max-height: 105px;
width: auto;
max-width: 105px;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 47.5em) {
.power-item .left .image img {
max-height: 120px;
max-width: 120px;
}
}
.power-item > .center {
padding: 12px 0 12px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 47.5em) {
.power-item > .center {
padding: 0 0 25px 0;
}
}
.power-item > .center .top_block {
text-align: center;
}
.power-item > .center .top_block h6 {
color: #21929d;
text-align: center;
font-size: 20px;
font-weight: 700;
font-family: "Roboto", sans-serif;
margin-bottom: 0;
}
@media screen and (max-width: 47.5em) {
.power-item > .center .top_block h6 {
font-size: 20px;
text-align: left;
padding-left: 25px;
padding-right: 25px;
}
}
.power-item > .center .center_block {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 15px 0;
}
@media screen and (max-width: 47.5em) {
.power-item > .center .center_block {
margin: 10px 0;
}
}
.power-item > .center .center_block .element_info {
text-align: center;
padding: 15px 0;
}
@media screen and (max-width: 47.5em) {
.power-item > .center .center_block .element_info {
text-align: left;
padding-left: 25px;
padding-right: 25px;
}
.power-item > .center .center_block .element_info span {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.power-item > .center .center_block .element_info .element_data {
text-align: left !important;
}
}
.power-item > .center .center_block .element_info:first-child {
border-right: 1px solid #eee;
}
.power-item > .center .center_block .element_info span {
font-size: 14px;
margin-bottom: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.power-item > .center .center_block .element_info span img {
margin-right: 4px;
}
.power-item > .center .center_block .element_info .element_data {
text-align: center;
font-size: 12px;
font-weight: 700;
font-family: "Roboto", sans-serif;
color: #1E202B;
}
.power-item > .center .center_block .element_info .element_data span {
display: inline-block;
margin-left: 3px;
font-size: 12px;
}
.power-item > .center .bottom_bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 47.5em) {
.power-item > .center .bottom_bottom {
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 25px;
padding-right: 25px;
}
}
.power-item > .center .bottom_bottom .element_info {
margin: 0 8px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 47.5em) {
.power-item > .center .bottom_bottom .element_info {
margin: 0;
}
}
.power-item > .center .bottom_bottom .element_info img {
height: 20px;
}
.power-item > .center .bottom_bottom .element_info span.element_data {
text-transform: capitalize;
}
.power-item > .center .bottom_bottom .element_info span:first-of-type {
margin-left: 5px;
margin-right: 3px;
font-size: 12px;
}
.power-item > .center .bottom_bottom .element_info a {
font-size: 12px !important;
}
.power-item > .center .bottom_bottom .element_info .element_data, .power-item > .center .bottom_bottom .element_info a {
color: #1E202B !important;
font-weight: 700;
font-size: 14px;
}
.power-item .right {
padding: 12px 12px 12px 12px;
height: 100%;
background: #14bccd52;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 0 0 0 0;
}
@media screen and (min-width: 67.5em) {
.power-item .right {
min-width: 170px;
}
}
.power-item .right {
-ms-flex-pack: end;
justify-content: end;
}
@media screen and (max-width: 47.5em) {
.power-item .right {
padding: 25px;
border-radius: 0 0 12px 12px;
}
}
.power-item .right .opstart {
color: #1E202B !important;
font-family: "Roboto", sans-serif;
margin-bottom: 5px;
}
.power-item .right .opstart span.element_data {
font-weight: 700;
}
.power-item .right .total {
color: #21929d;
font-size: 18px;
font-weight: 700;
font-family: "Roboto", sans-serif;
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 14px;
line-height: normal;
}
.power-item .right .total span:not(.element_data) {
font-size: 16px;
margin-left: 3px;
}
.power-item .right .text-above-cta {
font-size: 12px;
margin-bottom: 0px;
font-family: "Roboto", sans-serif;
color: #1E202B;
font-weight: bold;
line-height: normal;
}
.power-item .right .hover {
position: relative;
}
.power-item .right .hover img {
vertical-align: top;
}
.power-item .right .hover img:hover + span {
opacity: 1;
visibility: visible;
z-index: 10;
}
.power-item .right .hover span {
opacity: 0;
visibility: hidden;
position: absolute;
width: 150px;
text-align: left;
background: #21929d;
color: #ffffff;
padding: 5px;
border-radius: 2px;
font-size: 12px !important;
font-weight: normal;
right:15px;
}
.ladeport_pagination {
border: solid 1px #4caf50 !important;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
color: #ffffff;
padding: 16px 30px;
cursor: pointer;
transition: all .3s ease;
background: #4caf50;
text-transform: uppercase;
box-shadow: 0px 3px 6px #00000029;
border-radius: 23px;
font-weight: 700;
border: 1px solid #4caf50;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.ladeport_search_results .btn.small{
padding: 12px 20px;
font-size: 12px;
border-radius: 12px;
}
.power-item .right .btn {
margin-top: 10px;
}
@media screen and (max-width: 47.5em) {
.power-item .right .hover span {
font-size: 12px;
bottom: 100%;
right: 100%;
width: 150px;
}
}
.power-item .right .btn {
margin-top: 10px;
}
@media screen and (max-width: 47.5em) {
.power-item .right .btn {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
}
.power-item .bottom_lower {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
display: none;
}
@media screen and (min-width: 67.5em) {
.power-item .bottom_lower {
grid-area: span 3 / span 3 / auto / auto;
}
}
.power-item .bottom_lower ul {
margin: 0;
}
.power-item .bottom_lower ul li.headline {
text-align: left;
list-style-type: none;
/*border-bottom: 1px solid #eee;*/
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 10px 5px 10px;
}
@media screen and (max-width: 47.5em) {
.power-item .bottom_lower ul li.headline {
margin: 0;
padding: 5px 0;
}
}
.power-item .bottom_lower ul li.headline:first-child {
margin-top: 10px;
}
.power-item .bottom_lower ul li.headline:last-child span {
font-weight: 700;
}
@media screen and (min-width: 67.5em) {
.power-item .bottom_lower ul li.headline span {
font-size: 14px;
}
}
.power-item .bottom_lower .usps {
margin: 0;
padding:0px;
}
.power-item .bottom_lower .usps li {
list-style-type: none;
margin-top: 5px;
font-size: 14px;
}
.power-item .bottom_lower .usps li img {
height: 15px;
margin-right: 6px;
}
.power-item .bottom_lower .inner {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
display: grid;
grid-template-columns: repeat(3, 1fr);
background: #fafafa;
padding: 30px;
}
@media screen and (max-width: 47.5em) {
.power-item .bottom_lower .inner {
padding: 25px;
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
}
}
.power-item .bottom_lower .inner .element_info:not(.text-center) {
text-align: left;
}
.power-item .bottom_lower .inner .element_info .custom-label {
text-transform: inherit;
letter-spacing: inherit;
font-size: 14px;
margin-bottom: 5px;
font-weight: bold;
font-family: "Roboto", sans-serif;
}
.power-item .bottom_lower .inner .element_info .monthly {
margin-top: -5px;
font-size: 14px;
margin-bottom: 0;
font-weight: bold;
font-family: "Roboto", sans-serif;
}
.power-item .bottom_lower .inner .element_info .monthly span {
font-weight: 400;
}
.power-item .bottom_lower .inner .element_info .number {
margin-bottom: 0;
text-align:left;
padding-left:10px;
padding-right:10px;
}
.power-item .bottom_lower .inner .element_info .number span{font-weight:bold;}
.power-item .bottom_lower .inner .element_info .number + span {
font-size: 10px;
font-weight: 300;
color: #00000059;
display: block;
margin-top: 5px;
font-family: "Roboto", sans-serif;
}
.power-item .bottom_lower .inner .element_info:first-child {
border-right: 1px solid #eee;
}
@media screen and (max-width: 47.5em) {
.power-item .bottom_lower .inner .element_info:first-child {
border-right: none;
}
}
.power-item .bottom_lower .inner .element_info:last-child {
border-left: 1px solid #eee;
}
@media screen and (max-width: 47.5em) {
.power-item .bottom_lower .inner .element_info:last-child {
border-left: none;
}
}
@media screen and (min-width: 67.5em) {
.power-item .bottom_lower {
grid-column: span 3;
grid-row: span 3;
}
}
.power-item .bottom_bottom .element_info * {
font-size: 12px !important;
}
@media screen and (max-width: 47.5em) {
.power-item .bottom_bottom .element_info * {
font-size: 10px !important;
}
}
.ladeport_search_results [data-power-results]{
margin-top: 30px;
padding-bottom: 50px;
}
@media screen and (max-width: 47.5em) {
.ladeport_search_results [data-power-results]{
padding-bottom: 30px;
}
}
.ladeport_search_results [data-power-results]:empty{
display: none;
}
.ladeport_search_results [data-power-results] .top-sorting .sort-wrapper, .ladeport_search_results [data-power-results] .top-sorting .text-right{
display: inline-block;
text-align: right;
vertical-align: middle;
}
@media screen and (min-width: 67.5em) {
.ladeport_search_results [data-power-results] .top-sorting .sort-wrapper {
float: right;
}
}
.ladeport_search_results [data-power-results] .top-sorting .sort-wrapper img {
height: 16px;
width: auto;
margin-right: 3px;
}
.ladeport_search_results [data-power-results] .top-sorting .sort-wrapper .btn {
text-transform: inherit;
font-size: 14px;
}
@media screen and (min-width: 67.5em) {
.ladeport_search_results [data-power-results] .top-sorting .sort-wrapper{
display: inline-grid;
grid-template-columns: auto 1fr;
-ms-flex-align: center;
align-items: center;
grid-gap: 10px;
}
}
.ladeport_search_results [data-power-results] .top-sorting .sort-wrapper select {
box-shadow: 0px 3px 6px #00000029;
padding: 14px 26px;
font-size: 14px;
border: 1px solid #4caf50;
font-weight: 700;
color: #4caf50;
border-radius: 23px;
}
.ladeport_search_results [data-power-results] .top-sorting .sort-wrapper label {
font-weight: 600;
font-size: 14px;
display: inline-block;
margin-right: 1px;
}
@media screen and (max-width: 70.9375em) {
.ladeport_search_results [data-power-results] .top-sorting .sort-wrapper label {
display: none;
}
}
@media screen and (min-width: 67.5em) {
.ladeport_search_results [data-power-results] .results-wrapper {
margin-left: auto;
margin-right: auto;
display: grid;
grid-gap: 80px;
grid-template-columns: 1fr 750px;
max-width: 1150px;
}
.ladeport_search_results [data-power-results] .results-wrapper.sidebars {
grid-gap: 40px;
max-width: unset;
grid-template-columns: 1fr minmax(600px, 2fr) 180px;
}
.ladeport_search_results [data-power-results] .results-wrapper.hide-filter {
display: block;
}
.ladeport_search_results [data-power-results] .results-wrapper.hide-filter aside {
display: none;
}
.ladeport_search_results [data-power-results] .results-wrapper.hide-filter .results {
max-width: 750px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 70.9375em) {
.ladeport_search_results [data-power-results] .results-wrapper.hide-filter .trigger {
display: none;
}
}
@media screen and (max-width: 70.9375em) {
.ladeport_search_results [data-power-results] .results-wrapper .banner {
display: none;
}
}
.ladeport_search_results [data-power-results] .results-wrapper aside {
margin-top: 90px;
}
.ladeport_search_results [data-power-results] .results-wrapper aside .banner{
margin-top: 15px;
}
@media screen and (max-width: 70.9375em) {
.ladeport_search_results [data-power-results] .results-wrapper aside .banner {
display: none;
}
}
@media screen and (max-width: 70.9375em) {
.ladeport_search_results [data-power-results] .results-wrapper aside {
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
z-index: 999999999999999;
--tw-bg-opacity: 1;
width: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s;
overflow: hidden;
}
.ladeport_search_results [data-power-results] .results-wrapper aside .btn {
width: 100%;
margin-top: 10px;
}
}
.ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner {
border-radius: 12px;
overflow: hidden;
background: #EAF9F5;
border: 1px solid #14bccd52;
padding: 25px;
}
.ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .banner {
margin-top: 15px;
}
.ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .topbar .headline img {
width: 22px;
margin-right: 5px;
vertical-align: middle;
}
.ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .topbar .headline h5{
margin: 0;
vertical-align: middle;
display: inline-block;
}
.ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner label[data-filter],.common_filter{
margin-top: 20px;
}
.ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner span {
font-weight: 600;
font-size: 14px;
display: block;
}
.ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .checkbox, .ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .radio{
display: inline-block;
margin-right: 7px;
margin-top: 7px;
width: calc(50% - 7px);
}
.ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .checkbox label, .ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .radio label{
display: block;
}
.ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .checkbox label .option, .ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .radio label .option{
border: 1px solid #21929d;
padding: 12px 4px;
background: #ffffff;
border-radius: 6px;
text-align: center;
color: #21929d;
font-weight: normal;
font-size: 14px;
line-height: 1;
cursor: pointer;
}
.ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .checkbox label input, .ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .radio label input{
display: none;
}
.ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .checkbox label input:checked + .option, .ladeport_search_results [data-power-results] .results-wrapper aside .sidebar__inner .radio label input:checked + .option {
background: #21929d;
color: #ffffff;
border-color: #21929d;
}
.ladeport_search_results [data-power-results] .results{
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.ladeport_search_results [data-power-results] .results .power-item{
margin-top: 30px;
}
.ladeport_search_results [data-power-results] .sorting{
border: 1px solid #21929d;
border-radius: 100px;
overflow: hidden;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 10px;
}
@media screen and (max-width: 47.5em) {
.ladeport_search_results [data-power-results] .sorting {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.ladeport_search_results [data-power-results] .sorting .item {
cursor: pointer;
color: #21929d;
display: inline-block;
min-width: 100px;
text-align: center;
text-transform: capitalize;
font-weight: 600;
padding: 7px 60px;
font-size: 14px;
}
.ladeport_search_results [data-power-results] .sorting .item:only-child{
display: none !important;
}
@media screen and (max-width: 47.5em) {
.ladeport_search_results [data-power-results] .sorting .item{
padding: 10px;
}
}
.ladeport_search_results [data-power-results] .sorting .item.active {
background: #21929d;
color: #ffffff;
}
.headline.border_top{border-top:2px solid #000;}
.verified{text-align:center;}
.verified span{
border: 1px solid #4caf50;
border-radius: 15px;
padding: 3px 5px;
font-size: 12px;
color: #4caf50;
}
.ladeport_filter .btn.apply_btn{
margin: 10px auto;
padding: 10px 15px;
display: block!important;
}
.ladeport_filter .input_txt{border:1px solid #21929d;border-radius:6px;padding-left:5px;padding-right:5px;}
.ladeport_loader{
display:block;
background:url(../images/loading.gif) no-repeat;
margin:20px auto;
width:200px;
height:200px;
}
.result_items{
display: flex;
display: -ms-flexbox;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 10px;
padding-top: 10px;
}
.footer_statement{
padding: 20px;
font-size:12px;
background: #fafafa;
}
#car_info{
font-size:10px;
font-weight: 400;
line-height: 1.3;
}
.surface{
background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(/assets/surface.jpg);
background-size: cover;
}
.glass{
/* From https://css.glass */
background: rgba(255, 255, 255, 0.3);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(6.7px);
-webkit-backdrop-filter: blur(6.7px);
border: 1px solid rgba(255, 255, 255, 0.48);
}
.image-container {
position: relative;
display: inline-block;
}
.image-container img {
width: 100%;
height: auto;
display: block;
}
.overlay {
position: absolute;
top: 20px;
left: 10px;
width: calc(100% - 20px);
height: calc(100% - 40px);
background-color: rgba(0, 0, 0, 0.5); /* halvgennemsigtigt sort lag */
display: flex;
justify-content: center;
align-items: center;
opacity: 0; /* skjult som standard */
transition: opacity 0.3s ease;
cursor: pointer;
}
.image-container:hover .overlay {
opacity: 1; /* vis ved hover */
}
.overlay-text {
color: white;
font-size: 20px;
text-align: center;
}
/* Toggle buttons */
.up-in-toggle {
padding: 0%;
input {
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
&:checked + label {
background: rgb(62, 193, 182);
background: linear-gradient(
0deg,
rgba(62, 193, 182, 1) 0%,
rgba(98, 227, 204, 1) 100%
);
color: white;
font-weight: 500;
box-shadow: 0 7px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.13);
}
}
label {
display: inline-block;
width: 48%;
background-color: rgb(73, 90, 111);
color: rgb(165, 173, 183);
text-align: center;
font-family: "Quicksand", sans-serif;
font-size: 0.8rem;
padding: 6px 6px;
float: left;
transition: all 0.1s ease-in-out;
&:hover {
cursor: pointer;
}
}
}
.up-in-toggle label:first-of-type {
border-radius: 15.5px 0 0 15.5px;
}
.up-in-toggle label:last-of-type {
border-radius: 0 15.5px 15.5px 0;
}
/* HTML: Your text content
*/
.ribbon-right {
font-size: 14px;
font-weight: 700;
}
.charger-item .ribbon-right {
--f: .5em;
position: absolute!important;
right: 10px;
line-height: 1.8;
padding-inline: 1lh;
padding-bottom: var(--f);
border-image: conic-gradient(#0008 0 0) 51% / var(--f);
clip-path: polygon(100% calc(100% - var(--f)), 100% 100%, calc(100% - var(--f)) calc(100% - var(--f)), var(--f) calc(100% - var(--f)), 0 100%, 0 calc(100% - var(--f)), 999px calc(100% - var(--f) - 999px), calc(100% - 999px) calc(100% - var(--f) - 999px));
transform: translate(calc((1 - cos(45deg))* 100%), -100%) rotate(45deg);
transform-origin: 0% 100%;
}
.power-item .ribbon-right {
--f: .5em;
position: absolute!important;
right: 0px;
line-height: 1.8;
padding-inline: 1lh;
padding-bottom: var(--f);
border-image: conic-gradient(#0008 0 0) 51% / var(--f);
clip-path: polygon(100% calc(100% - var(--f)), 100% 100%, calc(100% - var(--f)) calc(100% - var(--f)), var(--f) calc(100% - var(--f)), 0 100%, 0 calc(100% - var(--f)), 999px calc(100% - var(--f) - 999px), calc(100% - 999px) calc(100% - var(--f) - 999px));
transform: translate(calc((1 - cos(45deg))* 100%), -100%) rotate(45deg);
transform-origin: 0% 100%;
}
.ribbon-right.blue {
background-color: #6f33f2; /* the main color */
color: #fff;
}
.ribbon-right.orange {
background-color: #ff6f20; /* the main color */
color: #fff;
}
.ribbon-right.green {
background-color: #4caf50; /* the main color */
color: #fff;
}
/* HTML: Your text content
*/
.ribbon_alt {
font-size: 28px;
font-weight: bold;
color: #fff;
}
.ribbon_alt {
--d: .8em; /* the depth */
position: absolute;
top: 20px;
inset-inline: calc(-1*var(--d));
border-bottom: var(--d) solid #0008;
line-height: 1.8;
clip-path: polygon(0 0,100% 0,100% calc(100% - var(--d)),calc(100% - var(--d)) 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),var(--d) 100%,0 calc(100% - var(--d)));
background-color: #3FB8AF; /* the main color */
}
.paymentsoptions{
display:inline-block;
width: 50%;
}
.paymentsoptions_price{
display:inline-block;
width: 50%;
}