﻿/*  ==================
	Controls: Radiobutton/Checkbox/Dropdown Labels
    ================== */

.ctl00_ctl00_CntWrapper_CntMain_ssm_ctl00_ctl01_row {
		flex-direction: row;
	}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

select {
    background: #fff;
	font-family: Rijksoverheid SansWebText,Calibri,sans-serif;
}

.dropdownLabelLang {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #01689B;
    border-left: 0;
}
	
input[type="radio"],
input[type="checkbox"] {
    margin-top: 0px;
    vertical-align: top;
    cursor: pointer;
    height: 25px;
    border-bottom: none;
}

    input[type="radio"]:focus,
    input[type="checkbox"]:focus {
        outline: 2px dotted #000;
    }	

input[type="radio"] ~ label,
    input[type="checkbox"] ~ label {
        display: inline-block;
        word-break: break-word;
        width: 90%;
        margin-left: 5px;			
    }
	
/*  ================== 
    TF Treeview Styling
    ==================  */

/* Tekst afkappen */
.tv-ex span {
    white-space: normal;
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
}

/* Validatietekst op de juiste plek zetten */
.tv-ex.initialized {
    max-height: 100% !important;
}

/* Focus dotted ipv solid */
.tv-ex:focus li.selected > span, .tv-ex-container:focus li.selected > span {
    outline: dotted 2px !important;
}

/* Antwoord niet laten verspringen bij focus */
.tv-ex li > span, .tv-ex-container li > span {
    padding-left: 0px !important;
}

/* Focus stippellijn op alle node niveaus goed zichtbaar krijgen */
.tv-ex li {
    padding: 2px;
}

/* Antwoorden van node niveau 2 niet laten afkappen */
.tv-ex.initialized li.expanded > ul, .tv-ex.initialized > ul {
    height: 100% !important;
    max-height: 100% !important;
}

/*  ================== 
    Tripleforms: UploadControlStyling
    ==================  */
.uploadLabelLang {
    padding-left: 0px;
}

    .uploadLabelLang img {
        width: inherit;
    }

::-webkit-file-upload-button {
    background: #01689b;
    color: white;
    padding-bottom: 2px;
    height: 32px !important;
}

.tf-control-wrapper .uploadLabelLang table {
    width: 100%;
}

.frontendUploadClient_uploadtable table {
	width: 100% !important;
    table-layout: fixed !important;
    margin-top: 2px !important;
}

.uploadLabelLang.tf-question-control {
    display: flex;
    flex-direction: column;
}

input.uploadLabelLang[type="file"] {
    opacity: 0;
    z-index: -1;
    margin-top: -3.5rem;
}

.uploadLabelLang table thead
.frontendUploadClient_uploadtable th {
    display: none;
}

.uploadLabelLang table td #uploadMimyTypeImage {
    width: 25px;
    height: 32px;
    margin-right: 10px;
    vertical-align: middle;
}

.uploadLabelLang tr {
    display: table-row;
}

.uploadLabelLang table td:nth-child(1) {
    margin-right: auto;
}

.uploadLabelLang table td:nth-child(3) a {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDE2ODlCO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTYuNCwxOS4yYzAsMC40LDAuNCwwLjgsMC44LDAuOGg5LjZjMC40LDAsMC44LTAuNCwwLjgtMC44VjguOEg2LjRWMTkuMnogTTE0LjQsMTAuNEgxNnY3LjJsLTEuNiwwLjhWMTAuNHoKCSBNMTEuMiwxMC40aDEuNnY3LjJsLTEuNiwwLjhWMTAuNHogTTgsMTAuNGgxLjZ2Ny4yTDgsMTguNFYxMC40eiBNMTcuNiw1LjZjMC40LDAsMC44LDAuNCwwLjgsMC44VjhoLTAuOEg2LjRINS42VjYuNAoJQzUuNiw2LDYsNS42LDYuNCw1LjZoMi40VjQuOEM4LjgsNC40LDkuMiw0LDkuNiw0aDQuOGMwLjQsMCwwLjgsMC40LDAuOCwwLjh2MC44SDE3LjYiLz4KPC9zdmc+Cg=='); /*prullenbak.svg*/
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0;
    text-decoration: none;
    color: transparent;
    text-align: right;
}

.custom-file-upload {
    background-color: #01689b;
    color: #fff;
    border: 1px solid #01689b;
    display: inline-block;
    padding: 0px 12px;
    cursor: pointer;
    margin: 10px 0;
    line-height: 46px;
    min-width: 11.5rem;
    margin-right: auto;
    font-size: 1.2rem;
}

