@import url("../themes/tradeweb/tradeweb_aimeos_generated.css");

/* ---header--- */
.tradeweb-header {
    background-color: #0095d7;
    border-color: transparent;
    min-height: 60px;
}

ul.navbar-nav > li > a {
    /*line-height: 29px;*/
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #eee;
}

.navbar-default {
    border-radius: 0px;
}

section.basket-mini {
    margin-top: 7px;
}

.navbar-brand {
    padding-top: 5px;
}

.navbar-brand img {
    height: 30px;
    margin-top: 10px;
}

.navbar {
    margin-top: 20px;
    margin-bottom: 10px;
}

#header_brand_logos {
    margin-top: 11px;
    margin-left: 108px;
}

#header_brand_logos > div.row > img {
    margin-left: 11px;
}

#footer_brand_logos {
    margin-top: 20px;
}

#footer_brand_logos > div.row {
    margin-bottom: 20px;
}

#footer_brand_logos > div.row > img {
    margin-left: 20px;
}

/* /--header--- */

/* ---dropdown-menu--- */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.tradeweb-menu {
    background: #d9f3fb;
    min-height: 25px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.tradeweb-menu > div > .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 4px;
    padding-right: 0px;
    color: #0095d7;
}

ul.navbar-right > li {
    margin-top: 4px;
}

.tradeweb-menu > div > .navbar-nav > li > a:hover {
    color: #10a5e7;
}

#tradeweb-menu-notify {
    float: right;
    margin-top: 5px;
    margin-right: 3px;
}

#tradeweb-menu-notify a {
    color: #ee1111;
}

/* Expand menu on hover */
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

/* Expand submenu's to the left */
.dropdown-submenu-left > .dropdown-menu {
    left: auto;
    right: 100%;
}

.dropdown-submenu-left > a:after {
    position: absolute;
    left: 7px;
    top: 3px;
    border-right-color: #ccc;
    border-width: 5px 5px 5px 0;
}

/* /--dropdown-menu--- */

/* ---footer--- */
footer {
    margin-top: 30px;
    border-radius: 4px;
    background-color: #d9f3fb;
    border-color: #d0d0d0;
    min-height: 156px;
}

footer, footer a {
    color: #0095d7;
}

footer h2 {
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: bold;
}

.payment_images {
    margin-top: 20px;
    margin-bottom: 5px;
}

.payment_images img {
    margin-right: 10px;
    margin-bottom: 10px;
}

/* /--footer--- */

/* ---social-media--- */
.catalog-detail .catalog-social .social-button-linkedin:before {
    content: "\f08c";
}

.catalog-detail .catalog-social .social-button-tumblr:before {
    content: "\f174";
}

/* /--social-media--- */

/* ---searchbar--- */
.catalog-filter-search .reset .symbol:before {
    content: "wissen";
}

.catalog-filter {
    margin-bottom: 15px;
}

/* /--searchbar--- */

/* ---addbasket--- */
.addbasket > .input-group > .input-lg {
    width: 6em;
}

.addbasket > .input-group > .btn {
    width: calc(100% - 6em);
}

/* /--addbasket--- */

/* ---catalog-list--- */
.catalog-list .product {
    /* TODO: hier nog aanpassen voor uitlijning afbeeldingen */
    margin: 0.5em 0.5%;
    width: 273px;
}

.aimeos .product .text-list h2 {
    font-weight: bold;
    font-size: 120%;
    height: 120%;
}

.aimeos .product .text-list .text-item {
    height: 110%;
}

/* /--catalog-list--- */

/* ---catalog-tree--- */
li.catselected > a {
    font-weight: bold;
    font-size: 110%;
}

.catalog-filter-tree .media-list {
    display: none;
}

.catalog-filter-tree a.cat-item {
    white-space: normal;
}

/* /--catalog-tree--- */

/* ---product-detail--- */
.catalog-session-seen .name,
.catalog-session-pinned .name {
    height: 5em;
}

div.catalog-detail-basket-attribute {
    display: none;
}

.deliverytime {
    color: #999;
    margin-bottom: 0.9em;
}

/* /---product-detail--- */

/* ---homepage--- */
a.thumbnail:hover {
    border-color: #D02010;
}

/* /--homepage--- */

.catalog-filter-attribute fieldset,
.catalog-filter-supplier fieldset {
    width: 100%;
}

