﻿#container-kleurplaat svg {
        /*display: inline-block;
        max-width: 100%;
        height: auto;
        max-height: calc( 100vh - 90px);*/
        overflow: scroll;
        padding: 1rem
    }

        /*#container-kleurplaat svg path {
            cursor: pointer
        }*/

.swatchHolder {
    display: inline-block;
    bottom: auto !important;
    text-align: center;
    margin: 0;
    padding: 0
}
.stampHolder {
    display: inline-block;
    bottom: auto !important;
    text-align: center;
    margin: 0;
    padding: 0
}

    .swatchHolder li {
        list-style: none
    }

.stampHolder li {
    list-style: none
}

    .swatchHolder .colorHolder {
        width: 100%;
        content: 'Geselecteerde kleur';
        border: 1px solid #e9ecef;
        padding: .5rem;
        margin: 0 auto 1rem auto;
        cursor: pointer
    }

.stampHolder .colorHolder {
    width: 100%;
    content: 'Geselecteerde kleur';
    border: 1px solid #e9ecef;
    padding: .5rem;
    margin: 0 auto 1rem auto;
    cursor: pointer
}

    .swatchHolder li:not(.colorHolder) {
        display: inline-block;
        height: 1.7rem;
        width: 1.7rem;
        margin: 0 .2rem .125rem .2rem;
        cursor: pointer;
        border: 1px solid #808080; /*#e9ecef*/;
        border-radius: .125em
    }
    .stampHolder li:not(.colorHolder) {
        display: inline-block;
        height: 2.5rem;
        width: 2.5rem;
        margin: 0 .2rem .125rem .2rem;
        cursor: pointer;
    }

svg {
    width: 98% !important;
    height: auto !important;
}

#btn-download-svg {
}

    #btn-download-svg:hover {
        background-color: #28b7df
    }
