/* --------------------------------------------------------------------------------------------------------- ALLGEMEINES ----- */
@media (min-width: 992px) {
	body {
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
	}

	header {
		position: sticky !important;
		top: 0;
		z-index: 1030;
	}
}

body.overflow-hide {
    position: fixed;
    overflow: hidden;
    right: 0;
    left: 0;
    height: 100%;
	}
}

body.noScroll {
	overflow: hidden;
    position: fixed;
    right: 0;
    left: 0;
    height: 100%;
}

#main_page.closed .col-xl-changeable.col-xl-10{
	-ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

#main_page.closed .col-xl-changeable.col-xl-12{
	-ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.text-regular{
	font-family: "NoWay";
}

.text-medium{
	font-family: "NoWayMedium";
}

.text-bold{
	font-family: "NoWayBold";
}

.text-decoration-none,
.text-decoration-none:hover {
	text-decoration: none;
}

a:focus {
  outline: none;
}

li{
/*line-height: 1.5rem;*/
padding-bottom: 0.15rem;
}

.headline-line::before,
.headline-line::after {
	content: "";
	position: absolute;
	border-top: 1px solid #666;
	top: 50%;
	width: 2000px;
}
.headline-line::before {
	margin-right: 15px;
	right: 100%;
}
.headline-line::after {
	margin-left: 15px;
	left: 100%;
}

.seotext h2{
	font-size: 1.5rem;
    font-family: "NoWayBold";
    font-weight: normal;
}

.seotext h3{
	font-size: 1.5rem;
    font-weight: bold;
	margin-top: 20px;
}




input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black !important;
	opacity: 1;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: black !important;
	opacity: 1;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: black !important;
	opacity: 1;
}
input:-moz-placeholder { /* Firefox 18- */
  color: black !important;
	opacity: 1;
}
::placeholder{
	color: red !important;
	opacity: 1 !important;
}

#ws_inquiry_content {
	display: block !important;
}

.cursorPointer {
	cursor: pointer;
}

.underlineOnHover:hover {
text-decoration: underline;
}

#modal-content-ProductComparison .modal-body {
	overflow-x: auto;
	margin: 1rem;
	padding: 0;
}

.modal-full-width-white{
    background: #fff;
}

.modal-full-width-white.without-spacer{
	padding-right: 0 !important;
}


@media (min-width: 768px) and (max-width: 991px) {
	.btn-block-sm {
    	display: block;
    	width: 100%;
    	margin-bottom: 5px;
    	clear: both;
  	}

	.clear-sm {
    	clear: both;
  	}
}

@media (max-width: 767px) {
	.btn-block-xs {
    	display: block;
    	width: 100%;
    	margin-bottom: 1rem;
    	clear: both;
  	}

	.clear-xs {
    	clear: both;
  	}
}

.menulist_small a,
.menulink_small{
	padding: 0.2rem 0.4rem;
	border-radius: 3px;
}

.menulist a,
.menulink{
	padding: 0.2rem 1rem;
	border-radius: 3px;
}

.menulist_small a:hover,
.menulist_small a:focus,
.menulist_small a:active,
.menulink_small:focus,
.menulink_small:hover,
.menulink_small:active,
.menulink_small.active,
.menulist a:hover,
.menulist a:focus,
.menulist a:active,
.menulink:hover,
.menulink:focus,
.menulink:active,
.ws_submenu a:hover,
.ws_submenu a:focus,
.ws_submenu a:active,
.menulink.active{
	text-decoration: none;
}


.more_datalevel_avaliable:after{
	width: 8px;
	height: 12px;
	background-size: auto 12px;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	float: right;
	margin-top: 0.3rem;
}

.less_datalevel_availible:before{
	width: 8px;
	height: 12px;
	background-size: auto 12px;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	float: left;
	margin-right: 0.5rem;
	margin-top: 0.3rem;
}

@media(min-width: 992px){
	.menulist_small a:hover,
	.menulist_small a:focus,
	.menulist_small a:active,
	.menulink_small:focus,
	.menulink_small:hover,
	.menulink_small:active,
	.menulink_small.active,
	.menulist a:hover,
	.menulist a:focus,
	.menulist a:active,
	.menulink:hover,
	.menulink:focus,
	.menulink:active,
	.menulink.active{
		background-color: #f3f3f3;
		text-decoration: none;
	}
}

.quickbasketopener img{
	width: 0.5rem;
	height: 10px;
	padding: 0.2rem;
}

.quickbasketopener:hover img,
.quickbasketopener:focus img,
.quickbasketopener:active img,
.quickbasketopener.active img{
	background-color: #f3f3f3;
	text-decoration: none;
	height: auto;
	border-radius: 3px;
}

.text-ellipsis {
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis; 
	width: 60%;
 }
