/**
 * PRESENTATION STYLESHEET
 * ----------------------------------------------------------------------------
 */

/*


       PLEASE NOTE: 
       ============

       THIS FILE IS NOT PART OF THE *REQUIRED FONT ICON FILES* 
       THIS FILE IS USED TO STYLE THE ICON DEMO TEMPLATE FOUND AT DEMO.HTML



*/

*,
*:before,
*:after {
	border: 0 none;
	margin: 0;
	padding: 0;
	font-size: 100%;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}
::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 0, 0, 0.6);
}

section, 
header, 
footer {
	display: block;
	position: relative;
}

body {
	background-color: #fff;
	color: #687070;
	font-family: "Helvetica Neue", Helvetica, "DejaVu Sans", Arial, sans-serif;
	line-height: 1.5;
	font-size: 1em;
}


section:after,
.masthead:after {
	content: '';
	pointer-events: none;
	position: absolute;
		bottom: -1.5em;
		left: 50%;
		z-index: 10;
	width: 3em;
	height: 3em;

	background: inherit;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

section header {
	position: relative;
}

section header:after {
	background-color: transparent;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: inherit;
	content: '';
	position: absolute;
		left: 40%;
		bottom: 0;
	width: 20%;
	height: 0;
}

.masthead {
	background-color: #fff;
	padding: 3em;
	position: relative;
	text-align: center;
}

.colophon {
	padding: 4.5em 3em;
	position: relative;
}
.colophon .group {
	padding: 3em;
	text-align: center;
}

.masthead hgroup,
.colophon .group {
	margin: auto;
	padding: 0 10%;
	position: absolute;
	top: 50%;
	left: 0%;
	right: 0%;
	-webkit-transform: translate(0%,-50%);
	    -ms-transform: translate(0%,-50%);
	        transform: translate(0%,-50%);
}

.masthead h1 {
	font-size: 2.25em;
	font-weight: bolder;
	line-height: 1.5;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.masthead h2 {
	font-size: 1em;
	font-weight: lighter;
	letter-spacing: 6px;
	text-transform: uppercase;
}

.glyphs, 
.classes {
	margin-left: -1.5em;
	padding: 4.5em 3em;
}

.glyphs header,
.classes header {
	margin-bottom: 2.25em;
	padding-bottom: 2.25em;
	text-align: center;
	text-transform: uppercase;
}

.glyphs h1,
.classes h1 {
	font-size: 2.25em;
	font-weight: bolder;
	line-height: 1.5;
}

.glyphs h2,
.classes h2 {
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: uppercase;
}

h2 code {
	text-transform: lowercase;
}


.glyphs {
	background-color: #74f3c8;
	color: #0e8a65;
}

.classes {
	background-color: #33383e;
	color: #fff;
}

.glyph {
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	margin: 0 -0.21em 3em 0;
	padding: 1.5em 0 0 1.5em;
	text-align: center;
	width: 50%;
}

.glyph-item {
	border-radius: 8px;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1;
	padding: 0.25em;
	position: relative;
}
.glyph:hover .glyph-item {
	background-color: #0e8a65;
	color: #fff;
} 

.mega {
	font-size: 3em;
}

a, 
a:visited {
	color: #E30721;
	text-decoration: none;
}

a:hover, 
a:focus {
		color: #0e8a65;
}

.item-box {
	display: inline-block;
	font-family: consolas, monospace;
	font-size: 1.2em;
	margin: 0 -0.22em 1em 0;
	padding-left: 1em;
	width: 100%;

}

.item {
	background-color: #fff;
	color: #33383e;
	border-radius: 8px;
	display: inline-block;
	padding: 0.5em;
	width: 100%;
}


.colophon .group {
	font-size: 1.5em;
	text-transform: uppercase;
}

.group em {
	font-weight: bold;
	font-style: normal;
}


#wH {
	width: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}



@media only screen and (min-width: 768px) {
	section:after,
	.masthead:after {
		bottom: -3em;
		width: 6em;
		height: 6em;
	}

	section header {
		position: relative;
	}

	.masthead {
		padding: 6em;
	}

	.colophon {
		padding: 9em 6em;
	}

	.masthead h1 {
		font-size: 4.5em;
	}

	.glyphs, 
	.classes {
		padding: 9em 6em;
	}

	.glyphs header,
	.classes header {
		margin-bottom: 4.5em;
		padding-bottom: 4.5em;
	}

	.glyphs h1,
	.classes h1 {
		font-size: 4.5em;
	}


	.mega {
		font-size: 6em;
	}

    
    .glyph {
		width: 16.66666666666667%;
    }

    .item-box {
		width: 33.333%;
    }
    
    .colophon .group {
    	padding: 6em;
    }
}

#accountInformation {
    position: absolute;
    margin-left: 6%;
    font-size: 10px;
    z-index: 24;
    top: 36px
}
#signoutButton {
    color: #E30721;
}
.panel-manuel-size {
    height: 8em;
}
#newSummaryComment {
    position: relative;
    width: 100%;
    resize: none;
    height: 10em;
    top: -0.6em;
    border: 1px solid #687070;
}
#form-horizontal-LogOn {
    margin-left: -4%;
}
#navbarNewAppointment {
    position: relative;
    left: -0.8em;
}
#onlineServicesText {
    color: #ffffff;
}
.contentNewFinished {
    position: relative;
    left: -0.6em;
}
#appointmentSuccessText {
    position: relative;
    left: -0.4em;
}
#agbDsgvoTextColor{
    color: #E30721;
}
.nav-tabs {
    border-bottom: none;
}
#detailsLink {
    color: #000;
    text-decoration: none !important;
    z-index: 990;
}
#detailsLink:hover {
    color: #E30721 !important;
}
.checkoutButtons {
    position: relative;
    margin-top: 2px !important;
	padding: 0px;
	
}
.checkoutButtons > a {
	text-decoration: none !important;
}
.checkoutButtons > a:vistied {
	text-decoration: none !important;
	color: #fff !important;
}
.odd-line {
    background-color: #fff !important;
}
.even-line {
    background-color: #f5f5f5 !important;
}
.inputDetails {
    border: 1px solid #ccc;
    position: relative;
    left: 100px;
    top: -32px;
}
.imageUl {
    list-style-image:url(/Themes/WeichbergerB2B_Responsive/Content/Images/hg-li.jpg);
}
.colorInStock {
    color: #04B404;
}
.colorAvailable {
    color: #FFBF00;
}
.colorNotAvailable {
    color: #E30721;
}.stockPosition {
     position: relative; 
     left: -23px;
 }
 #os {
     color: #fff !important;
 }
 .priceHeight {
     height: 50px !important;
 }
 #detailsImage {
     width: 400px !important;
     height: 281px !important;
 }
 .buttonPosition {
     position: relative;
     top: 5px;
 }
 .vatsPosition {
     position: relative;
     left: 73px;
 }
 #vatsText {
     position: relative;
     top: -24px;
 }
 #PlusVat {
     height: 40px;
 }
 #refreshBasket {
     width: 200px;
 }
 .prices {
     border: 1px solid #0063A3;
     padding: 5px;
 }
 .title {
     text-align: center;
 }
 .onlynumberallowed {
     border: 1px solid #ccc;
     width: 50px
 }
 .basket-item.row {
     background-color: #f5f5f5;
     border: 1px solid #0063A3;
     padding: 5px;
 }

 #itemDistance {
     height: 10px;
 }
  #itemDistanceText {
     height: 20px;
 }
 .itemBasketDescription {
     font-weight: bold;
     color: #0063A3;
 }
 .itemBasketDescription:hover {
     color: #E30721;
 }
