/*
 *
 * ADOBE CONFIDENTIAL
 * __________________
 *
 *  Copyright 2014 Adobe Systems Incorporated
 *  All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */

table.subMessages {
    width: 100%;
    border-collapse: collapse;
}

div.subMessagesSender,
td.subMessagesSender {
    font-weight: bold;
    font-family: arial;
}

td.subMessagesSender {
    font-size: 12px;
    padding-top: 10px;
    width: 30%;
}

div.subMessagesSubject,
td.subMessagesSubject {
    font-family: arial;
    font-weight: bold;
}

td.subMessagesSubject {
    font-size: 13px;
    padding-top: 10px;
    width: 70%;
}

div.subMessageColumn {
    margin-left: 0px !important;
}

div.subMessagesContent {
    font-family: arial;
    font-size: 12px;
    margin-top: 4px;
    font-weight: normal;
}

div.messageBackgroundDiv {
    background-color: #EEEEEE;
    padding: 10px;
}

div.messageSubject {
    font-family: arial;
    font-weight: bold;
    font-size: 16px;
}

div.messageParticipants {
    font-family: arial;
    font-size: 13px;
    margin-top: 3px;
    padding-bottom: 20px;
    width: 100%;
}

table.messageDetailTable {
    width: 100%;
}

table.messageDetailTable td {
    vertical-align: top;
}

div.avatarColumn {
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: left;
    padding: 20px 20px 20px 0px;
}

td.messageDetails {
    width: 92%;
    padding-right: 1%;
}

form.messageLinkHolder,
.minmessagelinkdiv {
    float: left;
}

.unreadMessageContainingRow {
    background-color: #F8F8F8;
}

.timestamp {
    font-family: arial;
    font-size: 11px;
    color: #A6A6A6;
    margin-top: 4px;
}

.verticalLine {
    border-left: thin solid #E7E7E7;
}

#navigatorDiv {
    border-bottom: thick solid #8C8C8C;
}

.messageActionDiv {
    padding-top: 10px;
    border-top: thin solid #E7E7E7;
}

#navigatorDiv a,
#messageActionDiv a {
    text-decoration: none;
}

#navigatorDiv div.inlineDiv {
    margin-top: 5px;
}

.lineDiv {
    width: 15px;
    height: 0;
    display: inline-block;
    padding-bottom: 4px;
}

.rightFloatingDiv {
    float: right;
}

.messageDetailedContent {
    padding-top: 10px;
}

.messageAction {
    min-width: 100px;
}

.enabledLink {
    color: #5A5A5A !important;
}

.disabledLink {
    color: #9C9C9C !important;
    cursor: default;
}

#navigatorDiv .arrowLeft,
#messageActionDiv .enabledLink .arrowLeft {
    border-right: 5px solid #5A5A5A;
}

#messageActionDiv .enabledLink .arrowRight {
    border-left: 5px solid #5A5A5A;
}

#messageActionDiv .disabledLink .arrowLeft {
    border-right: 5px solid #9C9C9C;
}

#messageActionDiv .disabledLink .arrowRight {
    border-left: 5px solid #9C9C9C;
}

#navigatorDiv .lineDiv,
#messageActionDiv .enabledLink .lineDiv {
    border-top: 1px solid #5A5A5A;
}

#messageActionDiv .disabledLink .lineDiv {
    border-top: 1px solid #9C9C9C;
}

.message-detail-container .message-details {
    max-width: 90%;
}

.message-detail-container {
    margin-bottom: 2em;
}

.message-detail-avatar-column {
    width: 41px;
}

