/* credit card and loan cards */
.loan-card, 
.cc-card {
	background-color: #FFF;
	box-shadow: 0px 2px 4px rgba(0, 72, 217, 0.1), 0px 24px 60px rgba(0, 72, 217, 0.05), 0px 12px 24px rgba(0, 72, 217, 0.05);
	border-radius: 12px;
	margin-bottom: 40px;
	position: relative;
}

/* #toplist .loan-card:first-of-type,  #toplist .num_lenders + .loan-card, */
/* #toplist .cc-card:first-of-type, #toplist .num_lenders + .cc-card, */
.loan-card.has-banner,
.cc-card.has-banner {
	border: solid 2px var(--accent-color-alt);
	box-shadow: 0px 2px 4px rgba(255, 214, 0, 0.1), 0px 24px 60px rgba(255, 214, 0, 0.05), 0px 12px 24px rgba(255, 214, 0, 0.05);
}

.loan-card-bottom,
.loan-card-toggle,
.cc-card-bottom,
.cc-card-toggle {
	border-radius: 0 0 12px 12px;
}

.loan-card-top, 
.cc-card-top {
	display: flex;
	justify-content: space-between;
}

.cc-card-top,
.cc-card-info,
.cc-card-footer {
	padding: 20px 40px;
}

.cc-card-toggle{
	padding: 15px 40px;
}

.loan-logo a{
	display: block;
	width: 140px;
	max-height: 60px;
	text-align: center;
}

.cc-logo a{
	display: block;
	width: 160px;
	max-height: 100px;
	text-align: left;
	margin: auto;
}

.cc-logo a img,
.loan-logo a img {
	width: auto;
	height: auto;
	margin: auto;
}

.cc-logo a img{
	max-height: 100px;
	max-width: 160px;
}

.loan-logo a img {
	max-width: 140px;
	max-height: 60px;
}

.loan-card.has-banner{
	padding-top: 10px;
}

.loan-card-banner {
	content: '';
	top: 9px;
	left: -10px;
	position: absolute;
	background: var(--accent-color-alt);
	font-size: var(--font-xs);
	color: #000;
	line-height: 14px;
	padding: 7px 14px;
	border-radius: 4px 0 0 0;
	box-shadow: 2px 2px 4px rgba(143, 145, 148, 0.4);
}

.loan-card-banner::before{
	content: '';
	background: #c4a400;
	position: absolute;
	left: 0;
	top: 100%;
	display: block;
	height: 5px;
	width: 8px;
	-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%); 
	clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.loan-card-banner::after{
	content: '';
	background: var(--accent-color-alt);
	position: absolute;
	left: 100%;
	top: 0;
	display: block;
	height: 100%;
	width: 10px;
	border-radius: 0 8px 8px 0;
	-webkit-clip-path: polygon(100% 0%, 0 50%, 100% 100%, 0 100%, 0 0); 
	clip-path: polygon(100% 0%, 0 50%, 100% 100%, 0 100%, 0 0);
}

.loan-logo-container {
	padding: 45px 30px 30px 40px;
	position: relative;
	text-align: center;
}

.loan-star {
	margin: 0 2px;
	height: auto;
	width: 16px;
}

.cc-logo-container,
.loan-details-container,
.loan-card-footer,
.cc-details-container,
.cc-card-footer {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.loan-details:not(:last-of-type), 
.cc-details:not(:last-of-type) {
	margin-right: 20px;
}

.loan-details,
 .cc-details {
	font-size: var(--font-sm);
}

.loan-details-header,
.cc-details-header {
	font-weight: 300;
}

.loan-details-amount,
.cc-details-amount {
	font-weight: 700;
}

.loan-go-button-alt,
.loan-go-button, 
.cc-go-button, 
.cc-name-container,
.cc-logo-name-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.cc-logo-name-container{
	justify-content: space-between;
}

.cc-name-container{
	flex-direction: column;
	padding: 16px;
}

.cc-name{
	font-weight: 700;
	line-height: 23px;
	color: var(--accent-color);
	margin-bottom: 7px;
	text-align: left;
}

.loan-go-button-alt,
.loan-go-button{
	padding: 0 30px 0 40px;
}

.loan-card-bottom, 
.cc-card-bottom {
	font-size: var(--font-sm);
	background: var(--accent-color-bg);
}

.loan-card-toggle {
	padding: 16px 40px 16px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}

.loan-about ul{
	padding-left: 0;
	list-style-type: none;
}

.loan-about ul li{
	margin-left: 18px;
	padding-left: 5px;
	list-style-image: url("../img/icon-tick-hero.svg");
}

#toplist .loan-about ul li{
	list-style-image: url("../img/icon-tick-hero-blue.svg");
}