.catalog-filter-attribute .attribute-lists .attr-list,
.catalog-filter-supplier .supplier-lists .attr-list {
    height: 8em;
}

.catalog-filter-attribute > h2,
.catalog-filter-supplier > h2 {
    float: none;
}

.catalog-filter-tree > h2 {
    float: none;
}

div.catalog-list-items > ul.list-items > li.product > a > div.text-list > div.text-item > ul {
    list-style-type: disc;
    text-align: left;
    margin-left: 1.5em;
}

div.catalog-list-items > ul.list-items > li.product > a > div.text-list > h2 {
    margin-bottom: 6px;
}

div.catalog-list-items > ul.list-items > li.product > a > div.text-list > h3 {
    font-size: 110%;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.catalog-list-items > ul.list-items > li.product {
    border-width: thin;
    /* border-style moves text down on l_type=list */
    border-style: solid;
    border-color: #90e2fb;
}

.catalog-filter-searchfilter > .input-group .form-control {
    z-index: initial;
}

.addbasket > .input-group > .form-control {
    z-index: initial;
}

.catalog-filter-searchfilter .value {
    width: 60%;
}

.catalog-filter-searchfilter .reset {
    width: 15% !important;
}

.catalog-filter-searchfilter .reset .symbol:before {
    content: "❌";
}

.catalog-filter-searchfilter .btn-primary {
    width: 25% !important;
}

/* ---addbasket-catalog-list--- */
.catalog-list-items .addbasket > .input-group {
    width: 65%;
}

.catalog-list-items .addbasket > .input-group > input.form-control {
    width: 6em;
}

.catalog-list-items .addbasket button {
    padding: 2px 12px;
}

.addbasket-list::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f07a";
    font-size: 200%;
}

/* /--addbasket-catalog-list--- */

/* ---fix hover suggest items--- */
.ui-menu-item:hover {
    background-color: #eee;
}

.ui-menu-item:focus, .ui-state-active {
    background-color: #eee;
}

/* /--fix hover suggest items--- */

.checkout-standard > h2 {
    font-size: 170%;
    margin-left: -5px;
}

/* BHA */

.catalog-detail-service .service-list {
    max-width: 40em;
}

.catalog-list .product {
    border-bottom: none;
}

.aimeos .product .text-list h2 {
    height: 30px;
}

/*.catalog-list .product {*/
/*height: 600px;*/
/*}*/

.aimeos .product .stock-list {
    display: none;
}

.catalog-list .catalog-list-items .price-item {
    height: 65px;
}

.catalog-list .catalog-list-items .price_message {
    margin-top: 12px;
    height: 49px;
}

.catalog-list .catalog-list-items .addbasket .input-group {
    padding-top: 7px;
}

/* l_type=list - /ext/tradeweb/client/html/templates/catalog/lists/items-body-list.php */
.catalog-list-items .list .product {
    width: 482px; /* default: 481px */
}

div.catalog-list-items > ul.list-items.list > li.product > a.media-list > div.media-item {
    height: 220px;
    width: 220px;
    padding: 10px;
}

.catalog-list-items .list .offer {
    float: left;
}

ul.list-items.list > li.product > form > div.addbasket > div.input-group {
    margin-left: 0px;
}

.catalog-list-items .list .media-list {
    height: 200px;
}

/* catalog-detail */
section.aimeos.catalog-detail article.product.row div.col-sm-6 div.catalog-detail-image div.image-single div#image-0.media-item {
    height: 352px;
}

section.aimeos.catalog-detail article.product.row div.col-sm-6 div.catalog-detail-image div.image-single div#image-0.media-item img {
    padding: 10px;
    border-width: thin;
    border-style: solid;
    border-color: #90e2fb;
}

section.aimeos.catalog-detail article.product.row div.col-sm-6 div.catalog-detail-basic p.code span.value {
    font-weight: bold;
}

section.aimeos.catalog-detail > article.product.row > div.col-sm-6 > div.catalog-detail-basic > div.article_type > img.article_type_icon {
    position: absolute;
    top: 0px;
    right: 15px;
    z-index: 1;
}

.catalog-list-items .list .product {
    width: 100%;
}

.catalog-list-items .list .offer {
    float: right;
}