/* --------------------------------------------------------------------------------------------------------- ZUSATZSTYLES F�R SELECT-BOXEN ----- */
select.select_order_history,
select.ccard_select,
select.ccard_select_validity,
select.select_a_salut,
select.select_a_title,
select.select_a_country,
select.select_deliv_selection,
select.select_date_of_birth,
select.select_ccard2_selection,
select.select_dep_variations,
select.select_bank2_selection,
select.select_bank_selection,
select.select_order_history_error,
select.ccard_select_error,
select.ccard_select_validity_error,
select.select_a_salut_error,
select.select_a_title_error,
select.select_a_country_error,
select.select_deliv_selection_error,
select.select_date_of_birth_error,
select.select_ccard2_selection_error,
select.select_dep_variations_error,
select.select_bank2_selection_error,
select.select_bank_selection_error {
	display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

select.select_deliv_selection,
select.select_ccard2_selection,
select.select_bank2_selection,
select.select_deliv_selection_error,
select.select_ccard2_selection_error,
select.select_bank2_selection_error {
	display: inline-block;
	height: calc(2.25rem + 2px);
	flex: 1 1 auto;
	width: 1%;
}

select.select_order_history_error,
select.ccard_select_error,
select.ccard_select_validity_error,
select.select_a_salut_error,
select.select_a_title_error,
select.select_a_country_error,
select.select_deliv_selection_error,
select.select_date_of_birth_error,
select.select_ccard2_selection_error,
select.select_dep_variations_error,
select.select_bank2_selection_error,
select.select_bank_selection_error {
    border: 1px solid #dc3545;
}

#select_sbi_add,
#select_sbi_replace{
	display: block;
    width: 100%;
    height: 50px !important;
    box-shadow: none !important;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none !important;
	    padding-top: 1.25rem;
}

.inputLabelFocus {
	position: relative;
}

.inputLabelFocus label {
	display: none;
}

.inputLabelFocus::after {
    position: absolute;
    left: 1px;
	right: 1px;
    top: 1px;
    content: attr(data-placeholder);
    pointer-events: none;
    color: #000;
	transition: all ease .3s;
	z-index: 5;
	padding-top: .75rem;
    padding-bottom: .5rem;
	padding-left: 1rem;
}

.input-group-with-icon.inputLabelFocus::after{
	padding-left: 3.1rem;
}

.is-invalid.inputLabelFocus::after {
    color: rgb(220, 53, 69);
}

.is-invalid.inputLabelFocus input{
	color: #000;
}

.row > .inputLabelFocus::after {
	left: calc(.3rem + 1px);
	right: 1.75rem;
}

.inputLabelFocus.inputFocusOn::after {
	padding-top: .25rem;
    padding-bottom: 0;
	font-size: 80%;
}

.inputLabelFocus select,
.inputLabelFocus input {
	height: 50px !important;
}

.inputLabelFocus select,
.inputLabelFocus input,
.inputLabelFocus textarea {
	padding-top: 1.25rem;
}

.inputLabelFocus .input-group-append {
	z-index: 5;
}

.inputLabelFocus.inputLabelFocusTransparent::after {
	background: transparent;
}

div.inputLabelFocusTransparentInput input.form-control,
div.inputLabelFocusTransparentInput span.input-group-text {
	background-color: rgba(0, 0, 0, 0);
}

.input-group-text {
	background-color: #fff;
	border-right: 0px solid #ced4da;
}

.btn-transparent {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}

.btn-transparent:hover{
  color: #000;
  background-color: transparent;
  border-color: transparent;
}

.productbox-input-buttons input{
	border:0;
	background-color: #f3f3f3;
	border-radius: 0.25rem 0 0 0.25rem !important;
}

.productbox-input-buttons input:hover,
.productbox-input-buttons input:focus,
.productbox-input-buttons input:active{
	background-color: #f3f3f3;
}

.productbox-input-buttons{
	max-width: 200px;
}


.productbox-input-buttons .pr_quantity_down,
.productbox-input-buttons .pr_quantity_up{
	background-color: #f3f3f3;
	line-height: 28px;
}

.productbox-input-buttons .pr_quantity_down img,
.productbox-input-buttons .pr_quantity_up img,
.product-input-buttons .pr_quantity_down img,
.product-input-buttons .pr_quantity_up img
{
	width: 0.5rem;
	height: 0.5rem;
	height: 100%;
}

.product-input-buttons .pr_quantity_down,
.product-input-buttons .pr_quantity_up{
	line-height: 48px;
}

.product-input-buttons input{
	border-right: 0;
	border-radius: 0;
}

.product-input-buttons .pr_quantity_down{
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	border: 1px solid #ced4da;
	border-right: 0;
	background-color: #fff;
}

.product-input-buttons .pr_quantity_up{
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	border: 1px solid #ced4da;
	border-left: 0;
	background-color: #fff;
}

.product-list-price{
	line-height: 50px;
}


/* --------------------------------------------------------------------------------------------------------- ICONS ----- */
.input-group-prepend.input-icon .input-group-text > span,
.input-group-prepend.input-icon .input-group-text > i{
	width: 1rem;
	height: 1.125rem;
	background-size: 1rem auto;
	display: block;
	opacity: 0.45;
	background-repeat: no-repeat;
}

.input-icon .input-group-text{
	padding-left: 1.2rem;
	padding-right: 0.30rem;
}

.input-group-with-icon input{
	border-left: 0;
}

.welcometext img{
	width: 1rem;
	height: auto;
}

.icon-link:before{
	width: 18px;
	height: 11px;
	background-size: 18px auto;
	content: "";
	display: inline-block;
	margin-right: 0.75rem;
}