#priceBox {
    border: 1px solid #0063A3;
    /*box-shadow: 0px 1px 5px 1px #0063A3;*/
    padding: 20px;
    width: 25em;
    background-color: #fff;
    position: relative;
    top: 20px;
}
#deliveryDistance {
    height: 80px;
}
#distanceButtonBorder {
    height: 10px;
}
.resultHeader {
    position: relative;
    left: 23px;
}
.partingLine {
    height: 1px;
    background-color: #0063A3;
}
.changeDataField {
    padding: 20px;
}
.dl-horizontal dt {
    text-align: left;
}
#cancelData {
    text-decoration: none !important;    
}
#cancelData:visited {
    color: #fff !important;
}
#cancelData:hover {
    color: #0063A4 !important;
}

.textBoxBorders {
    border: 1px solid #ccc;
}
.block {
    border: 1px solid #0063A3;
    width: 16em;
    height: 10em;
    padding: 10px;
    box-shadow: 10px 10px 10px #ccc;
}
#toolImages {
    position: relative;
    width: 20px;
}
#offerPart {
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 10px 10px 10px #ccc;
}
.textBoxBordersOffer {
    border: 1px solid #ccc;
    width: 5em;
    box-shadow: 2px 2px 5px #ccc;
}
.textBoxBordersOfferPrice {
    border: 1px solid #ccc;
    width: 10em;
    box-shadow: 2px 2px 5px #ccc;
}
.priceOffer {
    padding: 30px;
}
#offerTotalPrice {
    color: #0063A4;
    font-weight: bold;
}
.offerPadding {
    padding: 50px;
}
#priIncTotalLine {
    position: relative;
    float:right;
    height: 1px;
    border: 1px solid #ccc;
    width: 100px;
    top: -10px;
}
#priIncTotalLineOrders {
    position: relative;
    float:right;
    height: 1px;
    border: 1px solid #ccc;
    width: 150px;
    top: 0px;
}
#rightPriceSum {
    position: relative;
    float: none;
    text-align: right;
    top: -20px
}
#priceTotal {
    position: relative;
    left: 100px;
}
.offerPaddingAccordion {
    padding: 20px;
}
#accordionPartialTable {
    position: relative;
    left: 10%;
}
.date {
    position: relative;
    left: 23px;
}
.textBoxBorderGeneral {
    border: 1px solid #ccc;
}
.paddingOrders {
    padding: 20px;
}
.buttonOrders {
    width: 200px !important;
}
#orderStyle {
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 10px 10px 10px #ccc;
}
#orderPrice {
    position: relative;
    text-align:right;
}
.orderPriceStyle {
    font-size: 110%;
    color: #0063A4;
}
#orderHeightDiv {
    height: 10px;
}
.orderDate {
    position: relative;
    left: 0px;
}
#accordionHeight {
    position: static;
    top: -10%;
}
#orderContentWithoutAccordion {
    height: 50px;
}
.divBr {
    height: 20px;
}
#offerText {
    position: relative;
    top: -30px;
    left: 30px
}
#centerOffer {
    position: relative;
    left: 30%;
}
@media (min-width: 700px) {
    #centerOffer {
    position: relative;
    left: 35%;
}
}
@media (min-width: 1000px) {
    #centerOffer {
    position: relative;
    left: 40%;
}
}
#Model_2__UserSettings_1__ValueString, #Model_4__UserSettings_0__ValueNumber, #Model_4__UserSettings_2__ValueNumber, #Model_5__UserSettings_0__ValueNumber,
#Model_6__UserSettings_0__ValueString, #Model_6__UserSettings_1__ValueNumber, #Model_6__UserSettings_2__ValueNumber, #Model_6__UserSettings_3__ValueNumber,
#Model_6__UserSettings_4__ValueNumber, #Model_6__UserSettings_5__ValueNumber {
    border: 1px solid #ccc;
}
.infoAmount {
    position: fixed;
    display: none;
    height: 50px;
    width: 250px;
    top: 25em;
    margin-left: 25%;
    background-color: #fff;
    border: 1px solid #0063A4;
    box-shadow: 5px 5px 10px #ccc;
    text-align: center;
    z-index: 5;
}
#infoAmountText {
    position: relative;
    top: 12px;
}
.text-box {
    border: 1px solid #ccc;
}
#dropdDiv {
    position: relative;
    top: -2px;
}
#filtersPosition {
    position: relative;
    left: -12px;
}
.rtSearch {
    font-size: 90%;
}
@media (max-width: 1200px) {
    .rtSearch {
        font-size: 80%;
    }
    
}
@media (max-width: 992px) {
	.hideBasketTitles {
		display: none !important;
	}
	.showBasketTitles {
		display: block !important;
	}

    /*.availabilityManufacturerPopupItems {
    position: absolute;
    width: 400px;
    display:block;
    top: -10px;
    left: 50px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 11px;
    box-shadow: 2px 2px 5px #ccc;
}*/
    
    .availabilityManufacturerPopup, .pop-out-of-season {
        color: #E30721;
    }
    #infoContainer {
    z-index: 9999;
    position: absolute;
    top: 50px;
    width: 90%;
    background-color: #fff;
    border: 1px solid #0063a4;
    box-shadow: 5px 5px 40px #000;
    padding: 1%;
    left: 5%;
    right: 0;
    overflow-y:scroll;
}
	.itemPaddingNull {
		padding: 0px 0px 0px 2px !important;
	}
    .rtSearch {
        font-size: 90%;
    }
    .partingLineStyle2 {
    position: relative;
    border: 1px solid #ccc;
    top: -135px;
}
    #priceDetails {
        width: 100%;
    }
    .xsStyle {
        left: -15px;
    }
	.itemsPara #manufacturer {
		padding: 0px;
	}
    #orderStyle {
    position: relative;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 10px 10px 10px #ccc;
    top: 20px;
}
    #adhoc {
        padding: 0;
        left: 0;
        z-index: 999;
    }
}
@media (max-width: 768px) {
	#rimInfo {
		left: -15px !important;
	}
    .user-message {
        position: relative;
        left: -15px;
    }
    #notesPerPosition {
        font-size: 14px;
    }
    #refreshBasket {
        width: 100%;
    }
    #notes_85fee72a-a7ed-4216-b460-32d9467c91d8_ {
        position: relative;
        left: -16px;
    }
}
 