.catalog-list-items .list .product a {
    float: left;
}

.catalog-detail-basic .short {
    display: block;
}

html body div.container section.aimeos.catalog-list div.catalog-list-items ul.list-items li.product a div.text-list div.text-item {
    margin-top: 4px;
    min-height: 12px;
}

div.catalog-detail-basket > div.price-list > div.articleitem.price.price-actual > div.price-item > span.value > span {
    color: #0095D7;
}

span.price-item-euro {
    font-size: 200%;
}

span.price-item-cents {
    font-size: 120%;
    position: relative;
    top: -6px;
    left: -5px;
}

div.catalog-detail-basket > div.price-list > div.articleitem.price.price-actual > div.price-item > span.value > span.price-item-cents {
    top: -8px;
}

div.catalog-list-items > ul.list-items > li.product > div.offer > div.price-list > div.articleitem.price.price-actual > div.price-item > span.value {
    color: #0095D7;
}

div.catalog-list-items > ul.list-items > li.product > div.offer > div.price-list > div.articleitem.price.price-actual > div.price-item > span.value > span.price-item-euro {
    font-size: 200%;
}

div.catalog-list-items > ul.list-items > li.product > div.offer > div.price-list > div.articleitem.price.price-actual > div.price-item > span.value > span.price-item-cents {
    font-size: 120%;
}

div.catalog-list-items > ul.list-items > li.product.actie_prijs,
div.catalog-list-items > ul.list-items > li.product.actie_prijs > form > div.addbasket > div.input-group > input.form-control,
div.catalog-list-items > ul.list-items > li.product.actie_prijs > form > div.addbasket > div.input-group > button.btn.btn-primary {
    border-color: #ed6d04;
}

div.catalog-list-items > ul.list-items > li.product.actie_prijs > form > div.addbasket > div.input-group > button.btn.btn-primary {
    background-color: #ed6d04;
}

div.catalog-list-items > ul.list-items > li.product > a > div.article_type > img.article_type_icon {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
}

div.catalog-detail-basket > div.price-list > div.articleitem.price.price-actual > div.price-item > div {
    margin-top: -15px;
}

div.catalog-detail-basket > div.price-list > div.articleitem.price.price-actual > div.price-item > div > span:nth-child(1) {
    color: #0095D7;
}

div.catalog-detail-basket > div.price-list > div.articleitem.price.price-actual > div.price-item > div > span:nth-child(2) {
    position: relative;
    left: 40px;
}

div.catalog-detail-basket > div.price-list > div.articleitem.price.price-actual > div.price-item > div > span:nth-child(3) {
    position: relative;
    left: 80px;
}

div.catalog-detail-basket > div.price-list > div.articleitem.price.price-actual > div.price-item > div {
    margin-bottom: 8px;
}

div.catalog-detail-basket > div.price-list > div.articleitem.price.price-actual > div.price-item.multiple_price_tiers:not(:first-of-type) > div {
    display: none;
}

