/* Foundation v2.1.5 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

	body {
		background: #fff;
		font-family: 'Lato',"Helvetica Neue",  sans-serif;
		font-size: 13px; line-height: 18px;
		color: #555;
		position: relative;
		-webkit-font-smoothing: antialiased;
		padding-top: 10px;
		border-top: 3px solid #333;
	}

	h1, h2, h3, h4, h5, h6, h7, h8 {
		font-family: 'Lato',"Helvetica Neue",  sans-serif;
	}

	blockquote {
		color: #fff;
		font-style: italic;
	}

	.panel h6 {
		margin-bottom: 10px;
	}
	h4, h6 {
		margin-bottom: 10px;
	}

	p, ul {
		line-height: 1.6em;
		font-size: 14px;
		font-family: 'Lato',"Helvetica Neue",  sans-serif;
	}

	small {
		font-size: 11px;
		margin-bottom: 4px;
	}

	ul {
		list-style-type: none;
	}

	.clear {
		clear: both;
	}

	.content {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.hidden {
		display: none;
	}

	.placeholder {
		min-height: 600px;
	}

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

	.right {
		float: right;
	}

	.left {
		float: left;
	}

	.border-img {
		border: 1px solid #444;
		padding: 1px;
		margin: 4px;
	}

	.padding-img {
		margin: 4px;
	}

	.panel h3 {
		font-size: 18px;
		color: #444;
	}

	#support-link
	{
		text-align: right;
		float: right;
	}

	textarea { width: 700px; max-width: 700px; }

	.h300 {
		height: 300px;
	}


	.info {
		color: #555;
		text-decoration: underline;
	}


	/* Extra margin på tex panelen */
	.margin10 {
		margin: 10px;
	}

	.margin20 {
		margin: 20px;
	}



	.logo h1 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
/*	--------------------------------------------------
:: Login
-------------------------------------------------- */
	.login_tab {
		position: absolute;
		right: 0;
		top: -16px;
		border-radius: 5px;
		background: #333;
		color: #fff;
		font-weight: bold;

		padding: 6px 15px;
	}

	.login_tab a {
		color: #fff;
		margin-right: 10px;
	}

	#login-form h4 {
		color: #444;
		font-size: 18px;
		text-shadow: 1px 1px 1px #d1d1d1;
		filter: dropshadow(color=#d1d1d1, offx=1, offy=1);
	}

/*	--------------------------------------------------
:: Header
-------------------------------------------------- */


	.jumbo h2, .jumbo h3, .jumbo h4, .jumbo h5, .jumbo h6, .jumbo h7, .jumbo h8 {
		color: #fff;
	}

	.jumbo p {
		color: #fff;
	}

	.header {
		position: relative;
		padding: 10px 0;
	}

	.jumbo {
		background-image: url('/public/images/bg_ambassador.jpg');
		background-position-y: top;
		background-position-x: center;
		background-repeat: no-repeat;
		padding: 20px 0;
		text-shadow: 1px 1px 1px #0a2540;
		color: #fff;
	}

	.jumbo .indexspace {
		min-height: 330px;
	}}

	.jumbo h2, .jumbo h3 {
		color: #fff;
	}

	#featured .content {
		background: #18446f url('/public/images/graphics/footer_bg_beta_2.png');
	}


	#slides {
		margin: 0 auto;
	}

	.slides_container {
		width: 642px;
		display:none;
	}

	.slides_container div {
		width:622px;
		height:200px;
		display:block;
	}

	.header h1 span {
		display: none;
	}

/*	--------------------------------------------------
:: Nyhets delen
-------------------------------------------------- */
	#news {
		color: #444;
		-webkit-border-radius: 4px;
		text-shadow: none;
		height: 198px;
		max-height: 198px;
		overflow: hidden;
		margin: 0;
	}

	#news h3 {
		color: #181818;
		text-shadow: 1px 1px 1px #fff;
	}

	#news-archive {
		float: right;
		width: 135px;
		padding: 4px;
		display: inline-block;
		position: absolute;
		bottom: 0;
		right: 0;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-radius: 4px 0px 4px 0px;
		border-radius: 4px 0px 4px 0px;
	}


	#news a {
		color: #555;
	}

	#news-archive a {
		color: #18446F;
	}

	#news-archive a:hover, #news a:hover {
		color: #6396bc;
	}