.loan-card--company .loan-card-toggle{
	justify-content: flex-end;
}

.loan-card--company .loan-card-toggle a{
	text-align: right;
}

.cc-card-toggle{
	display: flex;
	justify-content: space-between;
}

.single .cc-card-toggle{
	justify-content: right;
}

.loan-card-toggle > a,
.loan-card-toggle > a:hover, 
.cc-card-toggle > a,
.cc-card-toggle > a:hover {
	font-weight: 700;
	text-decoration: none;
	color: #333;
	white-space: nowrap;
}

.loan-card-toggle  > a::after,
.cc-card-toggle > a::after {
	content: "";
	width: 13px;
	height: 8px;
	background: url("../img/icon-caret.svg") scroll no-repeat center / contain;
	display: inline-block;
	margin-left: 5px;
	transition: transform 0.2s;
}

.loan-card-toggle a:not(.collapsed)::after,
.cc-card-toggle a:not(.collapsed)::after {
	transform: rotate(180deg);
}

.loan-card-info {
	padding: 0 50px;
}

.loan-card-info-header{
	font-weight: 700;
}

.loan-villkor ul,
.cc-card-info-container ul {
	padding-left: 20px;
}

.cc-card-info-container ul{
	margin-bottom: 0;
}

.cc-card-info-container a, 
.cc-card-info-container a:hover{
	color: var(--accent-color);
	font-size: inherit;
	font-weight: 500;
	text-decoration: none;
}

.loan-card-footer {
	padding: 30px 50px;
}

.loan-example{
	font-size: var(--font-xxs);
}

.loan-card-footer-link-container,
.cc-card-footer-link-container {
	text-align: right;
}

.loan-card-footer-link,
.loan-card-footer-link:hover,
.loan-card-footer-link:active,
.loan-card-footer-link:focus,
.cc-card-footer-link,
.cc-card-footer-link:hover,
.cc-card-footer-link:active,
.cc-card-footer-link:focus {
	font-weight: 700 !important;
	line-height: 22px;
	color: var(--accent-color);
	text-decoration: none;
	display: inline-block;
}

.loan-card-footer-link::after,
.cc-card-footer-link::after {
	content: "";
	width: 15px;
	height: 13px;
	background: url("../img/arrow.svg") scroll no-repeat center / contain;
	display: inline-block;
	margin-left: 2px;
}

.loan-card-warning{
	margin-top: 8px;
}

.loan-card-warning .snabblan-warning{
	margin: 0;
	border: 0;
	padding: 0;
	font-size: var(--font-xxs);
}

.loan-card-warning .snabblan-warning img{
	max-width: 22px;
	margin-right: 8px;
}

.alt-lender-popup{
  position: absolute;
  z-index: 2;
  width: 400px;
  max-width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: 15px;
  border-radius: 12px;
  background-color: var(--accent-color-bg);
  box-shadow: 0 2px 4px rgba(0,72,217,.1),0 24px 60px rgba(0,72,217,.05),0 12px 24px rgba(0,72,217,.05);
}

.alt-lender-popup-btns{
	display: flex;
	gap: 10px;
	margin-top: 15px;
}

.alt-lender-popup-btns .loan-go-button{
	padding: 0 !important;
	flex-grow: 1;
}

.alt-lender-popup-btns .loan-go-button a{
	width: 100%;
	display: block;
}