.icon-grey{
	opacity: 0.4;
}

.icon-list li:before{
	content: "";
	width: 0.875rem;
	height: 0.875rem;
	display: inline-block;
	background-size: 0.875rem auto;
	margin-right: 0.5rem;
	opacity: 0.4;
}

.icon-btn-small img{
	width: 17px;
	height: 17px;
	display: inline-block;
}

.icon-btn img{
	width: 20px;
	height: 20px;
	display: inline-block;
}

.user:before, .icon-user{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-user.svg");
}

.map:before, .icon-map{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-map.svg");
}

.info:before, .icon-info{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-info.svg");
}

.arrow-left:before, .icon-arrow-left{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-arrow-left.svg");
}

.key:before, .icon-key{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-key.svg");
}

.map:before, .icon-map{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-map.svg");
}

.mail2:before, .icon-mail2{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-mail2.svg");
}

.arrow2-right:after{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-arrow2-right.svg");
}

.arrow2-left:before{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-arrow2-left.svg");
}

.company:before, .icon-company{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-company.svg");
}

.home:before, .icon-home{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-home.svg");
}

.world:before, .icon-world{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-world.svg");
}

.phone:before, .icon-phone{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-phone-black.svg");
}

.hash:before, .icon-hash{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-hash.svg");
}

.salutation:before, .icon-salutation{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-salutation.svg");
}

.zip:before, .icon-zip{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-zip.svg");
}

.city:before, .icon-city{
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-city.svg");
}

img.video{
	width: 2.1rem;
}

.icon-pdf{
	width: 20px;
	height: 20px;
	display: inline-block;
}


/* --------------------------------------------------------------------------------------------------------- APPLE HACK GEGEN ZOOMIN UND SCHATTEN ----- */

input[type='text'],
input[type='tel'],
input[type='number'],
input[type='email'],
input[type='password'],
.ws_pr_text_input,
select{
/*  	border-radius: 3px!important;*/
  	height: 50px !important;
  	box-shadow: none !important;
}

input[type='text'],
input[type='tel'],
input[type='number'],
input[type='email'],
input[type='password'],
.ws_pr_text_input,
textarea{
/*   	border-radius: 3px!important;*/
  	-webkit-appearance: none !important;
  	-moz-appearance: none !important;
  	appearance: none !important;
}

.headerSearch  input[type='text'] {
  	height: 42px !important;
}

.form-control {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset !important;
}

.input-group-sm input[type='text'],
.input-group-sm input[type='tel'],
.input-group-sm input[type='number'],
.input-group-sm input[type='email'],
.input-group-sm input[type='password'],
.input-group-sm .ws_pr_text_input,
.input-group-sm select{
  	height: inherit !important;
}



/* Chrome, Safari, Edge, Opera */
.pr_quantity_input_field::-webkit-outer-spin-button,
.pr_quantity_input_field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].pr_quantity_input_field {
  -moz-appearance: textfield !important;
}

/* --------------------------------------------------------------------------------------------------------- HEADER ----- */
.headerLogo {
    max-height: 35px;
    box-sizing: content-box;
}

.header_support_menu_list{
	margin-top: 0.5rem;
	padding-top: 0.9rem;
}


@media (min-width:373px) and (max-width:767px) {
    .headerLogo {
      max-height: 50px;
    }
}

@media (min-width:768px) {
    .headerLogo {
      max-height: 65px;
    }

	.header_support_menu_list{
	padding-top: 1.4rem;
	}
}

@media (max-width:991px) {
	.header-menu{
/*		-webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.2);
		box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.2);*/
	}
}

.headerSearch > .form-control,
.headerSearch > .input-group-append > .btn {
	background: #fff;
	border-radius: 0;
	border: 0;
	color: #000;
	padding: 0.5rem;
}

.headerSearch > .form-control::placeholder {
	color: #2a3969;
}

.newMenuBtn img{
	height: 20px;
	box-sizing: content-box;
	padding: .5rem;
}

header .badge{
	position: absolute;
    top: -0.25rem;
    right: 0;
	font-family: "NoWayMedium";
	background-color: #ffed00;
	border-radius: 1rem;
}

#quicklogin_text .badge{
	padding: 0.25em;
}

.newMenuBtn.hover > .dropdown-menu,
.newMenuBtn.open > .dropdown-menu {
	display: block;
}

.newMenuBtn > a:hover {
	text-decoration: none;
}

#headerInfo .dropdown-menu-hover {
	width: 160px;
}

@media (min-width:576px) {
	#headerInfo .dropdown-menu-hover {
		right: 0;
		left: auto;
		margin-right: -80px;
	}

	#dropdown-memolist,
	#quicklogin_form,
	#header_directorder,
	#header_pricehide {
		right: 0;
		left: auto;
/*		margin-right: -145px;*/
	}

	#header_pricehide {
		width: 300px;
		margin-right: 110px;
	}
}

#dropdown-basket {
  	right: 0;
  	left: inherit;
}

.dropdown-hr {
  	margin-top: .5rem;
  	margin-bottom: .5rem;
}

.dropdown-menu .list-group-item > a:hover,
.dropdown-menu .list-group-item > button:hover{
    text-decoration: underline;
}



