/*----------------------------------------------------------------------------------
  FLIKAR PRODUKTSIDA
----------------------------------------------------------------------------------*/
.tabswrapper.desktop {}
.desktop .tabs {background: #000; padding:0; margin:0; list-style: none; line-height:33px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.desktop .tabs .col {margin-bottom:0;}
.desktop .tabs li {width: 100%; text-align:center; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.desktop .tabs li.activeTab {background: #fff;}
.startflikwrapper {display:none; background: #FFF; padding: 15px;}
.startflikwrapper.active {display:block;}
#Faktablad .desktop .tabscontent {border:1px solid #eee; border-top:4px solid #eee; padding:15px;}
.tabscontent {font-size: 14px;}
.tabscontent ul, .tabscontent li{margin-left: 15px;}

/* TYPOGFRAFI */
.desktop .tabs li, .tabs li a {color:#FFF; font-size:15px;}
.desktop .tabs li.activeTab, .desktop .tabs li.activeTab a {color:#000;}

/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 850px) {
	.tabswrapper {margin:10px 0 30px; padding: 0 10px;}
	.mobile .tabs {padding:0; margin:0;}
	.mobile .tabs .tabsname {padding:15px; list-style:none; border-bottom:1px solid #000; cursor:pointer; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-size:13px;}
	.tabswrapper .tabs:first-child {border-top:1px solid #000;}
	.mobile .tabs.activeTab .tabsname {border-bottom:1px solid #000;}
	.mobile .tabs .tabsname::after {content:"\f107"; font-family: FontAwesome; font-size: 20px; padding:0 10px 0; display:inline-block; float:right; transition:all 0.1s ease; width:11px; height:21px; -webkit-transform:rotate(0); transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0);}
	.mobile .tabs.activeTab .tabsname::after {transition:all 0.3s ease 0s; content:"\f106";}
	.mobile .tabs .tabscontent {display: none; max-height:0; overflow-y:hidden; padding:0; border-bottom: 1px solid #000;
		-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1);}
	.mobile .tabs.activeTab .tabscontent {display: block; max-height:2000px; overflow-y:scroll;
		-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in;}
	.mobile .tabs .tabscontent > div {padding:20px;}
	div#Lager_Storleksguide_V2 tr td {padding: 9px 15px;}
	.mobile .tabs {font-size: 13px;}


	/* TYPOGFRAFI */
	.mobile .tabs.activeTab .tabsname, .mobile .tabs.activeTab .tabsname a, .mobile .tabs.activeTab .tabsname::before {color:#000;}
	.mobile .tabs .tabsname, .mobile .tabs .tabsname a, .mobile .tabs .tabsname:before {color:#222;}
	.tabscontent p {margin-bottom:0 !important;}