@media (min-width: 992px) {
	.col3{
		column-count: 3;
	}

	.col3 li{
		break-inside: avoid-column;
	}

	.cc-logo-container{
		justify-content: left;
	}

	.single .cc-card-info{
		padding-top: 0;
	}

	.loan-card--bolan .loan-details-container{
		padding: 16px 0;
	}

	.single .loan-card--company .loan-card-info-container,
	.single .loan-card-info-container {
		padding-bottom: 20px;
	}

	/* css if sidebar present on page */
	main.sidebar-present .loan-card-top,
	main.sidebar-present {
		flex-wrap: wrap;
	}

	main.sidebar-present .loan-logo-container{
		flex: 100%;
	}

	main.sidebar-present .loan-logo-container {
		display: flex;
		flex-wrap: wrap;
		padding: 35px 25px;
	}

	main.sidebar-present .loan-logo a {
		width: 120px;
	}

	main.sidebar-present .loan-star {
		margin: 0 1.5px;
	}

	main.sidebar-present .loan-logo {
		display: flex;
		align-content: center;
		justify-content: center;
		margin-top: 0px;
		flex: 50%;
	}

	main.sidebar-present .loan-logo {
		flex: 100%;
	}

	main.sidebar-present .loan-card-top {
		padding-bottom: 30px;
	}

	main.sidebar-present .loan-card-info,
	main.sidebar-present .loan-card-footer,
	main.sidebar-present .loan-card-toggle {
		padding-left: 25px;
	}

	main.sidebar-present .loan-details-container,
	main.sidebar-present .loan-go-button,
	main.sidebar-present .loan-go-button-alt{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	main.sidebar-present .loan-go-button-alt,
	main.sidebar-present .loan-go-button {
		margin-top: 30px;
	}

	main.sidebar-present .loan-card-toggle,
	main.sidebar-present .loan-card-info,
	main.sidebar-present .loan-card-footer,
	main.sidebar-present .loan-go-button,
	main.sidebar-present .loan-go-button-alt {
		padding-right: 25px;
	}

	main.sidebar-present .loan-example{
		max-width: 550px;
	}
}

@media (min-width: 1200px){
	.loan-details-container{
		flex-grow: 1;
	}

	.loan-card--bolan .loan-details-container{
		max-width: unset;
	}

	.loan-card--bolan .loan-details:last-of-type{
		width: 66%;
	}

	.cc-name-container{
		width: 180px;
		align-items: flex-start;
	}

	.cc-details-container{
		flex-grow: 1;
	}

	.cc-details{
		width: 25%;
	}
}

/* loan and cc card responsive css */
@media (max-width: 1200px) {

	.cc-details-container {
		flex-wrap: wrap;
	}

	.cc-details {
		flex: 50%;
		display: flex;
		flex-direction: column-reverse;
		padding-top: 16px;
		padding-bottom: 16px;
		text-align: center;
	}

	.cc-details:not(:last-of-type) {
		margin-right: 0px;
	}
}

@media (max-width: 991px) {

	.loan-details-container *,
	.loan-card-toggle a,
	.loan-card-info-container *,
	.cc-details-container *,
	.cc-card-toggle a,
	.cc-card-info-container * {
		font-size: var(--font-sm);
	}

	.loan-card-footer-link::after,
	.cc-card-footer-link::after {
		height: 11px;
	}

	.loan-card-top {
		flex-direction: column;
	}

	.cc-card-top{
		flex-wrap: wrap;
		padding: 30px 20px 10px 20px;
	}

	.cc-logo-container, 
	.cc-name-container{
		flex: 50%;
	}

	.cc-name-container{
		align-items: flex-start;
	}

	.cc-logo-container{
		justify-content: right;
		padding: 0 16px;
	}

	.loan-logo-container {
		display: flex;
		flex-wrap: wrap;
		padding: 35px 25px;
		border-bottom: 1px solid #EDEFF4;
	}

	.cc-logo a{
		text-align: right;
	}

	.loan-logo a {
		width: 120px;
	}

	.loan-star {
		margin: 0 1.5px;
	}

	.loan-logo {
		display: flex;
		align-content: center;
		justify-content: center;
		margin-top: 0px;
		flex: 50%;
	}

	.loan-logo,
	.cc-logo-name-container,
	.cc-go-button,
	.cc-details-container {
		flex: 100%;
	}

	.cc-go-button{
		padding-top: 10px;
	}

	.cc-logo-name-container{
		flex-direction: row-reverse;
		flex-wrap: wrap;
		max-width: 500px;
		margin: 0 auto;
	}

	.loan-details-container {
		flex-wrap: wrap;
	}

	.loan-details {
		display: flex;
		flex-direction: column-reverse;
		padding-top: 16px;
		padding-bottom: 16px;
		text-align: center;
		width: 50%;
		margin: 0 !important;
		padding: 16px 5px;
	}

	.loan-card--bolan .loan-details{
		text-align: left;
	}

	.loan-go-button-alt,
	.loan-go-button {
		border-top: 1px solid #EDEFF4;
		border-bottom: 1px solid #EDEFF4;
		padding: 10px 0;
	}

	.divider{
		border-top: 1px solid #EDEFF4;
		flex: calc(100% + 40px);
		margin: 0 -20px;
	}

	.cc-card .divider.mt{
		margin-top: 30px;
	}

	.loan-example{
		padding: 0 25px;
		margin: 15px auto;
		text-align: center;
		max-width: 650px;
	}

	.loan-card-toggle,
	.cc-card-toggle {
		text-align: center;
		padding: 0;
		background-color: #FFF;
		justify-content: center !important;
	}

	.loan-card-toggle a,
	.cc-card-toggle a {
		padding: 4px 7px;
		border-radius: 5px 5px 0px 0px;
		background: var(--accent-color-bg);
		display: inline-block;
		width: auto;
	}

	.loan-card-info-container {
		padding: 20px 25px;
	}

	.cc-card-info{
		padding: 18px 36px;
	}

	.cc-card-footer{
		padding: 0 15px 18px 15px;
	}

	.cc-card-info-header-container{
		display: flex;
		justify-content: space-between;
	}

	.cc-card-info-header-container .compare{
		display: flex !important;
	}

	.loan-about,
	.loan-villkor {
		margin-bottom: 15px;
	}

	.loan-card-footer-link {
		margin-top: 10px;
		margin-right: 0 !important;
	}

	.loan-card-footer-link-container {
		text-align: center;
	}

	.loan-card-info,
	.loan-card-footer {
		padding: 0;
	}

	.loan-card--company .loan-go-button {
		border-bottom: none;
	}
}

@media (max-width: 500px) {
	.cc-logo-container, .cc-name-container{
	  flex: 100%;
	  justify-content: center;
	  align-items: center;
	}
  
	.cc-logo a, .cc-name{
	  text-align: center;
	}
  
	.cc-icons{
	  display: flex;
	  justify-content: center;
	}
  
	.cc-icons span{
	  margin: 0 4px !important;
	}

	.cc-card-info{
		padding: 18px 15px;
	}
  }

/* credit card compare checkbox and icons */
.cc-card .compare{
	position: relative;
	display: flex;
	align-items: center;
}
.cc-card .compare input[type="checkbox"] {
  margin: auto;
  opacity: 0;
  cursor: pointer;
  left: 1px;
  top: 1px;
  height: 20px;
  width: 20px;
  z-index: 10;
  position: absolute;
}

.cc-card .compare .checkmark {
  display: block;  
  margin: auto;
  margin-right: 10px;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ABABAB;
}

.cc-card .compare label {
  font-weight: 700;
  font-size: var(--font-xs);
  cursor: pointer;
  user-select: none;
  margin: auto;
}

.cc-card .compare input:checked ~ .checkmark {
background-color: var(--accent-color);
}

.cc-card .compare input:checked ~ .checkmark:after {
	display: block;
}

.cc-card .compare .checkmark:after {
	content: "";
	position: absolute;
	display: none;
	left: 8px;
	top: 4px;
	width: 6px;
	height: 13px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cc-icons span{
	display: inline-block;
	height: 21px;
	width: 23px;
	background: #F53D7A;
	position: relative;
	border-radius: 3px;
	margin-right: 8px;
}

.cc-icons .kreditkort-icons{
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.cc-icons .tooltip .tooltip-arrow{
	border-bottom-color: #F53D7A;
}

.cc-icons .tooltip .tooltip-inner{
	background: #F53D7A;
	border-radius: 10px;
}

.lender-warning{
	display: flex;
	gap: 20px;
	align-items: center;
	font-size: 14px;
	line-height: 1.3;
	background-color: #FFF;
	padding: 15px;
	border-radius: 12px;
	margin-bottom: 40px;
}

.lender-warning .warning-img{
	flex-shrink: 0;
	background-image: url(../img/warning.svg);
	width: 40px;
	height: 40px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* end credit card and loan card css */

/* Sticky toplist link */
.toplist-scroll{
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	padding: 10px 30px;
	background:rgba(60, 100, 177, 0.9);
	z-index: 50;
	transition: bottom 0.2s;
	border-top: 1px solid #FFF;
}

.toplist-scroll.visible{
	bottom: 0;
}

.toplist-scroll .inner{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	max-width: 1440px;
	margin: auto;
}

.toplist-scroll .desc{
	color: #FFF;
}

.toplist-scroll .btn-secondary{
	margin: 0 !important;
}

.toplist-scroll .scroll-close{
	position: absolute;
	right: 10px;
	top: 10px;
	height: 18px;
	width: 18px;
	background-image: url('../img/icon-close.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}

#toplist{
	margin-top: 40px;
}

.kreditbolag.toplist-loading{
	opacity: .7;
	position: relative;
}

.kreditbolag.toplist-loading::before{
	content: '';
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	width: 48px;
	height: 48px;
	border: 5px solid var(--accent-color);
	border-bottom-color: transparent;
	display: block;
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
} 

.kreditbolag .num_lenders,
.kreditbolag .no_results{
	margin: 30px 0;
	font-weight: bold;
	font-size: var(--font-lg);
	border-bottom: 1px solid #eee;
	text-align: center;
	padding-bottom: 5px;
}


.kreditbolag-table .no_results {
	text-align: center;
	margin: 20px;
	font-weight: bold;
}

.kalk-table .single-lender td img {
	max-height: 100px;
}

td .grey.per_month {
	padding-right: 20px;
	padding-left: 0;
}

/* View more banks table */
#more_banks {
	display: none;
}

.money-slider {
	padding-bottom: 2%;
}

.review-xs {
	text-align: center;
	background-color: #fff;
}

#review-tabs>li>a,
.terms-xs {
	background-color: #f5f5f5;
}

.itemAuthor,
.itemRating {
	display: inline;
}

.review h4 {
	margin: 4px;
}

.review h4 a {
	font-size: var(--font-xs);
	color: #0896ff;
}

.review h4 a:hover {
	color: #ffc13b;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

@media (max-width: 768px) {
	.applybtn {
		padding: 5px 35px;
		display: inline-block;
		width: 100%;
	}
}

.with-arrows-before:before,
.with-arrows:after {
	content: "\20\BB";
}

.kreditbolag-review .hide_zmarta {
	display: none;
}

.kreditbolag-review .panel-heading {
	background: var(--accent-color-bg);
	color: var(--accent-color);
}

.kreditbolag-review .pros-cons ul {
	padding-left: 25px;
	margin: 8px;
}

.kreditbolag-review .pros-cons li {
	padding-left: 8px;
}

.kreditbolag-review .small-well {
	padding: 8px;
	text-align: center;
}

.kreditbolag-review .small-well i {
	margin-left: 16px;
	margin-right: 5px;
}

.kreditbolag-review .small-well2 i {
	margin-left: 7px;
	margin-right: 5px;
}

@media (max-width: 767px) {
	.kreditbolag-review .small-well i:first-child {
		margin-bottom: 8px;
	}
}

@media (max-width: 767px) {
	.kreditbolag-review .pros-cons {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.kreditbolag-review .pros-cons ul {
		width: 50%;
	}
}

@media (max-width: 480px) {
	.kreditbolag-review .pros-cons {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.kreditbolag-review .pros-cons ul {
		width: 100%;
	}
}

/* Review page sidebar styling*/
#grades td {
	text-align: left;
}

#grades td.bw {
	font-weight: bold;
	max-width: 150px;
}

.contacts {
	text-align: left;
}

.screenshot img {
	display: block;
	margin: 0 auto;
}

#grades table {
	margin-bottom: 8px;
}

#utbettider div.utbettid {
	padding-bottom: 10px;
}

.kreditbolag-review .panel-heading h3 {
	margin: 0;
}

.kreditbolag-review p.interest-inf {
	font-size: var(--font-xs);
	margin-bottom: 5px;
}

/* Review page sidebar styling*/

#bolan-info {
	padding-left: 20px;
}

.bolan .int_low_avg {
	font-size: var(--font-xxs);
}

.bolan .int_low_avg .low,
.bolan-mobile .int_low_avg .low,
.desc-low {
	color: #c00;
}

.bolan .int_low_avg .avg,
.bolan-mobile .int_low_avg .avg,
.desc-avg {
	color: #090;
}

.snabblan-warning {
	display: flex;
	align-items: center;
	margin: 8px auto;
	border: 2px solid #eee;
	border-radius: 6px;
	padding: 8px;
}

.snabblan-warning img {
	float: left;
	margin-right: 15px;
}

.snabblan-warning-toplist {
	background: white;
	text-align: left;
	font-size: var(--font-xs);
	padding: 2px;
	font-weight: 400;
	color: #000000;

}

.warning_container {
	border: 0px solid;
	padding: 2px !important;
}

#sidebar .snabblan-warning {
	font-size: var(--font-xs);
	margin: 15px auto 0px auto;
}

/* sparakonton/natmaklare toplists */
#natmaklare .single-lender,
#sparakonto .single-lender {
	border-radius: 12px;
	gap: 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 30px 40px;
	box-shadow: 0px 2px 4px rgba(0, 72, 217, 0.1), 0px 24px 60px rgba(0, 72, 217, 0.05), 0px 12px 24px rgba(0, 72, 217, 0.05);
	margin-bottom: 40px;
}