@media (max-width:991px) {
	header .dropdown-menu{
		display: none !important;
	}
}


/* Search-Form in Header */
#searchform {
  display: none;
  position: absolute;
  z-index: 1000;
}
#searchform.show {
  display: block;
}

/* --------------------------------------------------------------------------------------------------------- STARTSEITE ----- */
/*@media (min-width:1800px) {
	.supportstaff_img{
		max-width: 160px;
	}
}*/


/* B2B Shop. Business Section. Neu ab Jan-22*/
.business-center span.bc-title {
	font-size: 3.5rem;
}
.business-center p.h2 {
	font-size: 1.5rem;
}
.business-center .card-text {
	font-size: 1rem;
}

/* --------------------------------------------------------------------------------------------------------- PRODUKT ----- */


#prMaintabs .nav-link.active{
	text-decoration: underline;
	font-weight: bold;
}

.inventorystate-icon{
	width: 20px;
}

#prCSLinksTabs .nav-link img{
	width: 24px;
	height: 24px;
}

#prCSLinksTabs .nav-link{
/*	width: 75px;
*/	width: 90px;
    font-size: 12px;
    border-radius: 100px;
/*    padding: 1rem 0.75rem;
*/	padding: 1.5rem 0.75rem;
}

#prCSLinksTabs .nav-link.active,
#prCSLinksTabs .nav-link:hover {
	background-color: #f0f0f0;
}

.product_cross_link .ajax_memo_btn.py-3 {
	padding-bottom: 0px !important;
	padding-top: 4px !important;
}


.disabledProduct {
	opacity: .4;
}


/* --------------------------------------------------------------------------------------------------------- PRODUKT ----- */
#modal-content-productlayer #show_details{
	display: none;
}

.zoomContainer {
   z-index: 999 !important;
}
.zoomContainer .zoomLens {
	background: rgba(0,0,0,0.5) !important;
	cursor: crosshair !important;
	border: 0 !important;
}

.zoomWindowContainer > div {
   border-width: 1px !important;
   left: 100% !important;
}
@media (min-width:1400px) {
	.zoomWindowContainer > div {
		height: 600px !important;
		width: 570px !important;
	}
}


/* --------------------------------------------------------------------------------------------------------- BASKET ----- */
.basketlayer{
	top:0;
	bottom: 0;
	right: 0;
	overflow: scroll;
}

@media (min-width:1400px)  {
  #main_page {
    transition: max-width ease .4s;
  }
  .basketlayer {
    transition: all ease .4s;
  }
}
/*Add slide animation*/
@media (max-width:1400px)  {
  .basketlayer{
    display: block !important;
  	right: -100%;
    z-index: 10002;
    transition: right ease .4s;
/*	display: none !important;*/
  }
  .basketlayer.show{
    right: 0;
    transition: right ease .4s;
  }
}

/* --------------------------------------------------------------------------------------------------------- FOOTER ----- */
footer .socialMedia {
	padding-top: 3rem;
}

footer .img-newsletter {
	position: relative;
	text-align: center;
}

footer .img-newsletter img {
	position: absolute;
	top: -45px;
	left: 25%;
}

footer .btn-collapse {
	padding: 0;
}

footer .btn-collapse > i.fa {
	transition: all ease .3s;
}

footer .btn-collapse[aria-expanded="true"] > i.fa {
	transform: rotate(180deg);
}

@media (min-width:768px) {
	footer .collapse {
		display: block !important;
	}
}

footer img.icon {
	height: 20px;
	box-sizing: content-box;
}

footer #paymentDeliveryLogos img {
	height: 20px;
	opacity: 0.5;
}

/* --------------------------------------------------------------------------------------------------------- BREAD-CRUMB ----- */

.breadcrumb li:last-child{
	font-family: "NoWayMedium";
}

/* --------------------------------------------------------------------------------------------------------- CAT-MENU ----- */

.list-group-menu .list-group-item{
	border: 0 !important;
	padding: 0.15rem 0 !important;
}

.list-group-menu .list-group-item.active{
	font-family: "NoWayMedium" !important;
	font-weight: 900;
	color: #000 !important;
	background-color: transparent !important;
}

.list-group-menu .list-group-item:hover{
	text-decoration: underline !important;
	cursor: pointer;
}


.list-group-menu .list-group-item.active:hover{
	text-decoration: none !important;
}

.list-group-menu .list-group-item:active,
.list-group-menu .list-group-item:focus{
	border: none;
	outline: none;
}

.ws_menu_child.level2.active{
	border-bottom: 1px solid #000 !important;
}

.ws_menu_child.level2.arrow2-right:after{
	background-size: 10px 10px;
    width: 10px;
    height: 10px;
}

.ws_menu_child.level2.active.arrow2-right:after{
	transform: rotate(90deg);
}


/* --------------------------------------------------------------------------------------------------------- PRODUCTLIST ----- */
@media(min-width: 992px){
	.max-width-productlist-input-quantity{
		max-width: 140px;
	}
}

.productlist-item:hover{
	background-color: #f6f6f6;
}

