#page-wrapper.fullWidth{
    width:100%;
}
.col-form-label {
    font-weight: bold;
}
.btn i{
    margin-right:3px;
}
.ibox-tools .btn{
    margin-top:-5px;
}
.btnOK, .btnNOTOK {
    width: 100%;
}
.swal2-actions .btn{
    margin:0 10px;
}
.ibox-content.error {
    background:#ffe2e2 !important;
}
.ibox-content.no-error {
    background: #8ae0ce !important;
}
.form-group .select2-container {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table;
    table-layout: fixed;
}
.welcome-message{
    display:block !important;
}
.pcbMetingKop{
    font-size:18px;
}
.vertical-timeline-content, .vertical-timeline-content::before {
    transition: ease-in-out all 0.3s;
    cursor:pointer;
}
    .vertical-timeline-content:hover, .opgevolgd .vertical-timeline-content {
        background: #dddddd;
    }
        .vertical-timeline-content:hover::before, .opgevolgd .vertical-timeline-content::before {
            border-right: 7px solid #DDD;
        }
    .vertical-timeline-content:hover{
        background: #dddddd;
    }
.opgevolgd .vertical-timeline-content {
    background: #dcf9dc;
    text-decoration:line-through;
}
.opgevolgd .vertical-timeline-content::before {
    border-right: 7px solid #dcf9dc;
}
.align-left{
    text-align:left;
}
#google_translate_element a{
    padding:0 !important;

}
.bevoegdhedenBewerkenContainer {
    width: 100%;
    height: calc(100vh - 300px);
    overflow-x: scroll;
    overflow-y: scroll;
}
table.bevoegdhedenBewerken {
    white-space: nowrap;
    margin: 0;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    border: 1px solid black;
}

    table.bevoegdhedenBewerken td,
    table.bevoegdhedenBewerken th {
        border: 1px solid black;
        padding: 0.5rem 1rem;
        position: relative;
    }

    table.bevoegdhedenBewerken thead th {
        padding: 3px;
        position: sticky;
        top: 0;
        z-index: 1;
        width: 25vw;
        background: white;
    }

    table.bevoegdhedenBewerken td {

        padding: 4px 5px;
        text-align: center;
    }

    table.bevoegdhedenBewerken tbody th {
        font-weight: 100;
        font-style: italic;
        text-align: left;
        position: relative;
    }

    table.bevoegdhedenBewerken thead th:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
    }

    table.bevoegdhedenBewerken tbody th {
        position: sticky;
        left: 0;
        background: white;
        z-index: 1;
    }


[role="region"][aria-labelledby][tabindex] {
    width: 100%;
    max-height: 98vh;
    overflow: auto;
}

    [role="region"][aria-labelledby][tabindex]:focus {
        box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
        outline: 0;
    }
tbody tr:hover {
    background-color: rgba(0,140,203,.2) !important;
}

col.hover {
    background-color: rgba(0,140,203,.2) !important;
}
.wrapper-content p {
    margin: 0;
}
@media (max-width: 768px) {
    .wrapper-content {
        padding: 0;
    }
    .responsiveTable table thead {
        display: none; /* verberg headers */
    }

    .responsiveTable table,
    .responsiveTable table tbody,
    .responsiveTable table tr,
    .responsiveTable table td {
        display: block;
        width: 100%;
    }
    .responsiveTable .firstColHeader {
        background: #f3f3f4;
    }
    .responsiveTable table tr {
        margin-bottom: 1rem;
        border-bottom: 1px solid #e7eaec;
        padding: .5rem;
    }

        .responsiveTable table td {
            text-align: left;
            position: relative;
            padding-left: 50%;
            border:0 !important;
        }

            .responsiveTable table td::before {
                content: attr(data-label);
                position: relative;
                width: 45%;
                text-align: left;
                font-weight: bold;
                display: block;
            }
    .responsiveTable .firstColHeader::before {
        position:absolute;

    }
    .responsiveTable .handtekening, .responsiveTable canvas{
        width:100% !important;
    }
}