/* General Rules */
#leadymedia_form {
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin: 20px 0;
	padding:0px;
	font-size:17px;
	color: #000000;
}

#sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #eceff5;
    padding-top: 3px; /* Minskad padding ovan */
    padding-bottom: 3px; /* Minskad padding under */
    padding-left: 7px; /* Behåll sidopadding */
    padding-right: 7px; /* Behåll sidopadding */
    text-align: left;
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
}

.sticky-header {
    display: grid;
    grid-template-columns: 20% 60% 20%;
    margin: 0 20.5%;
    align-items: center !important;
}

.sticky-header .right {
    text-align: right;
}

.sticky-header img {
    max-height: 40px !important;
    display: block; /* Se till att bilden är ett blocknivå-element för att undvika extra utrymme */
    margin: 0; /* Ta bort eventuell marginal */
    padding: 0; /* Ta bort eventuell padding */
}

.sticky-header .company_apply a {
    font-size: 16px;
    padding: 6px; /* Behåll padding för knappen */
}

/* Responsiv anpassning för mindre skärmar */
@media (max-width: 768px) {
    #sticky {
        padding-top: 1px !important; /* Ytterligare minskad padding ovan på mobil */
        padding-bottom: 1px !important; /* Ytterligare minskad padding under på mobil */
        padding-left: 12px !important; /* Ökad padding på sidorna för mobil */
        padding-right: 12px !important; /* Ökad padding på sidorna för mobil */
    }

    .sticky-header {
        grid-template-columns: 25% 50% 25%; /* Justera kolumnstorlek för bättre proportioner på mobil */
        margin: 0 5%; /* Ökad extern marginal på mobil för bättre spacing */
    }

    .sticky-header img {
        max-height: 30px !important; /* Behåll bildhöjden på mobiler */
        margin-left: 5px; /* Lägg till en liten vänstermarginal på bilden */
    }

    .sticky-header .company_apply a {
        margin-left: 5px; /* Se till att knappen och bilden har samma vänstermarginal */
    }
}


/* Company Container */
.company_container {}