.memolist_button{
	float: left;
}
/* --------------------------------------------------------------------------------------------------------- PRODUCTMODAL ----- */
@media (min-width: 1400px) {
	#main_page.opened #modal-productlayer {
	    -ms-flex: 0 0 75%;
	    flex: 0 0 75%;
	    max-width: 75%;
	}
}
/* --------------------------------------------------------------------------------------------------------- PRODUCTBOX ----- */
@media(min-width: 360px){
	.product-box .pr-name{
		min-height: 38px;
	}
}

.pr-box.big-box{
	position: relative;
	display: block;

}

.pr-box.big-box .badge{
	position: absolute;
	top: 10px;
	left: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40);
}

@media(min-width: 992px){
	.pr-box.big-box .badge{
		font-size: 14px;
	}
}

.productlist-item .badge {
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40);
}

.badge-blue {
    color: #fff;
    background-color: #005baa;
}

.wsNicePriceBadge {
	width: 40px;
	height: 40px;
}

.pr-box.big-box .wsNicePriceBadge {
	position: absolute;
	top: 10px;
	left: 10px;
}

.pr-box.big-box .badge+.wsNicePriceBadge {
	top: 40px;
}

.productlist-item .wsNicePriceBadge {
	position: absolute;
	top: 0;
	left: 0;
}

.productlist-item .badge+.wsNicePriceBadge {
	top: 25px;
}



/* --------------------------------------------------------------------------------------------------------- PRODUCTCONTAINER ----- */
.productcontainer-sum:before,
.productcontainer-price:before{
	position: absolute;
    left: 0;
	font-size: 0.875rem;
}

.productcontainer-price:before{
	content: "x";
/*    background-image: url(/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-plus.svg);
    background-size: 8px 8px;
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    top: 7px;*/
    left: 10px;
	font-family: "NoWayMedium";
}

.productcontainer-sum:before{
	content: "=";
	top: 5px;
	left: 0;
}

/* --------------------------------------------------------------------------------------------------------- KATEGORIE ----- */

.dropdown_filter:after{
	content: "";
	background-color: #fff;
	background-image: url("/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-arrow2-right.svg");
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
	display: inline-block;
	transform: rotate(270deg);
	top: 7px;
	position: absolute;
	right: 0;
}

.dropdown_filter.collapsed:after{
    transform: rotate(90deg);
}


@media (min-width:992px){
	#collapseFilter{
		display: flex !important;
	}
}

.fine-select select,
select.fine-select {
	line-height: 22px;
	height: 22px !important;
}

.basket-button-wrapper button:disabled{
	display: none;
}

#directorder .basket-button-wrapper button:disabled{
	display: block;
}

/* Warenkorb Button */
.fixed-bottom {
	position: fixed;
}
@media(min-width:991px){
	.basket-button-wrapper{
		position: sticky;
		z-index: 1029;
	}
}

/*.cat-basket-button{
	float: right;
}*/





/* --------------------------------------------------------------------------------------------------------- BEWERTUNGEN ----- */
.ratings_nofill,
.ratings_starfill {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
	left: 0px;
	right: 0px;
	overflow: hidden;
}

.ratings_nofill span,
.ratings_starfill span {
	width: 30px;
}

.pr_rating-overview .nofill,
.pr_rating-overview .starfill {
	font-size: 28px;
	overflow-x: hidden;
	width: 30px;
}

.rating-box,
.fillstar-box {
	position: relative;
	vertical-align: middle;
	display: inline-block;
	color: #ccc;
}

.fillstar-box {
	cursor: pointer;
}

.rating-box:before,
.fillstar-box:before {
    font-family: FontAwesome;
	content: "\f005 \f005 \f005 \f005 \f005";
	z-index: 5;
}

.rating-box .rating_icon,
.fillstar-box .rating_icon {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #ffd93f;
}

.rating-box .rating_icon:before,
.fillstar-box .rating_icon:before {
	font-family: FontAwesome;
	content: "\f005 \f005 \f005 \f005 \f005";
 }

.pr_rating .rating-box {
	font-size: 1.2em;
	letter-spacing: 0.1em;
}

.pr_rating-overview .rating-box {
	font-size: 3em;
	letter-spacing: 0.2em;
}

.pr_rating_small .rating-box {
	font-size: 1em;
	letter-spacing: 0.1em;
}

.fillstar-box {
	font-size: 3em;
	letter-spacing: 0.2em;
}



/* --------------------------------------------------------------------------------------------------------- PAYDELIV ----- */
.ws_deliverydiv_main,
.ws_paymentdiv_main {
  	margin-bottom: 1rem;
}

p.ws_paymentdiv_name,
p.ws_deliverydiv_name {
	margin: 0rem 0rem 0rem 0rem;
}

.ws_paymentdiv_main select {
  	margin-top: .5rem;
}

.ws_deliverydiv_radio,
.ws_paymentdiv_radio {
	display: table-cell;
  	padding-right: .5rem;
  	vertical-align: top;
}

.ws_deliverydiv_logo,
.ws_paymentdiv_logo {
  	display: table-cell;
  	float: right;
}

.ws_deliverydiv_logo img,
.ws_paymentdiv_logo img {
  	width: 70px;
  	margin-bottom: .5rem;
	cursor: pointer;
}

