/* LEADS CONTENT */
.al_pop {
	background: #cacec2;
	width: 100%;
	z-index: 99;
	padding: 20px;
	min-height: 3%;
}

.AskasLeads_HTML,
.AskasLeads_Tacksida {
	height: 100%;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	text-align: center;
	padding: 1em;
	padding-left: 2em;
	padding-right: 2em;
	border: 2px solid #5e6b47;
    border-radius: 5px;
	padding-top: 30px;
	min-height: 300px;
}

.AskasLeads_HTML form {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	max-width: 800px;
	margin: 0 auto;
	flex-wrap: wrap;
}

.AskasLeads_HTML .AskasLeads_Epost {
	width: 100%;
	padding: 0 10px;
	/* margin-right: .5em; */
}

.AskasLeads_HTML .AskasLeads_Submit {
	width: auto;
	text-align: center;
	color: #000;
	font-weight: 700;
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
	padding: .5em 1em; /* fallback */
	padding: calc(1em/2) 1em;
	border: 0;
}

.AskasLeads_HTML .AskasLeads_Submit.inactive {
	opacity: .8;
	pointer-events: none;
}

.AskasLeads_HTML .al_pop_gdpr_div {
	display: flex;
	margin: 10px 0;
}

#al_pop_placeholder_text{
	display: none;
} 

.AskasLeads_HTML #al_pop_gdpr_checkbox {
	margin-right: 5px;
	width: 20px;
    height: 20px;
    border: 1px solid #949e85;
    cursor: pointer;
    border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	min-width: 20px;
    min-height: 20px;
}

.al_corner .AskasLeads_HTML .al_pop_gdpr_div span {
	font-size: 1.2rem;
	text-align: left;
}


.AskasLeads_HTML #al_pop_gdpr_checkbox.active {
	background-color: #eaebe6;
}

.AskasLeads_HTML #al_pop_gdpr_checkbox.active::after {
	font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    color: #4d4d4d;
    font-size: 1.2rem;
}

/*Close*/
.al_close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.al_close:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f00d";
	font-size: 1.4em;
	text-align: center;
	width: 1.8em; /* fallback */
	width: calc(1em*1.8);
}

.al_close i {
	display: none;
}

/*GENERAL*/
.al_pop .al_close {
	/* SET CLOSE BUTTON STUFF HERE */
	background: transparent;
	color: #5e6b47;
	border-radius: 50%;
	width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
	background-color: #fff;
}

/*ALIGNED */
.al_pop.al_top {
	position: fixed;
	top: 0;
	left: 0;
}

.al_pop.al_bottom {
	position: fixed;
	bottom: 0;
	left: 0;
}

.al_pop.al_corner {
	position: fixed;
	bottom: 40px;
	right: 10px;
	max-width: 500px;
	max-height: calc(100vh - 40px);
	width: calc(100% - 20px);
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
	border-radius: 5px;
	overflow: auto;
}

.al_pop h2 {
	color: #5e6b47;
    text-align: center;
	font-size: 3.2rem;
	margin: 10px 0 20px;
}


.al_pop .AskasLeads_HTML form {
	display: flex;
}

.al_pop .AskasLeads_HTML form input {
	height: 40px;
    border-radius: 5px;
	width: 100%;
}

.al_pop .AskasLeads_HTML form .AskasLeads_Epost {
	border: 1px solid #949e85;
	margin-bottom: 10px;
	width: 100%;
}

.al_pop .AskasLeads_HTML form .AskasLeads_Submit {
	background-color: #eccc1f;
	color: #293b0a;
	border-radius: 5px;
}

.al_pop .AskasLeads_HTML .al_pop_dekor-img img {
	height: 80px;
    margin: 10px 0 20px;
}

.al_pop .AskasLeads_Tacksida span,
.al_pop .AskasLeads_HTML span {
    font-size: 1.6rem;
}

.al_pop .AskasLeads_HTML .al_asterisk-text {
	font-size: 1.2rem;
}


@media only screen and (max-width: 62rem) {

	.al_pop h2 {
		font-size: 2.6rem;
	}

	.al_pop.al_corner {
		bottom: 10px;
		max-height: calc(100vh - 140px);
	}

	.al_pop .AskasLeads_HTML form input {
		margin-right: 0;
		width: 100%;
	}

	.AskasLeads_HTML,
	.AskasLeads_Tacksida {
		padding-left: 1em;
		padding-right: 1em;
	}
	
		
}