.dropzone-attestation-1,
.dropzone-attestation-2,
.dropzone-attestation-3,
.dropzone-attestation-4,
.dropzone-attestation-5,
.dropzone-attestation-6,
.dropzone-attestation-7,
.dropzone-attestation-8,
.dropzone-attestation-9,
.dropzone-attestation-10,
.dropzone-attestation-11 {
    border: 2px dashed #ccc!important;
    border-radius: 5px!important; 
    padding: 10px!important;
    min-height: 150px!important;
    cursor: pointer!important;
    background-color: #f9f9f9!important;
    display: flex!important;
    flex-direction: column!important;
    justify-content: right!important;
    align-items: start!important;
    margin-bottom: 20px!important;
}

.dropzone-attestation-1 p,
.dropzone-attestation-2 p,
.dropzone-attestation-3 p,
.dropzone-attestation-4 p,
.dropzone-attestation-5 p,
.dropzone-attestation-6 p,
.dropzone-attestation-7 p,
.dropzone-attestation-8 p,
.dropzone-attestation-9 p,
.dropzone-attestation-10 p,
.dropzone-attestation-11 p {
    font-size: 2rem!important;
    line-height: 1.2!important;
    margin: 5px 0!important;
    text-align: center!important;
}

.dropzone-attestation-1:hover,
.dropzone-attestation-2:hover,
.dropzone-attestation-3:hover,
.dropzone-attestation-4:hover,
.dropzone-attestation-5:hover,
.dropzone-attestation-6:hover,
.dropzone-attestation-7:hover,
.dropzone-attestation-8:hover,
.dropzone-attestation-9:hover,
.dropzone-attestation-10:hover,
.dropzone-attestation-11:hover {
    background-color: #f0f0f0!important;
    border-color: #aaa!important;
}

.dz-preview {
    margin: 10px!important;
    display: inline-block!important;
    border: 1px solid #eee!important;
    padding: 10px!important;
    border-radius: 5px!important;
    background-color: white!important;
}

.dz-image {
    width: 80px!important;
    height: 80px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    margin-bottom: 10px!important;
}

.dz-image img {
    max-width: 100%!important;
    max-height: 100%!important;
}

.dz-details {
    text-align: center!important;
    margin-bottom: 5px!important;
}

.dz-filename {
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    max-width: 100px!important;
    display: inline-block!important;
}

.dz-size {
    color: #888!important;
    font-size: 12px!important;
}

.dz-success-mark, .dz-error-mark {
    display: none!important;
}

.dz-error-message {
    color: red!important;
    font-size: 12px!important;
    text-align: center!important;
}

.dz-remove {
    margin-top: 5px!important;
    display: block!important;
    text-align: center!important;
    cursor: pointer!important;
}

.dz-remove:hover {
    text-decoration: underline!important;
}

.sectionForm__contentFile {
    cursor: pointer!important;
}

.sectionForm__contentFile.active {
    border-style: solid!important;
    border-width: 2px!important;
    border-color: #4A9D86!important;
    margin: -1px!important;
}

.sectionForm__authLink {
    font-weight: bold!important;
}

.sectionForm__contentButton:disabled {
    background: #A7A7AB!important;
    pointer-events: none!important;
}

.sectionForm__contentButton {
    transition: .3s ease-in-out!important;
}

.sectionForm__contentInput._area {
    resize: vertical !important;
    max-height: 470px!important;
    overflow-y: hidden!important;
}

.ui__choice {
    margin-top: 0!important;
    margin-bottom: 2rem!important;

}

.ui__choiceContent {
    font-size: 1.8rem!important;
}

._half {
    width: 49%!important;
    margin-bottom: 3rem!important;
}

.dropzone-petition, .dropzone-petition * {
    box-sizing: border-box!important;
    width: 100%!important;
}

.dropzone-petition {
    min-height: 150px!important;
    border-radius: 0.5rem!important;
    background: #F4F7FB!important;
    padding: 20px 20px!important;
    display: flex!important;
    flex-flow: row wrap!important;

}

.dropzone-petition.dz-clickable {
    cursor: pointer!important;
}

.dropzone-petition.dz-clickable * {
    cursor: default!important;
}

