/* ------------------- general stuff ------------------------------ */
/*
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700&display=swap');

body {
	color:#333;
	padding:0;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Source Sans Pro', sans-serif;
}

#main {
	min-height:1000px;
}

#overlay, #overlay_too_small {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 99999;
    display:none;
}
#overlay img { /* ajax-loader-gif */
	position:absolute;
	top:20%;left:50%;
	z-index:10000;
}
#overlay_too_small #overlay_message { /* resolution too small to use */
	position:absolute;
	top:30%;left:0;
	z-index:10000;
	background-color:#fff;
	color:#222;
	padding:30px;
	font-size:1.4em;
	text-align:center;
}
.material-icons {
	vertical-align:middle;
}


ul {margin:0;}
.pointer {cursor:pointer;}
.activeLink {background-color:#97012e!important;color:#fff;}
.hidden {display:none;}
.sm-text {font-size:80%;}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.small2 { /* cards on Dashboard */
	height:160px !important;
}
.dashboard .grid-item {
	transition:300ms linear;
}
.dashboard .grid-item:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity:0.95;
}

/* -------------------- main header -------------------------------- */
.logo-header {
  display: flex;
  justify-content: center;
  border-radius: 10px 10px 0 0;
  margin: 8px 8px 0px 8px;
}
.gradient {
  background: rgb(158,164,191);
  background: linear-gradient(90deg, rgba(158,164,191,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(159,164,191,1) 100%);
}

.header.gradient .header-title {
	color:rgb(136, 13, 56);
}

#sie_sind_eingeloggt {
	position:absolute;
	top:12px;
	left:12px;
	background:rgba(255,255,255,0.75);
	padding:3px 8px;
	border-top-left-radius:10px;
	font-size:11px;
	line-height:1.4;
	font-weight:600;
}
#sie_sind_eingeloggt span {
	font-weight:700;
}

