/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2-mrt-2015, 11:54:31
    Author     : rlamm_000
*/

.k-progressbar-horizontal {
    max-width: 100%;
}

/*
ol li {
    font-size: 1.5em;
}

ol li p {
    font-size: 14px;
}
*/

.custom-list-style {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;

    padding-left: 0;
}

.custom-list-style > li {
    counter-increment: step-counter;
}

.custom-list-style > li::before {
    content: counter(step-counter);
    background-color: rgb(200,200,200);
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
}

.form-horizontal .block > h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 25px 45px;
    text-transform: uppercase;
}

#formulier .block > h3 {
    margin: 25px 0;
}

.form-horizontal .block.description {
    margin-bottom: 15px;
}

.form-horizontal .block.description h4 {
    display: none;
}

.form-horizontal .form-group {
    /*padding: 10px 0;*/
    /*box-shadow: 0 0 10px #eee;*/
}

.form-horizontal .control-label {
    text-align: left;
}

.form-horizontal h4 {
    margin-top: 0;
}

.form-horizontal label {
    font-weight: normal;
    font-size: 14px;
}

.form-horizontal .description {
    font-size: 12px;
    font-weight: normal;
    color: #777;
}

.form-horizontal .form-group .question {
    padding-top: 5px;
    margin-bottom: 10px;
}

.form-horizontal .form-group .question .follow-up {
    padding-top: 10px;
}

.form-horizontal .form-group .question .follow-up label {
    width: 100%;
}

.form-horizontal button.help {
    width: 32px;
    height: 32px;
    background: url("../cdn.zoneforce.be/icons/iconex/bwg/24x24/question.png") center center no-repeat;
    border: none;
}

/* only on xs devices */
@media screen and (max-width: 480px) {
    .form-horizontal button.help {
        position: absolute;
        z-index: 1;
        right: 10px;
    }
}

.popover.top {
    right: 5px;
}

.form-horizontal textarea {
    width: 100%;
    min-height: 90px;
}

/* only on xs devices */
@media screen and (max-width: 480px) {
    .checkbox label {
        display: inline;
    }
}

/* extra separator between questions */
.selecteer-documenten .question + .control-label,
.selecteer-documenten .question + .control-label + .question {
    margin-top: 10px;
}

               .file-icon
                {
                    display: inline-block;
                    float: left;
                    width: 48px;
                    height: 48px;
                    margin-left: 10px;
                    margin-top: 13.5px;
                }

                .img-file { background-image: url("../cdn.zoneforce.be/kendo-ui/extra/img/upload/jpg.png") }
                .doc-file { background-image: url("../cdn.zoneforce.be/kendo-ui/extra/img/upload/doc.png") }
                .pdf-file { background-image: url("../cdn.zoneforce.be/kendo-ui/extra/img/upload/pdf.png") }
                .xls-file { background-image: url("../cdn.zoneforce.be/kendo-ui/extra/img/upload/xls.png") }
                .zip-file { background-image: url("../cdn.zoneforce.be/kendo-ui/extra/img/upload/zip.png") }
                .default-file { background-image: url("../cdn.zoneforce.be/kendo-ui/extra/img/upload/default.png") }

                li.k-file .file-wrapper .k-upload-action
                {
                    position: absolute;
                    top: 0;
                    right: 0;
                }

                li.k-file div.file-wrapper
                {
                    position: relative;
                    height: 75px;
                }

                .k-upload.k-header {
                    background-color: transparent;
                    border: none;
                }

                .k-upload-files {
/*                    opacity: 0;
                    position: absolute;*/
                    margin: 10px 0;
                }

                .k-file > .k-icon {
                    display: none;
                }

                .k-filename {
                    margin-left: 0;
                }

                .k-dropzone em {
                    display: none;
                }

                .k-dropzone .k-upload-status {
                    position: absolute;
                    right: auto;
                    top: auto;
                    color: transparent;
                }

                .k-dropzone .k-upload-status span {
                    left: 0;
                    position: absolute;
                }

.selecteer-contactpersonen .contactpersoontype {
    clear: both;
}

.selecteer-contactpersonen .contactpersoontype label select {
    vertical-align: top;
    margin-right: 10px;
}

.selecteer-contactpersonen .contactpersoontype a.remove {
    font-size: 12px;
}

.documenten .document {
    clear: both;
}

.form-horizontal textarea {
/*    width: 90%;*/
}

.form-horizontal .documenten textarea {
    width: 90%;
}

#aanvraag-document {
    display: none;
}

#aanvraag-document h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

#download-aanvraag-document {
    margin-top: 10px;
}

#bestaande-aanvraag-header {
    display: none;
}

#aanvraagtype-name {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 10px;
    line-height: 1.5em;
    text-decoration: none;
}

#aanvraag-name {
    width: 100%;
}

span.paperclip {
    display: inline-block;
    vertical-align: text-bottom;
    width: 24px;
    height: 24px;
    background: url("../cdn.zoneforce.be/icons/iconex/blue_dark_grey/24x24/paperclip.png") center no-repeat;
}

textarea.voorwaarden {
    border: 1px solid #aaa;
}

div.voorwaarden {
    color: #777;
    background-color: #eee;
    border: 1px solid #aaa;
    padding: 10px;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#opnieuw-indienen {
    display: block;
    margin-bottom: 20px;
}

#hoofdaanvraagtype-info {
    padding: 10px;
    background-color: #eee;
}

#ingediend {
    display: none;
}

.radio span.required, .checkbox span.required {
    position: absolute;
    left: -15px;
    top: 3px;
}

.documenten .document .file-name {
    font-size: 12px;
    clear: both;
    padding: 10px;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    background-color: #DDFFD0;
}

.documenten .document a.remove {
    color: #000;
    padding: 10px;
}

#hide-login {
    display: block;
}

#hide-informatie {
    display: block !important;
}