@media (min-width: 768px) and (max-width: 992px) {
    #refreshBasket {
        width: 104%;
    }
    #ec-finish-container {
        float: left;
    }
}    
@media (min-width: 992px) {

.showBasketTitles {
		display: none !important;
	}
    /*.availabilityManufacturerPopupItems {
    position: absolute;
    width: 400px;
    display:none;
    top: -10px;
    left: 50px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 11px;
    box-shadow: 2px 2px 5px #ccc;
}*/
    /*#adhoc:hover .availabilityManufacturerPopupItems {
         display: block;
}*/
    #quick-search-submit {
    position: relative;
    top: 1px;
    left: 80px
}
    #search-textbox-value {
    width: 140%;
}
    
    .availabilityManufacturer {
        z-index: 999;
        cursor:pointer;
    }
	
	.out-of-season {
        z-index: 999;
        cursor:pointer;
    }
    .availabilityManufacturerPopup {
        width: 200px;
        position: absolute;
        top: -100px;
        background-color: #fff;
        box-shadow: 5px 5px 10px #000;
        padding: 2px;
        display: none;
        color: #E30721;
    }
	
	 .pop-out-of-season {
        width: 200px;
        position: absolute;
        top: -50px;
        background-color: #fff;
        box-shadow: 5px 5px 10px #000;
        padding: 2px;
        display: none;
        color: #E30721;
    }
    .availabilityManufacturer:hover .availabilityManufacturerPopup {
        display: block !important;
    }
	
	.out-of-season:hover .pop-out-of-season {
        display: block !important;
    }
    #manufacturerNumber {
        left: 0px;
    }
    #itemNumber {
        left: 22px;
    }
  
	#nettoEk {
		color: #0063a4 !important;
		font-weight: bold;
	}
    #quantityDiv {
     
        z-index: 999;
    }
    #buttonCheckout {
        position: relative;
        left: 70px;
    }
    #infoContainer {
    z-index: 99999;
    position: absolute;
    top: -50px;
    width: 80%;
    background-color: #fff;
    border: 1px solid #0063a4;
    box-shadow: 5px 5px 40px #000;
    padding: 1%;
    left: 10%;
    right: 0;
}
    .detailsLink:hover + .item-box-image{
    display: block !important;
}
    #buttonHeader {
    float: right;
}
    .trSearchDropdown {
    width: 13em;
    padding: 0px 0px 0px 15px;
    }
    .tSearchDropdown {
    width: 13em;
    padding: 0px 0px 0px 15px;
    }
    .trButton {
    padding: 0px;
    left: 15px;
    top: -1px
}
    .tButton {
        padding: 0px;
        left: -120px;
        top: 5px;
    }
	.itemsContainer {
	
}
 .partingLineStyle2 {
    position: relative;
    border: 1px solid #ccc;
    top: 380px;
}
     
     .userSettingsDiv {
    position: relative;
    padding: 20px;
    left: 15%;
}
     #priceDetails {
    width: 20%;
    left: 140px;
}
     #adhoc {

        z-index: 999;
    }
     
}
#rimInfo {
    position: relative;
    top: 0px;
	color: #E30721 !important;
	width: 100%;
	left: 0%;
}
@media (min-width: 1200px) {
    
    .tButton {
        padding: 0px;
        left: 15px;
        top: -1px;
    }
    #orderStyle {
    position: relative;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 10px 10px 10px #ccc;
    top: -50px;
}
}
@media (max-width: 770px) {
    #visibleXsUserSettings {
        width: 70%;
    }
}
@media (max-width: 570px) {
    #visibleXsUserSettings {
        width: 50%;
    }
}
#orderStyle2 {
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 10px 10px 10px #ccc;
}
#textSearch {
    top: 5px;
}
.rtSearchLabelPosition {
    top: 7px;
}
#selectArticelCategory {
    position: relative;
    top: 3px;
}
.trBr {
    height: 12px;
}
#expressBasket {
    border: 1px solid #0063A3;
    background-color: #f5f5f5;
    padding: 10px;
}
#partLineExpress {
    position: relative;
    top: 48px;
}
#deliveryMethods {
    position: relative;
    left: 20px;
}