@media (max-width:768px) {
	.ws_deliverydiv_logo,
	.ws_paymentdiv_logo {
	 	display: none;
	}
	.ws_deliverydiv_main,
	.ws_paymentdiv_main {
    	padding-bottom: .5rem;
	}
	.ws_deliverydiv_radio,
	.ws_paymentdiv_radio {
		padding-right: .5rem
	}
}

.ws_deliverydiv_text,
.ws_paymentdiv_text {
  	display: table-cell;
  	vertical-align: top;
}

.ws_deliverydiv_name,
.ws_paymentdiv_name {
  	font-weight: bold;
}

.ws_deliverydiv_clear,
.ws_paymentdiv_clear1,
.ws_paymentdiv_clear3 {
  	clear: both;
}

.ws_paymentdiv_main_disabled,
.ws_deliverydiv_main_disabled {
  	color: #999;
}

.ws_paymentdiv_disabled {
  	color: #AA0000;
  	font-weight: bold;
}

.ws_paymentdiv_paymentcountryrule_error .ws_paymentdiv_paymentcountryrule_name {
  	color: #aa0000;
  	font-weight: bold;
}



/* --------------------------------------------------------------------------------------------------------- GEBURTSDATUM ----- */
.ws_dob_list_nbsp {
	font-size: 0px; /* minimiert die " " Abstaende */
}

.select_a_dateofbirth,
#ws_input_date_of_birth_day {
    width: calc(33% - 5px);
    float: left;
    margin-left: 0px;
    margin-right: 5px;
}

.select_a_dateofbirth + .select_a_dateofbirth,
#ws_input_date_of_birth_month {
    width: calc(34% - 10px);
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.select_a_dateofbirth + .select_a_dateofbirth + .select_a_dateofbirth,
#ws_input_date_of_birth {
    width: calc(33% - 5px);
    float: left;
    margin-left: 5px;
    margin-right: 0px;
}



/* --------------------------------------------------------------------------------------------------------- MERKLISTE ----- */
.memolist_var_table td 		{padding:3px 5px 3px 0px; font-weight:bold;}
.memolist_var_table td+td	{font-weight:normal;}
.btnDeleteFromMemolist {}



/* --------------------------------------------------------------------------------------------------------- PLZ-ASSISTENT ----- */
#ws_plzhelp_suggest_zip,
#ws_plzhelp_suggest_city {
	position: absolute;
	background: #fff;
	z-index: 99;
	border: solid 1px #cccccc;
}

.ws_plzhelp_suggest_close {
	position: absolute;
	top: 0;
	right: 0;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.ws_plzhelp_suggest_close:after {
	position: relative;
	font-family: FontAwesome;
	content: "\f00d";
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #555555;
}

.ws_plzhelp_suggest_headline {
	color: #337ab7;
	font-weight: bold;
	font-size: 16px;
	padding: 10px 5px 10px 10px;
}

.ws_plzhelp_suggest_description {
	padding: 0px 10px 10px 10px;
	color: #000000;
}

.ws_plzhelp_suggest_table {
	width: 100%;
}

.ws_plzhelp_suggest_table_div {
	height: 140px;
	margin-bottom: 10px;
	overflow-y: scroll;
}

.ws_plzhelp_suggest_tr_1 {
	background-color: #f5f5f5;
}

.ws_plzhelp_suggest_td_1,
.ws_plzhelp_suggest_td_2 {
	padding-left: 10px;
	padding-right: 10px;
}

.ws_plzhelp_suggest_table tr:hover,
.ws_plzhelp_select {
	background-color: #337ab7 !important;
	color: white;
	cursor: pointer;
}

/* --------------------------------------------------------------------------------------------------------- PASSWORT AMPEL ----- */
.password_valid_c {
	height: 4px;
}

.password_valid_txt .alert {
	background: none;
	border: none;
	box-shadow: none;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	font-style: italic;
	color: #999;
}

.red_password {
	width: 20%; /*muss nicht default sein*/
	background: #c9302c;
}

.green_password {
	width: 100%; /*default*/
	background: #398439;
}

.yellow_password { /*kein width-Attribut, da automatisch eingestellt*/
	background: #ec971f;
}



/* --------------------------------------------------------------------------------------------------------- KUNDENKONTO ----- */
.useraccount .card-body {
	min-height: 220px;
}



/* --------------------------------------------------------------------------------------------------------- NAVIGATION --- */
#navigation .navbar {
    padding: 0;

}

.navbar .navbar-nav > li > a {
    padding: 0.75rem 0;
    color: #555;
    position: relative;
}

#navigation .navbar .navbar-nav > li.dropdown.hover > ul.dropdown-menu {
    display: block;
}

#navigation .navbar .navbar-nav > li .toggleDropdown {
    position: absolute;
    top: 0.25rem;
    right: 0;
}

#navigation .navbar .navbar-nav > li .dropdown-menu {
    margin: 0 -0.75rem;
    padding: 1.2rem 0 0.5rem 0;
    position: relative;
    border-radius: 0;
    background: #eee;
    border-width: 0;
}

#navigation .navbar .navbar-nav > li .dropdown-menu > li > a {
    display: block;
    padding: 0.75rem;
    color: #999;
    white-space: nowrap;
}