.single-lender-details{
	display: flex;
	gap: 20px;
	text-align: center;
	flex-grow: 1;
	justify-content: center;
}

#natmaklare .single-lender .headers,
#sparakonto .single-lender .headers {
	font-size: var(--font-sm);
	font-weight: 700;
}

#natmaklare .single-lender .toplist-logo,
#sparakonto .single-lender .toplist-logo{
	text-align: center;
}

#natmaklare .single-lender .toplist-logo img,
#sparakonto .single-lender .toplist-logo img {
	max-width: 100%;
	max-height: 50px;
	padding: 8px;
	margin: auto;
}

@media (max-width: 580px) {

	#natmaklare .single-lender,
	#sparakonto .single-lender{
		padding: 30px 10px;
	}

	.single-lender-details{
		gap: 10px;
	}
}

/* p2p toplist */
#p2p .single-lender {
	padding: 8px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#p2p .first {
	display: flex;
	align-items: center;
}

#p2p .per_month {
	padding-left: 20px;
}

#p2p .desc ul {
	text-align: left;
	margin: auto;
	display: inline-block;
	font-size: var(--font-xs);
	padding-right: 20px;
	padding-left: 45px;
}

#p2p img {
	max-width: 90px;
}

@media (max-width: 767px) {
	#p2p .single-lender {
		flex-direction: column;
	}

	#p2p .first {
		justify-content: space-around;
		width: 100%;
	}
}