.header {
  text-align: center;
  border-radius: 0 0 10px 10px;
  margin: 3px 8px 0;
  padding: 8px;
}
.header .header-title {
  font-size: 30px;
  font-weight: 500;
  margin: 0; 
}
.header .header-description {
  font-weight: 400;
  font-size: 17px;
  margin: 4px;
}
.bgcol0 {background-color: rgb(73, 83, 165) !important; color:#ffffff;} /* BestPriceFinder */
.bgcol1 {background-color: rgb(136, 13, 56) !important; color:#ffffff;} /* IT Channel News */
.bgcol2 {background-color: rgba(117, 135, 144, 0.7) !important; color:#ffffff;} /* Campaign manager*/
.bgcol3 {background-color: black !important;} /* UNUSED ?!*/
.bgcol4 {background-color: rgb(63, 118, 114) !important; color:#ffffff;} /* Green IT*/
.bgcol5 {background-color: rgb(117, 135, 144) !important; color:#ffffff;} /* Business Events */
.bgcol6 {background-color: rgba(123, 64, 88, 0.7) !important; color:#ffffff;} /* IT-Eigenmarken */
.bgcol7 {background-color: #815868; color:#ffffff;} /* NEW IT-Eigenmarken ?!*/
.bgcol8 {background-color: rgb(128, 153, 185) !important; color:#ffffff;} /* ModularContent */
.bgcol9 {background-color: rgb(97, 95, 158) !important; color:#ffffff;} /* eKataloge */
.bgcol10 {background-color: rgb(125, 64, 88) !important; color:#ffffff;} /* TopSeller */
.bgcol11 {background-color: rgb(163,148,18) !important; color:#ffffff;} /* B-Ware IT*/

/* ----------------- sidebar navigation ---------------------------- */

.side-nav2 {background-color:#ffffff;width: 220px; padding:8px 0;border-right:2px solid #ccc;border-bottom:2px solid #ccc;}
.side-nav2 li a, .logo-header a { background-color: #747c9e;border-radius:10px; margin-bottom:10px;color:#ffffff;font-weight:normal;font-size: 16px; border-bottom:1px solid #4a4a4a;padding:0px 0px; margin-left:8px;margin-right:8px;
display: block;
height: 48px;
line-height: 48px;
transition:300ms linear;
}
.logo-header a {
	padding-right:15px;
	position:absolute;
	top:14px;
	text-transform:uppercase;
	letter-spacing: 0.1em;
}
.side-nav2 li a.dividerbottom {border-bottom:1px solid #8a8a8a;}
.side-nav2 li a i.material-icons, .logo-header a i.material-icons {margin:0px 5px 0 10px;color:#fff;font-weight:normal;
    height: 48px;
    line-height: 48px;
    width: 24px;
 }
.side-nav2 a.logolink {color:#ffffff;font-weight:normal;font-size: 16px; border-bottom:none;width:220px;height:75px;display:inline-block;margin:0px;line-height:0px;padding:0px;}
.side-nav2 li > a:hover, .logo-header a:hover {
	background-color:#4954a5;
	-webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03);
        opacity:0.95;
}
.side-nav2 li > a.no-icon { text-align:center; height:30px; line-height:30px;}
.side-nav2 .user-view {margin:20px 0px 0px;padding:8px 16px;font-size:16px!important;}

#sidenav-overlay {display: none;}

/* ----------------- end of sidebar navigation ---------------------------- */

/*  ----------- make sticky ---------------------- */
.f-nav { /* sidebar */  
z-index: 1000;
position: fixed;
left: 0;
top: 0;
}
.f-nav2{ /* main */
margin-left:220px;
}
.f-nav-top{ /* white bar */
z-index: 1000;
position: fixed;
left: 220px;
top: 0;
background-color:#fff;
width:98%;
padding-top:8px;
border-bottom:1px solid #ccc;
}
.f-nav-top #pagination0 {
	margin-top:15px;
}
.f-nav-top #butgroup0 {
	margin-top:15px;
	text-align:center;
}
.f-nav-top #treffer {
	margin:.5rem 0;
}
.f-nav-top .selcount_holder#stickyselcount {
	width:70px;
	display:inline-block;
	margin-top:15px;
}


.select-wrapper input.select-dropdown, input[type="text"]:not(.browser-default) {
margin:0;
}


/*.sticky .select-wrapper + label { /* Anzahl Ergebnisse and Sortierung labels */ 
/*top: -20px;
}*/



/* --------------- Top stuff ---------------------- */

#seloptions .btn-flat, #fvloptions .btn-flat, .row.big-buttons .btn-flat  { /* options buttons with icon */
	 padding:0 .5rem;
}
#modal1 .btn-flat { /* modal footer buttons */
	 padding:0 1.3rem;
}

/*#fvloptions .btn-flat:hover, #seloptions .btn-flat:hover {  
	color:#4953a5;
	font-weight:500;
}*/

.selcount_holder, .sub_buttons {
	padding:10px;
	margin:0 auto;
	font-size:16px;
	max-width:260px;
	text-align:center;
	background-color:#f8f8f8;
	color:#333;
	border:1px solid #880d38;
	border-radius:4px;
	font-weight:500;
	transition:0.3s;
	box-shadow:2px 2px 2px #000;
}
.sub_buttons {
	padding:5px 10px;
}
.selcount_holder.active {
	background-color:#97012e;
	color:#fff;
}
.selcount_holder:hover, .sub_buttons:hover { /* :not(#stickyselcount) */
	cursor:pointer;
	background-color:#4953a5;
	color:#fff;
}
.selcount_holder#stickyselcount {
	display:none;
}

.row.big-buttons {
	height:55px;margin:15px 00;
}
.big-button-style {
	text-transform:uppercase;
	letter-spacing:.15em;
	padding:0 20px;
	height:45px;
	line-height:45px;
	background-color: #747c9e;
	border-radius:4px;
	color:#ffffff;
	font-weight:400;
	font-size: 16px;
	box-shadow:2px 2px 2px #000;
}
.big-button-style:hover {
	cursor:pointer;
	background-color:#4954a5;
}
.big-button-style i.material-icons {
	height:45px;
	line-height:45px;
	float:left;
	margin: 0 7px 0 0;
}
#favbuttons {
	display:none;
}
#favbuttons a {
	display:inline;
	background-color: #747c9e;
	border-radius:4px;
	color:#ffffff;
	font-weight:400;
	font-size: 16px;
	border-bottom:1px solid #4a4a4a;
	padding: 8px 16px;
	margin-left:10px;
	transition:0.3s;
	box-shadow:2px 2px 2px #000;
	transition:0.3s;
}

.tabcontent  {
	display:none;
}

/* Produktgruppen */
#selbuts_bgruppen {
	margin-bottom:13px;
	padding:10px;
	border-bottom: 1px solid #999;
}
#selbuts_sgruppen {
	padding:10px;
}
.myselbutton3.collapselink, .myselbutton {
	font-size:15px;
	font-weight:500;
	text-decoration: none;
	display: inline-block;
	/*border-bottom: 2px solid #464637;*/
	color: #464637;
	margin-right:10px;
	white-space: nowrap;
	color: #464637;
	border:1px solid #fff;
	padding:1px 4px 1px 5px;
	
}
.myselbutton3:focus {
	background: #acac9d;
}
.myselbutton3.collapselink.active {	
	/*border-bottom: 2px solid #97012e;
	color: #4953a5;*/
}
#sgruppen_showall {
	color:#4953a5;
	font-weight:500;
	display:none;
}
.myselbutton .c {
	color: #747c9e;
}
.myselbutton.active .c {
	color: #fff;
}
.myselbutton:hover {
	border:1px solid #97012e;	
}



.myselbutton.hasimg img {
	height:40px;
	width:auto;
	display:inline-block;
}

.myselbutton.hasimg {
	padding:0px;
	background-color:#fff;
}

.myselbutton.hasimg:hover {
	border:1px solid #fff;
}

.myselbutton.hasimg:hover img, .myselbutton.hasimg.active img {
	opacity: .6;
}

.myselbutton.hasimg.active, .myselbutton.hasimg:active {
	padding:0px;
	background-color:#fff!important;
}




.selbutsxxl .myselbutton:active, .myselbutton.active, .myselbutton:active {
	background-color: #97012e;
	color:#fff;
}

.selbutsxxl .myselbutton {
	display: inline-block;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #fff;
	color: #000;
	padding: 13px 15px;
	margin:0px 1px 1px 0px;
	text-align: center;
	white-space: nowrap;
	font-size:20px;
}
.selbutsxxl .myselbutton:focus {
	background: #fff;
}



#sliders {
	/*margin:0 10px;
	padding:5px 7px;
	color:#fff;
	background-color:#747c9e;
	border-radius:4px;
	transition:0.3s;
	box-shadow:2px 2px 2px #000;*/
}