.textAlignLeft {
    text-align: left !important;
}


.buttonWidthGeneral {
    width: 13em !important;
}
.textBoxBorders {
    width: 200px;
}
.accordionDetails {
    padding: 10px;
}
#ItemDescDetails {
    position: relative;
    left: 90px;
}
.loginButton {
    float: left;
}
.loginPadding {
    padding: 0px 0px 0px 14px;
}
.loginPadding li:only-child {
    position: relative; 
    left: -23px;
}
.loginError {
    color: #E30721;
}

#loginError p {
    left: -20px;
}
.validationSummary {
    color: #E30721;
}

#dropd {
	height: 34px;
}
#rButtonSearch {
	position: relative;
	top: 1px;
}
.regCheckbox {
	position: relative;
	width: 20px;
	left: -15px;
	height: 20px;
}
#forPwEmail {
	position: relative;
	left: -15px;
}
.checkBoxTop {
    top: 9px;
}
.dropdownOffer {
    position: relative;
    height: 35px;
    width: 120px;
}


/* styles for validation helpers */
.field-validation-error {
    color: #cc0000;
}

.field-validation-valid {
    display: none;
}
#create-new-offer {
    color: #FE9A20;
    text-decoration: none !important;
}
#open-current-offer {
    color: #00cc00;
    text-decoration: none !important;
}
#intoBasketButton {
    text-decoration: none !important;
    z-index: 10;
}
#customer-data {
    position: relative;
    left: -22px;
}