.type-filter {
	width: 80%;
	margin: auto;
	font-weight: bold;
	display: flex;
	align-items: baseline;
	justify-content: space-around;
}

@media (max-width: 767px) {
	.type-filter {
		display: block;
		width: 100%;
	}

	.left-30 {
		margin-left: 30px;
	}
}

.foretagslan table td {
	padding: 2px !important;
}

.infos {
	border-radius: 4px;
	background-color: #fff8f0;
	border-bottom: 4px solid #ffb934;
	min-width: 100px;
	text-align: center;
	min-height: 80px;
	margin-bottom: 20px;
}

.infos h3 {
	font-size: var(--font-xs);
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #868686;
	text-align: center;
	padding-top: 10px;
}

.infos p {
	font-size: var(--font-xs);
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: var(--color-font-body);
}

.infos p.center {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
	margin: 0;
}

.foretagslan .logo2 img {
	max-width: 140px;
	padding: 10px;
}

.foretagslan .fs14 {
	font-size: var(--font-sm);
}

.apply2 {
	min-width: 120px;
}

.apply2 a {
	width: 80%;
}

.noborder,
.noborder td,
.noborder tr {
	border: 0 !important;
	background: #f5f5f5;
}

.cont p {
	padding: 5px;
	margin: 0;
}

