.processes-task {
    text-align: center;
    padding: 10px;
}

.processes-task .loading-icon {
    display: block;
    text-align: center;
    width: 40px;
    font-size: 20px;
    padding: 10px 0;
    margin: 0 auto;
}

.processes-task .task-title {
    margin-bottom: 20px;
}
.processes-task .task-body {
    margin-bottom: 20px;
}

.processes-task .task-note-container .field-wrapper{
    padding-top:20px;
}

.processes-task textarea.task-note {
    height: 120px;
}
.processes-task .task-note-important-wrap{
    display: inline-block;
    text-align: left;
}
.processes-task textarea.task-note,.processes-task input.task-subject,.processes-task .task-note-important-wrap{
    width:100%;
    max-width: 600px;
}

.processes-task .task-form-container,
.processes-task .task-message-container {
    margin: 20px 0;
}

.processes-task .task-form-container {
    text-align: left;
}

.processes-task .task-field-container {
    margin: 10px auto;
    width: 100%;
    max-width: 600px;
}
.processes-task .task-field-container input,
.processes-task .task-field-container textarea{
    width: 100%;
}

.processes-task .task-message-body {
    height: 120px;
}

.processes-task .task-answers {
    margin: 10px 0;
}
.processes-task .task-answer {
    margin: 10px 20px;
}

.processes-task .task-buttons {}

.processes-task .task-buttons button, 
.processes-task .task-buttons input[type="submit"],
.processes-task .task-buttons input[type="button"] {
    margin: 10px;
}
.task-references-container .task-field-container {
    margin-bottom: 25px;
}
.processes-task .task-field-container input[type="button"]{
    margin-top: 10px;
}

/* Wizard */
.processes-task .task-form-container .stages {
    float: left;
    width: 30%;
    list-style: none;
    padding: 20px 10px 0 0;
    margin: 0;
}
.processes-task .task-form-container .stages .stage {
    padding: 0;
    margin: 0;
}
.processes-task .task-form-container .stages .stage a {
    background: #eeeeee;
    color: #8f8f8f;
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}
.processes-task .task-form-container .stages .stage.current a {
    background: #e55402;
    color: #fff;
    cursor: default;
}
.processes-task .task-form-container .stages .stage.inactive a {
    cursor: default;
    background: #f6f6f6;
}
.processes-task .task-form-container .task-form-in-stages {
    float: right;
    width: 70%;
    padding-left: 10px;
}

/* File Upload */
.processes-task .task-file-container .event-holder {
    margin: 30px 0;
}
.processes-task .task-file-container .event-holder .progress {
    display: none;
}


.processes-task .task-file-container #upload-form #upload-drop-zone {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 2px dashed #eee;
    text-align: center;
    padding: 40px 50px;
    margin-bottom: 30px;
}

.processes-task .task-file-container #upload-form #upload-drop-zone .upload-button {
    margin: 5px;
}

.processes-task .task-file-container #upload-form #upload-drop-zone #file-upload-field {
    position: absolute;
    width: 100%;
    height: 150px;
    top: 0;
    left: 0;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    direction: ltr;
}

.processes-task .task-file-container #upload-form .files-list .file {
    border: 1px dashed #9e9e9e;
    padding: 8px;
    overflow: visible;
    margin-bottom: 5px;
}
.processes-task .task-file-container #upload-form .files-list .file:last-child {
    margin-bottom: 0;
}
.processes-task .task-file-container #upload-form .files-list .file .file-name {
    height: 26px;
    line-height: 26px;
}
.processes-task .task-file-container #upload-form .files-list .file .file-remove {
    height: 26px;
    line-height: 26px;
    float: right;
}