fieldset input[type="text"].valid, fieldset input[type="password"].valid, fieldset input[type="radio"].valid, fieldset input[type="checkbox"].valid, fieldset textarea.valid {
    border: 1px solid #00cc00;
    background: #d6ffd6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6ffd6));
    background-image: -webkit-linear-gradient(#ffffff, #d6ffd6);
    background-image: -moz-linear-gradient(#ffffff, #d6ffd6);
    background-image: -ms-linear-gradient(#ffffff, #d6ffd6);
    background-image: -o-linear-gradient(#ffffff, #d6ffd6);
    background-image: linear-gradient(#ffffff, #d6ffd6);
    -moz-box-shadow: 1px 1px 2px #aaddaa;
    -webkit-box-shadow: 1px 1px 2px #aaddaa;
    box-shadow: 1px 1px 2px #aaddaa;
}
fieldset input[type="text"].input-validation-error, fieldset input[type="password"].input-validation-error, fieldset input[type="radio"].input-validation-error, fieldset input[type="checkbox"].input-validation-error, fieldset textarea.input-validation-error {
    border: 1px solid #E30721;
    background: #ffd6d6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffd6d6));
    background-image: -webkit-linear-gradient(#ffffff, #ffd6d6);
    background-image: -moz-linear-gradient(#ffffff, #ffd6d6);
    background-image: -ms-linear-gradient(#ffffff, #ffd6d6);
    background-image: -o-linear-gradient(#ffffff, #ffd6d6);
    background-image: linear-gradient(#ffffff, #ffd6d6);
    -moz-box-shadow: 1px 1px 2px #ddaaaa;
    -webkit-box-shadow: 1px 1px 2px #ddaaaa;
    box-shadow: 1px 1px 2px #ddaaaa;
}
fieldset input[type="text"], fieldset input[type="password"], fieldset select, fieldset textarea {
    border: 1px solid #bbbbbb;
    color: #333333;
    font-size: 12px;
    margin: 2px 0;
    padding: 2px;
    width: 230px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#sortList {
    width: 220px;
    height: 30px;
    clear:both;
    float: right;
    
}

#Descriptionfield {
    width: 230px;
}
#buttonInsertAll {
    text-decoration: none !important;
    cursor: pointer !important;
}
#articleSuccess {
    margin-top: 1%;
    background-color: #d6ffd6;
    border: 1px solid #00cc00;
    text-align:center;
    vertical-align: central;
    padding: 5px;
    height: 35px;
}
#articleError {
    margin-top: 1%;
    background-color: #ffd6d6;
    border: 1px solid #E30721;
    text-align:center;
    vertical-align: central;
    padding: 5px;
    height: 35px;
}
#sortDiv {
    float:right;
    width: auto;
}
#selectSortLabel {
    float: left;
}
#cms-block-startseite {
    display: none;
}

#closeInfoContainer {
    color: #E30721; cursor:pointer;float: right;
    transition: .1s;
}
#closeInfoContainer:hover {
    opacity: 0.5;
}
#openInfoContainer {
    color: #0063A4; 
    cursor:pointer;
    transition: .1s;
    width: 30px;
	font-size: 120%;
}
#openInfoContainer:hover {
    opacity: 0.5;
}
#itemImage {
    position: absolute;
    z-index: 9999;
    bottom: 100%;
    width: 175%;
}
.itemsSearch {
    border: 1px solid #ccc;
    border-bottom:1px solid #0063a4; 
    padding: 10px 4px;
}
#quickSearchBsp {
    position:relative; 
    top: -10px;
}