#sliders i {
font-size: 1.85rem;
}

/* --------------- Pagination etc. ---------------------- */
#pagination0 {

}
.pagination li a {
padding:0 8px;
}
.pagination li:not(.active) a:hover {
background-color:#e0e0e0;
}
#treffer { /* 1-X Treffer */
	
}
 /* Ansicht buttons */
#butgroup0 {
	text-align:right;
}
#butgroup0 a {
padding:0 1rem;
}
#but_clearsearch, #but_dosearch {
	padding:0px 10px;	
}
#but_clearsearch i, #but_dosearch i {
font-size: 1.8rem;
}
 
 /* -------------------------- modal -------------------------- */
 
.modal {max-height: 90%;width: 80%; top: 5%!important;}
.modal.modal-fixed-footer {height:90%;}
.greenit-modal#modal1  {height:65%;}
.modal.modal-sm-height {max-height: 30%;width: 30% !important; top: 5%!important;}
.modal.modal-fixed-footer.modal-sm-height {height:30%;}

.redartikel-modal .modal-content {background: url("/img/loader.gif") no-repeat fixed center; }

.modal-main-pic {
width:250px;
float:left;
padding:3px;
}
.modal-mini-pic {
width:65px;
height:65px;

}
.modal-mini-pic:hover {
cursor:pointer;
opacity:.75;
}
.modal h4 {
    font-size: 1.8rem;
}
#modal_message {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	color:red;
	display:none;
	padding:20px;
	font-weight:400;
	font-size:18px;
	text-align:center;
}

/* ------------------- modal content styling ---------------------------- */

/* merken/deselektieren in lightboxes */
.modal #mm_selarr {
	float:left;
	width:150px;
	margin:30px 0 0 10px;
}

/* Distris on bpf modal */
.modal-table {
	width:100%;
	table-layout: fixed;
	overflow-wrap: break-word;
}
.modal-table thead tr th, .modal-table tbody tr td {
	text-align:left;
	padding: 10px 5px;
	vertical-align:top;
}

.modal-table.sm thead tr th, .modal-table.sm tbody tr td {
	padding: 0 5px;
}

.modal-table.sm2 thead tr th, .modal-table.sm2 tbody tr td {
	padding: 5px 5px!important;
}

.modal-table.sm tbody tr:nth-child(odd) {background-color:#f2f2f2;}
.modal-table.sm tbody tr td a {color:#97012e;}
.modal-table.sm tbody tr td a:hover {color:#4953a5;}

/* Verwalten usw. Tabellen  #mm_tab1 */
#mm_tab1 tr td, #mm_tab1 thead tr th {padding:0px 5px;}
#mm_tab1  tr.active, #mm_tab1 tbody tr.active:hover, .ptable tbody tr.active:hover {background-color:#2db300;color:#fff;}
#mm_tab1 tr:hover {cursor:pointer;	background-color:#f2f2f2;}
#mm_tab1 td:nth-child(1) {min-width:50%;}

/* edit Katelog product details table */
.ptable#tab2 th {font-size:1em;text-align: center;} 
.ptable#tab2 td {font-size:0.9em;text-align: center;padding:3px 5px;}
.ptable#tab2 td:not(.noclick):hover {cursor:pointer; outline: 1px solid #00d01f;}
.ptable#tab2 td.handle i {background-color:#b2b0dc !important;padding:6px 0;border-radius:7px;}
.ptable#tab2 td.noclick {background-color:#fff;text-align:center;}
.ptable#tab2 tbody tr:nth-child(odd) {background-color:#eee;}
.ptable#tab2 tbody tr {border-bottom:1px solid #ccc;}
.ptable#tab2 [type="checkbox"]:not(:checked), .ptable#tab2 [type="checkbox"]:checked {
    opacity: 1;
    pointer-events: auto;
	position: static;
}
.ptable#tab2 [type="checkbox"]:hover, .ptable#tab2 td.handle {
	cursor:pointer;
}
/* select from table in Favoritenliste einfügen in imp/exp modal */
#sel_impfav_table {
	float:left;
	width:90%;
	margin:30px 0 0 20px;
}

/* Products */
#produkt_details {text-align:center;}
#produkt_details h5{font-size:1.3rem;}
#select_product_details {display:block !important;width:80%;margin:0 auto 25px;}
#select_product_details:hover {cursor:pointer;}
.ptable3 { } /* width:90%;margin:0 5%; font-size:100%;*/
.modal .ptable3 {display:none; }
.ptable3:last-child {display:block;}
.ptable3 tbody tr td {padding:5px 8px;}
.ptable3 tbody tr td:nth-child(2) {padding-left:5px;}
.ptable3 tbody tr:nth-child(odd) {background-color: #f2f2f2;}
.ptable3 tbody tr th, .ptable3 thead tr th {padding:5px;}




/* -------------------- end of modal -------------------------- */


/* --------------- Katalogs overview table ---------------------- */

#kat_options { /* spalten options */
text-align:right;
margin-bottom:30px;
}
#kat_options a {
	color: #757575;
}

