/*
selectie verbergen bij clicken van de image
*/

.noSelect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .noSelect:focus {
        outline: none !important;
    }


/* weergave vergader & werkplek afbeelding  */
.containerimg {
    position: relative;
    width: 50%;
    max-width: 300px;
    margin: auto;
}

    /* Make the image responsive */
    .containerimg img {
        width: 100%;
        height: auto;
    }

    /* Style the button and place it in the middle of the container/image */
    .containerimg .btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        background-color: #555;
        color: white;
        font-size: 16px;
        padding: 12px 24px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
    }

        .containerimg .btn:hover {
            background-color: black;
        }

.collapse.in {
    display: inline !important;
}




/* QR Code Description   */
.QRCode {
    height: 25%;
    background: black;
    color: white;
    border-radius: 25px;
    font-size: xx-large;
}

    .QRCode div {
        margin: 0;
        position: relative;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }