/* body {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #111;
    letter-spacing: 0;
    line-height: 1.3em;
} */

.docSelected{
    background-color:yellow;
}


button.cleanButton {
    padding: 5px 8px;
    border: 1px solid #9f9f9f;
    background: #ddd;
    margin-bottom: 5px;
}

.mainContainer {
    max-width: 1110px;
}

.listTable {
    border-collapse: collapse;
    color: #777;
    overflow-y: auto;
    overflow-x: hidden;
}

    .listTable table {
        border-spacing: 0px;
        padding: 10px
    }

        .listTable table tr td {
            border-bottom: 1px solid #cbd2d9;
            padding: 7px 0px;
            vertical-align: top;
        }

        .listTable table thead {
            background-color: #eee;
        }

            .listTable table thead tr {
                height: 30px;
                text-align: left;
            }

                .listTable table thead tr th {
                    padding-left: 12px;
                }

.cartImageTop {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQgMTBIMnYyaDEydi0yem0wLTRIMnYyaDEyVjZ6TTIgMTZoOHYtMkgydjJ6bTE5LjUtNC41TDIzIDEzbC02Ljk5IDctNC41MS00LjVMMTMgMTRsMy4wMSAzIDUuNDktNS41eiIvPjwvc3ZnPg==");
}

.cartImage, .cartDeleteImage, .cartAddImage, .cartBackImageTop {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMgN2gtMnY0SDd2Mmg0djRoMnYtNGg0di0yaC00Vjd6bS0xLTVDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPjwvc3ZnPg==");
}

.cartBackImageTop {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAgMTFINy44M2w1LjU5LTUuNTlMMTIgNGwtOCA4IDggOCAxLjQxLTEuNDFMNy44MyAxM0gyMHYtMnoiLz48L3N2Zz4=");
}

.playlistAdd {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQgMTBIMnYyaDEydi0yem0wLTRIMnYyaDEyVjZ6bTQgOHYtNGgtMnY0aC00djJoNHY0aDJ2LTRoNHYtMmgtNHpNMiAxNmg4di0ySDJ2MnoiLz48L3N2Zz4=");
}


.cartImageLight {
    opacity: 0.4;
    cursor: default;
}

.cartImageDark {
    opacity: 1;
    cursor: pointer;
}

.cartImageNo {
    margin-top: 8px;
    height: 12px;
    width: 12px;
    cursor: pointer;
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjQgMjAuMTg4bC04LjMxNS04LjIwOSA4LjItOC4yODItMy42OTctMy42OTctOC4yMTIgOC4zMTgtOC4zMS04LjIwMy0zLjY2NiAzLjY2NiA4LjMyMSA4LjI0LTguMjA2IDguMzEzIDMuNjY2IDMuNjY2IDguMjM3LTguMzE4IDguMjg1IDguMjAzeiIvPjwvc3ZnPg==");
}

.listTable table tr {
    vertical-align: top;
}


.listTable table tbody tr:hover {
    color: #777;
    background-color: rgba(50,63,75,0.1);
}