div.catalog-detail-basket > div.price-list > div.articleitem.price.price-actual > div.price-item.multiple_price_tiers:not(:first-of-type) > span:nth-of-type(2) {
    font-size: 70%;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items > li.product > div.offer > div.price-list > div.articleitem.price.price-actual > div.price-item > div > span.value {
    display: block;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product > div.list_offer_basket > div.offer > div.price-list > div.articleitem.price.price-actual > div.price-item > div > span.value {
    display: block;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items > li.product > div.offer > div.price-list > div.articleitem.price.price-actual > div.price-item > div > span.value:nth-child(1) {
    color: #0095D7;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items > li.product > div.offer > div.price-list > div.articleitem.price.price-actual > div.price-item > div {
    position: relative;
    top: -4px;
}

.list_offer_basket {
    float: right;
    margin-top: 8px;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product > div.list_offer_basket > div.offer {
    float: none;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product > a.media-list > div.media-item {
    height: 200px;
    width: 200px;
}

/* section.aimeos.catalog-list */

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product a.text-list {
    margin-top: 8px;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product a.text-list > h2 {
    color: #0095D7;
    font-size: 130%;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product a.text-list > p.code {
    color: #555;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product a.text-list > p.code > span.value {
    font-weight: bold;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product > a.text-list > div.text-item {
    font-size: 120%;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product > div.list_offer_basket > div.offer > div.price-list > div.articleitem.price.price-actual > div.price-item > span.value {
    color: #0095D7;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product > div.list_offer_basket > div.offer > div.price-list > div.articleitem.price.price-actual > div.price-item > div > span.value:nth-child(1) {
    color: #0095D7;
    position: relative;
    top: -4px;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product > div.list_offer_basket > form.basket > div.addbasket > div.input-group {
    margin-left: 35px;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items.list > li.product > a.text-list {
    width: 600px;
}

div.price_message > div.default > span.value.no_stock_message,
div.price_message > div.default > span.value.no_stock_message > a {
    color: red;
}

.catalog-detail-image .image-single .media-item .item {
    position: initial;
    transform: none;
}

section.aimeos.catalog-list > nav.pagination > div.sort {
    display: none;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items {
    text-align: left;
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items > li.product {
    text-align: center;
}

section.aimeos.catalog-session > section.catalog-session-seen {
    display: none;
}

div.catalog-detail-basket > div.price-list > div.articleitem.price.price-actual > div.price-item::after {
    content: "";
}

section.aimeos.catalog-list > div.catalog-list-items > ul.list-items > li.product > a > div.text-list {
    width: 240px;
}

section.aimeos.account-history > div.account-history-list > ul.history-list > li.history-item.row > div.account-history-order.common-summary.col-sm-12 > form > div.button-group > button.btn.btn-primary.btn-action {
    width: 16em;
}

.catalog-detail-image .image-single {
    height: initial;
}

.catalog-detail-image {
    margin-bottom: 0.5em;
}

span.action-price {
    display: block;
    min-height: 24px;
    margin-bottom: 4px;
    text-align: center;
}

span.action-price > div {
    font-size: 140%;
    color: #ed6d04;
    border: 1px solid #ed6d04;
    width: 164px;
}

section.aimeos.catalog-detail > article.product.row > div.col-sm-6 > div.catalog-detail-basket > form > div.addbasket > div.input-group {
    text-align: left;
}

section.aimeos.catalog-detail > article.product.row > div.col-sm-6 > div.catalog-detail-basket > form > div.addbasket > div.input-group > button.btn.btn-primary {
    width: 110px;
    height: 46px;
}

.aimeos .minibutton {
    margin-bottom: -40px;
}

div.catalog-detail-basket > div.price-list > div.articleitem.price.price-actual > div.price-item > span.value.augustin > span {
    color: #81c;
}

div.catalog-list-items > ul.list-items > li.product > div.offer > div.price-list > div.articleitem.price.price-actual > div.price-item > span.value.augustin {
    color: #81c;
}

.aimeos .common-summary-detail td.unitprice.augustin {
    color: #81c;
}

.aimeos .common-summary-detail .reference {
    margin-left: 0.5em;
}

.aimeos .common-summary-detail .reference > .reference_basket > input {
    width: 11em;
}

.aimeos .common-summary-detail .reference > .reference_checkout {
    font-size: 0.8em;
    color: #0095d7;
}


/* Hide the reference_checkout field in the basket */
.aimeos.basket-standard .common-summary-detail .reference > .reference_checkout {
    display: none;
}

/* Hide the reference_basket field in the checkout and account history */
.aimeos.checkout-confirm .common-summary-detail .reference > .reference_basket,
.aimeos.checkout-standard .common-summary-detail .reference > .reference_basket,
.aimeos.account-history .common-summary-detail .reference > .reference_basket {
    display: none;
}


.checkout-standard-delivery .checkout-addtonextorder-checkbox {
    border-color: #0095d7;
    margin-bottom: 1.5em;
}

.checkout-addtonextorder-checkbox > div {
    padding-left: 28px;
}

.checkout-addtonextorder-checkbox h3 {
    margin-top: 15px;
    font-size: 120%;
}

.checkout-addtonextorder-checkbox p {
    display: inline;
    margin-left: 0.6em;
}

#option-addtonextorder {
    margin-bottom: 15px;
}

div.panel.panel-default > div.panel-body > form.form-horizontal > div.form-group > div.col-md-8.col-md-offset-4 > a.btn.btn-link {
    padding-left: 6px;
}

div.text-item[itemprop="article_replacement"] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

div.text-item[itemprop="article_replacement"] span {
    position: relative;
    top: -22px;
}