.dropzone-petition.dz-clickable .dz-message, .dropzone-petition.dz-clickable .dz-message * {
    cursor: pointer!important;
}

.dropzone-petition.dz-started .dz-message {
    display: none!important;
}

.dropzone-petition.dz-drag-hover {
    border-style: solid!important;
}

.dropzone-petition.dz-drag-hover .dz-message {
    opacity: 0.5!important;
}

.dropzone-petition .dz-message {
    text-align: center!important;
    margin: 2em 0!important;
}

.dropzone-petition .dz-message .dz-button {
    background: none!important;
    color: inherit!important;
    border: none!important;
    padding: 0!important;
    font: inherit!important;
    cursor: pointer!important;
    outline: inherit!important;
}

.dropzone-petition .dz-preview {
    position: relative!important;
    vertical-align: top!important;
    margin: 16px!important;
    min-height: 80px!important;
    width: calc(100%)!important;
    border: 1px dotted #ddd!important;
}

.dropzone-petition .dz-preview:hover {
    z-index: 2!important;
}

.dropzone-petition .dz-preview .dz-details {
    opacity: 1!important;
}

.dropzone-petition .dz-preview.dz-file-preview .dz-image,
.dropzone-petition .dz-preview:hover.dz-file-preview .dz-image
{
    background: none!important;
}

.dropzone-petition .dz-preview.dz-file-preview .dz-details {
    opacity: 1!important;
}

.dropzone-petition .dz-preview.dz-image-preview {
    background: white!important;
}

.dropzone-petition .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear!important;
    -moz-transition: opacity 0.2s linear!important;
    -ms-transition: opacity 0.2s linear!important;
    -o-transition: opacity 0.2s linear!important;
    transition: opacity 0.2s linear!important;
}

.dropzone-petition .dz-preview .dz-remove {
    font-size: 14px!important;
    text-align: center!important;
    display: block!important;
    cursor: pointer!important;
    border: none!important;
    opacity: 0.7!important;

    position: absolute!important;
    z-index: 2!important;

    top: 1.5rem!important;
    right: 1.5rem!important;

    width: auto!important;


}

.dropzone-petition .dz-preview .dz-remove:hover {
    opacity: 1!important;
}

.dropzone-petition .dz-preview .dz-remove img {
    cursor: pointer!important;
    width: 20px!important;
    height: 20px!important;
    margin: auto!important;
}

.dropzone-petition .dz-preview .dz-remove:hover {
    text-decoration: underline!important;
}

.dropzone-petition .dz-preview:hover .dz-details {
    opacity: 1!important;
}

.dropzone-petition .dz-preview .dz-details {
    z-index: 2!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    opacity: 1!important;
    font-size: 13px!important;
    min-width: 100%!important;
    max-width: 100%!important;
    padding: 1em 1em!important;
    text-align: left!important;
    margin-left: 10rem!important;
    color: rgba(0, 0, 0, 0.9)!important;
    line-height: 150%!important;
}

.dropzone-petition .dz-preview .dz-details .dz-size {
    font-size: 12px!important;
}

.dropzone-petition .dz-preview .dz-details .dz-filename {
    white-space: nowrap!important;
    margin-bottom: 1em!important;
    font-size: 16px!important;
    line-height: 18px!important;
    color: #4A9D86!important;

}

.dropzone-petition .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8)!important;
    background-color: rgba(255, 255, 255, 0.8)!important;
}

.dropzone-petition .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden!important;
    text-overflow: ellipsis!important;
}

.dropzone-petition .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent!important;
}

.dropzone-petition .dz-preview .dz-details .dz-filename span, .dropzone-petition .dz-preview .dz-details span {
    background-color: rgba(255, 255, 255, 1)!important;
    padding: 0 0.4em!important;
    border-radius: 3px!important;
}
.dropzone-petition .dz-size span {
    background: none !important;
}
.dropzone-petition .dz-preview .dz-image {
    border-radius: 5px!important;
    overflow: hidden!important;
    width: 30px!important;
    height: 30px!important;
    position: absolute!important;
    display: block!important;
    z-index: 2!important;
    top: 50%!important;
    left: 30px!important;
    -webkit-transform: translate(0, -50%)!important;
    -moz-transform: translate(0, -50%)!important;
    -ms-transform: translate(0, -50%)!important;
    -o-transform: translate(0, -50%)!important;
    transform: translate(0, -50%)!important;
}

