:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;


--base-color: #E01839;


--base-text-color: #fff;


--footer-color: #3C3C3C;


--footer-text-color: #fff;


--button-color: #4FAB2A;


--button-hover-color: hsl(from var(--button-color) h s calc(l - 5));


--button-text-color: #fff;


--header-color: #fefefe;


--header-text-color: #333;

--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

/* =====================================
			General Styles
===================================== */ 
@media (min-width: 640px) {
.first-page-content .promotion-buy {
    right: 56px!important;
}
}

/* General elements */

a.button:hover, a.button:focus {
    color: #a56c01!important;
}
a:hover, a:focus, .link:hover, .link:focus, .action:hover, .action:focus, .file-upload-existing:hover, .file-upload-existing:focus {
    color: #ffa700!important;
}
body {background-color:#fff!important;}

h2 {
    font-size: 23px;
    margin: 5px;
    font-weight: 600;
    margin-top: 40px!important;
    margin-bottom: 30px!important;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 11px;
}

.buy-button {
    color: #000!important;
    border: 1px solid transparent;
    background-color: #ffa700!important;
    border-radius: 5px!important;
    position: relative;
    top: 1px;
}
.buy-button:hover {
    color: #000;
    background-color: #FFE1AA;
}

.buy-button:hover, .buy-button:focus, .buy-button:active {
    background-color: #51616e;
}
.button {
    background-color: #ffa700!important;
    color: #000!important;
    border-radius: 5px!important;
    font-weight: 700!important;
}
.button:hover {
	color: #000;
    background-color: #FFE1AA;
}
input.buy-quantity__input.input-number {
    border-radius: 5px!important;
}
/* informationsboks */

body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(2) > div.row.content-show > div {
    background-color: #ffa700!important;
    font-size: 15px!important;
    border-radius: 9px!important;
    padding: 15px 9px 9px 107px!important;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(2) > div.row.content-show > div::before {
    content: url(https://danielkose.netset.com/netset/files/images/avs/attention_icon.png);
    position: absolute;
    left: 30px;
	top: 47px;
}
#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(2) > div.row.content-show > div p {
    margin-bottom: 0px;
}

/* icons */

.fa-sign-in-alt:before {
    content: url(https://danielkose.netset.com/netset/files/images/iteam/unlocked.png)!important;
    position: relative;
    top: -3px;
}
.minibasket .minibasket-icon {
    background-color: #fff!important;
}

.login-basket .fa-shopping-cart:before {
    content: url("https://danielkose.netset.com/netset/files/images/iteam/basket.png")!important;

}

/* Searchbar */

.fas.fa-search.product-search-button {
    background-color: #ffa700;
    border-radius: 80px;
    padding: 6px 35px;
    position: absolute;
    margin-left: -16px;
}
.product-search-input-container {
    position: relative;
    border: 1px solid #eee;
    padding: 0px 13px!important;
    background-color: #fff;
    border-radius: 50px;
}

/* Huvudmeny */
.menu-bar-item.menu-bar-desktop-menu.menu-bar-desktop-menu-content a, li.menu-bar-item.menu-bar-menu-pages a {
    color: #000;
}
.resource-menu-desktop li a:hover {color: #ffa700!important;}


li.menu-bar-item.menu-bar-desktop-menu.menu-bar-desktop-menu-products a {
    color: #fff;
}

.view-settings-menu-desktop a {color:#000!important;}

.header-bar {
    background-color: #f5f3f2;
    -webkit-box-shadow: 999px 0px 0px 0px #d6d1c4, -999px 0px 0px 0px #f5f3f2;
    box-shadow: 999px 0px 0px 0px #f5f3f2, -999px 0px 0px 0px #f5f3f2;
}


.menu-bar-item.menu-bar-desktop-menu.menu-bar-desktop-menu-products {
    background-color: #51626f;
    box-shadow: 23px 0px 0px 0px #51626f, -18px 0px 0px 0px #51626f;
	padding-right: 121px;
}
.menu-bar-item-label {
    color: #00ce7c;
    text-transform: uppercase!important;
    padding-left: 11px;
}

.menu-bar-item.menu-bar-desktop-menu.menu-bar-desktop-menu-content {
    padding-left: 30px;
}
.menu-bar-desktop-menu-content a:hover {
    color: #000!important;
}
.menu-bar-item-label, .menu-bar-item-label:hover, .menu-bar-item-label:focus {
    text-transform: capitalize!important;
	font-weight: 500;
}
.menu-bar-desktop-categories-menu-item-label {
    color: #ffffff!important;
}
.menu-bar-desktop-categories-menu {
    margin-left: 2px;
    padding-left: 26px;
	padding-right: 26px;
	padding-top: 20px!important;
    padding-bottom: 30px!important;
}
li.menu-bar-desktop-categories-menu-item {
    width: 226px;
}
.menu-bar-desktop-products-menu-show-more {
    padding-left: 4px;
}
.menu-bar-desktop-products-menus ul {list-style-type:none!important;
}
.menu-bar-desktop-categories-menu-item {border-bottom:0px;}
.menu-bar-desktop-categories-menu-item:hover {
    background-color: transparent;
}
.menu-bar-desktop-categories-menu-item:hover a {
    color: #ffa700;
}
.menu-bar-desktop-products {
    box-shadow: none;
	background-color:transparent!important;
}.menu-bar-desktop-categories-menu-item:hover, .menu-bar-desktop-categories-menu-item.active {
    background-color: transparent!important;
}
.menu-bar-desktop-products-menus {
    display: flex;
    flex: 0 1 80%;
    flex-wrap: wrap;
    padding: 27px;
    background-color: #f2efee;
}
.menu-bar-desktop-products-menu-label {
    border-bottom: none;
    display: block;
    font-weight: bold;
	color:#0c3e46;
	font-size: 16px;
}
a.menu-bar-desktop-products-menu-item {
    font-size: 16px;
}
.menu-bar-desktop-products-menu-items {
    font-size: .8rem;
    margin: 9px 0;
    padding-left: 2px;
}

.menu-bar-desktop-products-menu-item a {
    font-weight: 500;
}
.menu-bar-desktop-categories-menu ul {
    list-style-type: none!important;
    /*width: 241px!important;*/
}

li.menu-bar-item.menu-bar-menu-pages {
    background-color: #febc3d;
    box-shadow: 21px 0px 0px #febc3d, -13px 0px 0px #febc3d;
}

.menu-bar-menu-pages a:hover {
    color: #000!important;
}

.menu-bar-item:last-child .resource-menu-desktop {
    left: unset;
    right: -21px;
}

/* Resource meun */
.resource-menu-desktop {left:30px;}
.resource-menu-desktop ul li>ul>li:hover {
    background: transparent;
}

/* Backgrund profileringar */
.row.collapse.promotions {
    background-color: #fafafa;
}


/*     Front page     */

/* products */
.promotion-item {
    border: none!important;
    background-color: #fff!important;
    padding: 0px 33px!important;
    border-radius: 0px!important;
}
.promotion-item:hover {background-color:#d5d5d517!important;}
.promotion-item:hover img {mix-blend-mode: multiply;}
.promotion-item:hover h5 a {color:#ffa700!important;}
.promotion-item:hover img {
    transform: scale(1.1);
    transition: ease-in-out .1s;
}
.promotion-item img {
    transition: ease-in-out .1s;
}
.promotion-item-info h5 {
    text-align: center;
    font-size: 14.4pt;
}

.descriptionDesktop {
    text-align: center;
    font-size: 10pt!important;
}
.promotions {
    background-color: #fff!important;
}
/*.promotion-container:nth-child(2), .promotion-container:nth-child(5) {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}*/
.es-product-list .promotion-container:nth-child(4) {
    border-right: 1px solid #e5e5e5;
}
.promotion-container {
    border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

/* Covid boks

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(2) > div.row.content-show {
    background: #ffa700;
    font-size: 15px;
    border: 1px solid lightgray;
    border-radius: 10px;
    padding: 10px 10px 10px 120px;

}*/

/* Product page */

.product-list__items .price-text {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.product-list__items .button {
    background-color: #ffa700!important;
    color: #51616e!important;
    font-weight: 700!important;
    border-radius: 5px!important;
}

.es-product-list .product-list__items-icons .active {
    color: #ffa700!important;
}
.es-product-list .product-list__items-icons .product-list__items-icon {
    color: #bdbdbd;
}
.es-product-list span.prodlist__manufacturer {
    font-weight: 900;
    text-align: center;
}
.es-product-list span.prodlist__label {
    font-weight: 600;
    text-align: center;
}
.es-product-list .prodlist-row.large-grid .product-list__description {
    overflow: hidden;
    max-height: 34px;
    white-space: normal;
}
.es-product-list .prodlist-row__price {
    text-align: center!important;
}

.large-grid .product__stock.product__stock--no-stock, .large-grid  .product__stock {
    position: absolute;
    width: 150px;
    top: 17px;
    text-align: center;
}

.large-grid .prodlist-row__prodinfo {
    position: absolute;
    top: 100px;
    width: fit-content;
    margin: 0 auto;
}

.large-grid .prodlist-row.large-grid.grid-layout-cols-5 .product__compare {
    padding-right: 7px;
	height: fit-content;
}

.product-list__items .product__compare:before {
    content: "Jämför";
    left: 0px!important;
    position: relative;
}
.product-card-actions .product__compare:before {
    content: "Jämför";
    left: -5px;
    position: relative;
}
.product-card-actions .fa.fa-handshake-o {
    margin-left: -49px;
}
.product-card-actions .product__compare {
    padding-right: 30px;
}
.large-grid .product__compare {
    width: fit-content;
    margin-left: 34px;
}

.large-grid .product__stock.product__stock--no-stock, .large-grid  .product__stock  {
    font-size: 13px;
    margin-top: 10px;
}
.large-grid span.price-text {
    top: 11px;
    position: relative;
}
.large-grid .product-list__description {
    text-align: center;
}

/* product detail page */
.product-card .product-card-price .price .price-text {
    font-size: 2rem;
    font-weight: 600;
    color: #000;
}
.price-text {
	font-weight: 600;
    color: #000;
}
.product-card-information-container .buy-button {
    width: 120px;
}

/* Accordion */
.product-card-tabs .accordion-title {
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 16px;
}

/* Profileringar */
.promotion-item {
    border: 1px solid #e6e8e9;
    background-color: #fff;
    padding: 8px 8px 0 8px;
    border-radius: 4px;
    height: 100%;
    position: relative;
}



/*Profileringar hover */
.promotion-item:hover {
	z-index: 5;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.175);
    box-shadow: 0 0 3px rgba(0,0,0,.175);
}
/* Profileringar titel */
.promotion-item h5 {
    color: #000;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Profilering funktioner-text */
.promotion-item p {
    margin-bottom: 85px;
    line-height: 1.5;
    color: #999;
    font-size: 11px;
}

.promotion-item.text {
    background: none;
    border: none;
    padding: 0;
    margin: 0 15px 0 15px;
    height: 30px;
}

.promotion-item.text:hover {
	box-shadow: none;
}

.promotion-item.text .promotion-item-label h5 {
    height: auto;
    font-size: 20px;
    font-weight: 600;
    font-family: "Segoe UI","Helvetica neue",Arial;
}

.promotion-item.only-picture {
    box-shadow: none;
	border: none;
    padding: 0;
}

/* Slideshow */
.bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid #fff;
    background: #fff;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -20px;
}

.promotion-item.only-picture .promotion-item-image img {
    max-height: 300px;
	transition: .5s ease;
}

.promotion-item.only-picture .promotion-item-image img:hover {
    opacity: 0.7;
	transition: .5s ease;
}

/* F�v�ntat datum fix med hover-effekt*/

span.product__stock--info:hover .product__stock-expected {
    visibility: visible;
}

.product__stock-expected {
    visibility: hidden;
  width: 150px;
  background-color: #000000b0;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 30px;
}

/*Promotion price
.promotion-price {
    font-weight: bold;
    font-size: 18px;
    color: white;
    top: 0px;
    position: absolute;
    right: 10px;
    background: orange;
    padding: 0 10px 0 10px;
}*/

/* Headings */

h5 {
    font-size: 14px;
    font-weight: 700;
}

h2 {
    font-size: 25px;
    margin: 5px;
}

.footer .footer-wrapper .content-footer-wrapper {
    margin-left: 0px;
}
.footer .footer-wrapper .content-footer-wrapper li {
    text-align: left;
    display: inline-table;
    margin-left: 0px;
    margin-right: 25px;
}
/*.footer {
    background-color: #51626f;
    padding-top: 152px;
    padding-bottom: 60px;
    background-image: url(https://danielkose.netset.com/netset/files/images/avs/avs-abstract-it-lines.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: calc(90% - 60px) 50%;
}*/
.footer {
	padding-top: 150px!important;
    }
.footer-wrapper {
	background-image: url(https://danielkose.netset.com/netset/files/images/avs/avs-abstract-it-lines.jpg);
	background-position-y: center; 
}
ul.content-footer-wrapper img {
    max-width: 120px;
    margin-top: 30px;
    padding-bottom: 20px;
}
.content-footer-wrapper::before {
    content: url(https://danielkose.netset.com/netset/files/images/avs/avs-logo-portrait-inverse.png);
    position: absolute;
    top: -134px;
}
.footer-wrapper a {
    color: #ffa700!important;
}

.footer-wrapper .button {
    background-color: #ffa700;
    color: #fff;
    border-radius: 0px!important;
    margin: 0;
}

.menu-bar-desktop-categories-menu-item {
    border-bottom: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    line-height: 42px;
    padding-left: 15px;
    position: relative;
}
.footer-wrapper li {
    font-weight: 400;
	line-height: 22px!important;
}

.menu-bar-desktop-categories-menu {
    background-color: #51626f!important;
    flex: 0 0 20%;
}

.header-wrapper.collapse {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dedede;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
}

#body > div.header-wrapper.collapse > div > div.header-bar.clearfix > div > ul > li:nth-child(2) {
    font-weight: 600;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: orange;
}

.header-wrapper .header-bar-section-links-item {
    margin: 0px 0;
    border-right: 0px solid #aaa;
}

.header-wrapper .header-bar-section-links {
    padding: 5px;
}

.first-page-content .promotion-item .bx-wrapper {
    margin: 0 auto 0px;
}



.bx-wrapper .bx-pager.bx-default-pager a {
    background: #79797950;
}

.bx-wrapper .bx-pager {
    padding-top: 0px;
}

/* Filter menu */

.es-filters-wrapper {
    box-shadow: none;
}
.es-filters-wrapper:nth-child(1) {
    background-color: #51626f;
    color: #fff;
    box-shadow: 11px 0px 0px 0px #51626f, -13px 0px 0px 0px #51626f;
}
.es-filters-wrapper:nth-child(1) .es-options-value {
    color: #fff!important;
}
.es-filters-wrapper:nth-child(1) a, input.es-expand-category {
    color: #ffa700;
    font-weight: 600;
}
.es-filters-wrapper:nth-child(1) a:hover {color:#ffa700;}

a.es-category-label.es-category-1.es-category-label--selected, a.es-category-label.es-category-2.es-category-label--selected {color:#ffa700!important;}

i.fas.fa-chevron-left {
    transform: rotate( 180deg );
}

.es-filters-wrapper {
    background-color: #51626f1a;
    box-shadow: 11px 0px 0px 0px #51626f1a, -13px 0px 0px 0px #51626f1a;
}

.es-options-label:hover {
    color: #a29470;
}

.es-options-badge {
    color: #b5a989;
    background-color: transparent;
    font-weight: 500;
	opacity:1!important;
}

.es-options-header-hide-button {
    font-weight: 500;
}

.noUi-connect {
    background: #51626f;
}

.noUi-target {
    background: transparent;
}

.es-range-slider-min-max-container span {
    background-color: #51626f;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
    font-size: 11px;
    margin-top: 5px;
}

label>[type=checkbox], label>[type=radio] {
    margin-right: 0.5rem;
    width: 17px;
    height: 17px;
	position: absolute;
}

.es-options-value {
    margin-left: 24px;
}

input.es-expand-filter.expand-filter, button.es-clear-all-filters-button {
    color: #a29470;
    font-weight: 500;
}

.noUi-touch-area {
    background-color: #51626f;
    border-radius: 145px;
    width: 27px;
}
.noUi-handle {
    border: none;
    background: transparent;
    box-shadow: none, 
}
.noUi-handle:after, .noUi-handle:before {content:none;}

.noUi-connect {
    top: 4px !important;
    height: 7px !important;

}

/* Pagination */

ul.pagination.text-center {
    width: fit-content;
    margin: 0 auto;
    background-color: #edeff0;
    border-radius: 30px;
}

.pagination .current {
    background-color: transparent;
    color: #000;
    font-weight: 900;
}

.pagination a, .pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
    color: #ababab;
}

/* Offerter */

.quotes-list {
    width: fit-content;
    margin: 0 auto;
}

#body .table-list {
    padding: 0px;
}

/* Login box  */



@media only screen and (min-width: 980px) {
button.button.login-form-button {
    background-color: #ffa700;
    border-radius: 0px;
    padding: 11px 30px;
    color: #fff;
    font-weight: 700;
}
	#loginform {
    padding: 40px;
    min-height: 192px;
}
	button.button.login-form-button {
    float: right;
    margin-left: 20px;
}
	button.button.login-form-register {
    float: left;
}
	button.button.login-form-forgot-password {
    float: right;
}
.login-container, .checkout-login-container {
    width: 1200px!important;
    /*padding: 20px 40px;*/
    background-color: #51626f;
}
.login-form-forgot-password {
    background-color: transparent!important;
    color: #d6d1c4!important;
}
label.forgot-password-email.input-required {
    color: #d6d1c4;
}
.login-form-forgot-password::before {
    content: url(https://danielkose.netset.com/netset/files/images/iteam/key.png);
    margin-right: 6px;
    top: 2px;
    position: relative;
}
.login-form-register {
    float: right;
	color:#ffa700!important;
	border:2px solid #00ce7c;
	background-color:transparent!important;
	font-weight:bold;
}
#loginform {
    padding: 40px;
}
.forgot-password-form {
    padding: 40px;
}
#loginform .login-username, #loginform .login-password {
    width: 50%;
    float: left;
    color: #d6d1c4;
}
#loginform label:nth-child(2) {
    float: right;
}
.login-username {
    padding-right: 10px;
}
.login-password {
    padding-left: 10px;
}
#loginform input[type="text"], input[type="password"] {
    border-radius: 3px;
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    box-shadow: none;
}
button.login-form-forgot-password:hover {
    background-color: transparent;
    color: #00ce7c;
}
.login-username.input-required {
    color: #d6d1c4!important;
}
.login-form-register {
    border: 2px solid;
    border-radius: 0px;
}

}

/* Focus */
.product-list-category-selected > .button {
    color: #fff!important;
    background-color: #51626f!important;
}
.product-list-category-selected > a.button:focus {
	color:#fff!important;
}

/* Mobile view */
@media only screen and (max-width:850px) {
.menu-bar-item-label {
    color: #070707;
    text-transform: uppercase!important;
    padding-left: 0px;
}
	.fas.fa-search.product-search-button {
    margin-left: -28px;
}
	.promotion-item {
    padding: 0px!important;
}
	.footer {
    padding-left: 11px;
	padding-bottom: 3px;
	background-image:none;
}
	.product-card-information-container .buy-button {
    width: 93px;
}
}