#navigation .navbar .navbar-nav > li .dropdown-menu.show:before {
    content: "";
    position: absolute;
    top: -1px;
    z-index: 999;
    left: 1rem;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}

#navigation .navbar-collapse {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 999;
    top: 0;
    left: -100%;
    transition: all ease 0.3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

#navigation .navbar-collapse.collapse.show {
    left: 0;
}

#navigation .navbar-toggler {
    padding: 0.75rem;
}

@media (min-width: 992px) {
    #navigation .navbar .navbar-nav > li.dropdown.hover > .dropdown-menu {
        display: block;
        margin: 0;
        position: absolute;
        border-width: 0 1px 1px 1px;
    }

    #navigation .navbar .navbar-nav > li.dropdown.hover > .dropdown-menu:before {
        content: "";
        position: absolute;
        top: -1px;
        z-index: 999;
        left: 1rem;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff;
    }

    #navigation .navbar .navbar-nav > li .dropdown-menu > li > a {
        padding: 0.25rem 0.75rem;
    }

    #navigation .navbar-collapse {
        position: static;
        width: 100%;
        box-shadow: none;
    }

    #navigation .toggleDropdown {
        display: none;
    }
}

#ws_nav_flyout .ws_menu_child:not(:first-child){
	display:none;
}

#ws_nav_menu .ws_menu_child {
	display: none;
}

#ws_nav_menu li a {
	color:#000;
	white-space: nowrap;
}

#ws_nav_menu li .ws_item_selected {
	font-weight:bold;
}

.desktop_active .ws_submenu{
	min-width: 12rem;
}

.desktop_active .ws_menu_child  {
	position: absolute;
	z-index: 1000;
	display: none;
}

.desktop_active > li:hover > .ws_menu_child,
.desktop_active .ws_menu_child li:hover > .ws_menu_child {
	display: block !important;
}

@media (min-width:992px) {
	.ws_menu_child .ws_menu_child {
		left: 100%;
		top: 0;
		border-left: 1px solid #000;
		height: 100%;
	}

	.ws_menu_level1>.ws_submenu>.navbar-nav>li>.ws_menu_child>.ws_submenu>.navbar-nav a:hover, .ws_menu_level1>.ws_submenu>.navbar-nav>li>.ws_menu_child>.ws_submenu>.navbar-nav a:focus,
	.ws_menu_level1>.ws_submenu>.navbar-nav>li>div>div>a:hover,
	.ws_menu_level1>.ws_submenu>.navbar-nav>li>div>div>a:focus{
		text-decoration: underline;
	}

	.ws_menu_level1>.ws_submenu>.navbar-nav>li>.ws_menu_child>.ws_submenu>.navbar-nav a:active,
	.ws_menu_level1>.ws_submenu>.navbar-nav>li>div>div>a:active{
		font-family: "NoWayMedium";
	}

	.ws_menu_level1>.ws_submenu>.navbar-nav{
		width: 16.7%;
		position: relative;
	}

	.ws_menu_level1>.ws_submenu>.navbar-nav>li>.ws_menu_child>.ws_submenu>.navbar-nav{
		width: 100%;
	}


/*	.desktop_active li:first-child>.ws_menu_child{
		display: block !important;
	}*/

	#ws_nav_menu li a {
	color:#000;
	white-space:normal;
}
}

.ws_menu_child ul {
	list-style: none !important;
}

.ws_login_dropdown #collapseExample {
	padding: 20px 0px;
}

.ws_dropdown_btn.btn {
	padding: 0;
}

/*.ws_login_close {
	position: absolute;
	left: 0;
	right: 0;
}*/

.ws_login_dropdown {
	padding-top: 70px;
}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 25%;
padding-top: 0px;
height: 0;
overflow-x: hidden;
}

.scrollbar-hide {
	overflow-x: hidden;
}


/* --------------------------------------------------------------------------------------------------------- SLICK SLIDER --- */


/* Slider */
.slick-loading .slick-list
{
    /*background: #fff url('./ajax-loader.gif') center center no-repeat;*/
}


/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: black;
    border: none;
    outline: none;
    background: transparent;
}

.image-slider .slick-arrow{
	bottom: -1.5rem;
	top: auto;
	position: absolute;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: black;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
    opacity: 1;
}

