/* DEFAULTS
----------------------------------------------------------*/

@font-face {
    font-family: 'proxima_novaregular';
    src: url('/Fonts/proximanova-regular-webfont.eot');
    src: url('/Fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Fonts/proximanova-regular-webfont.woff2') format('woff2'), url('/Fonts/proximanova-regular-webfont.woff') format('woff'), url('/Fonts/proximanova-regular-webfont.ttf') format('truetype'), url('/Fonts/proximanova-regular-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('/Fonts/proximanova-semibold-webfont.eot');
    src: url('/Fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/Fonts/proximanova-semibold-webfont.woff2') format('woff2'), url('/Fonts/proximanova-semibold-webfont.woff') format('woff'), url('/Fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('/Fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #333333;
    text-align: center;
    font-family: "proxima_novaregular", arial, helvetica, sans-serif;
}

body, div, p, th, td, li, dd, dt {
    font-size: small;
}

    body, body div, body p, body th, body td, body li, body dd, body dt {
        font-size: x-small;
        voice-family: "\"}\"";
        voice-family: inherit;
        font-size: small;
    }

html > body, html > body div, html > body p, html > body th, html > body td, html > body li, html > body dd, html > body dt {
    font-size: small;
}

a:link {
    color: #3888C5;
}

a:visited {
    color: #3888C5;
}

a:hover, a:active {
    color: #36c;
    text-decoration: underline;
}

iframe, img {
    border: none;
}

p {
    margin-top: 0;
}

abbr, acronym {
    font-style: normal;
}

address {
    margin-bottom: 1em;
    font-style: normal;
}

pre {
    font: 1em "courier new", courier, monospace;
}

ul {
    margin-top: 0;
    margin-left: 1.2em;
    padding-left: 0;
}

ol {
    margin-top: 0;
    margin-left: 1.6em;
    padding-left: 0;
}

hr {
    display: block;
    clear: both;
    margin: 1em 0;
    height: 1px;
    border: none;
    background-color: #ccc;
    color: #ccc;
}

dl {
    margin: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 1em;
}

h1, h2, h3 {
    font-family: "proxima_novasemibold";
    margin-top: 0;
    color: #333333;
}

h1 {
    font-size: 1.75em;
}

h2 {
    font-size: 1.45em;
}

h3 {
    font-size: 1.25em;
}

.pos-l {
    float: left;
}

.pos-r {
    float: right;
}

.pos-50pct {
    float: left;
    width: 45%;
    margin-right: 2%;
}

.txt-lft {
    text-align: left;
}

.txt-cntr {
    text-align: center;
}

.txt-rght {
    text-align: right;
}

/* HEADINGS   
----------------------------------------------------------*/

p {
    line-height: 20px;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
    font-family: proxima_novasemibold;
    font-weight: normal;
    margin: 0;
    padding-bottom: 20px;
}

input[type="submit"], input[type="button"], .default-button {
    padding: 3px 10px;
    font-size: 12px;
    cursor: pointer;
    background-color: #FF9B21;
    color: white !important;
    border: #FF9B21 solid 2px;
    border-radius: 4px;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */

.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.contact {
    width: 112px;
    margin: 0 0 -4px 0;
    text-rendering: optimizeSpeed;
}

    .contact.footer {
        width: 100px;
        margin: 0 0 -4px 0;
        text-rendering: optimizeSpeed;
    }

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    width: 375px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.2em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    color: #666666;
}

input.textEntry {
    width: 320px;
    height: 20px;
    margin-top: 3px;
    padding: 2px 4px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    height: 20px;
    margin-top: 3px;
    padding: 2px 4px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.details-header, .details-kantoorgegevens, .details-postgegevens, .details-persoonsgegevens, .details-rekeninggegevens, .details-footer, .Certificaathoudergegevens, .Kantoorgegevens, .Postgegevens, .Persoonsgegevens, .Rekeninggegevens, .Persoonsgegevens, .details-melding {
    padding-bottom: 30px;
}

.aspNetDisabled {
    border: 1px solid #dedede !important;
    color: #888;
    background-color: #eeeeee;
}

.details-melding {
    padding: 20px 20px 10px 20px;
    border: 1px solid #dedede !important;
    color: #555;
    background-color: #eeeeee;
    width: 379px;
}

.lastEditedInfo {
    font-size: 70%;
    color: #888;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotificationBox {
    color: Red;
    padding: 15px 20px 5px 20px;
    background-color: #ffecec;
    margin-bottom: 20px;
    line-height: 20px;
}

.failureNotification {
    font-size: 1em;
    color: Red;
    font-weight: bold;
    padding: 1px 0 0 10px;
    display: inline-block;
}

.succesNotification {
    font-size: 1em;
    font-weight: bold;
    padding: 1px 0 0 10px;
    display: inline-block;
    color: Green;
}

.succesNotificationBox {
    color: green;
    padding: 15px 20px 15px 20px;
    background-color: #e8fce8;
    margin-bottom: 20px;
}

.failureNotificationBox.divident {
    margin-top: -10px;
    width: 200px;
    padding: 10px 10px 10px 30px;
    margin-left: 0px;
}

.failureNotificationBox.divreq {
    margin-top: -10px;
    width: 200px;
    padding: 12px 10px 1px 30px;
    margin-left: 0px;
}

.dividentbox {
    padding: 2px;
    height: 16px;
    width: 60px;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 30px;
}

.title {
    font-family: proxima_novasemibold;
    font-size: 1.3em;
    color: #fff;
    padding: 0 0 0 5px;
}

.icon.inlog {
    display: block;
    padding: 10px 14px 0px 14px;
    text-align: center;
    height: 45px;
}

.inlogimage {
    width: 35px;
    height: 35px;
}

#nav-global {
    width: 962px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

#navglobal ul li {
    font-size: 1.0em;
    border-left: solid 1px #eeeeee;
    border-top: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    background: #3888C5;
    min-width: 150px;
    padding: 0;
    margin: 0 4px;
}

    #navglobal ul li a {
        color: #ffffff;
        text-decoration: none;
        display: block;
        min-height: 20px;
        height: auto !important;
        height: 20px;
        padding: 6px 10px 1px 10px;
        text-align: left;
    }

        #navglobal ul li a:hover {
            background: #ffffff;
            color: #000000;
        }

    #navglobal ul li ul {
        padding: 0;
        margin: 0;
        border: none;
    }

        #navglobal ul li ul li {
            background-color: #fff;
            padding: 0;
            margin: 0;
            width: 200px;
            border: none;
            border-bottom: solid 1px #eeeeee;
            border-left: solid 1px #eeeeee;
            border-right: solid 1px #eeeeee;
        }

            #navglobal ul li ul li a {
                color: #3366cc;
                padding: 8px 2px 2px 8px;
                font-weight: normal;
                background: #ffffff;
            }

                #navglobal ul li ul li a:hover {
                    background: #3888C5;
                    color: #ffffff;
                }