.dropzone-petition .dz-preview .dz-image img {
    display: block!important;
}

.dropzone-petition .dz-preview.dz-processing .dz-progress {
    opacity: 1!important;
    -webkit-transition: all 0.2s linear!important;
    -moz-transition: all 0.2s linear!important;
    -ms-transition: all 0.2s linear!important;
    -o-transition: all 0.2s linear!important;
    transition: all 0.2s linear!important;
}

.dropzone-petition .dz-preview.dz-complete .dz-progress {
    opacity: 0!important;
    -webkit-transition: opacity 0.4s ease-in!important;
    -moz-transition: opacity 0.4s ease-in!important;
    -ms-transition: opacity 0.4s ease-in!important;
    -o-transition: opacity 0.4s ease-in!important;
    transition: opacity 0.4s ease-in!important;
}

.dropzone-petition .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite!important;
    -moz-animation: pulse 6s ease infinite!important;
    -ms-animation: pulse 6s ease infinite!important;
    -o-animation: pulse 6s ease infinite!important;
    animation: pulse 6s ease infinite!important;
}

.dropzone-petition .dz-preview .dz-progress {
    opacity: 1!important;
    z-index: 2!important;
    pointer-events: none!important;
    position: absolute!important;
    height: 16px!important;
    left: 50%!important;
    top: 50%!important;
    margin-top: -8px!important;
    width: 80px!important;
    margin-left: -40px!important;
    background: rgba(255, 255, 255, 0.9)!important;
    -webkit-transform: scale(1)!important;
    border-radius: 8px!important;
    overflow: hidden!important;
}

.dropzone-petition .dz-preview .dz-progress .dz-upload {
    background: #333!important;
    background: linear-gradient(to bottom, #666, #444)!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    width: 0!important;
    -webkit-transition: width 300ms ease-in-out!important;
    -moz-transition: width 300ms ease-in-out!important;
    -ms-transition: width 300ms ease-in-out!important;
    -o-transition: width 300ms ease-in-out!important;
    transition: width 300ms ease-in-out!important;
}

.dropzone-petition .dz-preview.dz-error .dz-error-message {
    display: block!important;
    opacity: 1!important;
    pointer-events: auto!important;
}

.dz-error-mark,
.dz-success-mark
{
    display: none!important;
}

.dropzone-petition .dz-preview .dz-error-message {
    pointer-events: none!important;
    z-index: 2!important;
    position: absolute!important;
    display: block!important;
    display: none!important;
    opacity: 0!important;
    -webkit-transition: opacity 0.3s ease!important;
    -moz-transition: opacity 0.3s ease!important;
    -ms-transition: opacity 0.3s ease!important;
    -o-transition: opacity 0.3s ease!important;
    transition: opacity 0.3s ease!important;
    border-radius: 8px!important;
    font-size: 13px!important;
    top: 130px!important;
    left: -10px!important;
    width: 140px!important;
    background: #be2626!important;
    background: linear-gradient(to bottom, #be2626, #a92222)!important;
    padding: 0.5em 1.2em!important;
    color: white!important;
}

.dropzone-petition .dz-preview .dz-error-message:after {
    content: ''!important;
    position: absolute!important;
    top: -6px!important;
    left: 64px!important;
    width: 0!important;
    height: 0!important;
    border-left: 6px solid transparent!important;
    border-right: 6px solid transparent!important;
    border-bottom: 6px solid #be2626!important;
}

.dropzone-petition .dz-error-message {
    top: 80px !important;
    width: 380px !important;
    margin-left: 3.5em!important;
}

.dropzone-petition .dz-preview {
    margin: 18px 0 !important;
}

.dz-preview .dz-progress {
    width: 300px !important;
    top: 53px !important;
    left: 200px !important;
}

div.dropzone-perition {
    z-index: 2!important;
}

.js-organization-name-select {
    width: 100%!important;
}

.cross_button {
    display: block!important;
    position: absolute!important;
    top: 18px!important;
    right: 15px!important;
}

.ui__input {
    position: relative!important;
}

.cross_button img {
    width: 20px!important;
    height: 20px!important;
}

.starrequired {
    color: red;
}