 /**
 * This Software is property of ACTIVETRAFFIC and TMEDIA is protected by
 * copyright law - it is NOT Freeware.
 * Any unauthorized use of this software without a valid license agreement
 * will be prosecuted by civil and criminal law.
 *
 * @link        http://www.activetraffic.de, http://www.tmedia.de 
 * @projectlink	http://www.flexia.de
 * @authors     Mario Krell <mario.krell@activetraffic.de>, Johannes Teitge <teitge@tmedia.de>  
 * @copyright   (C) ACTIVETRAFFIC and TMEDIA 2018-2019
 * @module      Flexia's Tab Module
 * @version     15.04.2019 1.0.0
 */
 
 /* using icomoon */
 
@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.eot?cbtdwr');
	src:  url('../fonts/icomoon.eot?cbtdwr#iefix') format('embedded-opentype'),
	url('../fonts/icomoon.ttf?cbtdwr') format('truetype'),
	url('../fonts/icomoon.woff?cbtdwr') format('woff'),
	url('../fonts/icomoon.svg?cbtdwr#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.tabbedWidgetBox [class^="icon-"],
.tabbedWidgetBox [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

  /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-circle-up:before {
	content: "\ea41";
}
.icon-circle-right:before {
	content: "\ea42";
}

.icon-circle-down:before {
	content: "\ea43";
}

.icon-circle-left:before {
	content: "\ea44";
}

/* general tabs module styles */

#itemTabs li a i {
	margin-right: 6px;
}

.nav-tabs>li.active>a {
	font-weight: bold;
}

#itemTabs li .red {
	background-color: #ffebe5 !important;
	color: red !important;	
}

#itemTabs li .red:hover {
	background-color: #ffded2 !important;
}

#itemTabs li a i {
	margin-right: 6px;
}

#itemTabs a,
#itemTabs .active a {
	background-color: #F1F1F1;
    font-size: 14px;
    color: #888888;
    border-radius: 5px;
	padding: 15px 20px;
}

#itemTabs .active a {
	background-color: #e20018;
	border-color: #e20018;
    font-weight: bold;
    color: #fff;
    box-shadow: 0 14px 22.8px 0 rgb(0 0 0 / 13%);
}

.nav-tabs > li,
.nav-tabs > li > a {
	margin: 0;
}


code {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding: 0;
    font-size: 100% !important;
    color: #e20018;
    background-color: white !important;
    border-radius: 0px;
}

div:is(.ui-tabs-panel, .tab-pane) {
	position: relative;
	overflow: hidden;
	transition-duration: 0.45s;
	transition-delay: 0s;
	max-height: 5000px;
}

div:is(.ui-tabs-panel, .tab-pane).expand {
	max-height: 400px;
}

div:is(.ui-tabs-panel, .tab-pane):before {
	opacity: 0;
}

div:is(.ui-tabs-panel, .tab-pane).expand:before {
	content:'';
	width:100%;
	height:150px;    
	position:absolute;
	left:0;
	bottom: 0;
	background:linear-gradient(transparent 70px, #ffffff);
	transition: all 0.25s ease-in;
	opacity: 1;
	pointer-events: none;
}

a.moreless {
	color: inherit;
	opacity: 0.6;
	transition: all 0.8s;
}

a.moreless:hover {
	color: inherit;
	opacity: 1;
}

div:is(.ui-tabs-panel, .tab-pane):not(.active) + .moreless {
	display: none;
} 

#productinfo .relatedInfo .tabbedWidgetBox .tab-content > div:is(.ui-tabs-panel, .tab-pane).listing-categories {
	margin-bottom: 0;
}

#productinfo .relatedInfo .tabbedWidgetBox .tab-content div:is(.ui-tabs-panel, .tab-pane) ul {
	padding-inline-start: 20px;
}

body.cl-details .tabbedWidgetBox .nav-tabs > li a span .icon-circle-down,
body.cl-details #detailsRelated .tabbedWidgetBox .nav-tabs > li .icon-circle-down,
div:is(.ui-tabs-panel, .tab-pane).listing-categories .page-header .icon-circle-up,
.tab-title .icon-circle-up {
	font-size: 13px;
	cursor: pointer;
}

