@charset "utf-8";
/* CSS Document */

/*body {
    font-family: Arial;
    width: 600px;
}*/

.attachment-form-container {
    background: #F0F0F0;
    border: #e0dfdf 1px solid;
    padding: 20px;
    border-radius: 2px;
}

.input-row {
    margin-bottom: 20px;
    width: 95%;
}

.attachment-row {
    margin-bottom: 20px;
    width: 95%;
    float: left;
}

.icon-add-more-attachemnt {
    float: right;
    margin-top: 10px;
    cursor: pointer;
}

.attachment-row .input-field {
    border: #a8b0bd 1px solid;
}

.input-field {
    width: 100%;
    border-radius: 2px;
    padding: 10px;
    border: #e0dfdf 1px solid;
    box-sizing: border-box;
}

.span-field {
    font: Arial;
    font-size: small;
    text-decoration: none;
}

/*.btn-submit {
    padding: 10px 20px;
    background: #333;
    border: #1d1d1d 1px solid;
    color: #f0f0f0;
    font-size: 0.9em;
    width: 100px;
    border-radius: 2px;
    cursor: pointer;
}*/

.errorMessage {
    background-color: #FF6600;
    border: #AA4502 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 3px;
}

.successMessage {
    background-color: #9fd2a1;
    border: #91bf93 1px solid;
    padding: 5px 10px;
    color: #3d503d;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.9em;
}

.info {
    font-size: .8em;
    color: #FF6600;
    letter-spacing: 2px;
    padding-left: 5px;
}