.DetailsTable {
    width: 350px !important;
    margin-bottom: 20px;
}

    .DetailsTable .LabelTable {
        width: 250px;
        font-weight: bold;
        padding: 0 0 8px 0;
    }

    .DetailsTable td {
        padding: 5px 20px 0 0;
    }

.DetailsTable, .PeriodTable {
    line-height: 20px;
    padding: 4px 0;
}

    .DetailsTable strong, .PeriodTable strong {
        width: 90px;
        display: inline-block;
    }

.OverviewTable {
    width: 952px;
}

    .OverviewTable th, .OverviewTable td {
        padding: 4px 8px;
    }

    .OverviewTable th {
        background: #3888C5;
    }

    .OverviewTable td a:hover, p a:hover {
        text-decoration: none;
    }

    .OverviewTable th a, .OverviewTable th {
        color: #ffffff;
        font-weight: normal;
        text-align: left;
    }

        .OverviewTable th a:hover {
            text-decoration: none;
        }

    .OverviewTable td a {
        text-decoration: underline;
    }

.OverviewTableAlternative {
    width: 100%;
}

    .OverviewTableAlternative th.coll {
        width: 45%
    }

    .OverviewTableAlternative th.coll-left {
        width: 22.5%
    }

    .OverviewTableAlternative th.coll-right {
        width: 45%
    }

.tablefill {
    background: #fff !important;
    width: 10%;
}

.OverviewTableAlternative th, .OverviewTable td {
    padding: 4px 8px;
}

.OverviewTableAlternative th {
    background: #3888C5;
}

.OverviewTableAlternative td a:hover, p a:hover {
    text-decoration: none;
}

.OverviewTableAlternative th a, .OverviewTableAlternative th {
    color: #ffffff;
}

    .OverviewTableAlternative th a:hover {
        text-decoration: none;
    }

.OverviewTableAlternative td a {
    text-decoration: underline;
}

.AlternateCellBg {
    background: #eeeeee;
}

.AlignCenter {
    text-align: center;
}

.AlignRight {
    text-align: right;
}

.ColumnLeft {
    position: relative;
    float: left;
    width: 450px;
}

.ColumnRight {
    position: relative;
    float: left;
    width: 450px;
}

.PagingNav ul {
    list-style: none;
    padding: 0;
}

    .PagingNav ul li {
        float: left;
    }

        .PagingNav ul li.Number {
            padding: 0 5px 0 5px;
        }

            .PagingNav ul li.Number a.ActiveNumber {
                font-weight: bold;
                color: #983e79;
            }

        .PagingNav ul li.Previous {
            padding: 0 5px 0 0;
        }

        .PagingNav ul li.Next {
            padding: 0 0 0 5px;
        }

        .PagingNav ul li a {
        }

.FormLine {
    width: auto;
    min-height: 12px;
    height: auto !important;
    height: 12px;
    padding: 0 0 8px 0;
}