.uploadLabelLang:focus-within > .custom-file-upload {
    outline-offset: 1px;
    outline: 2px dotted #000;
}

.uploadLabelLang table td:nth-child(1)::before {
    content: " ";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIEZvbnQgQXdlc29tZSBGcmVlIDUuMTUuMSBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIChJY29uczogQ0MgQlkgNC4wLCBGb250czogU0lMIE9GTCAxLjEsIENvZGU6IE1JVCBMaWNlbnNlKSAtLT48cGF0aCBkPSJNMzY5LjkgOTcuOUwyODYgMTRDMjc3IDUgMjY0LjgtLjEgMjUyLjEtLjFINDhDMjEuNSAwIDAgMjEuNSAwIDQ4djQxNmMwIDI2LjUgMjEuNSA0OCA0OCA0OGgyODhjMjYuNSAwIDQ4LTIxLjUgNDgtNDhWMTMxLjljMC0xMi43LTUuMS0yNS0xNC4xLTM0ek0zMzIuMSAxMjhIMjU2VjUxLjlsNzYuMSA3Ni4xek00OCA0NjRWNDhoMTYwdjEwNGMwIDEzLjMgMTAuNyAyNCAyNCAyNGgxMDR2Mjg4SDQ4eiIvPjwvc3ZnPg==");
    display: inline-block;
    background-repeat: no-repeat;
    width: 15px;
    color: transparent;
    margin-right: 0.5rem;
    height: 20px;
}

.uploadLabelLang table td:nth-child(1) {
    font-size: 100%;
}

.uploadLabelLang {
    vertical-align: text-bottom;
    position: relative;
    border: none;
    padding-bottom: 11px;
    margin-left: 16px;
    margin-right: 16px;
}

.tf-control-wrapper table {
    width: 106%;
}

.tf-control-wrapper .uploadLabelLang {
    margin-left: 0px;
}

.uploadLabelLang > input[disabled] {
    border: none !important;
    color: #ccc !important;
    background-color: #f4f4f4;
}

.uploadLabelLang > input:disabled {
    border: none !important;
    color: #ccc !important;
    background-color: #f4f4f4;
}

#ctl00_ctl00_CntWrapper_CntMain_ssm_ctl00_Uploaden_ctlSummary a {
    color: transparent;
    background-image: url('images/Verwijderen.png');
    background-position: right center;
    background-repeat: no-repeat;
}

#ctl00_ctl00_CntWrapper_CntMain_ssm_ctl00_upload01_ctlSummary a {
    color: transparent;
    background-image: url('images/Verwijderen.png');
    background-position: right center;
    background-repeat: no-repeat;
}