.katalog#tab1 tbody tr.active { /* , .katalog#tab1 tbody tr.active > a */
	background-color:#d4d3ea;
	color:#333;
	font-weight: 500;
}
.katalog#tab1  {
	border-collapse: separate;
	border-spacing: 3px; /* Apply cell spacing */
} 
.katalog#tab1  th {
	font-size:15px;
	border:none;
} 
.katalog#tab1  td {
	border-bottom: 1px solid #d0d0d0;
	padding:4px;
	font-size:16px;
}
.katalog#tab1  a {
	color: #615f9e;
}

.kat-akt-td {
	width:40px;
	border-left:1px solid #d0d0d0;
	border-bottom:none !important;
	text-align:center;
}
.kat-akt-td:last-child {
	border-right:1px solid #d0d0d0;
}

.ui-state-highlight { height: 43px; line-height: 40px; }
.ui-sortable-helper { display: table; }


/* ------------------ Katalog-Statistik ------------------------------------- */
#katdrop .select-wrapper input.select-dropdown {
	font-size: 1.5rem;
}
.stats_tabelle td, .stats_tabelle th, .stats_overview_tabelle td {
	padding:5px;
	text-align:center;
}
.stats_tabelle th {
	background-color: #54585d;
	color: #ffffff;
	height:55px;
}
.stats_tabelle th a.sort:hover {
	background-color: #64686e;
}
.stats_tabelle th a {
	display: flex;
	align-items: center;
	text-decoration:none;
	justify-content: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	height:55px;
	
}
.stats_tabelle th a i {
	color: rgba(255,255,255,0.4);
}
#bydate .stats_tabelle tr:nth-child(odd), #byprodukt.stats_tabelle tr:nth-child(odd), .row_highlight {
	background-color:#f2f2f2;
}
.stats_tabelle tr:hover, .stats_overview_tabelle tr:not(.sub):hover {
	outline:1px solid #00d01f;
}
.stats_overview_tabelle td {
	padding:10px 5px;
}
#ip .sub {
	border-bottom:2px solid #97012e;
}

.stats_tab {
	border-left:1px solid #9e9e9e;
	border-right:1px solid #9e9e9e;
	border-top:1px solid #9e9e9e;
	text-align:center;
	text-transform:uppercase;
	padding:5px 0;
	width:20%;
	float:left;
	margin-right:10px;
	background-color:rgb(116, 124, 158);
	color:#fff;
}
.stats_tab.activetab {
	background-color:#fff;
	color:rgb(116, 124, 158);
}
.stats_tab:hover {
	
}
.stats_overview_tabelle td {
	
}
.stats_overview_tabelle tr, #byprodukt.stats_tabelle tr {
	border-bottom:1px solid #d0d0d0;
}
.stats_overview_tabelle tr:hover, .stats_tab:hover {
	cursor:pointer;
}
.overview_active_tr {
	background-color:#97012e;
	color:#fff;
}
.hide {
	display:none;
}



/* .dropdown-content */
.dropdown-content li.dd_header {
	padding: 14px 16px;
	text-align:center;
}
.dropdown-content li.dd_header:hover {
	background-color: #fff;
	cursor:auto;
}



/*
#progresscont {
	position:fixed;top:0px;left:0px;right:0px;margin:0px;z-index:1000;
}*/

.noUi-handle {outline:none!important;}


 
/* ------------------- scroll to top -------------------------- */ 

.scrollToTop{
    text-align:center; 
    position:fixed;
    bottom:75px;
    right:40px;
    display:none;
}
.scrollToTop:hover{
    text-decoration:none;
}



.input-field input:focus + label {color: #2d54a3!important}
.row .input-field input:focus {border-bottom: 1px solid #2d54a3!important;box-shadow: 0 1px 0 0 #2d54a3!important}

.blue {background-color: #2d54a3 !important;}

.autocomplete-content li a {
	font-size:80%!important;
	padding:0px;
}

.dropdown-content {width:440px;}
.dropdown-content li {min-height: 20px;}
.dropdown-content.impexp {width:260px;}
.dropdown-content.duplizieren {width:300px;}


#searchresult_cont{width:100%;display:block;}
#searchresult{position:fixed;width:500px;border:1px solid #2E4D9D;margin:0px;padding:0px;z-index:1000000;-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.6);-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.6);box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.6);}
#searchresult_tab {
    background:#fff;
	font-size:12px;
}
#searchresult_tab tbody th {
	padding:4px;
}
#searchresult_tab tbody td {
	padding:4px;
}
#searchresult_tab tbody tr.line {
	cursor:pointer;
}
#searchresult_tab tbody tr.line:hover, #searchresult_tab tbody tr.selected {
	background-color:#ddd;
}
#searchresult_tab tbody td span.small {
	font-size:11px;color:#666;
}

