.buttonbar {
    padding-top: 20px;
}

.main-content {
    padding-left: 10px;
    padding-top: 100px;
    /*RHSN*/
    /*padding-top: 150px;*/
    background-color: white !important;
}

.content-wrapper {
    margin: 0 auto;
    /*RHSN*/
    max-width: 500px;
}

#searchBox fieldset, #titleBar h1 {
    box-sizing: content-box;
}

.PageTitle {
    font-weight: bold;
    font-size: 2em;
    position: relative;
    top: -7px;
}

.tblRecordList {
    border: 1px solid rgb(25, 161, 203);
}

.tblRecordListLogging {
    table-layout: fixed
}

.tblRecordList th {
    background-color: rgb(25, 161, 203);
}

    .tblRecordList th a:link, .tblRecordList th a:visited, .tblRecordList th a:hover {
        color: #ffffff;
    }

.tblRecordList td, .tblRecordList th {
    padding: 4px;
}

.tblRecordList tr.row0 {
    background-color: rgb(255, 255, 255);
}

.tblRecordList tr.row1 {
    background-color: rgb(228, 228, 228);
}

input[type="submit"],
input[type="button"],
button {
    background-color: rgb(175, 14, 128);
    color: #ffffff;
}

    input[type=button]:hover,
    input[type=reset]:hover,
    input[type=submit]:hover,
    button:hover {
        background-color: rgb(175, 14, 128);
        color: #ffffff;
    }


fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

    label.checkbox {
        display: inline;
    }

textarea {
    font-family: inherit;
    /*RHSN
    width: 500px; */
    width: 100%;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

/* MELDING IN MIDDEN VAN SCHERM MET SPINNER */
/* ACHTERGROND WORDT GRIJS EN DOORZICHTIG EN SCHADUW */
.submit-progress-bg {
    opacity: 0.4 !important;
}

.submit-progress {
    top: 40%;
    height: 4.5em;
    z-index: 1;
    width: 20em;
    color: white;
    padding-top: 0.70em;
    background-color: #00a1cd;
    opacity: 1.0;
    border-radius: 6px;
    margin: auto auto;
    margin-top: 20%;
}

.text-progress {
    display: inline-block;
    margin-left: 2em;
    margin-top: 0.4em;
}

.spinner-progess {
    display: inline-block;
    margin-right: 1em;
}

.shadow {
    box-shadow: 20px 20px 15px rgba(0,0,0, 0.75);
}

.contact {
    color: #04617a;
    margin-top: 10px;
    text-decoration: underline;
}