/* passive upload styling, not in use at the moment (09-2021) */
.uploadPassive ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.uploadPassive li {
    margin-left: -15px;
    margin-right: -55px;
    padding-left: 15px;
    padding-right: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

    .uploadPassive li:first-child {
        padding-top: 0px;
    }

    .uploadPassive li:last-child {
        border-bottom: 0px solid #fff;
        padding-bottom: 0px;
    }


.custom-file-upload.inlezen-button,
.uploadLabelCropper .custom-file-upload,
.vuurwerk-button.upload-button {
    width: auto;
    margin-right: auto;
}

/*  =======================
    TF Upload Control Styling
    ======================= */
.uploadLabelLang-wrapper tr th:nth-child(2) {
    width: 18%;
}

.uploadLabelLang-wrapper tr th:nth-child(3) {
    width: 15px;
}

.uploadLabelLang > button.clear-upload {
    border: 0;
    background: transparent;
}

button.upload-delete-file {
    background: none !important;
    padding: 2px 0 0 0 !important;
    border: 0;
}

    button.upload-delete-file:hover {
        cursor: pointer !important;
    }

    button.upload-delete-file::before {
        content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDE2ODlCO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTYuNCwxOS4yYzAsMC40LDAuNCwwLjgsMC44LDAuOGg5LjZjMC40LDAsMC44LTAuNCwwLjgtMC44VjguOEg2LjRWMTkuMnogTTE0LjQsMTAuNEgxNnY3LjJsLTEuNiwwLjhWMTAuNHoKCSBNMTEuMiwxMC40aDEuNnY3LjJsLTEuNiwwLjhWMTAuNHogTTgsMTAuNGgxLjZ2Ny4yTDgsMTguNFYxMC40eiBNMTcuNiw1LjZjMC40LDAsMC44LDAuNCwwLjgsMC44VjhoLTAuOEg2LjRINS42VjYuNAoJQzUuNiw2LDYsNS42LDYuNCw1LjZoMi40VjQuOEM4LjgsNC40LDkuMiw0LDkuNiw0aDQuOGMwLjQsMCwwLjgsMC40LDAuOCwwLjh2MC44SDE3LjYiLz4KPC9zdmc+Cg==") !important;
        color: transparent !important;
    }	

/*  ================== 
    TF informatie knop Styling
    ==================  */
	.help:Focus {
		outline: 2px dashed #000;
		outline-offset: -4px;
		box-shadow: none;
		border: 0;
		padding: 0 5px;
	}

.upload > button.clear-upload::after {
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDE2ODlCO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTYuNCwxOS4yYzAsMC40LDAuNCwwLjgsMC44LDAuOGg5LjZjMC40LDAsMC44LTAuNCwwLjgtMC44VjguOEg2LjRWMTkuMnogTTE0LjQsMTAuNEgxNnY3LjJsLTEuNiwwLjhWMTAuNHoKCSBNMTEuMiwxMC40aDEuNnY3LjJsLTEuNiwwLjhWMTAuNHogTTgsMTAuNGgxLjZ2Ny4yTDgsMTguNFYxMC40eiBNMTcuNiw1LjZjMC40LDAsMC44LDAuNCwwLjgsMC44VjhoLTAuOEg2LjRINS42VjYuNAoJQzUuNiw2LDYsNS42LDYuNCw1LjZoMi40VjQuOEM4LjgsNC40LDkuMiw0LDkuNiw0aDQuOGMwLjQsMCwwLjgsMC40LDAuOCwwLjh2MC44SDE3LjYiLz4KPC9zdmc+Cg==");
	color: transparent;
}

/* Begin: frontendUploadClient Uploadcontrol styling*/
.uploadLabelLang .frontendUploadClient_uploadtable tr {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.frontendUploadClient_fileupload {
    height: 32px !important;
    width: 100%;
    border-bottom: 0px;
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    white-space: nowrap;
    width: 1px;
}

    .frontendUploadClient_fileupload:focus + .frontendUploadClient_button {
        outline: 2px dotted black;
        outline-offset: 1px;
    }

.frontendUploadClient_fileupload_required {
}

    .frontendUploadClient_fileupload_required .tf-label-wrapper div:after,
    .frontendUploadClient_fileupload_required .tf-label-wrapper span:after {
        display: inline-block;
        content: "*";
        color: #000000;
    }

    .frontendUploadClient_fileupload_required .uploadLabelLang {
        display: inline-block;
    }

.frontendUploadClient_fileupload_not_required {
}

    .frontendUploadClient_fileupload_not_required .uploadLabelLang {
        display: inline-block;
    }

.frontendUploadClient_button {
    background-color: #01689b;
    color: #fff;
    border: 1px solid #01689b;
    display: inline-block;
    padding: 0px 12px;
    cursor: pointer;
    margin: 10px auto 10px 0;
    line-height: 46px;
    font-size: 1.2rem;
}

.frontendUploadClient_hiddenbutton {
    visibility: hidden;
}

.frontendUploadClient_uploadtable {
    margin-top: -45px;
    font-weight: bold;
}

    .frontendUploadClient_uploadtable td {
        font-size: inherit;
    }

        .frontendUploadClient_uploadtable td:nth-child(1)::before {
            content: "\x0";
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIEZvbnQgQXdlc29tZSBGcmVlIDUuMTUuMSBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIChJY29uczogQ0MgQlkgNC4wLCBGb250czogU0lMIE9GTCAxLjEsIENvZGU6IE1JVCBMaWNlbnNlKSAtLT48cGF0aCBkPSJNMzY5LjkgOTcuOUwyODYgMTRDMjc3IDUgMjY0LjgtLjEgMjUyLjEtLjFINDhDMjEuNSAwIDAgMjEuNSAwIDQ4djQxNmMwIDI2LjUgMjEuNSA0OCA0OCA0OGgyODhjMjYuNSAwIDQ4LTIxLjUgNDgtNDhWMTMxLjljMC0xMi43LTUuMS0yNS0xNC4xLTM0ek0zMzIuMSAxMjhIMjU2VjUxLjlsNzYuMSA3Ni4xek00OCA0NjRWNDhoMTYwdjEwNGMwIDEzLjMgMTAuNyAyNCAyNCAyNGgxMDR2Mjg4SDQ4eiIvPjwvc3ZnPg==);
            display: inline-block;
            background-repeat: no-repeat;
            width: 20px;
            text-indent: -3000px;
            margin-left: 0px !important;
        }


        .frontendUploadClient_uploadtable td:focus {
            outline: 2px dotted black;
        }

.frontendUploadClient_warningMessageLabel {
    color: #d0081b;
    font-size: inherit;
}

    .frontendUploadClient_warningMessageLabel:before {
        content: "\00a0";
        color: transparent;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQ0MwMDNEO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cmVjdCB4PSIxLjUiIHk9IjEuNSIgY2xhc3M9InN0MCIgd2lkdGg9IjIxIiBoZWlnaHQ9IjIxIi8+Cgk8cmVjdCB4PSIxMC41IiB5PSI2LjUiIGNsYXNzPSJzdDEiIHdpZHRoPSIzIiBoZWlnaHQ9IjciLz4KCTxyZWN0IHg9IjEwLjUiIHk9IjE1LjUiIGNsYXNzPSJzdDEiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz4KPC9nPgo8L3N2Zz4K);
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 15px;
        margin-right: 3px;
        line-height: 16px;
    }