#searchresult_tab tbody td .highlight {
	font-weight:bold;
}
#searchresult tbody tr td:nth-child(1) {width:60px;padding:4px 0px 4px 20px;}
#searchresult tbody tr td:nth-child(1) img {max-width:40px;height:auto;max-height:40px;}
#searchresult tbody tr td:nth-child(2) {overflow:hidden!important;text-overflow:ellipsis;width:350px;}
#searchresult tbody tr td:nth-child(2) div {overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap;max-width:342px;}
#searchresult tbody tr td:nth-child(3) {width:90px;text-align:right;}





/* --------------- autocomplete ------------------- */

.autocomplete {
	display: -ms-flexbox;
	display: flex;
}
.autocomplete .ac-users {
	padding-top: 10px;
}
.autocomplete .ac-users .chip {
	-ms-flex: auto;
	flex: auto;
	margin-bottom: 10px;
	margin-right: 10px;
}
.autocomplete .ac-users .chip:last-child {
	margin-right: 5px;
}
.autocomplete .ac-dropdown .ac-hover {
	background: #eee;
}
.autocomplete .ac-input {
	-ms-flex: 1;
	flex: 1;
	min-width: 150px;
	padding-top: 0.6rem;
}
.autocomplete .ac-input input {
	height: 2.4rem;
}
li.ac-item a {padding:8px 12px;}
ul.xsm li.ac-item a {font-size:80%;padding:2px 10px;}

.dropdown-content li > a, .dropdown-content li > span {color:#2E4D9D;}
		
input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly])
{
	border-bottom: 1px solid #2E4D9D;
	-webkit-box-shadow: 0 1px 0 0 #2E4D9D;
	box-shadow: 0 1px 0 0 #2E4D9D;
}




table.tabmwidth thead th {min-width:150px;}

table.tabvaligntop thead th, table.tabvaligntop tbody td {vertical-align:top;}
table.tabvalignmiddle thead th, table.tabvalignmiddle tbody td {vertical-align:middle;}

.mylabelcont {margin-left:16px;margin-right:16px;}
.mylabel {font-size: .8rem;margin-top:-13px;height:30px;} /* labels on sliders color:#9e9e9e;*/

/*.activecard {outline:5px solid #2db300;}*/

/*#navinfoline {line-height:10px;margin:0px!important;padding:0px!important;display:block;line-height:20px;border:0px;}
#navinfoline a {font-size:10px;float:left;margin:0px!important;padding:0px!important;width:83px;line-height:20px;height:20px;text-align:center;}*/






.input-field-selbuts a
{

}

.collection a.collection-item {
	color:#3f649b;
}

.collection .collection-item.active {
    background-color: #3f649b;
    color: #eafaf9;
}




.smtable {font-size:70%;}
.smtable tr, .smtable tr td{padding:0px;margin:0px;vertical-align:top;}