.noborder img {
	margin-top: 15px;
	margin-bottom: 5px;
}

.terms_link2 {
	font-size: var(--font-xs);
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #868686;
	padding-top: 10px;
}

.pad15 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.nej {
	opacity: 0.6;
	font-size: var(--font-xs);
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: var(--color-font-body);
}

.mt10 {
	margin-top: 10px;
}

.mt30 {
	margin-top: 30px;
}

.vilk {
	color: #868686;
	text-decoration: underline;
}

.mobicons {
	display: flex;
	flex-wrap: wrap;
	margin-left: 8px;
}

.mobicons span {
	margin-top: 0px;
}

.logo2 img {
	/* min-width: 140px; */
	max-height: max-content !important;
}

.justifytop {
	justify-content: unset !important;
}

.justifytop label {
	margin-top: 22px !important;
}

.nobg {
	border: none;
	background: none;
	margin-bottom: 4px;
}

span.disabled {
	display: none !important;
}

.zmarta_campaign_logo {
	margin-top: 20px;
	height: auto;
	width: 140px;
}

.Zmarta_container_row {
	padding-bottom: 25px;
}

.front_list_image {
	position: absolute;
	/* flex-direction: column;
  justify-content: space-between; */
}

/*
  .kreditbolag-table .single-lender:nth-child(1),
  .kreditbolag-table .single-lender:nth-child(3),
  .kreditbolag-table .single-lender:nth-child(5) {
  } */