.frontendUploadClient_informationMessageLabel {
    color: #000;
}

.uploadControl_RemoveBtn, .thumbnail_RemoveBtn {
    width: 5%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDE2ODlCO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTYuNCwxOS4yYzAsMC40LDAuNCwwLjgsMC44LDAuOGg5LjZjMC40LDAsMC44LTAuNCwwLjgtMC44VjguOEg2LjRWMTkuMnogTTE0LjQsMTAuNEgxNnY3LjJsLTEuNiwwLjhWMTAuNHoKCSBNMTEuMiwxMC40aDEuNnY3LjJsLTEuNiwwLjhWMTAuNHogTTgsMTAuNGgxLjZ2Ny4yTDgsMTguNFYxMC40eiBNMTcuNiw1LjZjMC40LDAsMC44LDAuNCwwLjgsMC44VjhoLTAuOEg2LjRINS42VjYuNAoJQzUuNiw2LDYsNS42LDYuNCw1LjZoMi40VjQuOEM4LjgsNC40LDkuMiw0LDkuNiw0aDQuOGMwLjQsMCwwLjgsMC40LDAuOCwwLjh2MC44SDE3LjYiLz4KPC9zdmc+Cg==);
    background-position: top !important;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
    text-decoration: none;
    width: 26px !important;
    height: 35px !important;
    color: transparent;
}

.uploadControl_RemoveBtn_Grey {
    width: 5%;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojN2Y3ZjdmO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTYuNCwxOS4yYzAsMC40LDAuNCwwLjgsMC44LDAuOGg5LjZjMC40LDAsMC44LTAuNCwwLjgtMC44VjguOEg2LjRWMTkuMnogTTE0LjQsMTAuNEgxNnY3LjJsLTEuNiwwLjhWMTAuNHoKCSBNMTEuMiwxMC40aDEuNnY3LjJsLTEuNiwwLjhWMTAuNHogTTgsMTAuNGgxLjZ2Ny4yTDgsMTguNFYxMC40eiBNMTcuNiw1LjZjMC40LDAsMC44LDAuNCwwLjgsMC44VjhoLTAuOEg2LjRINS42VjYuNAoJQzUuNiw2LDYsNS42LDYuNCw1LjZoMi40VjQuOEM4LjgsNC40LDkuMiw0LDkuNiw0aDQuOGMwLjQsMCwwLjgsMC40LDAuOCwwLjh2MC44SDE3LjYiLz4KPC9zdmc+Cg==") !important;
    background-position: top !important;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
    text-decoration: none;
    width: 26px !important;
    height: 35px !important;
    color: transparent;
}

.NoFilesUploadedMessage {
    position: relative;
    top: 10px;
}

.NoFilesUploadedMessage,
div.uploadLabelLang:last-child div > div {
    font-style: italic;
    font-size: 0.8em;
}

/*  =======================
    TF & Syncplicity upload control styling (splits the gray background)
    ======================= */
div.ctl00_ctl00_CntWrapper_CntMain_ssm_ctl00_ctl01_row .uploadLabelLang-wrapper {
    border-top: solid 16px #fff;
}

.tf-question-wrapper.uploadLabelLang-wrapper {
    padding: 25px 30px 0 35px;
    width: calc(100% + 5.12rem); /* make it wider */
    position: relative;
    left: -2.09rem; /* move element to the left */
}

/* HELP button styling when used next to the upload control */
div.ctl00_ctl00_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_22:has(.uploadLabelLang-wrapper) + div.ctl00_ctl00_CntWrapper_CntMain_ssm_ctl00_ctl01_cell_1 {
    margin-top: 45px;
}