.slick-prev:before,
.slick-next:before
{
/*    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/

	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
	background-image: url(/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-arrow-left.svg);
}
[dir='rtl'] .slick-prev:before
{
	background-image: url(/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-arrow-left.svg);
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
	background-image: url(/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-arrow-right.svg);
}
[dir='rtl'] .slick-next:before
{
	background-image: url(/$WS/revell/websale8_shop-revell/benutzer/templates/images/icon-arrow-right.svg);
}

.image-slider .slick-arrow{
	width: 16px;
	height: 16px;
	z-index: 200;
}

.image-slider .slick-next{
	right: 5%;
	left: auto;
}

.image-slider .slick-prev{
	left: 5%;
	right: auto;
}

@media (min-width: 576px){

	.image-slider .slick-next{
	right: 25%;
	}

	.image-slider .slick-prev{
	left: 25%;
	}
}

@media (min-width: 768px){

	.image-slider .slick-next{
	right: 30%;
	}

	.image-slider .slick-prev{
	left: 30%;
	}
}


.slider-for-modal.image-slider > img{
	right: 20%;
	left: auto;
}

.slider-for-modal.image-slider > img:first-child{
	left: 20%;
	right: auto;
}

.slider-for-modal .slick-arrow{
	top: -2.8rem;
    bottom: auto;
    position: absolute;
}

.slider-for-modal img {
	max-height: calc(100vh - 90px);
	margin: 0 auto;
}


/* Dots */
.slick-dots {
	margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
}

.emotional-slider .slick-dots
{
	position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
	bottom: 1em;
}

.image-slider .slick-dots{
	bottom: -2em;
}

.slick-dots li {
	list-style-type: none;
    display: inline-block;
    margin: 0 .25rem;
	position: relative;
    width: 14px;
    height: 14px;
    padding: 0;
    cursor: pointer;
}

.slick-dots button[type="button"] {
	font-size: 0;
    line-height: 0;
    display: block;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: #000;
    transition: all ease .3s;
}

.slick-dots .slick-active button {
	opacity: .3;
}

.slick-dots button:not([type="button"]) {
	display: none;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slider-for-modal .slick-dots{
	top: -3.3rem;
    bottom: auto;
    position: absolute;
}

.multi-item .slick-dots{
	bottom: -1rem;
}

@media (min-width: 576px) {
	.image-slider .slider-for img {
		width: 900px;
		margin: 0 auto;
	}
}
@media (min-width: 1200px) {			
	.slider-for .slick-arrow {
		transform: translateY(50%);
	}
	.image-slider .slick-prev {
		left: 5%;
		top: 50%;
	}
	.image-slider .slick-next {
		right: 5%;
		top: 50%;
	}
}

.slider-nav .slick-slide .slickIndexPicker {
    opacity: .4;
}

.slider-nav .slick-slide.slick-current .slickIndexPicker {
    opacity: 1;
}

/* ---------------------------------------------------------------------------------------- EINWILLIGUNG ZUM DATENSCHUTZ --- */
#agreementPrivacy {
	position: fixed;
    background: #dde5ee;
    z-index: 9999999;
    right: 0;
    bottom: 0;
    left: 0;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}

@media (min-width:576px) {
	#agreementPrivacy {
		right: auto;
		width: 500px;
		/*height: 313px;*/
	}
}

#agreementPrivacy.isFixed {
	height: 100%;
	overflow-y: auto;
}

#cookieDetailToggler.open > i.fa {
	transform: rotate(180deg);
}


/*--------------------------------------------------------------------------------------------UPLOAD------------------------ */
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Select some files';
  display: inline-block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

#deliveryaddress {
	opacity: 0;
	max-height: 300px;
	transition: all .5s;
}
#deliveryaddress.fadeIn {
	opacity: 1;
	max-height: 800px;
}

.alertProducts,
.alertProducts.alertFadeIn {
	top: 1.5rem;
}

.alertProducts {
	position: fixed;
	top: -100%;
	right: 1.5rem;
	z-index: 100000;
	max-width: 30%;
	transition: top .2s;
}

.alertProducts .alert-danger {
	background-color: #f9e0e1;
}

@media (max-width:576px) {
	.alertProducts,
	.alertProducts.alertFadeIn {
		top: 0;
	}
	.alertProducts {
		top: -100%;
		right: 0;
		width: 100%;
		max-width: 100%;
	}
}


.priceSymbolContainer a:hover {
	text-decoration: none;
}
.priceSymbol {
	font-size: 25px;
	position: relative;
}
.priceSymbol.hidePriceSymbol::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #000;
	transform: rotate(25deg) translateX(-50%);
}

@media (max-width:576px) {
	.priceSymbol {
		font-size: 16px;
		font-weight: bold;
	}
}

.wsCSVLoadingScreenContainer {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.wsCSVLoadingScreenContainer .fa{
	font-size: 60px;
	-webkit-animation:spin 2s linear infinite;
	-moz-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.productlist-item .wsTableBezuege {
	width: 200px;
}

.productlist-item .wsTableBulkDiscount {
	width: 225px;
}

/*-----------------------------------------------------------------------------------------SAVEDBASKETS PDF------------------ */

@media print {
	.hide_on_pdf {
		display: none !important;
	}
	.col-1-print {
		flex: 0 0 8.333333% !important;
		max-width: 8.333333% !important;
	}
	.col-12-print {
		flex: 0 0 100% !important;
		max-width: 100%;
	}
	.mb-5-print {
		margin-bottom: 3rem !important;
	}
	.col-auto-print {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: auto !important;
	}
	.col-3-print {
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}
	.col-2-print {
		flex: 0 0 16.666667% !important;
		max-width: 16.666667% !important;
	}
	.text-center-print {
		text-align: center !important;
	}
}

@media screen {
	.hide_on_screen {
		display: none !important;
	}
}

.wsCustomInputContainer {
	height: 50px;
	border-bottom: 1px solid #383838;
	display: flex;
	align-items: center;
}

.btn-checkbox {
	display: none;
}

.btn-checkbox + .btn {
	display: inline-block;
}

.btn-checkbox:checked + .btn {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

#wsBackToTop {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
}