.position-banners {
	z-index: 2;
	width: 24px;
	min-width: 24px !important;
	position: absolute;
	top: -1px;
	left: -11px;
	height: 40px;
	padding: 0px !important;
}


.best-of-month-banner {
	font-size: var(--font-xs);
	position: absolute;
	top: 0px;
	left: 33px;
	width: 172px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: var(--accent-color);
	background-color: #eaf0fa;
}


@media (max-width: 991px) {
	.position-banners {
		left: -14px;
	}

	.best-of-month-banner {
		left: 1px;
	}
}

.best-of-month-highlight {
	border-collapse: separate;
	border: 1px solid #078cff !important;
	border-radius: 8px;
}

.mobile-lender tr:nth-of-type(2) {
	margin-top: 10px;
}

/* Example */
.italic {
	font-style: italic;
}

.font-weight-bold{
	font-weight: 700;
}

.int-ex {
	text-align: left !important;
}

.norm {
	font-weight: normal;
}

.mob-padding {
	padding: 10px !important;
}

.information-icon {
	display: inline-flex;
	position: absolute;

}

.information-icon img {
	margin-top: -10px;
	/* left: 122px;
  position: relative; */
}

.show_info {
	position: absolute;
	margin-left: -80px;
	margin-top: 5px;
	display: none;
}

@media screen and (max-width: 991px) {
	.show_info {
		position: relative;
		margin: auto;
		font-size: var(--font-xs);
	}

}

@media screen and (min-width: 992px) {

	.kreditbolag-review .single-lender td img {
		max-height: 200px;
	}

}

@media (max-width: 600px) {
	#toplist {
		margin-top: 25px;
	}
	.loan-card, .cc-card{
		margin-bottom: 20px;
	}
}