.topBar {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.searchbox {
    padding: 10px;
    height: 40px;
}

    .searchbox input {
        padding: 7px;
        border-radius: 3px;
        border: 1px solid #ddd;
    }

.cart {
    margin-right: 21px;
}

    .cart .badge {
        position: absolute;
        margin-top: -27px;
        margin-left: 25px;
        padding: 1px 6px;
        border-radius: 100px;
        background: -webkit-linear-gradient(top, #FF6969 0%,#ff0000 100%);
        -webkit-background-clip: padding-box;
        font: bold 11px/17px "Helvetica Neue", sans-serif;
        color: white;
        text-decoration: none;
        text-align: left !important;
        cursor: pointer;
        left: 400px;
    }

.searchTab {
    user-select: none;
}

    .searchTab h3 {
        color: #555;
        padding: 5px 0px 0px 10px;
        cursor: pointer;
    }

.treeCollapse {
    width: 13px;
    height: 15px;
    margin: -1px 3px 0px 0px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHBJREFUeNpi/P//PwOpgImBDDCsNXV2duYA8TJGRkZ+UmyyAuLIjo6O6YQ0MsLiCaQQqGE/kGkIxMsrKioygXIf8doEUgBU6AhknidkI0pAYNFYTlATFid24tVElp9AfiBGAwiwILGPgQhCGkAAIMAAnNFFkp8dGngAAAAASUVORK5CYII=");
    background-size: contain;
}

.cartTab table tr td {
    padding: 7px 10px 7px 10px;
}

.treeExpand {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNpi/P//PwOpgImBDDCqif6arKyscoB4GSMjIz+yBIgPEgfJY7PJCogjLS0t98M0gmgQHyQOlUfVdPz48UwgvRyIDWEaoRoMQeJQeRTACEp7UIXToSafR9YAlP+I4SmQJmiiBWlcBsT/QTSID5NDx6gciMY2fBpAGCDAAFqFXsb4yZ63AAAAAElFTkSuQmCC");
}

hr {
    margin: 22px 0px 20px 0px;
}

.noScrollBar::-webkit-scrollbar {
    width: 0px;
}

.scrollContent::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.scrollContent::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #b8b8b8;
}

.scrollContent::-webkit-scrollbar-track {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: transparent;
}

.requestorData2 {
    align-content: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0px;
}

.requestorData2 div {
    flex-grow: 1;
    margin-bottom: 15px;
    margin-right: 11px;
    width: auto;
    box-sizing: border-box;
    margin-bottom: 15px
}

.requestorData2 div:last-child {
    margin-right: 0px;
}

.modPackExpColl {
    width: 13px;
    padding: 7px 12px 0 0px !important;
    position: relative;
}

.modPackExpCollCheckout {
    width: 13px;
    padding: 12px 12px 0 0px !important;
    position: relative;
}

.checkoutHead td {
    line-height: 2.2em;
}

.checkoutHead td:first-child {
    padding-top: 4px;
}

.ModulesPakketten {
    background-color: rgb(250, 250, 251);
    user-select: none;
}

.ModulesPakketten ul {
    padding-left: 10px;
}


.requestorData2 input {
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    height: 40px;
    line-height: 1;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-appearance: none;
    background-color: transparent;
    display: block;
    width: 100%;
    display: block;
}


.cart .badge {
    left: inherit;
    background: #3b5eb7;
    background: -moz-linear-gradient(top, #3b5eb7 0%, #2e4e9d 100%);
    background: -webkit-linear-gradient(top, #3b5eb7 0%,#2e4e9d 100%);
    background: linear-gradient(to bottom, #3b5eb7 0%,#2e4e9d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b5eb7', endColorstr='#2e4e9d',GradientType=0 );
}

.listTable {
    max-height: 500px;
}

.listTable table tr td {
    padding: 4px 0;
    vertical-align: inherit;
}

.cartTab table tr td {
    padding: 0 10px;
}

.cartTab table .ModulesPakketten td {
    padding: 5px 0 5px 10px;
    border: none;
}

.offerteTable .blockSpacer td {
    border: none;
    height: 13px;
}

label {
    padding: 2px 0 3px 0;
    display: inline-block;
}

.topBar {
    margin-bottom: 10px;
}

td div.cartImage {
    display: inline-block;
    margin-top: 3px;
}

#block-110-2620630 .box {
    text-align: left;
    max-width: inherit;
}

/* Alleen voor deze pagina */
.heading-2 {
    margin-bottom: 16px;
}

/* Tijdelijk, omdat css van algemene stylesheet niet wordt 'gevonden' */
.button-3.dark:hover {
    background: #32404b;
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .requestorData2 div {
        width: 100%;
        margin-right: 0px;
    }

    .listTable {
        overflow-y: visible;
        max-height: 100% !important;
    }

    .checkoutHead td:nth-child(n+2) {
        padding: 7px 10px 7px 0px !important;
        line-height: 1em;
    }

    .checkoutHead td:first-child {
        padding-top: 1px;
    }
    .modPackExpCollCheckout div {
        margin-top: 3px;
        margin-left: -2px;
    }
}


/*
.search-catalogue, .shopping-cart {
    font-family:'Work sans', sans-serif;
}*/

.search-catalogue .listTable {
    color:#3e4c59;
}

.listener.box table tr td {
    border-bottom:1px solid #cbd2d9;
    padding:3px 0;
}

.col.search-catalogue {
    padding-right:0;
}

#viewport .shopping-cart {
    align-items:initial;
}

.shopping-cart td.item-icon {
    padding:5px 5px 0 0;
}

.shopping-cart .item-title {
    padding:5px 0;
    line-height:1.3em;
    font-size:.9em;
    color:#5b5b5b;
    text-align:left;
}

.shopping-cart .item-remove {
    width:0;
    padding:1px 0 0 5px;
}

.shopping-cart input {
    font-size:12px;
    border-color:grey;
}

.shopping-cart a {
    width:80%;
    margin:-35px auto -10px auto;
}

.cartImageNo {
    height:8px;
    width:8px;
}

#quoteRequestButton {
    background-color:rgba(50,63,75,0.3);
    color:#323f4b;
    border-color:rgba(31,41,51,0);
}

#quoteRequestButton:hover {
    background-color:#323f4b;
    color:#fff;
    border-color:#323f4b;
    cursor:pointer;
}