.FormLineUpload {
    min-height: 20px;
    padding: 0px 0px 15px 0px;
    display: flex;
    justify-content: space-between;
}

    .FormLineUpload label, .FormLineUpload input[type=file] {
        width: auto !important;
    }

    .FormLineUpload label {
        flex: 1;
    }

.FormLine label, .FormLine input {
    display: block;
    float: left;
}

.FormLine label {
    width: 180px;
    line-height: 20px;
}

.FormLine input[type=text], .FormLine input[type=password], .FormLineUpload input[type=file] {
    width: 230px;
    padding: 2px 4px;
    border: 1px solid #ccc;
    height: 20px;
}

.FormLine select {
    width: 250px;
    padding: 4px;
    border: 1px solid #ccc;
    height: 20px;
}

.RadioButtonList {
    padding: 0 0 0 175px;
    padding-bottom: 20px;
}

    .RadioButtonList .RadioButtonListLabel input {
        width: 20px;
    }

    .RadioButtonList .RadioButtonListLabel label {
        width: 180px;
    }

.AddAdminDropDownList select {
    height: 26px;
    width: 240px;
}

.CalendarButton {
    display: block;
    float: left;
    padding: 0 0 0 8px;
}

.TextArea textarea {
    width: 300px;
}

.detailsColumnLeft select, .detailsColumnRight select {
    width: 240px;
    height: 27px;
}

.pg-width table {
    width: 100%;
}

.FormButton {
    padding: 25px 0 8px 0;
}

.ClearEnd {
    clear: both;
    font-size: 0;
    line-height: 0;
    min-height: 0;
    height: auto !important;
    height: 0;
}

.userwrapper, .adminwrapper {
    width: 100%;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    margin-bottom: 15px;
    display: inline-block;
    padding: 15px 0 5px 0;
}

.userblock {
    float: left;
    width: 25%;
}

.adminblock {
    float: left;
    width: 15%;
    border-right: 1px solid #eeeeee;
    margin: 0 5px 5px 0;
    padding: 0 5px;
    height: 130px;
    display: inline-block;
}

    .adminblock:last-child {
        margin-right: 0;
        border-right: 0px solid #fff;
    }

    .userblock h3, .adminblock h3 {
        margin: 0 0 2px 0;
    }

.newuserbutton {
    margin-bottom: 10px;
}

.exportwrapper label {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    display: inline-block;
}

.exportwrapper input[type="submit"] {
    margin-bottom: 10px;
}

h3.aanbieder {
    margin: 0 0 5px 2px;
}

.cert-nr {
    width: 50px;
    display: inline-block;
    text-align: right;
}

.adminbutton {
    margin: 0 0 15px 0;
}

.exportwrapper, .advwrapper {
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
    padding: 15px 0 5px 0;
}

.exportblock {
    float: left;
    width: 33%;
}

.advblock {
    float: left;
    width: 50%;
}

.mutparty {
    width: 200px;
}

.autofillbox {
    margin: 0 0 -10px 0;
    border: 1px solid #dedede;
    background-color: #fff;
    list-style-type: none;
}

.mutnr {
    width: 75px;
}

.td-center {
    text-align: center;
}

.error {
    background-color: red;
    color: white;
    display: block;
    line-height: 20px;
    width: 94%;
    padding: 5px;
}

    .error.ww {
        width: 419px;
        padding: 12px 0 1px 0;
        margin-bottom: 20px;
    }

        .error.ww ul {
            list-style: none;
        }

.ResultFailure {
    background-color: red;
    color: white;
    display: block;
    width: 419px;
    padding: 5px 15px;
    margin-bottom: 20px;
    line-height: 20px;
}

.ResultSuccess {
    background-color: #d3f4bd;
    padding: 10px;
    display: block;
    margin-bottom: 20px;
    width: 400px;
    color: green;
    line-height: 20px;
}

.FormLabelError {
    color: red;
    font-weight: bold;
    padding: 0 5px;
}

.detailsColumnLeft {
    float: left;
    width: 50%;
    margin-top: 0;
}

.detailsColumnRight {
    float: left;
    width: 50%;
}

.detailsUsercontrols {
    display: block;
    float: left;
}

.errorarrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ff0000 transparent;
    display: inline-block;
    margin: 0 5px -4px 0;
    text-align: -webkit-center;
}

.addbutton {
    background-color: #ffdc8e;
    border: 1px solid #999;
    font-weight: bold;
    font-size: 20px !important;
    color: #555;
    font-family: Arial;
    width: 35px;
    height: 25px;
    padding: 1px 0 !important;
}

.searchButton {
    margin-left: 5px;
    height: 26px;
}

.mutationsubmit {
    margin: 10px 0 0 -10px;
}

.succesimage {
    width: 16px;
    height: 16px;
    padding-right: 5px;
    vertical-align: bottom;
}

.FormLine.search {
    float: right;
}

.certManageButton {
    width: 90px;
}

#navglobal_SkipLink {
    display: none;
}

.divider-space {
    margin-top: 40px;
    margin-bottom: 40px;
}

.default-button, .default-button:hover {
    text-decoration: none !important;
}