File: /home/dtptviut/public_html/wp-content/plugins/comparisonfeed-wp/css/compare-list.css
.comparisson-plg .text-center {
text-align: center;
}
.comparisson-plg .text-center-sm {
text-align: inherit;
}
.comparisson-plg .text-center-xs {
text-align: inherit;
}
.comparisson-plg .text-left {
text-align: left;
}
.comparisson-plg .text-right {
text-align: right;
}
.comparisson-plg .text-justify {
text-align: justify;
}
.comparisson-plg .small {
font-size: .35em;
text-align: center;
margin-bottom: 0px;
}
.comparisson-plg .text-xsmall {
font-size: 0.7em;
}
.comparisson-plg .text-small {
font-size: 14px;
font-weight: 500;
}
.comparisson-plg .text-medium {
font-size: 0.8em;
font-weight: 500;
}
.comparisson-plg .text-large {
font-size: 1em;
font-weight: 500;
}
.comparisson-plg .align-baseline {
vertical-align: baseline;
}
.comparisson-plg .no-padding-all-sizes {
padding: 0;
}
.comparisson-plg button,
.comparisson-plg :focus {
outline: none;
}
.comparisson-plg .as-lazy {
min-height: 1px;
min-width: 1px;
}
.comparisson-plg .as-link {
z-index: 2;
}
.comparisson-plg .as-logo-container {
height: 60px;
}
.comparisson-plg .as-logo-container-card {
height: 95px;
}
.comparisson-plg .as-logo-container-mobile {
height: 40px;
}
.comparisson-plg .magazine-container {
min-height: 215px;
}
.comparisson-plg .magazine-banner-container {
min-height: 210px;
}
.comparisson-plg .magazine-cover-container {
min-height: 260px;
}
.comparisson-plg .as-feed-view-more-button {
/* Hide view more button until translations and feed is loaded. */
display: none;
text-align: center;
border: 1px solid #eee;
background-color: #82c075;
max-width: 300px;
min-width: 100px;
height: 40px;
margin: auto;
padding: 5px 20px;
border-radius: 32px;
-webkit-transition: .4s;
transition: .4s;
font-size: 16px;
font-weight: lighter;
}
.comparisson-plg .as-feed-view-more-button:hover {
background-color: #62b052;
}
.comparisson-plg .as-feed-view-more-button span {
color: white;
margin-right: 5px;
}
.comparisson-plg .as-feed-view-more-button i.fa {
color: white;
-webkit-transition: .2s;
transition: .2s;
}
.comparisson-plg .as-feed-view-more-button.as-expanded i.fa {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.comparisson-plg .savings-label {
position: absolute;
background-color: #f4da5d;
border-radius: 5px;
padding: 4px 4px;
width: 60px;
color: #2a2a2a;
font-weight: 600;
opacity: .9;
letter-spacing: .06rem;
}
.comparisson-plg .sponsored-label {
text-align: right;
padding: 15px 10px 0 0;
color: #999999;
}
.comparisson-plg .max-2-lines {
height: 3em;
line-height: 1.5em;
overflow: hidden;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.comparisson-plg .overflow-auto {
overflow: auto;
}
.broadband-filter {
max-width: 675px !important;
display: flex;
flex-direction: column;
margin: 0 auto ;
}
#tableHolder .compare-row a,
#tableHolder .compare-row a:hover,
#tableHolder .compare-row a:active,
#tableHolder .compare-row a:focus,
#tableHolder .compare-row a:visited {
text-decoration: none;
/*box-shadow: none;*/
}
#tableHolder a {
outline: none;
border: none;
}
#tableHolder .btn-cta {
background: #82c075;
box-shadow: 2px 2px 0px 0px #1e8539;
color: #fff;
position: relative;
z-index: 3;
-webkit-transition: .4s;
transition: .4s;
}
#tableHolder .btn-cta:hover {
background: #62b052;
color: #fff;
}
#tableHolder .btn-big {
margin-bottom: 15px;
padding: 10px 0;
}
#tableHolder .btn-right {
max-width: 200px;
margin: 0 0 0 auto;
}
#tableHolder strong {
font-size: 18px;
}
#tableHolder .row-item,
.comparisson-plg .row-item {
position: relative;
width: 100%;
display: table;
}
#tableHolder .legend,
#tableHolder .compare-row {
margin-bottom: 5px;
padding: 20px 0;
position: relative;
display: inline-block;
width: 100%;
}
#tableHolder .compare-row {
background: #fff;
border: 1px solid #ebebeb;
/* Save these style changes until later to give publishers a heads up.
box-shadow: 0px 0px 5px 2px rgba(128, 128, 128, 0.1);
border-radius: 5px;
*/
}
#tableHolder .well:hover {
border-color: #aaa;
}
#tableHolder .loanExample,
#tableHolder .as-benefits {
font-size: 12px;
clear: both;
margin: 10px 0 0 0;
}
#tableHolder .loanExample.font-13px {
font-size: 13px;
}
#tableHolder .trackingUrl {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
#tableHolder .margin-top-35-ld {
margin-top: 35px;
}
.comparisson-plg .rating-uni {
font-size: 1em;
}
#tableHolder .rating-container .rating-stars:before,
#tableHolder .rating-container-rtl:before {
text-shadow: none;
}
#tableHolder .loan-img {
padding-top: 10px;
max-height: 60px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: auto;
}
#tableHolder .as-data-type {
font-size: 10px;
margin-top: 10px;
line-height: 1.2em;
color: #999999;
}
#tableHolder .as-data-c {
margin-bottom: 10px;
font-weight: bold;
}
#tableHolder .as-more-wrapper {
position: relative;
display: table;
width: 100%;
padding-top: 10px;
}
#tableHolder .as-more-wrapper .more-col {
min-height: 70px;
}
#tableHolder .as-read-more {
position: absolute;
top: 10px;
left: 15px;
font-size: 12px;
}
#tableHolder .as-read-more:hover {
cursor: pointer;
}
#tableHolder .as-read-more2:hover {
cursor: pointer;
}
#tableHolder .as-text-block {
display: block;
font-size: 12px;
margin-bottom: 10px;
}
#tableHolder .loanExample,
#tableHolder .as-benefits {
margin-top: 0px;
color: #999999;
line-height: 1.5em;
}
#tableHolder .as-show-more-content {
display: none;
font-size: 90%;
}
#tableHolder .compare-row span.as-highlight {
font-weight: 700;
font-size: 17px;
display: block;
line-height: .8em;
background: transparent;
margin-bottom: 10px;
color: #3A3A3A;
}
#tableHolder .compare-row span.font-medium {
font-size: 15px;
}
#tableHolder .compare-row span.font-smaller {
font-size: 12px;
}
#tableHolder .compare-row span.font-13px {
font-size: 13px;
}
#tableHolder .compare-row p.as-headline {
font-size: 1em;
margin-bottom: 0;
}
/*.compare-row .pre-text {
line-height: 40px;
}*/
#tableHolder .compare-row h3 {
margin-top: 0px;
text-transform: capitalize;
line-height: 1em;
margin: 0;
}
#tableHolder .compare-row .as-small,
.comparisson-plg .as-small {
font-size: 12px;
color: #999999;
}
#tableHolder .compare-row .as-smaller,
.comparisson-plg .as-smaller {
font-size: 11px;
color: #999999;
}
#tableHolder .compare-row .bankID {
width: 30px;
}
#tableHolder .spinner.input-group .input-group-addon a.spin-up,
#tableHolder .spinner.input-group .input-group-addon a.spin-down {
font-size: 12px;
}
#tableHolder .input-group.spinner {
width: 90px;
}
#tableHolder .slider-selection {
background: #BABABA;
}
#tableHolder div.slider.slider-horizontal {
width: 100% !important;
}
#tableHolder .bold-font {
font-weight: 600;
font-size: 12px;
}
#tableHolder .label-margins {
margin-right: 5px;
display: inline-block;
padding-top: 0.5em;
}
#tableHolder .compare-row .as-color-black {
color: #2a2a2a;
}
.comparisson-plg .label-clean {
font-size: 12px;
font-weight: 400;
color: #2a2a2a;
background: none;
border: 1px solid #eeeeee;
}
.disclaimer-text {
font-size: 10px;
color: gray;
font-weight: bold;
line-height: 10px;
margin: 0;
}
.disclaimer-text_body {
font-size: 10px;
line-height: 10px;
margin: 0;
}
.disclaimer-margin {
margin-top: 0.5em;
}
.disclaimer-border {
border-left: 1px solid #eee;
}
.disclaimer-img {
height: 1.5em;
}
.disclaimer-container {
display: flex !important;
align-items: center !important;
padding: 10px !important;
}
/*
* Mobile Subscription Filter
*/
/*
Styles for toggle switch.
Source: https://www.w3schools.com/howto/howto_css_switch.asp
*/
.comparisson-plg {
/* The switch - the box around the slider */
/* Hide default HTML checkbox */
/* The slider */
/* Rounded sliders */
}
.comparisson-plg .as-switch {
position: relative;
display: inline-block;
width: 175px;
height: 28px;
margin-right: 15px;
margin-bottom: 15px;
}
.comparisson-plg .as-switch input {
display: none;
}
.comparisson-plg .as-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #eeeeee;
-webkit-transition: .4s;
transition: .4s;
}
.comparisson-plg .as-slider:before,
.comparisson-plg .as-slider .as-slider-icon {
position: absolute;
height: 28px;
width: 28px;
border-radius: 28px;
left: 0px;
bottom: 0px;
-webkit-transition: .4s;
transition: .4s;
background-color: #f7f7f7;
padding: 0;
border: 1px solid #93b4c6;
line-height: 1.65em;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
color: #4B6C83;
}
.comparisson-plg .as-slider:hover,
.comparisson-plg .as-slider:active {
background-color: rgba(163, 209, 234, 0.4);
}
.comparisson-plg input:checked + .as-slider {
background-color: #a3d1ea;
}
.comparisson-plg input:focus + .as-slider {
box-shadow: 0 0 1px #a3d1ea;
}
.comparisson-plg input:checked + .as-slider:before,
.comparisson-plg input:checked + .as-slider .as-slider-icon {
-webkit-transform: translateX(147px);
-ms-transform: translateX(147px);
transform: translateX(147px);
}
.comparisson-plg .as-slider.round {
border-radius: 28px;
}
.comparisson-plg .as-slider.round:before {
border-radius: 50%;
}
/*
* Mobile Subscription Feed
*/
#tableHolder .slim-compare-row {
margin-bottom: 20px;
padding: 15px 0 5px 0;
box-shadow: 0px 0px 5px 2px rgba(128, 128, 128, 0.1);
border-radius: 5px;
}
#tableHolder .product-compare-row {
padding: 15px 0;
}
#tableHolder .row-item-block {
display: inline-block;
}
#tableHolder .no-margin {
margin: 0 !important;
}
#tableHolder .btn-max-width {
max-width: 120px;
margin: 0 auto 3px auto;
}
.comparisson-plg {
/* Styles for the selected row where the extra info have been expanded. */
/* Bootstrap Tooltips styles */
}
.comparisson-plg .font-caps {
font-variant: small-caps;
}
.comparisson-plg .font-smaller {
font-size: 12px;
}
.comparisson-plg .font-13px {
font-size: 13px;
}
.comparisson-plg .font-small {
font-size: 14px;
}
.comparisson-plg .font-medium {
font-size: 15px;
}
.comparisson-plg .font-18px {
font-size: 18px;
}
.comparisson-plg .font-19px {
font-size: 19px;
}
.comparisson-plg .font-large {
font-size: 20px;
}
.comparisson-plg .font-26px {
font-size: 26px;
}
.comparisson-plg .font-xlarge {
font-size: 30px;
}
.comparisson-plg .font-bold {
font-weight: bold;
}
.comparisson-plg .font-semi-bold {
font-weight: 500;
}
.comparisson-plg .font-lighter {
font-weight: lighter;
}
.comparisson-plg .display-block {
display: block;
}
.comparisson-plg .display-inline-block {
display: inline-block;
}
.comparisson-plg .align-left {
text-align: left;
}
.comparisson-plg .margin-top-5 {
margin-top: 5px;
}
.comparisson-plg .margin-top {
margin-top: 10px;
}
.comparisson-plg .margin-top-15 {
margin-top: 15px;
}
.comparisson-plg .margin-top-28 {
margin-top: 28px;
}
.comparisson-plg .margin-bottom-5 {
margin-bottom: 5px;
}
.comparisson-plg .margin-bottom {
margin-bottom: 10px;
}
.comparisson-plg .margin-bottom-20 {
margin-bottom: 20px;
}
.comparisson-plg .margin-right {
margin-right: 10px;
}
.comparisson-plg .margin-right-5 {
margin-right: 5px;
}
.comparisson-plg .green {
color: #82c075;
}
.comparisson-plg .green-background {
background-color: #82c075;
}
.comparisson-plg .black {
color: #5F5F5F;
}
.comparisson-plg .grey {
color: #999999;
}
.comparisson-plg .dark-blue {
color: #4B6C83;
}
.comparisson-plg .border-left {
border-left: 1px solid #eeeeee;
}
.comparisson-plg .border-right {
border-right: 1px solid #eeeeee;
}
.comparisson-plg .border-top {
border-top: 1px solid #eeeeee;
}
.comparisson-plg .no-line-height {
line-height: 0px;
}
.comparisson-plg .line-height-1 {
line-height: 1em;
}
.comparisson-plg .line-height-1-5 {
line-height: 1.5em;
}
.comparisson-plg .line-height-2 {
line-height: 2em;
}
.comparisson-plg .line-height-15px {
line-height: 15px;
}
.comparisson-plg .line-height-20px {
line-height: 20px;
}
.comparisson-plg .hr-divider {
width: 100%;
border-top: 1px solid #eeeeee;
}
.comparisson-plg .as-circle-icon {
border-radius: 24px;
position: relative;
padding: 7px 7px 6px 10px;
width: 31px;
left: -5px;
}
.comparisson-plg .icon-color-blue {
background: #a3d1ea;
border: 0px solid #a3d1ea;
color: #4B6C83;
}
.comparisson-plg .icon-color-yellow {
background: #f4da5d;
border: 0px solid #f4da5d;
color: #8D6B2E;
}
.comparisson-plg .as-bonus-label {
border-radius: 25px;
white-space: nowrap;
font-size: 12px;
padding-right: 10px;
margin-right: 10px;
display: inline-block;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
cursor: help;
transition: 0.2s all ease;
}
.comparisson-plg .as-bonus-label-blue {
border: 1px solid #a3d1ea;
color: #4B6C83;
}
.comparisson-plg .as-bonus-label-blue:hover,
.comparisson-plg .as-bonus-label-blue:active {
background-color: rgba(163, 209, 234, 0.4);
}
.comparisson-plg .as-bonus-label-yellow {
border: 1px solid #f4da5d;
color: #8D6B2E;
}
.comparisson-plg .as-bonus-label-yellow:hover,
.comparisson-plg .as-bonus-label-yellow:active {
background-color: rgba(244, 218, 93, 0.4);
}
.comparisson-plg .as-bonus-label-yellow.as-bonus-label-text {
background-color: #f4da5d;
}
.comparisson-plg .as-bonus-label-yellow.as-bonus-label-text:hover,
.comparisson-plg .as-bonus-label-yellow.as-bonus-label-text:active {
background-color: #f4da5d;
}
.comparisson-plg .as-bonus-label-text {
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
vertical-align: text-bottom;
cursor: auto;
}
.comparisson-plg .as-bonus-label-text:hover,
.comparisson-plg .as-bonus-label-text:active {
background-color: rgba(0, 0, 0, 0);
}
.comparisson-plg .as-read-more-icon {
border: 1px solid #999999;
border-radius: 4px;
padding: 2px 4px 1px 4px;
color: #999999;
margin-left: 5px;
display: inline-flex;
}
.comparisson-plg .as-read-more-icon i {
-ms-transform: rotate(0deg);
/* IE 9 */
-webkit-transform: rotate(0deg);
/* Chrome, Safari, Opera */
transform: rotate(0deg);
transition: 0.2s all ease;
}
.comparisson-plg .min-height-20 {
min-height: 20px;
}
.comparisson-plg .min-height-22 {
min-height: 22px;
}
.comparisson-plg .min-height-30 {
min-height: 30px;
}
.comparisson-plg .move-up-3px {
position: relative;
top: -3px;
}
.comparisson-plg .move-up-4px {
position: relative;
top: -4px;
}
.comparisson-plg .logo-img {
max-height: 40px;
margin: 0 auto;
}
.comparisson-plg .font-header {
font-size: 26px;
}
.comparisson-plg .product-description {
color: black;
}
.comparisson-plg .product-description p {
margin: 0;
}
.comparisson-plg .product-header {
color: black;
}
.comparisson-plg .product-img {
max-height: 125px;
}
.comparisson-plg .light-hover {
transition: 0.2s all ease;
}
.comparisson-plg .light-hover:hover {
opacity: 0.8;
}
.comparisson-plg .row-padding {
padding: 5px 10px;
}
.comparisson-plg .row-padding-no-bottom {
padding: 5px 10px 0px 10px;
}
.comparisson-plg .no-padding {
padding-left: 0;
padding-right: 0;
}
.comparisson-plg .padding-right-5 {
padding-right: 5px;
}
.comparisson-plg .compare-row.selected .as-read-more-icon i {
-ms-transform: rotate(180deg);
/* IE 9 */
-webkit-transform: rotate(180deg);
/* Chrome, Safari, Opera */
transform: rotate(180deg);
}
.comparisson-plg .tooltip .tooltip-inner {
font-size: 12px;
opacity: 1;
background-color: rgba(0, 0, 0, 0.8);
}
.comparisson-plg .tooltip.top .tooltip-arrow {
border-top-color: rgba(0, 0, 0, 0.8);
}
.comparisson-plg .tooltip.in {
opacity: 1;
}
.comparisson-plg .as-feed-name {
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;
}
.comparisson-plg .as-feed-name-divider {
margin-top: 10px;
margin-bottom: 18px;
}
/*
* Magazine Feed
*/
#tableHolder .ads-magazine-row {
background-color: #FAFAFA;
border: 1px solid #E8E8E8;
border-radius: 3px;
padding: 30px 20px 20px 20px;
}
#tableHolder .ads-magazine-prices {
border: 1px solid #EDEDED;
border-radius: 3px;
padding: 0;
display: flex;
align-items: stretch;
}
#tableHolder .ads-magazine-prices span.as-highlight {
padding-bottom: 0;
margin-bottom: 0;
font-weight: 500;
line-height: 1.2;
font-size: 20px;
}
#tableHolder .ads-magazine-prices span {
padding: 0 !important;
float: none !important;
}
#tableHolder .magazine-name {
font-size: 20px;
font-weight: 400;
}
#tableHolder .ads-magazine-price {
background-color: #F0F0F0;
text-align: center;
padding: 10px 20px;
align-self: stretch;
flex-grow: 1;
}
#tableHolder .ads-magazine-price span.as-highlight {
font-size: 26px;
padding-bottom: 0;
margin-bottom: 0;
}
#tableHolder .ads-magazine-row .magazine-name {
margin-top: 10px;
margin-bottom: 10px;
}
#tableHolder .ads-magazine-row .btn-big {
margin-top: 10px;
margin-bottom: 0;
}
#tableHolder .ads-magazine-row span {
padding: 0 15px;
display: block;
float: left;
}
#tableHolder .ads-magazine-row .ads-read-more span {
border-right: 1px solid #CCC;
padding: 6px 0 7px 6px;
font-size: 12px;
width: 79%;
white-space: nowrap;
overflow: hidden;
text-align: center;
}
#tableHolder .ads-magazine-row .text-center span {
float: none;
}
#tableHolder .ads-magazine-row .as-data-c {
font-weight: 200;
}
#tableHolder .ads-magazine-more {
border: 1px solid #CCCCCC;
border-radius: 4px;
color: #95989A;
font-size: 12px;
display: -webkit-flex;
/* Safari */
display: flex;
padding: 0;
float: left;
margin-top: 10px;
width: 100%;
transition: 0.1s all ease-in;
}
#tableHolder .ads-magazine-more:hover {
background-color: #ececec;
}
#tableHolder .ads-read-more-icon img {
width: 17px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#tableHolder .ads-read-more-icon {
padding: 0 5px;
display: block;
float: right;
vertical-align: middle;
text-align: center;
width: 21%;
-ms-transform: rotate(0deg);
/* IE 9 */
-webkit-transform: rotate(0deg);
/* Chrome, Safari, Opera */
transform: rotate(0deg);
transition: 0.2s all ease;
}
#tableHolder .as-show-more-magazine {
margin-top: 0;
border-top: 1px solid #EFEFEF;
padding-top: 15px !important;
}
#tableHolder .as-show-more-magazine .more-col {
border: 1px solid #E8E8E8;
border-radius: 3px;
text-align: center;
padding: 0;
}
#tableHolder .as-more-content-cover {
text-align: center;
}
#tableHolder .as-more-content-cover img {
max-width: 200px;
}
#tableHolder .no-padding-web {
padding: 0;
}
#tableHolder .no-padding-top {
padding-top: 0;
}
#tableHolder .no-margin-top {
margin-top: 0;
}
#tableHolder .ads-read-more .selected {
-ms-transform: rotate(180deg);
/* IE 9 */
-webkit-transform: rotate(180deg);
/* Chrome, Safari, Opera */
transform: rotate(180deg);
transition: 0.2s all ease;
}
#tableHolder .flex {
display: flex;
}
.ads-more-wrapper-magazine .more-col {
border: 1px solid #E8E8E8;
border-radius: 3px;
text-align: center;
padding: 20px 0;
}
.comparisson-plg .ads-offer-row {
text-align: center;
margin: 15px 15px 10px;
margin-left: 0;
padding-left: 15px;
width: 50%;
border-left: 1px solid #E8E8E8;
}
.comparisson-plg .ads-offer-row:first-child {
border-left: 0;
}
.comparisson-plg .as-more-content-publisher {
margin: 0 20px;
border-bottom: 1px solid #E8E8E8;
}
.comparisson-plg .more-info-md {
display: flex;
}
.comparisson-plg .more-info-md span {
width: 100%;
}
.comparisson-plg .as-mag-more-mobile {
padding-top: 15px;
border-top: 1px solid #e8e8e8;
}
.comparisson-plg .as-mag-more-mobile .ads-magazine-more {
border: 0px !important;
border-left: 1px solid #E8E8E8;
border-radius: 4px;
color: #95989A;
font-size: 12px;
display: -webkit-flex;
/* Safari */
display: flex;
padding: 0 0 0 5px;
position: relative;
float: left;
margin-top: 10px;
width: 100%;
text-align: center;
}
.comparisson-plg .as-mag-more-mobile .ads-read-more-icon img {
width: 15px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.comparisson-plg .as-mag-more-mobile .ads-read-more-icon {
border-left: 0px !important;
padding: 0 10px;
display: block;
float: none;
margin: 0 auto;
height: 33px;
vertical-align: middle;
}
.comparisson-plg .as-mag-more-mobile .col-xs-2 {
padding: 0px;
}
.comparisson-plg .no-border {
border: none;
}
.as-md-style .ads-magazine-row .more-info-md {
display: flex !important;
}
/* styles for pages with sidebar */
.as-md-style .ads-magazine-row .hidden-md {
display: none;
}
.as-md-style .ads-magazine-row .col-md-3 {
width: 25% !important;
}
.as-md-style .ads-magazine-row .magazine-name {
margin-top: 0;
}
.as-md-style .ads-magazine-row .ads-magazine-price .as-highlight {
font-size: 25px !important;
}
.as-md-style .ads-magazine-row .as-magazine-middle {
width: 50%;
}
.as-md-style .ads-magazine-row .more-col {
margin: 0;
width: 25%;
float: right;
}
.as-sm-style .ads-magazine-row .hidden-sm {
display: none;
}
.as-sm-style .ads-magazine-row .col-sm-3 {
width: 25% !important;
}
.as-sm-style .ads-magazine-row .col-sm-4 {
width: 33.33333333% !important;
}
.as-sm-style .ads-magazine-row .col-sm-5 {
width: 41.66666667% !important;
}
.as-sm-style .ads-magazine-row .col-sm-12 {
width: 100% !important;
}
.as-sm-style .ads-magazine-row .magazine-name {
margin-top: 10px;
margin-bottom: 10px;
}
.as-sm-style .ads-magazine-row .ads-magazine-price .as-highlight {
font-size: 25px !important;
}
.as-sm-style .ads-magazine-row .ads-magazine-prices.hidden-md {
display: block !important;
}
.as-sm-style .ads-magazine-row .magazine-container {
min-height: 175px;
}
.as-sm-style .ads-magazine-row .magazine-banner-container {
min-height: 170px;
}
.as-xs-style .ads-magazine-row .hidden-xs {
display: none;
}
.as-xs-style .ads-magazine-row .col-xs-6 {
width: 50% !important;
}
.as-xs-style .ads-magazine-row .as-magazine-middle {
float: right !important;
}
.as-xs-style .ads-magazine-row .as-read-more2 span {
padding: 0;
}
.as-xs-style .ads-magazine-row .magazine-name {
font-size: 16px !important;
}
.as-xs-style .ads-magazine-row .as-mag-more-mobile {
padding: 0;
}
.as-xs-style .ads-magazine-row .as-magazine-middle {
padding: 0 !important;
}
.as-xs-style .ads-magazine-row .as-magazine-middle .hidden-sm:not(.hidden-xs) {
display: block !important;
clear: both;
}
.as-xs-style .ads-magazine-row .as-mag-more-mobile .col-xs-8 {
padding: 0;
}
.as-xs-style .ads-magazine-row .as-mag-more-mobile .col-xs-8 span {
padding: 0;
}
.as-xs-style .ads-magazine-row .ads-magazine-more span {
padding: 0 !important;
}
.as-xs-style .ads-magazine-row .as-mag-more-mobile {
display: block !important;
}
.as-xs-style .ads-magazine-row .ads-magazine-prices.hidden-md {
display: block !important;
}
/*
Credit card styles
*/
.comparisson-plg .card-img {
margin: auto;
max-height: 95px;
}
/*
END Credit card styles
*/
.comparisson-plg {
/* Track styles */
/* Thumb styles */
}
.comparisson-plg input[type=range] {
display: inline-block;
margin: 5px auto auto auto;
outline: none;
padding: 0;
width: 100%;
height: 9px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #82c075), color-stop(100%, #82c075));
background-image: -webkit-linear-gradient(#82c075, #82c075);
background-image: -moz-linear-gradient(#82c075, #82c075);
background-image: -o-linear-gradient(#82c075, #82c075);
background-image: linear-gradient(#82c075, #82c075);
background-size: 50% 100%;
background-repeat: no-repeat;
border-radius: 10px;
cursor: pointer;
-webkit-appearance: none;
border: none;
}
.comparisson-plg input[type=range]:focus {
outline: none;
}
.comparisson-plg input[type=range]::-ms-track {
width: 100%;
cursor: pointer;
/* Hides the slider so custom styles can be added */
background: transparent;
border-color: transparent;
color: transparent;
}
.comparisson-plg input[type=range]::-ms-tooltip {
display: none;
}
.comparisson-plg input[type=range]::-webkit-slider-runnable-track {
box-shadow: none;
border: none;
background: transparent;
-webkit-appearance: none;
}
.comparisson-plg input[type=range]::-moz-range-track {
box-shadow: none;
border: none;
background: transparent;
}
.comparisson-plg input[type=range]::-moz-focus-outer {
border: 0;
}
.comparisson-plg input[type=range]::-webkit-slider-thumb {
width: 28px;
height: 28px;
border: 0;
background: #f7f7f7;
border: 1px solid #969696;
border-radius: 100%;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
-webkit-appearance: none;
}
.comparisson-plg input[type=range]::-moz-range-thumb {
width: 28px;
height: 28px;
border: 0;
background: #f7f7f7;
border: 1px solid #969696;
border-radius: 100%;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}
.comparisson-plg input[type=range]::-ms-thumb {
/* IE/Edge needs slightly different styles since the thumb
can't exceed the track and fixing this means we can't color
the track dynamically in a nice way. */
width: 28px;
height: 7px;
border: 0;
background: #f7f7f7;
border: 1px solid #969696;
border-radius: 10px;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}
.comparisson-plg input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1) !important;
}
.comparisson-plg input[type=range]:active::-moz-range-thumb {
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1) !important;
}
.comparisson-plg input[type=range]:active::-ms-thumb {
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1) !important;
}
.comparisson-plg .fromText1 {
position: absolute;
top: 35px;
font-size: 13px;
left: -10px;
color: #969696;
}
.comparisson-plg .toText1 {
position: absolute;
top: 35px;
font-size: 13px;
right: -1px;
color: #969696;
}
.comparisson-plg .fromText {
position: absolute;
top: 35px;
font-size: 13px;
left: 40px;
color: #969696;
}
.comparisson-plg .toText {
position: absolute;
top: 35px;
font-size: 13px;
right: 25px;
color: #969696;
}
.comparisson-plg .as-filter-button {
max-width: 225px;
width: 100%;
position: relative;
height: 40px;
padding-left: 0px;
border: 1px solid #efefef;
background-color: white;
color: #999999;
-webkit-transition: .4s;
transition: .4s;
}
.comparisson-plg .first {
float: right;
padding-right: 0px;
border-top-left-radius: 2em;
border-bottom-left-radius: 2em;
border-right: none;
}
.comparisson-plg .second {
float: left;
padding-left: 0px;
border-top-right-radius: 2em;
border-bottom-right-radius: 2em;
border-left: none;
}
.comparisson-plg .first.active,
.comparisson-plg .second.active {
background-color: #82c075;
color: #ffffff;
}
.comparisson-plg .first:hover,
.comparisson-plg .second:hover {
background-color: #62b052;
color: #ffffff;
}
/*
* Top 3 template styling
*/
#tableHolder .as-top-3-item .loan-img {
padding-top: 10px;
max-height: 50px;
}
#tableHolder .as-top-3-item .btn-cta {
margin: auto;
max-width: 225px;
}
.comparisson-plg .as-flex {
flex: 1;
}
.comparisson-plg .as-top-3-container {
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
.comparisson-plg .as-top-3-container::-webkit-scrollbar {
display: none;
/* Chrome Safari */
width: 0 !important;
}
.comparisson-plg .as-top-3-container .rating-uni {
font-size: 1.25em;
}
.comparisson-plg .as-top-3-container .rating-uni .rating-stars {
font-size: 1em;
}
.comparisson-plg .as-top-3-item {
display: flex;
margin-bottom: 10px;
}
.comparisson-plg .as-top-3-item a {
text-decoration: none;
}
.comparisson-plg .as-top-3-item .btn {
font-size: 1em;
}
.comparisson-plg .as-top-3-item .hr-divider {
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
.comparisson-plg .as-top-3-border {
box-shadow: 0px 15px 15px -10px rgba(128, 128, 128, 0.1);
border: 1px solid #dddddd;
border-radius: 5px;
padding-top: 10px;
background: white;
}
.comparisson-plg .as-top-3-slider {
text-align: center;
display: none;
}
.comparisson-plg .as-top-3-slider > a {
display: inline-flex;
width: 20px;
height: 20px;
background: #dddddd;
text-decoration: none;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 10px 5px 0;
position: relative;
box-shadow: none;
transition: .4s;
}
.comparisson-plg .as-top-3-slider > a.selected {
background-color: #82c075;
}
/*
* End of top 3 template styling
*/
/*
* Product feed boxes styling
*/
.comparisson-plg .as-top-3-item {
margin-bottom: 30px;
}
.comparisson-plg .as-top-3-border {
padding-top: 15px;
}
.comparisson-plg .line-through {
text-decoration: line-through;
}
/*
* End of product feed boxes styling
*/
/*
* Custom feed labels styling
*/
.comparisson-plg .as-feed-label {
color: white;
background-color: #009df1;
padding: 5px 15px;
position: absolute;
top: -1em;
left: 10px;
display: inline-block;
max-width: 85%;
height: 2em;
}
.comparisson-plg .as-feed-label i {
margin-right: 5px;
}
.comparisson-plg .as-feed-label .flag-label {
position: absolute;
top: 0;
right: -1.25em;
border: 1em solid #009df1;
border-right: 1em solid transparent !important;
}
.comparisson-plg .as-feed-label .flag-edge {
position: absolute;
left: 0;
bottom: -6px;
border: 3px solid #2a2a2a;
border-bottom: 3px solid transparent;
border-left: 3px solid transparent;
}
.comparisson-plg .compare-row .as-feed-label {
left: -6px;
}
.comparisson-plg .ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/*
* End of custom feed labels styling
*/
@media (min-width: 1920px) {
.disclaimer-margin {
margin-top: 0em;
}
}
@media (max-width: 1440px) {
.disclaimer-margin {
margin-top: 1.5em;
}
}
@media (max-width: 1920px) {
.disclaimer-margin {
margin-top: 0.0em;
}
}
@media (max-width: 1024px) {
.comparisson-plg .font-header {
font-size: 22px;
}
}
@media (max-width: 995px) {
.fromText {
left: 44px;
top: 75px;
}
.toText {
right: 30px;
top: 75px;
}
.toText1 {
top: 74px;
}
}
@media (max-width: 991px) {
.comparisson-plg .card-img {
max-width: 255px;
max-height: 80px;
margin-bottom: 5px;
}
.comparisson-plg .text-center-sm {
text-align: center;
}
.comparisson-plg .slim-padding-sm {
padding-left: 0;
padding-right: 0;
}
.comparisson-plg .as-logo-container {
height: 75px;
align-content: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.comparisson-plg .as-logo-container-card {
height: 80px;
}
.comparisson-plg .magazine-container {
min-height: 175px;
}
.comparisson-plg .magazine-banner-container {
min-height: 170px;
}
.loan-image-padding {
padding-top: 0px !important;
}
#tableHolder .ads-magazine-more {
margin-top: 10px;
}
#tableHolder .label-margins {
margin: 15px 5px 0 0;
}
#tableHolder .bold-font {
font-size: 16px;
}
#tableHolder .as-more-wrapper {
position: static;
display: table;
width: 100%;
padding-top: 20px;
}
#tableHolder .as-read-more {
position: static;
display: block;
margin: 20px auto 20px auto;
text-align: center;
}
.ads-magazine-row .magazine-name {
font-size: 16px;
}
#tableHolder .loan-img {
padding-top: 30px;
padding-bottom: 3px;
max-height: 75px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: auto;
}
#tableHolder .star-rating {
margin-top: 5px;
}
.as-star-wrapper .star-rating {
font-size: 14px;
letter-spacing: 8px;
margin-top: 4px;
}
#tableHolder .as-more-wrapper .more-col {
min-height: 80px;
}
#tableHolder .compare-row .as-small,
#tableHolder .as-data-type {
font-size: 12px;
}
#tableHolder .no-padding-top {
padding-top: 0;
}
#tableHolder .no-margin-top {
margin-top: 0;
}
#tableHolder .btn-max-width {
margin: 0 auto 5px auto;
}
.padding-small-screen {
padding-bottom: 10px;
}
#tableHolder .margin-top-25-sm {
margin-top: 25px;
}
#tableHolder .btn-max-width-card {
max-width: 125px;
min-width: 95px;
margin-left: -10px;
}
#tableHolder .padding-top-sm {
padding-top: 10px;
}
#tableHolder .as-pa-t-5 {
padding-top: 5px;
}
.disclaimer-text {
padding-top: 10px;
}
}
@media (max-width: 767px) {
.comparisson-plg .as-read-more-icon {
margin-left: 0;
}
.comparisson-plg .as-bonus-label {
margin-right: 5px;
font-size: 11px;
}
.comparisson-plg .small-padding-xs {
padding-left: 0;
padding-right: 0;
}
.comparisson-plg .border-left-xs {
border-left: 1px solid #eeeeee;
}
.comparisson-plg .logo-img {
max-height: 85px;
max-width: 85%;
margin: 10px auto;
}
.comparisson-plg .loan-img {
padding: 0;
margin: 5px auto;
max-width: 195px;
}
.comparisson-plg .tooltip .tooltip-inner {
font-size: 11px;
}
.comparisson-plg .no-border-left {
border-left: 0px solid white;
}
.comparisson-plg .no-border-right {
border-right: 0px solid white;
}
.comparisson-plg .no-padding-xs {
padding-left: 0;
padding-right: 0;
}
.comparisson-plg .divider {
width: 100%;
border-top: 1px solid #eeeeee;
}
.comparisson-plg .text-small {
font-size: 12px;
font-weight: 500;
}
.comparisson-plg .text-center-sm {
text-align: inherit;
}
.comparisson-plg .text-center-xs {
text-align: center;
}
.comparisson-plg .margin-top-xs {
margin-top: 10px;
}
.comparisson-plg .margin-bottom-xs {
margin-bottom: 10px;
}
.comparisson-plg .margin-left-xs {
margin-left: 10px;
}
.comparisson-plg .as-feed-name {
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
}
.comparisson-plg .as-feed-name-divider {
margin-top: 10px;
margin-bottom: 0;
}
.comparisson-plg .padding-left-xs {
padding-left: 10px;
}
.comparisson-plg .as-logo-container-mobile {
height: 85px;
}
.comparisson-plg .as-top-3-item {
min-width: -webkit-fill-available;
min-width: -moz-fit-content;
min-width: -webkit-fit-content;
min-width: fit-content;
scroll-snap-align: start;
transition: transform 0.5s;
}
.comparisson-plg .as-top-3-slider {
display: block;
}
.comparisson-plg .font-header {
font-size: 18px;
}
.as-magazine-middle {
float: right !important;
}
.as-read-more2 span {
padding: 0;
}
#tableHolder .ads-magazine-row {
padding: 25px 10px 10px 10px;
}
#tableHolder .ads-magazine-row .ads-magazine-price {
padding: 0px;
}
#tableHolder .ads-magazine-row .ads-magazine-price span.as-highlight {
font-size: 22px;
}
#tableHolder .ads-magazine-row .magazine-name {
margin-top: 0px;
margin-bottom: 5px;
font-size: 14px;
}
#tableHolder .ads-magazine-row .btn-big {
margin-top: 9px;
}
#tableHolder .ads-magazine-row .ads-magazine-more span {
padding: 0;
font-size: 14px;
}
#tableHolder .ads-magazine-row .ads-read-more-icon {
margin: 15px auto 10px auto;
width: 100%;
}
#tableHolder .ads-magazine-row .ads-read-more-icon img {
width: 20px;
}
#tableHolder .ads-magazine-row .ads-read-more-icon .btn-cta {
width: 150px;
}
#tableHolder .ads-magazine-row .row-item {
display: table;
}
#tableHolder .ads-magazine-row .as-mag-more-mobile .col-xs-8 span {
padding: 0;
}
#tableHolder .ads-magazine-row .magazine-banner-container {
min-height: 125px;
}
#tableHolder .loan-img {
padding: 0;
max-width: 195px;
margin: 5px auto;
}
#tableHolder .btn-cta {
margin: 10px auto;
}
#tableHolder .btn-max-width-225 {
margin: 10px auto 2px auto;
max-width: 225px;
}
#tableHolder .btn-max-width-card {
max-width: 125px;
margin: 0 auto;
}
#tableHolder .margin-top-25-sm {
margin-top: inherit;
}
.ads-magazine-row .col-xs-6 {
padding: 0 0 15px 0;
}
.ads-magazine-row .as-magazine-middle {
padding: 0 0 15px 10px;
}
.ads-magazine-row .as-mag-more-mobile {
padding: 15px 0 0 0;
}
.ads-magazine-row .as-mag-more-mobile .col-xs-8 {
padding: 0 10px 10px 10px;
border-right: 1px solid #e8e8e8;
}
.ads-magazine-row .as-mag-more-mobile .col-xs-8 span {
padding: 0;
}
}
@media (max-width: 370px) {
#tableHolder .btn-cta {
max-width: 160px;
}
.first {
font-size: .8em !important;
}
.second {
font-size: .8em !important;
}
.disclaimer-container {
display: block !important;
text-align: center !important;
}
.disclaimer-img {
height: 4em;
}
}
@media (min-width: 768px) {
#tableHolder .nowrap-non-mobile {
white-space: nowrap;
}
}
@media (min-width: 990px) {
.no-border-right1 {
border-right: 0px solid white !important;
}
.filter {
width: 73%;
}
.comparisson-plg.as-md-style .magazine-banner-container {
min-height: 230px;
}
}
@media (min-width: 1000px) {
.filter {
width: 73% !important;
}
}
@media (min-width: 1200px) {
#tableHolder .bold-font {
font-size: 16px;
}
.comparisson-plg .as-more-content-publisher {
border: none;
}
.as-sm-style .as-more-content-publisher,
.as-md-style .as-more-content-publisher {
border-bottom: 1px solid #E8E8E8;
}
.comparisson-plg .no-border {
border-left: 1px solid #E8E8E8;
}
.as-md-style .no-border {
border: none;
}
}
#tableHolder .creditcard-preview .pre-text {
margin-top: -20px;
}
#tableHolder .compare-row .benefits {
margin-top: 0px;
clear: both;
}
#tableHolder .loan-item.credit-item .more-container ul li {
font-weight: 700;
font-size: 16px;
padding: 0px;
margin-right: 0px;
}
#tableHolder .credit-item .read-more-container .read-more {
display: block;
}
#tableHolder #loanTable {
position: relative;
min-height: 80px;
padding: 15px 5px 5px 5px;
}
#tableHolder #loading {
text-align: center;
position: absolute;
left: 50%;
top: 0px;
margin-left: -3em;
z-index: 300;
}
#tableHolder .spinner {
margin: 5px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 0.8em solid rgba(199, 195, 193, 0.2);
border-right: 0.8em solid rgba(199, 195, 193, 0.2);
border-bottom: 0.8em solid rgba(199, 195, 193, 0.2);
border-left: 0.8em solid #c7c3c1;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
#tableHolder .spinner,
#tableHolder .spinner:after {
border-radius: 50%;
width: 5em;
height: 5em;
}
.strikethrough {
color: black !important;
font-size: 14px !important;
text-decoration: line-through;
font-weight: 100 !important;
}
.as-font-red {
color: #CE4E4B !important;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#tableHolder .nowrap,
#searchTable .nowrap {
white-space: nowrap;
}
#tableHolder .wrap {
white-space: normal;
}
#tableHolder .full-width {
width: 100%;
}
#searchTable {
/* Hide filter table until translations are loaded. */
display: none;
}
#searchTable .margin-bottom {
margin-bottom: 35px;
}
#searchTable .margin-bottom-20 {
margin-bottom: 20px;
}
#searchTable .full-width {
width: 100%;
}
#searchTable .align-right {
text-align: right;
}
#searchTable .color-grey {
color: grey;
}
/* Tooltip container */
#searchTable .as-tooltip {
position: relative;
display: inline-block;
}
/* Tooltip text */
#searchTable .as-tooltip .as-tooltiptext {
visibility: hidden;
width: 300px;
background-color: #555;
color: white;
text-align: center;
padding: 5px 0;
border-radius: 6px;
font-size: 11px;
white-space: normal;
/* Position the tooltip text */
position: absolute;
z-index: 1;
top: 0;
left: 425%;
/*margin-left: -150px;*/
/* Fade in tooltip */
opacity: 0;
transition: opacity 0.5s;
}
/* Tooltip arrow */
#searchTable .as-tooltip .as-tooltiptext::after {
content: "";
position: absolute;
top: 3px;
left: -2%;
margin-left: -6px;
border-width: 7px;
border-style: solid;
border-color: transparent #555 transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
#searchTable .as-tooltip:hover .as-tooltiptext,
#searchTable .as-tooltip:active .as-tooltiptext {
visibility: visible;
opacity: 1;
margin-left: -45px;
}
/* Electricity Feed */
.as-energy-wrapper {
margin-top: 50px;
max-width: 675px;
margin: 0 auto;
font-family: "Myriad Pro", sans-serif;
}
.comparisson-plg .energy-margin-top {
margin-top: 44px;
}
.comparisson-plg .as-energy-right {
cursor: pointer;
}
.comparisson-plg .as-energy-left {
cursor: pointer;
opacity: 0.6;
}
.comparisson-plg .btn-as-energy {
width: 80%;
background-color: #F9F9F9 !important;
color: #000 !important;
border-radius: 22px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.32);
}
.comparisson-plg .btn-as-start-flow {
width: 244px;
background: #449D44;
color: #fff;
border-radius: 39px;
}
.comparisson-plg .btn-as-go-to-offer {
width: 244px;
background: #449D44;
color: #fff;
border-radius: 39px;
margin-bottom: 10px;
}
.comparisson-plg .btn-as-go-to-offer:hover {
border: 1px #449D44 solid;
color: #fff;
box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.32) !important;
}
.comparisson-plg .btn-as-start-flow:hover {
border: 1px #449D44 solid;
color: #fff;
box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.32) !important;
}
.comparisson-plg .btn-as-energy:hover {
border: 1px #449D44 solid;
box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.32) !important;
}
.comparisson-plg .btn-as-energy.active {
border: 1px #449D44 solid;
box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.32) !important;
}
.comparisson-plg .btn-as-energy:focus {
outline: none !important;
}
.comparisson-plg .as-energy-filter-column {
display: flex;
flex-direction: column;
}
.comparisson-plg .as-energy-interactive-container {
box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.15);
}
.comparisson-plg .as-energy-interactive-headline-container {
padding: 16px 53px;
width: 100%;
background-color: #CEE5D0;
border-radius: 8px 8px 0px 0px;
display: flex;
justify-content: space-evenly;
align-items: center;
}
.comparisson-plg .as-energy-interactive-headline {
margin: 0px;
color: #000;
font-size: 26px;
text-align: center;
font-weight: 600;
}
.comparisson-plg .as-energy-white-bg {
background-color: white;
border-radius: 0px 0px 8px 8px;
border: 1px solid #ebebeb;
border-top: none;
}
.comparisson-plg .as-energy-pick-your-location {
font-weight: 600;
font-size: 18px;
margin-top: 0px;
}
.comparisson-plg .as-energy-west-denmark:hover {
fill: #94B49F;
transition-duration: 250ms;
cursor: pointer;
}
.comparisson-plg .as-energy-east-denmark:hover {
fill: #94B49F;
transition-duration: 250ms;
cursor: pointer;
}
.comparisson-plg .as-energy-selected-part {
fill: #94B49F;
}
.comparisson-plg .as-energy-bottom-arrows {
display: flex;
justify-content: space-between;
position: absolute;
width: 100%;
bottom: 7px;
right: 0px;
margin-bottom: 10px;
}
.comparisson-plg .as-energy-button-dimensions {
height: 33px;
width: 33px;
}
.comparisson-plg .as-energy-inline-icons {
display: inline-block;
justify-content: center;
}
.comparisson-plg .as-energy-button {
border-radius: 50%;
background-color: #449D44;
color: white;
margin-bottom: 10px;
display: none;
}
.comparisson-plg .as-energy-interactive-map {
min-height: 150px;
user-select: none;
transition: 250ms;
padding-top: 10px;
padding-bottom: 10px;
display: none;
}
.comparisson-plg .as-energy-start-flow {
min-height: 150px;
box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.15);
justify-content: center;
align-items: center;
display: flex;
}
.comparisson-plg .as-energy-button-not-allowed {
background-color: #94B49F;
cursor: not-allowed;
}
.comparisson-plg .as-energy-step-1 {
display: flex;
flex-direction: column;
}
.comparisson-plg .as-energy-step-2 {
display: none;
min-height: 200px;
padding-top: 30px;
flex-direction: column;
}
.comparisson-plg .as-energy-step-3 {
display: none;
min-height: 200px;
justify-content: center;
flex-direction: column;
padding-bottom: 35px;
}
.comparisson-plg .as-energy-step-2-container {
display: none;
min-height: 200px;
justify-content: center;
flex-direction: column;
box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.15);
}
.comparisson-plg .as-smaller-icon {
font-size: 12px;
}
.comparisson-plg .as-icon-white {
color: white;
}
.comparisson-plg .as-icon-green {
color: #449D44;
}
.comparisson-plg .as-icon-green-wrapper {
background-color: #449D44;
padding: 8px 6px;
border-radius: 50%;
opacity: 0.5;
transition-duration: 500ms;
height: 36px;
width: 36px;
}
.comparisson-plg .as-enegy-interactive-residents {
font-weight: 600;
font-size: 18px;
}
.comparisson-plg .as-energy-question-text {
font-style: normal;
font-weight: 600;
font-size: 18px;
}
.comparisson-plg .as-energy-question-answer-container {
padding: 8px;
border-radius: 20px;
background-color: #CEE5D0;
margin: 0 auto;
}
.comparisson-plg .as-energy-varmepumpe-question-no {
margin-left: 4px;
}
.comparisson-plg .as-energy-varmepumpe-question-yes {
margin-right: 4px;
}
.comparisson-plg .as-energy-elbil-question-no {
margin-left: 4px;
}
.comparisson-plg .as-energy-elbil-question-yes {
margin-right: 4px;
}
.comparisson-plg .btn-as-energy-question {
width: 120px;
}
.comparisson-plg .as-energy-questionare-done {
display: none;
padding: 0;
color: white;
font-size: 18px;
box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.15);
}
.comparisson-plg .as-energy-questionare-headline {
color: #fff;
font-size: 18px;
text-align: center;
font-weight: 600;
background: #CEE5D0;
padding: 16px 53px;
border-radius: 8px 8px 0px 0px;
margin-bottom: 0px;
}
.comparisson-plg .as-energy-estimated-usage-pr-year {
color: #449D44;
font-weight: 600;
font-size: 18px;
}
.comparisson-plg .as-questionare-estimated-price-based-on {
min-height: 150px;
padding-top: 20px;
justify-content: space-around;
display: flex;
flex-direction: column;
padding: 0px 20px;
}
.comparisson-plg .as-text-grey-questionare {
text-align: center;
font-weight: 600;
font-size: 15px;
color: #888888;
margin-top: 10px;
}
.comparisson-plg .as-question-answer {
color: #000;
font-style: normal;
font-weight: 600;
font-size: 16px;
}
.comparisson-plg .as-full-opacity {
opacity: 1;
}
.comparisson-plg .as-energy-answer-box {
padding-top: 20px;
}
.comparisson-plg .as-energy-restart-interactive {
font-weight: 400;
font-size: 12px;
color: #888888;
cursor: pointer;
user-select: none;
}
.comparisson-plg .as-energy-interactive-try-again-wrapper {
padding-bottom: 10px;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 10px;
}
.comparisson-plg .as-energy-icon-center {
display: flex;
justify-content: center;
align-items: center;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.comparisson-plg .as-go-to-provider-btn {
padding: 8px 12px !important;
}
}
}
@media (max-width: 450px) {
.comparisson-plg .as-energy-interactive-map-container {
box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.15);
}
.comparisson-plg .spinner {
margin-top: 50px;
}
.comparisson-plg .energy-margin-top {
margin-top: 50px;
}
}
#tableHolder .as-energy-container:not(:first-child) {
margin-top: 1.8em;
}
#tableHolder .as-energy-container {
box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 16px;
}
#tableHolder .as-energy-container .as-energy-zero-padding {
padding: 0px;
}
#tableHolder .as-energy-container .as-color-darker-grey {
color: #888888;
}
#tableHolder .as-energy-container .as-energy-vertical-top {
vertical-align: top;
}
#tableHolder .as-energy-container .as-energy-alt-name {
font-weight: 600;
font-size: 24px;
line-height: 24px;
max-width: 25ch;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#tableHolder .as-energy-container .as-energy-additional-info {
font-style: normal;
font-size: 14px;
}
#tableHolder .as-energy-container .as-energy-flex-container {
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 1.2em;
}
#tableHolder .as-energy-container .as-energy-right-align-text {
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 1.3em;
padding: 0px;
}
#tableHolder .as-energy-container .as-energy-price-pr-month {
font-style: normal;
font-weight: 600;
font-size: 20px;
}
#tableHolder .as-energy-container .as-energy-price-pr-kwh {
font-style: normal;
font-weight: 400;
font-size: 14px;
}
#tableHolder .as-energy-container .as-energy-secondary-blue {
color: #0058A9;
}
#tableHolder .as-energy-container .as-energy-pill-info {
background: #FFFFFF;
border-radius: 9px;
font-weight: 600;
font-size: 12px;
padding: 5px;
vertical-align: bottom;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 20ch;
border: 1px solid #002254;
color: #393939;
}
#tableHolder .as-energy-container .as-go-to-provider-btn-container {
display: flex;
justify-content: flex-end;
}
#tableHolder .as-energy-container .as-go-to-provider-btn {
border-radius: 12px;
box-shadow: none !important;
margin: 0;
font-weight: 600;
font-size: 14px;
padding: 8px 12px 5px 12px;
}
#tableHolder .as-energy-container .as-feed-label {
border-radius: 8px 8px 0px 0px;
left: 1em;
border: 2px solid;
border-bottom: none;
top: -2em;
}
#tableHolder .as-energy-container .as-pill-info-container {
display: flex;
align-items: baseline;
}
#tableHolder .as-energy-container .ma-r-4 {
margin-right: 4px;
}
@media (max-width: 767px) {
#tableHolder .as-energy-container .as-promotion-pill-responsive {
display: flex;
justify-content: flex-start;
margin: 5px 0px;
}
#tableHolder .as-energy-container .as-pill-info-container {
flex-direction: column;
}
#tableHolder .as-energy-container .btn-max-width {
max-width: 100%;
}
#tableHolder .as-energy-container .as-link {
display: flex;
justify-content: center;
}
#tableHolder .as-energy-container .as-energy-pill-info {
padding: 2px 5px;
}
#tableHolder .as-energy-container .as-energy-flex-container {
padding: 0;
}
#tableHolder .as-energy-container .as-energy-right-align-text {
padding: 0;
}
}
#tableHolder .as-broadband-container:not(:first-child) {
margin-top: 1.8em;
}
#tableHolder .as-broadband-container {
box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 16px;
}
#tableHolder .as-broadband-wrapper {
margin-top: 50px;
max-width: 675px;
font-family: "Myriad Pro", sans-serif;
display: flex;
margin: 0 auto;
flex-direction: column;
}
#tableHolder .as-broadband-zero-padding {
padding: 0px;
}
#tableHolder .as-broadband-no-padding-top {
padding-top: 0px;
}
#tableHolder .as-broadband-flex-container {
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 1.2em;
}
#tableHolder .as-broadband-alt-name {
font-weight: 600;
font-size: 16px;
line-height: 24px;
max-width: 40ch !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#tableHolder .as-broadband-right-align-text {
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 0.8em;
padding: 0px;
}
#tableHolder .as-broadband-star-input {
font-size: 14px;
letter-spacing: 8px;
margin-top: 4px;
}
#tableHolder .as-color-blue {
background: #F9FCFF;
}
#tableHolder .as-broadband-usp {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px;
border-radius: 8px;
}
#tableHolder .as-broadband-headline-text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
}
#tableHolder .as-broadband-usp-result {
margin-top: 4px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
white-space: nowrap;
}
#tableHolder .as-space-between {
justify-content: space-between;
display: flex;
}
#tableHolder .as-broadband-green-price {
color: #449D44;
font-size: 20px;
font-weight: 600;
line-height: 1;
}
#tableHolder .as-broadband-black-text {
color: black !important;
font-weight: 400;
font-size: 13px;
}
#tableHolder .as-broadband-ma-10 {
margin-top: 10px;
}
#tableHolder .as-flex {
display: flex;
flex-direction: column;
line-height: 0.8em;
}
#tableHolder .as-font-14 {
font-size: 14px;
font-weight: 600;
color: #393939;
}
#tableHolder .as-small-grey-text {
font-size: 12px;
color: #888888;
font-weight: 300;
}
#tableHolder .as-broadband-comment {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
padding: 8px 0px;
padding-left: 8px;
}
#tableHolder .as-broadband-pill-container {
display: flex;
flex-wrap: wrap;
gap: 4px;
align-items: center;
justify-content: flex-start;
}
#tableHolder .as-broadband-usp-pill {
background: #FFF;
border: 1.2px solid #002254;
border-radius: 8px;
padding: 4px 6px;
font-size: 12px;
color: #393939;
white-space: nowrap;
max-width: 38ch;
margin: 0px;
overflow: hidden;
text-overflow: ellipsis;
}
#tableHolder .as-row {
padding: 0px 8px;
}
#tableHolder .as-row-small {
display: flex;
align-items: center;
}
#tableHolder .as-go-to-provider-btn-container {
display: flex;
justify-content: flex-end;
padding-right: 0px;
}
#tableHolder .as-go-to-provider-btn {
border-radius: 12px;
box-shadow: none !important;
margin: 0;
font-weight: 600;
font-size: 14px;
}
#tableHolder .as-line-height-1 {
line-height: 0.8em;
}
@media (max-width: 767px) {
#tableHolder .as-broadband-alt-name {
align-self: center;
}
#tableHolder .as-space-between {
justify-content: space-evenly;
margin-left: 0;
margin-right: 0;
}
#tableHolder .as-broadband-price-pr-month {
text-align: center !important;
padding: 10px;
}
#tableHolder .as-row-small {
flex-direction: column;
}
#tableHolder .as-broadband-pill-container {
justify-content: center;
}
#tableHolder .btn-max-width {
max-width: none;
}
#tableHolder .as-go-to-provider-btn-container {
padding-top: 8px;
padding-left: 0px;
}
#tableHolder .as-broadband-comment {
text-align: center;
}
}
@media (max-width: 501px) {
#tableHolder .as-broadband-alt-name {
max-width: 27ch !important;
}
}
@media (max-width: 400px) {
#tableHolder .as-broadband-headline-text {
font-size: 12px;
}
#tableHolder .as-broadband-usp-result {
font-size: 12px;
}
#tableHolder .as-broadband-usp {
padding: 4px;
}
#tableHolder .as-broadband-alt-name {
max-width: 20ch !important;
}
#tableHolder .as-broadband-usp-pill {
max-width: 32ch;
}
}
@media (max-width: 374px) {
#tableHolder .as-space-between {
margin-left: -15px;
margin-right: -15px;
}
}