#filterByAmountQuickSearch {
    position: relative;
}
#notesPerPosition {
    position: relative;
    top: -35px;
}
#notificationDiv {
    position: absolute;
    width: 800px;
    height: auto;
    z-index: 9999;
    left: 50%;
    top: 40%;
    background-color: #fff;
    box-shadow: 0px 0px 20px #0063A4;
    border: 1px solid #0063A4;
    padding: 10px;
    transform: translate(-50%, -50%);
}

@media(max-width: 800px){
	#notificationDiv {
		width: 100%;
	}
} 

#quantityProductOverview {
	width: 50px;
}
#filterByAmount {
		width: 60px !important;
    }
#cms-block-loginnotification {
	border: none;
	box-shadow: none;
	width: auto;
	height: auto;
}
#cms-block-loginnotification  > p > img {
	width: 100% !important;
}
#orderButtonSubmit {
	width: 20%;
}
#orderWithDetailsRow {
	border: 1px solid #ccc;
	cursor: pointer;
}
#orderWithDetailsRow:hover {
	background-color: #0063A4;
	color: #fff;
}
.headerOrdWithDetails {
	padding: 5px;
}
#ordersWithDetailsItemRow {
	border: 1px solid #ccc;
	margin-bottom: 8px;
	margin-left: 0;
	margin-right: 0;
}
#ordersWithDetailsPagination {
	display: inline;
	list-style-type: none;
	font-size: 120%;
}
#ordersWithDetailsPagination > li {
	float: left;
	padding: 2px;
}
#basketNotes {
	border: 1px solid #0063A4 !important;
}
@media (min-width: 993px) {
	#smallView {
		display: none;
	}
	#bigView {
		display: block;
	}

    #bigView p{
        font-size: 12px !important;
    }
}
@media (max-width: 992.9px) {
	#smallView {
		display: block;
	}
	#bigView {
		display: none;
	}
	#searchHeaderText {
		display: none;
	}
}
.itemRowSt {
	padding: 1%;
}
.insertIntoBasketBr {
	display: none;
}
@media (max-width: 480px) {
	.insertIntoBasketBr {
	display: block;
}
#buttonInsertAll {
	margin-top: 10px !important;
}
#sortList {
	width: 120px;
}
}
#offerImage {
	width: 100px;
}
#content1-shop {
	border-bottom:1px solid #0063a4;
	margin-bottom:15px;
}
#searchHeaderText {
    padding: 15px 4px;
    z-index: 1000;
    background-color: #fff;
    border-bottom: 1px solid rgb(0, 99, 164);

}

    #searchHeaderText p {
        font-size: 12px !important;
    }