#product_leseproben-downloads a[href*='.pdf'],
#product_leseproben-downloads a[href*='.zip'],
#product_leseproben-downloads a[href*='.doc'] {
	display: inline-block;
	margin-bottom: 5px;
}

#product_leseproben-downloads a[href*='.pdf']:before,
#product_leseproben-downloads a[href*='.zip']:before,
#product_leseproben-downloads a[href*='.doc']:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	background-repeat: no-repeat;
	background-size: contain;
	height: 13px;
	width: 34px;
}

#product_leseproben-downloads a[href*='.pdf']:before {
	background-image: url('../img/pdf.png');
}

#product_leseproben-downloads a[href*='.zip']:before {
	background-image: url('../img/zip.png');
}

#product_leseproben-downloads a[href*='.doc']:before {
	background-image: url('../img/doc.png');
}

#detailsRelated h3 {
	margin-top: 10px;
	margin-bottom: 50px;
}


/* List Stylings in tabs */
.tab-content div:is(.ui-tabs-panel, .tab-pane) ul {
	position: relative;
	list-style-type: none;
}

.tab-content div:is(.ui-tabs-panel, .tab-pane) > *:is(ul, ol) {
	margin-bottom: 20px;
}

.tab-content div:is(.ui-tabs-panel, .tab-pane) ul,
.tab-content div:is(.ui-tabs-panel, .tab-pane) ol ul {
	padding-left: 35px;
}

.tab-content div:is(.ui-tabs-panel, .tab-pane) ol {
	padding-left: 18px;
}

.tab-content div:is(.ui-tabs-panel, .tab-pane) ol.alpha {
	list-style-type: lower-alpha;
}

#content .tab-content div:is(.ui-tabs-panel, .tab-pane) *:is(ol, ul) > li {
	line-height: 20px;
	margin-bottom: 10px;
}

#content .tab-content div:is(.ui-tabs-panel, .tab-pane) *:is(ol, ul) > li > *:is(ul, ol) {
	margin-top: 10px;
}

.tab-content div:is(.ui-tabs-panel, .tab-pane) > ol > li {
	padding-left: 17px;
}

.tab-content div:is(.ui-tabs-panel, .tab-pane) > ul > li:before,
.tab-content div:is(.ui-tabs-panel, .tab-pane) > *:is(ul, ol) > li > ul > li > ul > li:before {
	content: "\2014";
	position: absolute;
	left: 0;
}

.tab-content div:is(.ui-tabs-panel, .tab-pane) > *:is(ul, ol) > li > ul > li > ul > li:before {
	left: 30px;
}

.tab-content div:is(.ui-tabs-panel, .tab-pane) > *:is(ul, ol) > li > ul {
	list-style-type: disc;
	padding-left: 0;
	list-style-position: inside;
}

.tab-content div:is(.ui-tabs-panel, .tab-pane) > *:is(ul, ol) > li > ul > li > ul {
	list-style-type: none;
	padding-left: 60px;
	position: relative;
}

.tab-content div:is(.ui-tabs-panel, .tab-pane) > *:is(ul, ol) > li > ul > li > ul > li > ul {
  list-style-type: disc;
  padding-left: 10px;
}


@media only screen and (min-width: 320px) {
	#itemTabs {
		width: 100%;
	}
	#itemTabs li:not(:last-child) {
		padding-right: 0;
		margin-bottom: 5px;
	}
	#itemTabs .nav.nav-tabs > li > a {
	    padding: 15px 15px;
	}
	#itemTabs a,
	#itemTabs .active a {
		font-weight: bold;
		line-height: normal;
	}
}

@media only screen and (min-width: 768px) {
	#itemTabs {
		width: auto;
	}
	#itemTabs li:not(:last-child) {
		padding-right: 15px;
	}
	#itemTabs li,
	#itemTabs li:not(:last-child) {
		margin-bottom: 15px;
	}
}