table.pagination-documents {
    border-collapse:separate;
    border-spacing:10px;
    margin-left:-20px;
}

.listTable .pagination-documents td {
    border-left:1px solid #9f9f9f;
    border-top:1px solid #9f9f9f;
    border-bottom:1px solid #9f9f9f;
    border-right:1px solid #9f9f9f;
    padding:3px 5px;
    font-size:.8em;
}

.select-package {
    padding-right:0;
}

.select-package ul li {
    font-size:.85em;
    margin-left:6px;
}

.select-package tr:hover {
    background:#eaebec;
    cursor: pointer;
}

.select-package .button-1 {
    background:#213d84;
    color:#fff;
}

.select-package .button-1:hover {
    background:#122964;
    cursor:pointer;
}

.requestorData2 div {
    margin-right:0;
}

.add-to-cart {
    height:14px;
    width:16px;
    background-size:contain;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUtJREFUeNqU00soRFEcx/E7140yq/FayUpW1lYWlIQFWxvJo7u3xMJOFhY2Y6VYIAuRshAJUewoeaTJwuSVkUfJe/L966dut5uaU5/6zznn/ufc8//fmO/7I47jNGMKk3h0chgehnGIPtShLdcEz5jBKk4wijytv2hPAT7wiXhgbdcNJLvDAZq02XShVnEN/MBaJ9rd0InsJO84xhlukVac1m+Lj/Bq+71QgkUk0YEblCCLb1SiGPWoQBE2wyewCqxjC0M4xYriZaQU72jfmxdxsRNYQAuqpAFlSGBa99Fqm92IBGu4wiD2MY9ezOrd+5HB9l8Zw6NQiZNaL0cj8lXeccyp/JEJerCEAcT0kKseyCp+CjZSeFSrI801vjQfV1Xsosd0isg7sH+/wAbu0a0GSuhbKcXefyfIqAesMx9wqfmUEp5r/nf8CDAAF39X8lT6HhEAAAAASUVORK5CYII=');
}

.cartImageLight {
    height:14px;
    width:16px;
    background-size:contain;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNqU00soRFEcx/E7140yq/FayUpW1lYWlITF2Npo8sjeEgs7WVjYjJVigSxEykIkRJENJY80WZi8MvIoeU++f/3U7XZTc+pT/znn3P+ce/7/G0nsxYcdx2nGJCbw6OQwPAzhEL2oQ2uuCZ4xjRWcYAR5Wn/RngJ84BNR39qO60t2hwM0abPpQK3iGvT41hJocwMnspO84xhnuEVacVq/LT7Cq+33AgkWkEQ7blCCLL5RiWLUowJF2AiewCqwhk0M4hTLipeQUrytfW9eyMWOYx4tqJIGlCGGKd1H3Da7IQlWcYUB7GMO3ZjRu/chg62/MgZHoRIntV6ORuSrvGOYVflDE3RhEf2I6CFXPZBV/ORvpOCoVkeaa3xpPqqq2EWP6hShd2D/foF13KNTDRTTt1KK3f9OkFEPWGc+4FLzKSU81/zv+BFgAAxbWDffbwPKAAAAAElFTkSuQmCC');
    opacity:1;
}

.listTable .pagination-documents td.pageHighlite{
    border-color:black;
}

.filterLeft {
    display: block;
    float: left;
    position: absolute;
    width: 270px;
    margin-top: 30px;
    margin-left: 10px;
}