/*	--------------------------------------------------
:: Footer
-------------------------------------------------- */
	.footer a { color: #fff; font-weight: bold;
		text-decoration: none; line-height: inherit; }
	.footer a:hover { color: #ccc; }
	.footer a:focus { color: #ccc; outline: none; }
	.footer p a, .footer p a:visited { line-height: inherit; }

	.footer ul, .footer p {
	font-family: 'Lato',"Helvetica Neue",  sans-serif;
	}

	.footer {
		box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5) ;
		padding:  20px;
		background: #18446f url('/public/images/graphics/footer_bg_beta_2.png');
		text-shadow: 1px 1px 1px #0a2540;
		color:  #fff;
		border-top: 1px solid black
	}

	.footer h4 {
		color: #fff;
		text-shadow: 1px 1px 1px #0a2540;
	}

	#footer_menu {
		color;
	}

	.align_right {
		text-align: right;
	}

/*	--------------------------------------------------
:: Brödsmulor
-------------------------------------------------- */

.breadcrumbs li {
	float: left;
	margin: 0 10px 0 0;
}

/*	--------------------------------------------------
:: statistikdiven för självskattning
-------------------------------------------------- */

#stats {
	margin: 20px;
}


/* --------------------------------------------------
:: Utbildningesdelen
-------------------------------------------------- */
#education ul li {
	margin-left: 40px;
	list-style: circle;
}

/* --------------------------------------------------
:: Anhörigdelen
-------------------------------------------------- */

#stats_clear_signs {
	width: 300px;
}

.relative li {
	margin-left: 40px;
	list-style: circle;
}

.clear_signs input[type=checkbox], .clear_signs label
{
	display: inline;
}



/* --------------------------------------------------
:: Patient delen
-------------------------------------------------- */

.monthev-input {
	width: 30px;
	display: inline-block
}

.print {
	float: right;
}

.post ul {
	margin-left: 30px;
	display: block;
	list-style-type: disc;
}

.post ul li {
	display: list-item;
}

/* --------------------------------------------------
:: Ring-mig
-------------------------------------------------- */

#callme {
	color: #fff;
}

.callme_header {
	font-family: 'Bilbo Swash Caps', cursive;
	color: #3e97d7;
}

#callme-form label {
	color: #3e97d7;
}

#callme-box {
	background: #f5ee82;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #a6c75b;
	padding: 10px;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2) ;
	background-image: linear-gradient(bottom, rgb(255,250,186) 42%, rgb(245,237,130) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,250,186) 42%, rgb(245,237,130) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,250,186) 42%, rgb(245,237,130) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,250,186) 42%, rgb(245,237,130) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,250,186) 42%, rgb(245,237,130) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.42, rgb(255,250,186)),
		color-stop(1, rgb(245,237,130))
	);
}

/* --------------------------------------------------
:: Page
-------------------------------------------------- */

.top-margin {
	margin-top: 20px;
}

.padding-right-bottom-10 {
	padding-right: 10px;
	padding-bottom: 10px;
}

#citat blockquote {
	color: #444;
}


/* --------------------------------------------------
:: Självskattning färger
-------------------------------------------------- */

.sjalvkansla {
	color: #ab4741;
}


.sjalvtillit {
	color: #89a645;
}

.sjalvbild {
	color: #4371aa;
}
/* --------------------------------------------------
:: Sliderfärger
-------------------------------------------------- */

.slides_box {
	padding: 10px 0px 10px 10px;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #000;
}

.yellow {

	background-image: linear-gradient(bottom, rgb(255,250,186) 42%, rgb(245,237,130) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,250,186) 42%, rgb(245,237,130) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,250,186) 42%, rgb(245,237,130) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,250,186) 42%, rgb(245,237,130) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,250,186) 42%, rgb(245,237,130) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.42, rgb(255,250,186)),
		color-stop(1, rgb(245,237,130))
	);
}