.mdtable {font-size:80%;cursor:pointer;}
.mdtable tbody tr, .mdtable tbody tr td, .mdtable thead tr th{padding:2px 10px;margin:0px;vertical-align:top;}
.mdtable tbody tr:hover {background-color:#eee;}
.mdtable tbody tr.active {background-color:#2db300;color:#fff;}
.mdtable tbody tr.bold {font-weight:bold;color:#000;background-color:#aaa;}
.mdtable tbody tr.bold.active {font-weight:bold;color:#000;background-color:#2db300;}
.mdtable tbody tr {border-bottom:1px solid #ddd;}

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

.distrInfoCont {background-color:#cccccc;color:#111;padding:20px;margin-bottom:10px;font-size:12px;}
.distrInfoCont1 a {color:#111;}
.distrInfoCont1 a:hover {text-decoration:underline;}
.distrInfoCont2 {margin-bottom:10px;}
.distrInfoCont2 a {
  background-color: #f2f2f2;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  border: 1px solid #bfbfbf;
  box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d9d9d9, inset 0 0 0 1px #f2f2f2, 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #000000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding: 9px 16px 9px;
  margin: 16px 0 0 0px;
  transition: all 20ms ease-out;
  vertical-align: top;
}


.distrInfoCont2 a:hover, .distrInfoCont2 a:focus {
  background: #f2f2f2;
  border-color: #8c8c8c;
  box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d9d9d9, inset 0 0 0 1px #f2f2f2;
}
.distrInfoCont2 a:active {
  background: #f2f2f2;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}


.md_mypreviewtab {padding:20px;border:1px solid #888; background-color:#eee;}
.md_mypreview table tr th {padding:4px;vertical-align:top;}
.md_mypreview table tr td {padding:4px;vertical-align:top;}

.placeholded label {
	-webkit-transform: translateY(-14px);
	transform: translateY(-14px);
}

.card-image {
text-align:center;
height: 150px;
}

.kacheltitel {
font-size:16px;
font-weight:600;
line-height:20px;
padding:0px 12px !important;
overflow:hidden;
max-height:75px !important;
}

.green-it .kacheltitel {
font-size:17px;
}

.sgruppehbnr {
line-height:21px;
font-size:14px;
color:#7e7d7d;
text-align:center;
font-weight:500;
}

/* ------------------------- Kachel styling ------------------------------- */

#div1 .gallerieansicht.grid-item {
  height:520px;
  width:355px;
  padding:0 0.5rem;
 }
.grid-item--width2 {
	width: 680px!important;
}
.mycard {
	width:340px;
	height:502px;
	border:1px solid #e0e0e0; /* #3fa9f5 */
	border-radius:5px;
	margin:0px;
	padding:0px;
	cursor:pointer;
	overflow-x:hidden;
}
.mycarddesc {
	font-size:13px;
	font-weight:normal;
	line-height:21px;
	color:#7e7d7d;
	padding:0px 12px !important;
	vertical-align:top;
}
.mycarddesc > div {
	height:155px;
	overflow-y:auto;
	overflow-x:hidden;
}
.mycarddesc span{
	line-height:18px;
	vertical-align:top;
}
.main_kachel_img_div {
	 padding:0px 6px;
	 max-height:200px;
}
.main_kachel_img_div img {
	max-height:200px;
}
.herst_logo_holder, .dist_logo_holder {
	padding:0px 6px;
	overflow:hidden;
}

.bpf.gallerieansicht .herst_logo_holder img, .bpf.listenansicht .herst_logo_holder img {
	max-width:120px;
	max-height:50px;	/* added to restrict blank.jpg */
}

.eigenmarken.gallerieansicht .herst_logo_holder img, .eigenmarken.listenansicht .herst_logo_holder img {
	max-width:120px;
	max-height:50px;	/* added to restrict blank.jpg */
}


.green-it.gallerieansicht .herst_logo_holder, .green-it.gallerieansicht .dist_logo_holder {
	height:100px;
}
.green-it.gallerieansicht .dist_logo_holder {
	padding:10px 6px;
}
.green-it.gallerieansicht .herst_logo_holder img {
max-height:50px;
}

.green-it.listenansicht .dist_logo_holder {
	height:70px;
}
.green-it.listenansicht .herst_logo_holder {
	height:50px;
}
.green-it.listenansicht .dist_logo_holder img {
	height:65px;
}
.green-it.listenansicht .herst_logo_holder img {
	height:40px;
}

.green-it.tabellenansicht .dist_logo_holder, .green-it.tabellenansicht .herst_logo_holder {
	width:120px;text-align:center;"
}
.green-it.tabellenansicht .dist_logo_holder img, .green-it.tabellenansicht .herst_logo_holder img {
	height:50px;
	margin-top:10px;
}

.adp { /* Anzeigen on bpf Gallerieansicht */ 
	width:340px;
}

.bpf .mycarddesc span, .bpf .mehrdetails *, .bpf .merken *, .bpf .kacheltitel, .bpf-modal #mm_selarr * {
color: #4953a5;
}
.green-it .mycarddesc span, .green-it .mehrdetails *, .green-it .merken *, .green-it .kacheltitel, .greenit-modal #mm_selarr * {
color:#3f7672;
}
.eigenmarken .mycarddesc span, .eigenmarken .mehrdetails *, .eigenmarken .merken *, .eigenmarken .kacheltitel, .eigenmarken-modal #mm_selarr *,
.itcredak .merken *, .itcredak .weiterlesen *,
.itcnews .merken *, .itcnews .weiterlesen * {
color:#7b4058;
}

.listenansicht .mycard {
	height:267px;
}
.listenansicht.grid-item {
	width:355px;
	padding:0 0.5rem;
	height:277px;
}

.tabellenansicht .mycard {
	width: 98%;
	height:72px;
}
.tabellenansicht.grid-item {
    width: 95%;
    height: 80px;
}
.tabellenansicht .card-image {
	height: 70px;
}


/* ITC Redaktion */
.itcredak.listenansicht .mycard {
	height:237px;
}
.itcredak.listenansicht.grid-item {
	height:247px;
}

. itcredak.tabellenansicht .mycard {
	width: 98% !important;
	height:72px;
}
.itcredak.tabellenansicht.grid-item {
    width: 95% !important;
    height: 80px;
}
.itcredak.tabellenansicht .card-image {
	height: 70px;
}

.itcredak.tabellenansicht .itcredak-datum {
	width: 170px;
}
.itcredak.tabellenansicht h5 {
	margin:0 0 10px;
}
#red_logos {
	width:90%;
	overflow:auto;
	margin-bottom:25px;
}
#red_logos img {
	height:40px;
	float:left;
	margin:5px 0 0 5px;
	opacity:1;
	
}
#red_logos img:hover, #red_logos img.activelogo {
	opacity:.6;

}
#red_logos img:hover {
	cursor:pointer;
}
#red_groups > div {
	display:none;
	border-bottom:1px solid #ddd;
	width:90%;
}
#openall {
	float:left;
	padding:5px 10px;
	border:1px solid #ddd;
	border-radius:6px;
	margin:8px 0 0 5px;
	background-color: #747c9e;
	color:#fff;
}
#openall:hover {
	background-color: #4954a5;
}

/* ITC News */
.itcnews .mycard {
	height:522px;
}
.itcnews.grid-item {
	height:540px;
}