/* Company Box Rules */
.company_box {margin-top: 20px; text-align: left;background: #FFF;box-sizing: border-box;border: 0px solid #E1E1E1;border-radius: 15px;position:relative;padding:4px;}

/* Promo  Ribbon */
.company_box .ribbon {
	width: 200px;
	height: 30px;
	top: -5px;
	left: -5px;
	border-top-left-radius: 15px;
	position: relative;
	background: #154854;
	line-height:30px;
	color:#FFF;font-size:14px;font-weight:900;text-align: center;
}
.company_box .ribbon:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-right: 15px solid white;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* Top row */
.company_box .toprow.full {display:grid;grid-template-columns:20% 29% 28% 23%;grid-column-gap: 0;align-items: center;}
.company_box .toprow.mobile {display:none}
.company_logo {text-align:center;padding:30px 20px;background-color: #f4f4f4;border-radius: 12px;height: 150px;position:relative; margin-bottom:0px;}
.company_logo .rownumber {position: absolute;top:5px;left:5px;color:#FFF;background-color: #2A7DE1FF;width: 22px;height:22px; line-height: 22px;border-radius: 20px;font-size:13px;font-weight:700;}
.company_logo img {max-width: 120px !important;max-height: 50px !important;margin:0 !important;}
.company_box .rating svg {padding: 1px;fill: #2A7DE1FF;}
.company_box .reklamlank, .sticky-header .reklamlank {color: #BABABA; font-size: 11px;text-align:center;font-weight:500;margin-bottom:-3px;margin-top:-5px;}

/* Promo row */
#leadypromo_form {max-width: 350px;padding:5px;border:1px solid red}
.promotitle {border-bottom: 1px solid #E1E1E1;padding-bottom:4px;font-size:16px;}
.promo_box {border-bottom: 1px solid #E1E1E1;padding:4px 0;}
.promo_box .promorow {display:grid;grid-template-columns:30% 58% 9%;grid-column-gap: 0;align-items: center;}
.promo_box .promorow .promologo img {max-width: 100px !important;max-height: 50px !important;margin:0 !important;}
.promo_details {font-size:20px;font-weight: 500;}
.promo_details .merinfolabel  {color:#BABABA;font-size:15px;font-weight: 600;text-align: center;}
.promo_details .merinfo {color:#000000;font-size:20px;font-weight: 700;text-align: center;}
.promo_apply {padding: 1px;width:42px;height:42px;}
.promo_apply a {display:block;background: #2A7DE1FF;text-align: center; font-weight:900;color: #FFF !important;text-decoration: none;padding:9px;font-size:19px;border-radius: 21px;cursor: pointer;}
.promo_apply svg {fill:#FFF;vertical-align:middle;height:16px;margin-bottom:3px;}
.promodisclaimer {padding-top:4px;font-size:12px;}

/* Middle row */
.company_box .midrow.full {display:none;}
.company_box .midrow.mobile{display:none;}

/* Bottom row */
.company_box .lowrow.full {display:block;}
.company_box .lowrow.mobile {display:none;}

/* Rating Stars */
.company_box .rating {text-align: center;}

/* Company Data */
.company_details {padding: 12px;font-size:20px;font-weight: 500;}
.company_details .merinfolabel  {color:#BABABA;font-size:15px;font-weight: 600;text-align: center;margin-top:-9px;}
.company_details .merinfo {color:#000000;font-size:23px;font-weight: 700;text-align: center;margin-bottom: 7px;}
.company_details span.label {display:block;font-size:15px; color: #000000;}

/* Features */
.company_box .col1 svg {vertical-align:middle;fill:#2A7DE1FF;width: 18px;}

/* Product name */
.company_box {
	position: relative;
	/* andra stilar för .company_box */
}

.company_box .product_name {
	width: 100%;
	margin: 0px auto;
	font-weight: 700;
	font-size: 14px;
	background-color: #eeee;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 4px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

/* Apply now Button */
.company_apply {padding: 1px;}
.company_apply a {display:block;background: #2A7DE1FF;text-align: center; font-weight:900;color: #FFF !important;text-decoration: none;padding:13px;font-size:19px;border-radius: 30px;cursor: pointer;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px, rgba(0, 0, 0, 0.3) 0px 2px 0px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}

.drop .company_apply {padding: 10px 25%;background: #f7f9fb;border-radius: 0px;}

.company_apply svg {fill:#FFF;vertical-align:middle;height:16px;margin-bottom:3px;}

.company_box .notice, .company_box .notice2, .company_box .notice3 {
	margin-top: 6px;
	margin-bottom: 0.5px;
	line-height: 1.2;
	font-size: 15px;
	background: #f7f9fb;
	border-radius: 9px;
	padding: 9px 7px;
	color: black;
	font-weight: 600;
	border: 3px dashed #00000033;
	display: flex;
	align-items: center;
}

.company_box .notice svg { fill: #154854;height: 1.4em;margin-right: 5px;}

.company_box .notice2 svg { fill: red ;height: 1.4em;margin-right: 5px;}

.company_box .notice3 svg { fill: #C5B895;height: 1.4em;margin-right: 5px;}

/* More Info Link */
.readmore {color: black;text-decoration: none;margin-top: 4px;margin-bottom: 0px !important;text-align: center;font-weight: 900;}
.readmore a {text-decoration: none;cursor: pointer;}
.company_box .readup {display:none;}

.readup {display:none;} 

/* Read More Link */
.company_links {text-align: center;font-weight: 500;padding: 16px 0;font-size:14px;color:#000000!important;}
.company_links a.applylink {text-decoration: none;color:#000000!important;}

/* Read More Content */
.company_box .drop {display: none;}
.company_box .drop .info_block tr:first-child td {border-top-left-radius: 15px;border-top-right-radius: 15px;}
.company_box .drop .info_block {font-size: 20px;margin-top:7px;}
.company_box .drop .info_block table {width:100%;border-collapse: collapse;display:table;margin-bottom:0;}
.company_box .drop table tr {border: none;}
.company_box .drop table td {border-bottom: 6px solid #FFF;}
.company_box .drop tr {}
.company_box .drop td:nth-child(1) { text-align: right;font-weight: 300;width:50%;border-top-right-radius: 0px!important;border-bottom-left-radius: 0px;background-color: #f7f9fb;}
.company_box .drop td:nth-child(2) { text-align: left;width:50%;font-weight:900;border-top-left-radius: 0px!important;border-bottom-right-radius: 0px;background-color: #f7f9fb;}
.company_box .drop .info_block td {padding: 12px 7px;outline: none!important;}
.company_box .drop .info_block h6 {padding: 12px 0 6px 0;margin-bottom: 5px;text-align: center}
.company_box .drop svg {width:18px;margin-bottom:-2px;}

/* Disclaimer */
.disclaimer {text-align: left;margin-top:6px;margin-bottom:0px;padding: 13px;font-size:12px;line-height: 1.3;font-weight:500 !important;background: #f7f9fb;border-radius:12px;}
.disclaimer svg {height:12px;vertical-align:middle;}

/* Dropdown buttons */
.company_apply.dropbutton {display:grid;grid-template-columns: 48% 48%;grid-column-gap: 4%;background: #f7f9fb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}

.company_apply.dropbutton a {
	border-radius:30px;
}
.company_apply.dropbutton a.dropdown-product-link{
	background:#FFF;
	color:#000000 !important;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px, rgba(0, 0, 0, 0.3) 0px 2px 0px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}

/* Show More */
#lc_show_more {text-align:center;cursor:pointer;margin:15px auto 15px auto;line-height: 40px;color:#FFF!important;background-color:#2A7DE1FF;width:170px;font-size:17px;border-radius:30px;font-weight:700;font-size:16px;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px, rgba(0, 0, 0, 0.3) 0px 2px 0px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}


/* 600px wide screens */
@media only screen and (max-width: 600px) {
	.leadymedia_rates {margin-top: 10px;}
	#sticky {padding:8px;}
	.sticky-header {display:grid;grid-template-columns: 49% 2% 49%;margin: 0;}
	.company_box {}
	.company_box .toprow.full, .company_box .midrow.full {display:none}
	.company_box .payment {font-size:24px;}
	.company_details {padding: 6px; margin-bottom:-5px!important;}
	.company_apply {padding: 4px;}
	.company_box .toprow.mobile {display: grid;grid-template-columns: 50% 50%;grid-column-gap: 0;align-items: center;}
	.company_box .midrow.mobile{display:block;}
	.company_box .lowrow.mobile{display:block;margin-bottom: 5px;}
	.company_details .merinfo {color:#000000;font-size:21px;font-weight: 700;margin-bottom:8px;text-align: center;}
	.company_box .product_name {margin-top: 6px;margin-bottom:0px;font-weight: 700;font-size: 14px;}
	.company_box .product_name {text-align: center;}
	.company_apply.mobile {display:block;margin: 16px 0;}
	.company_box .dropgrid {display:block;}
	.company_box .dropgrid table {margin-bottom: 20px;}
	.company_links {text-align: center;font-size:14px;margin-top: 0;}
	.drop .company_apply {padding: 10px 2%;}
	.company_box .drop .disclaimer {text-align: center;padding: 12px;}
	.company_apply.dropbutton a{ width:100%;}
	.company_apply.dropbutton a.dropdown-product-link, .company_apply.dropbutton a.dropdown-apply-link{float:none}
	.company_box .reklamlank {margin-top:-2px !important;margin-bottom:-6px;}
	.company_box .drop .info_block {font-size: 18px;margin-top:7px;}
	.sticky-header .reklamlank {color: #BABABA; font-size: 11px;text-align:center;font-weight:500;margin-bottom:-5px;margin-top:-2px;}
	.company_details {font-size:18px;}
	
}

.company_box {
 box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.btn-alt {position: relative;}