.about h2 {
    font-size: 22px;
    border-bottom: 3px solid #f5ed84;
}

.about h3 {
    font-size: 18px;
    margin-bottom: 2px;;
}

.about .row {
    margin-bottom: 14px;
    margin-top: 14px;
}

.underline {
    border-bottom: 1px solid #a8c75b;
    margin-bottom: 14px;
    padding-bottom: 4px;
}

.margin_b_5 { margin-bottom: 5px;}

.docs h2 { font-size: 26px; }
.docs h3 { font-size: 22px; }
.docs h4 { font-size: 18px; }

.docs .text h3, h4 { text-align: left; }

.video h3 {
    font-size: 20px;
    margin: 0px 0px 4px -8px;
    color: #3e97d7;
    border-bottom: 1px solid #444;
}

.video li {
    margin-bottom: 4px;
    list-style: circle;
    margin-left: 24px;
}


.facts h3 {
    font-size: 20px;
    margin: 0px 0px 4px -8px;
    color: #3e97d7;
    border-bottom: 1px solid #444;
}
.facts h4 {
    font-size: 16px;
    margin: 6px 0;
}

.facts li {
    margin-bottom: 4px;
    list-style: circle;
    margin-left: 24px;
}

.facts p { margin: 0;}

.blue { color: #3e97d7;}

.blue-bg { background: #72b1db; }
.yellow-bg { background: #f4f083; }
.green-bg { background: #a7c95c; }

#poster {
   background: #fff url(../images/graphics/lotusmodellen.png) 0 40px no-repeat;
   background-size: 100%;
   -webkit-transition: background 1s;
   -moz-transition: background 1s;
}

#poster.is-poster {
   background-size: 100%;
}


.button {
	color: #fff;
}

.shop-price {
	text-align: right;
}
#buy-form label {
	font-size: 18px;
}

#buy-form h5 {
	color: rgb(62, 151, 215);
	margin-bottom: 6px;
	font-size: 20px;
}

#totalt_price_box {
	background: rgba(62, 151, 215, 1);
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 800;
}


#description {
	background-color: #F5EE82;
	color: #3E97D7;
	font-size: 16px;
	padding: 10px;
	font-weight: bold;
	position: absolute;
	display: none;
}

#description.tooltip { display: block; }

.inactive-user {
    background: #c60f13 !important;
    color: #000;
}

.inactive-user a {
    color: #000;
}

.inactive-user a:hover {
    color: #fff;
}

.panel table {
    width: 100%;
}

.evaluation p {
	font-size: 16px;
	margin-bottom: 2px;
	color: #000;
}

.evaluation p span {
	display: inline-block;
	margin-left: 5px;
}

.center {
	text-align: center;
}

.consequences input {
	border: 0;
	color: #77d5f7;
	font-weight: bold;
	width: 30px;
}

.consequences .good {
	display: inline-block;
	font-size: 10px;
	color: green;
}

.consequences .bad {
	display: inline-block;
	margin-left: 120px;
	font-size: 10px;
	color: red;
}

.overview  table { width: 100%;}

.positive {
	margin: 0;
	color: red;
	font-size: 20px;
	display: inline;
	margin-right: 10px;
}

.negative {
	margin: 0;
	color: green;
	font-size: 20px;
	display: inline;
	margin-right: 10px;
}

#cookie-law {
	bottom: 0px;
	height: 40px;
	background: #18446f;
	border-top: 1px solid #000;
	margin: 0px;
	position: fixed;
	width: 100%;
	z-index: 4000;
	opacity: 0.8;
}

#cookie-law p {
	text-align: center;
	padding-top: 11px;
	color: #fff;
}

#cookie-law p a {
	color: #fff;
}

#cookie-law p a:hover {
	text-decoration: underline;
}


#cookie-law .close-cookie-banner {

}

.input {
	padding: 5px 5px 15px 5px;
	width: 50%;
}


.help-icon {
    float: right;
}