.mycard .preis-box {
font-weight:400;
line-height: 1.4;
padding:0px 12px;
text-align:left;
}
.mycard .preis-box span:nth-child(1) { /* ab */
color:#7e7d7d;
font-size:14px;
}
.mycard .preis-box span:nth-child(2) { /* preis */
color:#97012e;
font-size:28px;
}
.mycard .preis-box span:nth-child(3) { /* euro */
color:#97012e;
font-size:15px;
}
.kachel-bottom-strip {
height:70px;
background-color:#edeef4;
}
.listenansicht .kachel-bottom-strip {
height:75px;
}

.itcredak .kachel-bottom-strip {height:60px;}
.mehrdetails a, .merken a, .weiterlesen a, #mm_selarr a {
	text-align:center;
	display:block;
	font-weight:600;
}
.mycard .lager_zustand {
	font-size:14px;
	line-height:18px;
	color:#000;
	padding:0px 12px;
}
.mehrdetails a:hover, .merken a:hover, #mm_selarr a:hover {
	text-decoration:underline;
}
.mycard.active, .mycard.active:hover {
	outline:2px solid #00d01f;
}

.mycard:hover {
	outline:1px solid #00d01f;
	background-color:#f9f9f9;
}

.mycard table {
	margin:0px;
	padding:0px;
}
.mycard table tr, .mycard table tr td {
	margin:0px;
	padding:0px;
}
.mycardbtn {
	background-color:#3fa9f5;
	color:#fff;
	font-weight:bold;
	border-radius:4px;
	padding:6px 16px;
	width:150px;
	height:33px;
	display:inline-block;
	
}

.itcredak-datum {
	height:25px;
	font-weight:bold;
	text-align:center;
}
.itcredak h4 {
	font-size:16px;
	color: #880d38;
	font-weight: 600;
	margin:0;
	padding:0px 13px;
	line-height:19px;
	overflow:hidden;
}
#itcredak-gallerieansicht h4 {
	height:40px;
}
#itcredak-listenansicht h4 {
	text-align:center;
}
#itcredak-tabellenansicht h4 {
padding:0px;
}
.itcredak h5 {
	font-size:15px;
	color: #222;
	font-weight: 500;
	margin:0 13px;
	padding:0;
	text-transform:uppercase;
	line-height:19px;
}
#itcredak-gallerieansicht h5 {
	
}
#itcredak-tabellenansicht h5 {
	font-size:16px;
}
#itcredak-listenansicht h5 {
	padding:0px 10px 0 0;
	margin:0;
	font-size:15px;
	text-transform:none;
}
.mycard .itcredak-text {
	font-size:16px;
	padding:0px 13px;
	vertical-align:top;
	line-height: 1.4;
	font-weight: 400;
}
.mycardline {
	max-width: 308px;
	color:#666363;
}
.mycardline b {
	font-weight:600;
}

 /* Anzeige-Kacheln */
.grid-item .card {
	border-radius: 10px;
	overflow:hidden;
	border:3px solid #dddddd;
	height:490px;
	margin: .3rem 0 0 0;
}
.itcnewsanz .card {
	height:522px !important;
}
.itcnewsanz.grid-item {
	height:540px !important;
}

.anz-text {
	font-size:10px;
	margin-bottom:0;
	padding-left:10px;
}

::placeholder {
    color: #464637;
}

#mobile_opener {
	display:none;
	position:fixed;
	right:30px;
	top:20px;
	height:45px;
	width:45px;
	background-color:#fff;
	border-radius:10px;
	box-shadow:5px 5px 5px #000;
	z-index: 10000
}
#mobile_opener:hover {
	cursor:pointer;
}
#mobile_opener i {
	font-size:45px;
}
.mobile-sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 9000; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.mobile-sidenav li a {
	text-align:center;
	font-size: 19px;
}
.mobile-sidenav li a i {
	float:none !important;
}
.mobile-sidenav li > a.no-icon {
    height: 48px;
    line-height: 48px;
}



/* ------------------ bpf attrlist --------------------- */

.attrlist {
	background-color:green;
}

.attrlist_gruppe {
	font-size:16px;
	text-transform:uppercase;
	font-weight: 500;
	padding:0 !important;
	display: inline-block;
	width:150px;
	text-align:right;
}

.attrlist_gruppecont {
	background-color:cyan;
}
.attrlist_attr {
	/* background-color:pink; */
	border-right: 2px solid #2d52a1;
	font-weight: bold;	
}
.attrlist_attr2 {
	/*background-color:#747c9e;
	color:#fff;*/
	color:#333;
	font-weight: 600;
	font-size: 15px;
	padding:2px 5px;
	margin-left:6px;
	display:inline-block;
}
.attrlist_attr2:hover {
	cursor:pointer;
	background-color: #4954a5;
	color:#fff;
}
.attrlist_attr2.active {
	background-color: #97012e;
	color:#fff;
}
.attrlist_attrcont {
	/* background-color:gray; */
	font-size: 11px;
	/*border-bottom:1px solid #ccc;*/
	padding:1px 0 !important;
}
.attrlist_hidden {
	display:none;
}
.attrlist_chosen, .attrlist_hidden {
	padding:0 0 0 160px !important;
	margin:7px 0 0;
}