.message-detail-avatar-column .avatar-image {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.detailMessageBackButtonContainer {
    display: inline-block;
}

.message-attachments .attachment-holder {
    margin: 0 0 1em 1em;
    display: inline-block;
}

.message-attachments {
    margin: 1em 0 1em 0;
}

.message-detailed-content {
    margin-top: 20px;
}

/*
 *
 * ADOBE CONFIDENTIAL
 * __________________
 *
 *  Copyright 2015 Adobe Systems Incorporated
 *  All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */


/*!
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@media (min-width: 992px) {
    .scf .col-md-1,
    .scf .col-md-2,
    .scf .col-md-3,
    .scf .col-md-4,
    .scf .col-md-5,
    .scf .col-md-6,
    .scf .col-md-7,
    .scf .col-md-8,
    .scf .col-md-9,
    .scf .col-md-10,
    .scf .col-md-11,
    .scf .col-md-12 {
        float: left;
    }
    .scf .col-md-12 {
        width: 100%;
    }
    .scf .col-md-11 {
        width: 91.66666667%;
    }
    .scf .col-md-10 {
        width: 83.33333333%;
    }
    .scf .col-md-9 {
        width: 75%;
    }
    .scf .col-md-8 {
        width: 66.66666667%;
    }
    .scf .col-md-7 {
        width: 58.33333333%;
    }
    .scf .col-md-6 {
        width: 50%;
    }
    .scf .col-md-5 {
        width: 41.66666667%;
    }
    .scf .col-md-4 {
        width: 33.33333333%;
    }
    .scf .col-md-3 {
        width: 25%;
    }
    .scf .col-md-2 {
        width: 16.66666667%;
    }
    .scf .col-md-1 {
        width: 8.33333333%;
    }
    .scf .col-md-pull-12 {
        right: 100%;
    }
    .scf .col-md-pull-11 {
        right: 91.66666667%;
    }
    .scf .col-md-pull-10 {
        right: 83.33333333%;
    }
    .scf .col-md-pull-9 {
        right: 75%;
    }
    .scf .col-md-pull-8 {
        right: 66.66666667%;
    }
    .scf .col-md-pull-7 {
        right: 58.33333333%;
    }
    .scf .col-md-pull-6 {
        right: 50%;
    }
    .scf .col-md-pull-5 {
        right: 41.66666667%;
    }
    .scf .col-md-pull-4 {
        right: 33.33333333%;
    }
    .scf .col-md-pull-3 {
        right: 25%;
    }
    .scf .col-md-pull-2 {
        right: 16.66666667%;
    }
    .scf .col-md-pull-1 {
        right: 8.33333333%;
    }
    .scf .col-md-pull-0 {
        right: auto;
    }
    .scf .col-md-push-12 {
        left: 100%;
    }
    .scf .col-md-push-11 {
        left: 91.66666667%;
    }
    .scf .col-md-push-10 {
        left: 83.33333333%;
    }
    .scf .col-md-push-9 {
        left: 75%;
    }
    .scf .col-md-push-8 {
        left: 66.66666667%;
    }
    .scf .col-md-push-7 {
        left: 58.33333333%;
    }
    .scf .col-md-push-6 {
        left: 50%;
    }
    .scf .col-md-push-5 {
        left: 41.66666667%;
    }
    .scf .col-md-push-4 {
        left: 33.33333333%;
    }
    .scf .col-md-push-3 {
        left: 25%;
    }
    .scf .col-md-push-2 {
        left: 16.66666667%;
    }
    .scf .col-md-push-1 {
        left: 8.33333333%;
    }
    .scf .col-md-push-0 {
        left: auto;
    }
    .scf .col-md-offset-12 {
        margin-left: 100%;
    }
    .scf .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .scf .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .scf .col-md-offset-9 {
        margin-left: 75%;
    }
    .scf .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .scf .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .scf .col-md-offset-6 {
        margin-left: 50%;
    }
    .scf .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .scf .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .scf .col-md-offset-3 {
        margin-left: 25%;
    }
    .scf .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .scf .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .scf .col-md-offset-0 {
        margin-left: 0;
    }
}

.scf .row:before,
.scf .row:after {
    display: table;
    content: " ";
}

.scf .row {
    margin-right: -15px;
    margin-left: -15px;
}

.scf .row:after {
    clear: both;
}

/*
 *
 * ADOBE CONFIDENTIAL
 * __________________
 *
 *  Copyright 2014 Adobe Systems Incorporated
 *  All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */

table.messages {
    width: 100%;
    border-collapse: collapse;
}

.messageSelector {
    padding-left: 15px;
    padding-right: 10px;
    float: left;
}

.selectionLinkHolder {
    text-align: left;
}

.paginateMessageBox {
    display: block;
    text-align: right;
    float: right;
}

.pageNumberDiv {
    color: #9C9C9C;
}

.pageNumberDiv a {
    color: #9C9C9C;
}

.paginateAndDisplayUsage {
    width: 100%;
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 5px;
    border-top: thin solid #EFEFEF;
}

.displaymessage {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 80%;
}

.messagecontainingrow {
    border-top: thin solid #E7E7E7;
    padding-top: 20px;
    padding-bottom: 20px;
}

a.selectLink {
    text-decoration: none !important;
    cursor: pointer;
}

.selectAndPaginateDiv {
    border-top: thick solid #aaaaaa;
    padding-top: 10px;
    padding-bottom: 10px;
}

.arrowLeft {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: inline-block;
    border-right: 5px solid #BBBBBB;
}

.arrowRight {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: inline-block;
    border-left: 5px solid #BBBBBB;
}

.currentPageNumberDiv {
    color: #ffffff;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 5px;
    padding-left: 5px;
    background: #c24920;
    background-image: -moz-linear-gradient(top, #c24920 0%, #f75e1a 100%);
    background-image: -o-linear-gradient(top, #c24920 0%, #f75e1a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c24920), color-stop(1, #f75e1a));
    background-image: -webkit-linear-gradient(top, #c24920 0%, #f75e1a 100%);
    background-image: linear-gradient(to bottom, #c24920 0%, #f75e1a 100%);
    display: inline-block;
}

.inlineDiv {
    display: inline-block;
}

.emptyMessageBoxSection {
    margin-top: 5px;
}

.unreadCircle {
    max-width: 10px;
    min-width: 10px;
    max-height: 10px;
    min-height: 10px !important;
    border-radius: 50%;
    display: inline-block;
}

.circleBackgroundImage {
    background: #c24920;
    background-image: -moz-linear-gradient(top, #c24920 0%, #f75e1a 100%);
    background-image: -o-linear-gradient(top, #c24920 0%, #f75e1a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c24920), color-stop(1, #f75e1a));
    background-image: -webkit-linear-gradient(top, #c24920 0%, #f75e1a 100%);
    background-image: linear-gradient(to bottom, #c24920 0%, #f75e1a 100%);
}

.alertText {
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 90%;
}

.hideAlert {
    font-weight: bold;
    cursor: pointer;
}

.successNotification {
    background-color: #B3C975;
    padding: 5px;
    max-width: 230px;
    margin: 0 auto;
}

.alertNotification {
    background-color: #FCC734;
    padding: 5px;
}

.errorNotification {
    background-color: #FD6667;
    padding: 5px;
    max-width: 230px;
    margin: 0 auto;
}

.successNotification .hideAlert {
    color: #59653B !important;
}

.alertNotification .hideAlert {
    color: #7E641A !important;
}

.errorNotification .hideAlert {
    color: #7F3333 !important;
}

td.hideAlertColumn {
    padding-top: 2px;
    width: 5%;
}

.notificationImage {
    width: 16px;
    height: 16px;
}

#alertDiv.alertNotification .notificationImage,
#alertDiv.alertNotification td.hideAlertColumn {
    padding: 10px;
}

div.usageStatistics {
    font-family: arial;
    font-size: 11px;
    color: #A6A6A6;
    text-align: left
}

.paginateAndDisplayUsage .usageStatistics {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.paginateAndDisplayUsage .pages .page:hover {
    cursor: pointer;
}

.paginateAndDisplayUsage .pages {
    margin-top: 0;
}

.disabled-messaging-user-link:hover {
    cursor: text;
    text-decoration: none;
}

.messagecontainingrow .message-action-button-holder .button-holder {
    margin-top: 1em;
}

.no-left-margin {
    margin-left: 0 !important;
}

.messagebox .comment-image {
    margin-bottom: 1em;
}

.quickActionButtons {
    margin-bottom: 20px;
}

.col-sm-6.message-action-button-holder,
.col-sm-12.message-hr {
    padding-left: 0;
    padding-right: 0;
}

.btn.quickActionButton:disabled {
    display: inline-block;
}

.parentmessagediv {
    margin-top: 20px;
}

.parentmessagediv .scf-component-pages-container > div {
    text-align: center;
}

.parentmessagediv .pager li {
    margin-left: 2px;
}

.scf-messaging-nav-bar {
    padding-top: 20px;
    padding-right: 30px;
}

/*
 *
 * ADOBE CONFIDENTIAL
 * __________________
 *
 *  Copyright 2014 Adobe Systems Incorporated
 *  All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */

label.mailform {
    font-family: arial;
    font-size: 12px;
    padding-right: 10px;
}

textarea.mailFormSubject {
    font-size: 14px;
    text-align: left;
    height: 25px;
    line-height: 25px;
    width: 89%;
    resize: none;
    margin-top: 5px;
    border: thin solid #CFCFCF;
}

textarea.mailFormContent {
    font-size: 14px;
    text-align: left;
    resize: none;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 90%;
    height: 220px;
    margin-top: 5px;
    border: thin solid #CFCFCF;
}

textarea.makeReadOnly {
    border: 0px solid;
    font-size: 12px;
    color: 9a9a9a;
}

label.makeReadOnly {
    border: 0px solid;
    font-size: 14px;
    font-weight: bold;
    color: 9a9a9a;
}

.mailStatusMessageDiv {
    align: center;
    font-size: 14;
    font-weight: bold;
    text-align: center;
    margin-top: 100px;
}

.scf-is-collapsed .scf-composer-toolbar {
    display: none;
}

.scf-composer-toolbar {
    position: relative;
    margin-top: 10px;
}

.scf-messaging-compose {
    margin: 0 0 0 50px;
}

.scf-messaging-compose .scf-composer.scf-section {
    margin: 0;
}

.scf-composer.scf-edit-composer {
    margin: 0px;
}

.scf-composer-actions {
    text-align: right;
    width: 95%;
    margin: 5px;
}

.scf-message-attachment-input {
    display: none;
    float: left;
    position: absolute;
    left: 0;
    opacity: 0;
    cursor: pointer;
    width: 100px;
}

.scf-composer-attach {
    float: left;
    cursor: pointer;
    margin-left: 5px;
}

.scf-composer-attach:before {
    font-family: SCFIcons;
    font-size: 20px;
    margin-right: 5px;
    content: "";
    color: #595959;
    cursor: pointer;
}

.scf-attachment-list {
    margin: 0px;
    padding: 10px 0px 10px 0px;
    list-style: none;
}

.scf-is-attached {
    background: #969696;
    color: #FFFFFF;
    padding: 5px 10px;
    font-size: 12px;
    display: inline-block;
    margin: 0 5px;
}

.scf-is-rem-att {
    font-size: 10px;
    padding-left: 5px;
    cursor: pointer;
}

.scf-composer .scf-input {
    display: block;
}

.message-composer-action {
    min-width: 100px;
    min-height: 35px;
    height: 42px;
    color: #FFFFFF;
    background: #227ECB;
    text-decoration: none;
    border: none;
    outline: none;
    background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539);
    background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
    background-repeat: no-repeat;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0);
    filter: none;
    border: 1px solid rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.newMessageSubjectContainer,
.newMessageContentContainer,
.newMessageAttachmentContainer {
    display: table;
    width: 95%;
    margin: 5px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px #eaeaea;
    box-shadow: 0 1px 1px #eaeaea;
    color: #777777;
}

.newMessageAttachmentContainer {
    padding-left: 0.4em;
    width: 97%;
}

.transparentAttachmentContainer {
    background-color: transparent;
}

.newMessageContentContainer {
    padding-top: 1em;
}

.newMessageSubjectContainer,
.newMessageAttachmentContainer {
    height: 3em;
}

.newMessageSubjectContainer .mailform,
.newMessageContentContainer .mailform,
.newMessageAttachmentContainer .mailform {
    display: table-cell;
    width: 10%;
    text-align: left;
    color: #808080;
}

.newMessageAttachmentContainer .mailform {
    text-align: center;
}

.newMessageAttachmentContainer .mailform label {
    color: #ffffff;
    font-weight: bold;
    padding: 0.4em 0 0.2em 0;
    height: auto;
    width: 100%;
    display: block;
    background-image: -ms-linear-gradient(top left, #00C4E1 0%, #00A6C6 100%);
    background-image: -moz-linear-gradient(top left, #00C4E1 0%, #00A6C6 100%);
    background-image: -o-linear-gradient(top left, #00C4E1 0%, #00A6C6 100%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #00C4E1), color-stop(1, #00A6C6));
    background-image: -webkit-linear-gradient(top left, #00C4E1 0%, #00A6C6 100%);
    background-image: linear-gradient(to bottom right, #00C4E1 0%, #00A6C6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00C4E1', endColorstr='#00A6C6');
}

.newMessageAttachmentContainer .mailform label:hover {
    cursor: pointer;
}

.newMessageAttachmentContainer .fileContainer {
    display: table-cell;
    width: 85%;
}

.newMessageAttachmentContainer .fileContainer .inputContainer {
    background-color: #F0F0F0;
    font-weight: bold;
    margin-left: 0.8em;
    margin-bottom: 0.2em;
    display: inline-block;
    width: auto;
    min-height: 2em;
}

.inputContainer .removeAttachment:hover {
    cursor: pointer
}

.newMessageSubjectContainer .mailform,
.newMessageUserChooser .mailform {
    vertical-align: middle;
    border-right: thin solid #e8e8e8;
}

.newMessageContentContainer .mailform {
    vertical-align: top;
    padding-top: 1em;
}

.newMessageSubjectContainer .mailFormSubject,
.newMessageContentContainer .mailFormContent {
    display: table-cell;
    width: 95%;
    border: none;
    margin-top 0;
    outline: none;
    font-family: arial;
    line-height: 1.5em;
    float: left;
}

.newMessageContentContainer .mailFormContent {
    padding-left: 1em;
}

.newMessageSubjectContainer .mailFormSubject {
    height: 2em;
    overflow-y: hidden;
    margin-left: 0;
}

.nameAndDateSeparatorCircle {
    max-width: 5px;
    min-width: 5px;
    max-height: 5px;
    min-height: 5px !important;
    border-radius: 50%;
    display: inline-block;
    background-color: #EFEFEF;
}

.newMessageContentContainer .newMessageSenderAvatar {
    width: 36px;
    height: 36px;
    margin-right: 1em;
    display: inline-block;
    background-size: 36px;
    background-repeat: none;
    border-radius: 50%;
}

.newMessageContentContainer .senderDetailContainer {
    display: none;
    float: left;
}

.senderDetailContainer .newMessageSenderName,
.senderDetailContainer .newMessageSendDate,
.senderDetailContainer .circleContainer {
    display: table-cell;
    vertical-align: middle;
}

.senderDetailContainer .newMessageSenderName {
    color: #00A6C6;
}

.senderDetailContainer .newMessageSendDate,
.senderDetailContainer .circleContainer {
    color: #808080;
    padding-left: 1em;
}

.inputContainer .hiddenUploadInput {
    display: none;
}

/*
 *
 * ADOBE CONFIDENTIAL
 * __________________
 *
 *  Copyright 2014 Adobe Systems Incorporated
 *  All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */

.disabled-messaging-user-link:hover {
    cursor: text;
    text-decoration: none;
}

div input.userchooser {
    background-image: url(../../../../etc.clientlibs/clientlibs/social/hbs/messaging/resources/magnifier.png);
    background-position: left center;
    background-repeat: no-repeat no-repeat;
    background-size: 2rem;
    padding: 8px;
    width: 95%;
    margin: 5px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px #eaeaea;
    box-shadow: 0 1px 1px #eaeaea;
    color: #777777;
}

div input.makeReadOnly {
    max-height: 0;
    visibility: hidden;
}

div label.makeReadOnly {
    border: 0px solid;
    font-size: 14px;
    font-weight: bold;
    color: 9a9a9a;
}

input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

.userchooser.parbase {
    margin-left: 0;
}

.newMessageUserChooser {
    padding: 20px;
    margin: 5px;
    display: table;
    width: 95%;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px #eaeaea;
    box-shadow: 0 1px 1px #eaeaea;
    color: #777777;
}

.userchooserContainer {
    display: table-cell;
    border: none;
}

.newMessageUserChooser .userchooser {
    padding-left: 40px;
}

.newMessageUserChooser .selectedUserContainer {
    display: inline-block;
    margin-left: 0.8em;
}

.newMessageUserChooser .selectedUserContainer > div {
    background-color: #F0F0F0;
    margin: 0 0.5em 0.5em 0;
    padding: 0.2em 0 0.2em 0.2em;
    display: inline-block;
}

.newMessageUserChooser .selectedUserContainer > div > img {
    border-radius: 50%;
}

.newMessageUserChooser .mailform {
    display: table-cell;
    width: 10%;
    text-align: left;
    color: #808080;
}

.to-userchooser {
    margin-left: 50px;
}

.newMessageUserChooserAvatar {
    border-radius: 50%;
}