.hide {
	display:none;
}
.weniger_anzeigen, .mehr_anzeigen {
	background-color: #747c9e;
	color:#fff;
	padding: 2px 0 2px 8px;
	font-size: 14px;
	font-weight:500;
	border-radius:2px;
}
.weniger_anzeigen:hover, .mehr_anzeigen:hover {
	background-color:#4954a5;
}

.myselbuttonattrlist {
	font-size:14px;
	font-weight:500;
	text-decoration: none;
	display: inline-block;
	color: #464637;
	margin-right:7px;
	white-space: nowrap;
	border:1px solid #fff;
	padding:1px 4px;
}
.myselbuttonattrlist:focus {
	/*background-color: #acac9d;*/
}

.myselbuttonattrlist:hover  {
	border:1px solid #97012e;
	
}

.myselbuttonattrlist.active:hover, .myselbuttonattrlist.active  {
	background-color:#4954a5;
	color:#fff;
}

.myselbuttonattrlist i {
	color: #97012e;
}

.myselbuttonattrlist .c {
	color: #747c9e;
}
.myselbuttonattrlist.active .c, .myselbuttonattrlist.active i, .myselbuttonattrlist.active:hover .c, .myselbuttonattrlist.active:hover i {
	color: #fff;
}

/*.myselbuttonattrlist.active {
	background: #97012e;
	color:#fff;
}*/

/*.myselbuttonattrlist.active .c {
	color:#fff;
}*/

.mb-0 {
	margin-bottom:0px;
}
.mb-5 {
	margin-bottom:5px;
}

/* ---------------- eKataloge neu -------------------------------- */

.label_setdefault {
	width:25px;
	height:25px;
	padding:4px!important;
	line-height:25px;
	vertical-align:middle;
}


/* ---------------- Details neu -------------------------------- */
.ptabs {
	overflow: hidden;
}

.ptabs .tab a {
	color:#000;
	background-color:#e6e6e6;
}

.ptabs .tab a.active, .ptabs .tab a:hover {
	color:#000;
	background-color:#cacaca;
}

.ptabs .indicator {
	background-color:#65bf4f;
}

.pe-1 {
	padding-right:10px;
}

#modal1 #produkt_details label {
	color:#3253ad;
	font-size:14px;
}

#modal1 #select_product_details {
	border: 1px solid #3253ad;
}

#modal1 #tab_downloads_tab a {
	color:#3253ad;
}

#modal1 #tab_downloads_tab a:hover {
	text-decoration: underline;
}

#modal1 .modal-mini-pic {
	width:95px;
	height:95px;
}

#modal1 .preis {
	color:#68be55;
	line-height:75px;
	text-align:center;
	font-size:30px;	
}

#modal1 .preis_bottom {
	display:inline-block;
	line-height:60px;
	vertical-align:bottom;	
}

#modal1 .preis_main {
	display:inline-block;
	font-size:55px;
	/* font-weight:bold; */
	font-style:italic;
	font-family:impact;
	letter-spacing: 3px;
}

#modal1 .preis_sup {
	display:inline-block;
	font-size:30px;
	/* font-weight:bold; */
	line-height:50px;
	vertical-align:top;
	font-style:italic;
	font-family:impact;
	letter-spacing: 3px;	
}


#mm_selarr.ps1 tr td {
	padding: 5px 15px;
}

#mm_selarr.ps1 tr td a {
	color: #000;
}

#tab_details .mydesctitle {
	color: #3253ad;
	padding-right:10px;
	font-weight:bold;
}

#tab_details .mydesctitle2 {
	color: #6f8bd6;
	padding-right:10px;
}

.muted-text {
	color: #777;
}

/* ---------------- media queries -------------------------------- */

@media only screen and (min-width : 993px) {
	.modal-size-xs {width:250px!important;height:450px !important;}
	.modal-size-sm {width:40%!important;}
	.modal-size-me {width:50%!important;}
	.modal-size-own {width:1536px!important;height:896px!important;background-color:#fff!important;} /* added 56 to height */	
}


@media only screen and (max-width : 1350px) {

	#header {line-height:1;}
	.big-button-style {padding: 10px;}
	.selcount_holder { padding: 7px;}
	#produktgruppen i {display:none;}
	#produktgruppen {letter-spacing: .1em;padding: 10px 7px 10px 10px;}

}

@media only screen and (max-width : 992px) {
	header,main,footer{padding-left:0}
	
	#treffer,#pagination0 {margin-top:0;height:30px;}
	#mobile_opener {
		display:block;
	}
	#nav {display:none;}
	
	.f-nav-top{ /* white bar */
		left: 0;
	}
	.f-nav-top #pagination0 {
		margin-top:0;
	}
	.f-nav2{ /* main */
		margin-left:0;
	}
	
	
	.modal.modal-sm-height {max-height: 90%;width: 80%; top: 5%!important;}
	.modal.modal-fixed-footer.modal-sm-height {height:90%;}
	
	#overlay_too_small {display:block;}
}



@media only screen and (max-width : 700px) {
	.header-description {display:none;}
}