#buyer-messenger, #seller-messenger { -webkit-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; -moz-align-items: stretch; align-items: stretch; display: -webkit-flex; display: -ms-flex; display: -o-flex;  display: -moz-flex;  display: flex; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; -moz-flex-wrap: nowrap; flex-wrap: nowrap; height: 100%; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; position: relative; }

#buyer-messenger a { border-bottom: 0; }
#buyer-messenger a:hover { border-bottom: 0; }
#buyer-messenger a:visited { border-bottom: 0; }
#buyer-messenger a:active { border-bottom: 0; }

#seller-messenger a { border-bottom: 0; }
#seller-messenger a:hover { border-bottom: 0; }
#seller-messenger a:visited { border-bottom: 0; }
#seller-messenger a:active { border-bottom: 0; }

#buyer-messenger small, #seller-messenger small { margin: 1em 0 0; }
#seller-messenger .has-tip { color: #fff !important; border: 0 !important; }
#seller-messenger .has-tip:hover { border: 0 !important; }
#bark-messenger-container { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; }
#bark-messenger-container > .row, #bark-messenger-container > .row > .columns { height: 100%; }

#seller-messenger .messenger-header { min-height: 140px; }

#seller-messenger .seller-quote { display: inline-block; background-color: #666; color: #fff; padding: 0.15em 0.8em; border-radius: 4px; vertical-align: top; }
#seller-messenger .seller-quote p { font-size: 1.1em; display: inline-block; margin: 0 !important; font-weight: 500; }
#seller-messenger .seller-quote span { margin: 0 0.2em; font-size: 1.2em; }
#seller-messenger .textarea-wrap { margin-top: 1em; }


#buyer-messenger .buyer-quote { display: block; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; -o-flex-flow: column nowrap; -moz-flex-flow: column nowrap; flex-flow: column nowrap; width: 100%; border-bottom: 1px solid #e0ebdd;
    background-color: #fcfff5; padding: 0.6em 1.8em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; min-height: 40px; }
#buyer-messenger .buyer-quote span { font-size: 1.1em; font-weight: 700; color:#8e9f99; display: inline; line-height: 1; margin: 0 0.5em 0 0;}
#buyer-messenger .buyer-quote span.price { color: #53d1a3; margin-right: 0; }
#buyer-messenger .buyer-quote span.type { font-weight: 500; }
#buyer-messenger .buyer-quote span.quote-detail { font-weight: 500; font-style: italic; }
#buyer-messenger .buyer-quote span.has-tip { background-color: #00c878; padding: 0.25em; border-radius: 4px; height: 1em; vertical-align: baseline; }
#buyer-messenger .buyer-quote span.has-tip img { width: 1.2em; vertical-align: text-top; }
#buyer-messenger .buyer-quote.smaller { display: block; font-size: 0.8em; width: auto; background-color: transparent; border: 0; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.messenger-title-container { float: left; width: 100%; }
.messenger-title { color: #444; font-weight: 300; line-height: 1.8em; margin: 0.5em 0; float: left; }
.messenger-title span { background-color: #22313F; padding: 5px 10px; border-radius: 4px; font-weight: 500; color: #fff; }

.messenger-container { -webkit-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; -moz-align-items: stretch; align-items: stretch; bottom: 0;  display: -webkit-flex; display: -ms-flex; display: -o-flex;  display: -moz-flex;  display: flex;  -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; -o-flex-flow: column nowrap; -moz-flex-flow: column nowrap; flex-flow: column nowrap; left: 0;
    -webkit-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; position: absolute; right: 0; top: 0; }

.messenger-container .buyer-action-bar { width: 100%; margin: 0; }
.messenger-container .buyer-action-bar .buyer-action-desc { display: inline-block; margin: 0 0.5em; font-weight: 700; }
.messenger-container .buyer-action-bar button { display: inline-block; margin: 0; padding: 0.25em 0.5em 0.5em; height: 9em; width: 100%; }
.messenger-container .buyer-action-bar button i { margin: 0 0.2em 0 0; }
.messenger-container .buyer-action-bar button p { margin: 0.25em 0 0.5em; font-size: 1em; font-weight: 500; line-height: 1; }
.messenger-container .buyer-action-bar button span { font-weight: 300; font-size: 0.9em; }

#dismissPro label, #hirePro label, #callMe label { cursor: pointer; }
#dismissPro .new-project-checkbox .freetext-input, #callMe .new-project-checkbox .freetext-input { height: 2em; margin: 0 !important; display: inline-block; cursor: text; width: 50%; min-width: 90px; }

#hirePro textarea { border-radius: 4px; }
#callMe .freetext-call-input { max-width: 15em; }

.messenger-textarea { -webkit-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; -moz-align-items: stretch; align-items: stretch;  display: -webkit-flex; display: -ms-flex; display: -o-flex;  display: -moz-flex;  display: flex;  -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -moz-flex-direction: column; flex-direction: column; min-height: 141px; width: 100%; }
.row .messenger-textarea.row { width: 100%; }

.messenger-textarea .back { color: #999; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: 0.25em; }
.messenger-textarea .back .custom-message-back { color:#62bdfc; display: inline-block; cursor: pointer; font-size:1.1em; }
.messenger-textarea .back i { margin-right: 0.25em; }
.messenger-textarea .back p { display: inline-block; font-size: 1em; margin: 0; font-weight: 700; vertical-align: bottom; }

.messenger-header { background-color: #FFF; border-bottom: 1px solid #e0ebdd; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; -o-flex-flow: column nowrap; -moz-flex-flow: column nowrap; flex-flow: column nowrap; margin-top: 0.5em; padding: 1.2em; }
.messenger-messages { display: block; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; padding: 1em; overflow-y: auto; transition: all 0.2s;
    -webkit-overflow-scrolling: touch; overflow-x: hidden !important; min-height: 100px; }
.messenger-messages .alert-box.info { background: #ffede7; font-size: 1em; font-weight: 700; border-color: #f9b7a1; color: #aa522a; }
.messenger-messages .alert-box.info i { font-size: 1.2em; margin-right: 0.5em; vertical-align: text-bottom; }
.messenger-messages .alert-box.notice { background: #F8F8F8; font-size: 1em; font-weight: 700; border-color: #DDDDDD; color: #999999; }
.messenger-messages .alert-box.notice i { font-size: 1.2em; margin-right: 0.5em; vertical-align: text-bottom; }
.messenger-messages .alert-box.notice h2 { font-size: 1.2em; color: #666666; }
.messenger-messages .alert-box.notice p { margin-bottom: 5px; }
.messenger-messages .alert-box.seller-suggest-banner { background: #dff0d8; font-size: 1em; font-weight: 700; border-color: #d6e9c6; color: #3c763d; }
.messenger-messages .alert-box.seller-suggest-banner h2 { color: #3c763d; font-weight: 700; }
.messenger-messages .alert-box.seller-suggest-banner p a { color: #3eaefc; text-decoration: underline; }
.messenger-controls { -webkit-align-items: center; -ms-align-items: center; -o-align-items: center; -moz-align-items: center; align-items: center;  display: -webkit-flex;  display: -ms-flex; display: -o-flex;  display: -moz-flex;  display: flex;  -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; -moz-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -moz-flex-direction: column; flex-direction: column; min-height: 169px;
    padding: 1em; overflow: auto; transition: all 0.2s; border-top: 1px solid #dde0e5; background-color: #fafafa; }
.messenger-controls .messenger-send-options { background-color: #fff; border: 1px solid #ccd2dc; border-top: 1px solid #f0f0f0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding:0.3em; }
.messenger-controls .messenger-send-options .messenger-upload, .messenger-controls .messenger-send-options .messenger-upload-ie { display: inline-block; padding: 0.45em 1em; margin: 0; color: #768590; font-weight:bold; }
.messenger-controls .messenger-send-options .messenger-upload i, .messenger-controls .messenger-send-options .messenger-upload-ie i { font-size: 1em; margin: 0 0.5em 0 0; color:#ccd2dc; }
.messenger-controls .messenger-send-options .messenger-post-message { display: inline-block; float: right;
    border-radius: 2px; padding: 0.3em 1.5em; font-weight: bold; font-size: 1em; margin: 0.3em 0.6em; width: auto;
    height: auto; line-height: normal; cursor: pointer; transition: all 0.2s;
    -moz-transition: all 0.2s; -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
/* TODO: Remove `!important`, used to override `input:focus` */
.messenger-controls .messenger-send-options .messenger-post-message:focus { background-color: #6EC3FC !important; }
.messenger-controls .messenger-send-options .messenger-post-message:hover { background-color: #6ec3fc; }
.messenger-controls .messenger-send-options .messenger-post-message:disabled { background-color: #DDD; }

.messenger-rightnav { border-left: 1px solid #e6e8e9; -webkit-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; -moz-align-items: stretch; align-items: stretch;  display: -webkit-flex; display: -ms-flex; display: -o-flex;  display: -moz-flex;  display: flex; -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; flex: 1 1 100%;
    -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; -o-flex-flow: column nowrap; -moz-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; margin-left: -1px; overflow-x: visible; overflow-y: auto;
    padding-left: 0; padding-right: 0; position: relative; }
.no-flexbox .messenger-rightnav { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.no-flexbox .messenger-leftnav ~ .messenger-rightnav { left: 25%; }

.messenger-leftnav-header { display: block; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; -o-flex-flow: column nowrap; -moz-flex-flow: column nowrap; flex-flow: column nowrap; text-align: center; border-bottom: 1px solid #e6e8e9;
    height: 142px; padding: 3em 1em; }
.messenger-leftnav-header h2 { font-size: 1.2em; font-family: 'Lato', sans-serif; font-weight: 700; color: #3a4449; margin: 0 0 0.5em; }
.messenger-leftnav-header .messenger-leftnav-options a { display: inline-block; font-size: 1.1em; color: #8e9f99; }
.messenger-leftnav-header .messenger-leftnav-options a.buyer-bark-closed { cursor: default; }
.messenger-leftnav-header .messenger-leftnav-options a.buyer-bark-closed:hover { color: #8e9f99; }
.messenger-leftnav-header .messenger-leftnav-options a:hover { color: #3a4449; }
.messenger-leftnav-header .messenger-leftnav-options a i { margin-right: 0.25em; opacity: 0.5; }
.messenger-leftnav-header .messenger-leftnav-options span { display: inline-block; font-size: 1.1em; overflow: visible; color: #8e9f99; opacity: 0.5; margin: 0 0.5em; }

.messenger-leftnav { -webkit-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; -moz-align-items: stretch; align-items: stretch; border-right: 1px solid #e6e8e9;  display: -webkit-flex; display: -ms-flex; display: -o-flex;  display: -moz-flex;  display: flex;  -webkit-flex: 1 0 25%; -moz-flex: 1 0 25%; flex: 1 0 25%; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; -o-flex-flow: column nowrap; -moz-flex-flow: column nowrap; flex-flow: column nowrap; height: auto; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; margin-top: 0.5em; overflow-y: auto; padding: 0; position: relative; background-color: #FFF; -webkit-overflow-scrolling: touch; }
.no-flexbox .messenger-leftnav { bottom: 0; left: 0; overflow-y: auto; position: absolute; right: 75%; top: 0; }

.messenger-leftnav ul { display: block; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto; list-style: none; margin: 0; overflow-y: auto; }
.messenger-leftnav li { border-bottom:1px solid #e6e8e9; padding:1em; cursor:pointer; position: relative; }
.messenger-leftnav li .image { width:2.5em; height:2.5em; overflow:hidden; float:left; margin:0.5em 1em 0.5em 0;  border-radius: 50%; }
.messenger-leftnav li.highlight { background-color:#f8f9f9; }
.messenger-leftnav li.notification { background-color:#fefcec; }
.messenger-leftnav li.highlight.elite-seller { background-color:#fbf1d0 !important; }

.messenger-leftnav span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.9em; }
.messenger-leftnav span.fa-stack { font-size: 0.75em; margin-right: 0.25em; }
.messenger-leftnav .action-icon { white-space: nowrap; }
.messenger-leftnav .action { background-color: #35404a; color: #fff; display: inline-block; border-radius: 2px; padding: 0.1em 0.5em; font-weight: 700; font-size: 0.8em; overflow: hidden; text-overflow: ellipsis; }
.messenger-leftnav .action.contact-later { background-color: #9bcbf3; }
.messenger-leftnav .action.used-pro { background-color: #53d1a3; }
.messenger-leftnav .action.no-thanks { background-color: #e2574c; }
.messenger-leftnav .action i { margin-right: 0.25em; font-size: 1.2em; color: #fff; vertical-align: text-bottom; }

span.fa-stack .used-pro { color: #53d1a3; }
span.fa-stack .no-thanks { color: #e2574c; }
span.fa-stack .contact-later { color: #9bcbf3; }
span.name { font-weight: 700; color: #444; margin-bottom: 0.4em; }
span.name.verified-pro { color:#f07f4a; }
span.name i { color:#f0b34a; font-size:1.2em; }
span.name .has-tip { border:0 !important; }

i.verifiedProStar{color:#fff!important;background-color:#e4af0f;padding:.2em;border-radius:2px;color:#fff;font-size:1.1em!important;margin-right:.2em}

.dash-button.smaller-button { font-size:0.8rem; padding:0.6em 1.5em; font-weight:700 !important; border-radius:0.3em; }
.dash-button.tiny-button { margin-top:1em; display:inline-block; text-transform: none !important; font-size:0.8rem; padding:0.2em 1em; font-weight:700 !important; border-radius:0.3em; }
.dash-button:hover, .dash-button:focus { color:#FFF !important; }

.messenger-controls textarea { padding:1em; min-height: 1em; line-height: 1em; resize: none; border-top-left-radius: 4px; border-top-right-radius: 4px; border-right: 0; margin-left: 2px; margin-bottom: 0; border-color: #ddd; }
.messenger-controls textarea:focus { background-color: #fff; }
.messenger-controls input { width: 100%; border: 0; cursor: pointer; line-height: 1em; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #62bdfc; color: #fff; font-family: 'Lato', sans-serif; }
.messenger-controls input:hover { background-color: #0867B6; }
.messenger-controls input.disabled { cursor: default; }
.messenger-controls input.perma-disabled { cursor: default; }

.messenger-controls .chosen-action-result .action-result { margin-top: 2em; }
.messenger-controls .chosen-action-result .action-result .fa-stack { vertical-align: top; font-size: 0.9em; }
.messenger-controls .chosen-action-result .action-result .fa-stack .fa-inverse { line-height: 2; }
.messenger-controls .chosen-action-result p { margin: 0 0.5em 0.5em 0.1em; font-weight: 700; display: inline-block; color: #3a4449; }
.messenger-controls .chosen-action-result .undo-action-container { display: block; font-weight: 500; color: #8e9f99; }
.messenger-controls .chosen-action-result .undo-action-container a { text-decoration: underline; color: #3eaefc; font-weight: 700; }

.messenger-header .image { display: inline-block; max-width: 6em; min-width: 2em; margin:0.5em 0 1.2em 0.5em; vertical-align: top; }
.messenger-header .image img { border-radius: 2px; margin-right:1em; }
.messenger-header .header-container { display: inline-block; margin-left: 1em; }
.messenger-header .header-container h1 { color: #3a4449; margin-bottom: 0; max-width: 22em; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.messenger-header .header-container .company-contact-details span { color: #3a4449; text-decoration: none; margin-left: 0; font-weight: 700; }
.messenger-header .header-container .company-contact-details span a { color: #3eaefc; text-decoration: underline; }
.messenger-header .header-container .company-contact-details span a.contact-details-email { max-width: 15em; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.messenger-header .header-container .action-view-contact { cursor: pointer; color: #7dc7fc; text-decoration: underline; }
.messenger-header .header-container .action-view-contact i { margin: 0 0.5em 0 0; }
.messenger-header .company-desc { height: 1.5em; overflow: hidden; margin: 0.2em 0.5em 0.5em; white-space: nowrap; text-overflow: ellipsis; font-size: 1em; cursor: pointer; }
.messenger-header p.header-title { margin: 0.5em 0 0.1em; font-size: 1.4em; color:#abbac1; font-weight:400 !important; }
.messenger-header p.header-title span { display: inline-block; margin-right: 1em; color:#000; }
.messenger-header i { margin:0 1em; color: #c0cec9; font-size:1em; }
.messenger-header i.bark-icon-envelope { font-size: 0.8em; margin-left: 0; }
.messenger-header i.fa-check { color: #3e9c05; }
.messenger-header.elite-seller { background-color: #fbf1d0 !important; }
.messenger-header span.verifiedProLabel { background-color: #e4af0f; padding: 0.3em 0.3em 0.3em 0.6em !important;  color: #fff !important; font-weight: 700;  margin: 0.5em 0; border-radius: 2px; width: 88px; margin-left: 1em!important; padding-right: 0.7em!important;}
.messenger-header span.verifiedProLabel i {   color: #fff !important; margin-left: 0em !important; margin-right: 0.5em !important;}

.message { font-size:1em; margin-bottom: 0.5em; }
.message p.bubble { border-radius:0.5em; border:2px solid #eeeeee; max-width:60%; padding:1.2em; margin:0 0 0.25em; line-height:1.5; background-color:#f8f9f9; word-wrap: break-word; font-size: 1.1em; display:inline-block; color: #3a4449; }
.message-them p.bubble { background-color:#FFF; color:#8e9f99; }
.message img { float:left; width:2.1em; height:2.1em; border-radius: 50%; margin-right:1.5em; margin-bottom:1em; }
.message p.conversation_name { padding-left:0.3em; font-size:1.2em; margin-bottom:0.4em; color: #3a4449; }
.message p.conversation_name span { padding-left:1em; font-size:0.8em; color:#a5b5bd; }
.message p.message_read { color:#91e2c4; clear:left; padding:0; margin:0.5em 0 0 3rem; font-size:1em; font-weight:bold; }
.message p.message_read i { color:#91e2c4; font-size:0.7em; margin-right:0.5em; }

.message-you p.conversation_name { margin:0 4rem 0.4em 0; text-align:right; }

.message-them p.message_read { clear:left; padding:0; margin:0 0 0 4rem; font-size:0.8em; font-weight:bold; }

.message-you p.message_read { clear:right; padding:0; margin:0 5.1em 0 0; font-weight:bold; text-align:right; color: #acbac2; }
.message-you p.message_read i { margin-right: 0.5em; }
.message-you p.bubble { float:right; }
.message-you p.bubble a { text-decoration: underline; }
.message-you img { float:right; margin-left:1.5em; }

.message-action p.datestring, .message p.datestring { font-size:1em; color:#999; text-align:center; clear:left; margin: 2em 0 1em; font-style: italic; }

.message-new { margin: 0.5em auto auto 2em; background-color: #f07f4a; color:#FFF; position:absolute; font-size:0.8em !important; border-radius:50%; padding: 0 0.5em; font-weight:bold; }

.message-action .bubble { text-align:center; }

.message-action { text-align:center; }
.message-action .bubble { font-weight:700; font-style:italic; display:inline-block;  font-size:1.1em; border:2px solid #53d1a3; color:#53d1a3; width:auto; border-radius:0.5em; padding:0.5em 1em; }
.message-action .bubble i { font-size:1.1em; margin-right:0.5em; color:#53d1a3; }
.message-them .bubble
p.attachment { text-align:center; }
p.attachment i { font-size:1.8em; display:block; text-align: center; }
p.attachment a { display:block; text-align: center; text-decoration: underline; color: #3eaefc; }

#seller-messenger .header-container span.bark-is-closed { background: #e74c3c !important; color: #fff !important; width: 10em; text-align: center; opacity: 0.75; cursor: help; font-weight: 500; }
#seller-messenger .header-container span { display: inline-block; }
.buyer-bark-closed-border-radius { border-bottom-right-radius: 4px; }
.seller-bark-closed-border-radius { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

#seller-messenger .header-container { padding-left:1em; }
#seller-messenger .header-container p.header-title { font-weight: 300; font-size:1rem; }
#seller-messenger .header-container p.header-title span { font-weight: 500; font-size: 1.4em; margin: 0; font-weight:400; color: #3a4449; }
#seller-messenger .header-container .obfuscated-contact-detail a,
#seller-messenger .header-container .obfuscated-contact-detail { color: #3eaefc;  font-size: 1em; text-decoration: underline; display: inline-block; }
#seller-messenger .header-container .obfuscated-contact-detail i { margin: 0 0.5em 0 0; color: #3eaefc; }

.view-details { background: linear-gradient(#eee,#ddd); padding: 0.2em 0.5em; border-radius: 4px; border: 1px solid #bbb; font-size: 0.9em; cursor: pointer; color: #444; margin: 1em 1em 1.5em 0; }
.view-details:hover { background: linear-gradient(#e5e5e5,#d5d5d5); }
.view-details i { color: #666; }

.viewBarkDetailsModal .image { display: inline-block; width:9em; height:9em; margin: 0.5em 2em 0 0; vertical-align: top; }
.viewBarkDetailsModal .image img { border-radius: 4px; }
.viewBarkDetailsModal .header-container { display: inline-block; }
.viewBarkDetailsModal .header-container h2 { font-size: 2em; font-family: "Lato", sans-serif; margin-top: 0; }
.viewBarkDetailsModal .header-container span { margin: 0 1em 0.5em 0; display: block; }
.viewBarkDetailsModal .header-container i { margin-right: 0.5em; color: #FF9D16; }
.viewBarkDetailsModal .header-container a span { padding: 0.5em 1em; margin-bottom: 0; display: inline; }
.viewBarkDetailsModal .close-reveal-modal { top: 0; right: 0; background-color: transparent; font-size: 1.5em; }

.textarea-wrap { border: 1px solid #ccd2dc; border-top-left-radius: 4px; border-top-right-radius: 4px;
    background-color: #fff; border-bottom: 0; transition: all 0.2s; }
.textarea-wrap textarea { border: 0; line-height: 1.4; min-height: 4.5em; max-height: 9em; margin: 0; overflow-y: auto;
    transition: all 0.2s; width: 100%; }

.temp-file { background-color:#EEE; padding:0 0.2em; border:1px solid #CCC; border-radius: 4px; margin:0.5em 0.5em 0; display: inline-block; }
.temp-file i { color: #999; margin: 0 0.4em 0 0.2em; }
.temp-file a { margin: 0 0.2em 0 0.4em; font-weight: 700; color: #1e7cca; }

#buyer-custom-messenger { padding-top: 0 !important; }
#buyer-custom-messenger .contain-to-grid { margin-top: 0 !important; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); background-color: #fff; }
.buyer-custom-messenger-header.contain-to-grid .top-bar { max-width: none; }
.buyer-custom-messenger-header .top-bar .toggle-topbar.menu-icon { top: 1.5em; }
.buyer-custom-messenger-header .bark-logo { width: 5em; margin-right: 1em; }
.buyer-custom-messenger-header .top-bar-section li.has-dropdown a:not(.button).messenger-bark-title, .buyer-custom-messenger-header .top-bar-section li.has-dropdown p:not(.button).messenger-bark-title { font-size: 0.9em; padding: 0.25em 0 0.25em 0.5em !important; border: 1px solid #dde0e5 !important; line-height: 1 !important; font-family: 'Lato', sans-serif; border-radius: 3px; font-weight: 700 !important; color: #3a4449 !important; margin-top: 1.4em; margin-left: 1em; }
.buyer-custom-messenger-header .top-bar .name { display: inline-block; }
#buyer-custom-messenger .contain-to-grid i.bark-icon-logo { margin-left: 0.5em; }
#buyer-custom-messenger #seller-options { padding-right: 1em !important; }
#buyer-custom-messenger #seller-options-dropdown, #buyer-custom-messenger #buyer-options-dropdown { right: 1em; }

#buyer-custom-messenger ul li.elite-seller {background-color: #fdf8e8};

#buyer-messenger-options-dropdown { margin-left:0.9em; background-color: #fff; border: 1px solid #dde0e5; border-top: 0; margin-top: -2px; border-radius: 0 0 4px 4px; }
#buyer-messenger-options-dropdown li a { color: #84a0b3 !important; padding: 5px 10px; }
#buyer-messenger-options-dropdown li a:hover { background-color: #f4f7f9 !important; color: #1e2b39 !important; font-weight: 500 !important; }
.top-bar-section ul.distance1 { background-color: transparent; }

.buyer-custom-messenger-content { max-width: none; }
.buyer-custom-messenger-content .messenger-leftnav { margin-top: -1px; border-radius: 0; overflow-x: hidden !important; }
.buyer-custom-messenger-content .messenger-header { margin-top: -1px; border-radius: 0; }

.file-upload-modal p { display: inline-block; }

.messenger-send-quote { border-bottom: 1px solid #e0ebdd; display: block; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; -o-flex-flow: column nowrap; -moz-flex-flow: column nowrap; flex-flow: column nowrap; position: relative;
    background-color: #fcfff5; padding: 0.3em; min-height: 3em; }
.messenger-send-quote a { text-decoration: none; }
.messenger-send-quote p { margin: 0; font-size: 1em; padding: 0.5em 1em 0.5em 5.5em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.messenger-send-quote p .quote-bark-closed { color: #444; cursor: default; }
.messenger-send-quote p i { margin: 0 0.25em 0 0.5em; }
.messenger-send-quote p i.bark-icon-modify { color: #3eaefc; }
.messenger-send-quote .estimate-fixed { color:#6d7f66; float: left; position: absolute; height: 100%; padding: 0.5em 0.5em 0.5em 1em; font-weight: 700; }

#seller-messenger .messenger-send-quote p a { color: #3eaefc; font-weight: 700; }

.quote-content { color:#8e9f99; font-weight:700; }
.quote-content a { color:#62bdfc; }
.quote-content .price { color: #53d1a3; font-weight: 700; }
.quote-content .type { font-weight: 500; }
.quote-content .quote-detail { font-weight: 500; font-style: italic; }
#seller-messenger .header-container p.header-title { max-width: 40em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.header-container p.action-viewed { font-size:0.8rem !important; line-height:1.6; padding:0; margin:0; color:#abbac1; font-style:italic; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50em; }
.header-container p.action-viewed span { color:#53d1a3; font-size:0.9rem !important; padding:0; margin:0; font-style:normal; }
.header-container p.action-viewed span i { font-size:0.7em; margin:0 0.5em 0 0; color:#53d1a3; }

.action a { border-radius:0.2em; font-size:1.1em; display:block;  color:#FFF; font-weight:bold; padding:1em 0; margin-top: 2em; }
.action a i { display:inline-block; margin-right:0.25em; font-size: 1.25em; vertical-align: text-bottom; }
.action span { display:block; font-size:1.1em; font-weight: 700; margin: 0.5em 0; }
.action a:hover { opacity:0.85; }
.action-dismiss a { background-color:#e2574c; }
.action-dismiss span { color:#e2574c; }
.action-hired a { background-color:#53d1a3; }
.action-hired span { color:#53d1a3; }
.action-contact-later a { background-color:#9bcbf3; }
.action-contact-later span { color:#9bcbf3; }
.action-reply a { background-color:#35404a; }
.action-reply span { color:#35404a; }

div.seller-suggest-interstitial { border-bottom: 1px solid #e6e8e9; padding: 0.5em 1em; text-align: center; background-color: #d9edf7; }
div.seller-suggest-interstitial h2 { font-size: 1em; margin: 0; color: #31708f; font-weight: 700; }
div.seller-suggest-interstitial p { margin: 0; padding: 0; color: #888888; color: #31708f; font-size: 0.9em; }
div.seller-suggest-interstitial i { margin-right: 0.25em; font-size: 1em; vertical-align: text-bottom; }

html.ie10 .messenger-rightnav { height: 100%; }

@media (min-width: 721px) and (max-width: 840px) {

    .action a { margin-top: 1em; padding: 1em 0.5em; }
    .action span { font-size: 1em; }

    .messenger-header .header-container h1 { max-width: 18em; }
    .messenger-header .header-container .company-contact-details span a.contact-details-email { max-width: 10em; }

    .messenger-controls { min-height: 173px; }

    .messenger-controls .messenger-textarea { min-height: 145px; }

    .messenger-leftnav li .image { display: none; }

    .message-new { position: absolute; right: 0.5em; top: 0; }

    #seller-messenger .header-container p.header-title { max-width: 35em; }
    .header-container p.action-viewed { max-width: 40em; }

    .messenger-leftnav-header { text-align: left; padding: 2em 1em; }
    .messenger-leftnav-header h2 { font-size: 1.1em; }

}

@media (min-width: 641px) and (max-width: 720px) {

    .messenger-container .buyer-action-bar button p { margin: 0; }
    .messenger-container .buyer-action-bar button span { display: none; }
    .messenger-container .buyer-action-bar button span.fa-stack { display: inline-block; }

    .messenger-header .header-container h1 { max-width: 16em; }
    .messenger-header .header-container .company-contact-details span a.contact-details-email { max-width: 10em; }

    .messenger-controls { min-height: 166px; }

    .messenger-controls .messenger-textarea { min-height: 138px; }

    .action a { margin-top: 1em; }
    .action span { font-size: 0.9em; line-height: 1.4; }

    .messenger-leftnav li .image { display: none; }
    .message-new { position: absolute; right: 0.5em; top: 0; }

    #seller-messenger .header-container p.header-title { max-width: 30em; }
    .header-container p.action-viewed { max-width: 35em; }

    .messenger-leftnav-header h2 { display: none; }
    .messenger-leftnav-header .messenger-leftnav-options a { display: block; margin: 0.25em 0; }
    .messenger-leftnav-header .messenger-leftnav-options span { display: none; }

}

@media (max-width: 640px) {

    .buyer-custom-messenger-header .top-bar .name { display: block; height: auto; }
    .buyer-custom-messenger-header .messenger-bark-title { margin: 0.5em 0.5em 0 0; border: 0; text-align: center; padding: 0; }

    .action a { margin-top: 0.5em; }
    .action span { display: none; }

    .messenger-header .header-container h1 { max-width: 12em; }
    .messenger-leftnav .action { max-width: 7em; }
    .messenger-leftnav .action i { display: none; }

    #buyer-messenger .messenger-header .header-container { display: block; margin-left: 0; padding: 0 0.5em 0 1em; }
    #buyer-messenger .messenger-header p { display: inline-block; text-decoration: underline; color: #444; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
    #buyer-messenger .messenger-header i { margin: 0.75em 0.25em 0 0; display: inline-block !important; font-size: 1.5em; vertical-align: top; color: #c0cec9; }
    #buyer-messenger .messenger-header .image { display: none; }
    #buyer-messenger .messenger-header span { display: none; }
    #buyer-messenger .messenger-header .company-contact-details { display: none; }

    .messenger-leftnav li .image { display: none; }
    .messenger-leftnav span { font-size: 0.8em; }
    #buyer-messenger .buyer-quote { padding: 0.3em 1.2em; }
    #buyer-messenger .buyer-quote.smaller { display: none; }

    .buyer-custom-messenger-content .messenger-header { height: 85px; padding: 0.5em 0; }
    .messenger-controls { min-height: 132px; padding: 0.5em 0; }

    .messenger-controls .messenger-textarea { min-height: 104px; }

    .action a { padding: 0.5em 0; }
    a.callme-button.dash-button.tiny-button { display: none; }
    .dash-button.tiny-button { padding: 0.2em 0.4em; }
    .messenger-controls .messenger-attach-files .messenger-upload i { margin: 0; }

	#seller-messenger .header-container p.header-title { margin: 0; }
    #seller-messenger .messenger-header { padding: 0.7em 1.4em; height: 116px; min-height: 120px;}
    #seller-messenger .messenger-header .image { display: none; }
    #seller-messenger .messenger-header .obfuscated-contact-detail { margin-bottom:0.2em; }
    #seller-messenger .messenger-header .header-container { margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; padding: 0; }
    #seller-messenger .messenger-header .header-container p span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline; }
    #seller-messenger .view-details { margin: 0.5em 0; display: block; width: 8em; text-align: center; }
    #seller-messenger .messenger-controls { padding: 0.5em 1.5em; }

    .messenger-leftnav span.fa-stack { font-size: 0.55em; margin-top: 0.25em; }

    .messenger-container .buyer-action-bar button { height: 4em; margin: 0 0 0.75em; }
    .messenger-container .buyer-action-bar button p { margin: 0; }
    .messenger-container .buyer-action-bar button span { display: none; }

    .messenger-container .buyer-action-bar button span.fa-stack { display: inline-block; font-size: 0.6em; }

    #seller-messenger .header-container span.action-viewed-profile, #seller-messenger .header-container span.action-viewed-website, #seller-messenger .header-container span.action-viewed-contact-details { display: none; }
    .buyer-custom-messenger-header .top-bar-section li.has-dropdown a:not(.button).messenger-bark-title, .buyer-custom-messenger-header .top-bar-section li.has-dropdown p:not(.button).messenger-bark-title { padding: 0 !important; border: 0 !important; margin: 1em 0 0; }
    #buyer-messenger-options-dropdown { margin-left: 0; }
    #buyer-messenger-options { padding: 0 1em !important; line-height: 1.6 !important; }

    .message-new { position: absolute; right: 0.5em; top: 0; }

    .header-container p.action-viewed { display: none !important; }

    .messenger-textarea { padding: 0 0.5em; }
    .messenger-textarea .back .custom-message-back { font-size: 1em; }
    .messenger-controls textarea { padding: 0.5em; height: 2.5em; }
    .messenger-controls .messenger-send-options { padding: 0; }
    .messenger-controls .messenger-send-options .messenger-post-message { margin: 0; border-radius: 0 0 2px 0; }
    .messenger-controls .messenger-send-options .messenger-upload, .messenger-controls .messenger-send-options .messenger-upload-ie { padding: 0.1em 0.5em; }
    .messenger-controls .messenger-send-options .messenger-upload span, .messenger-controls .messenger-send-options .messenger-upload-ie span { display: none; }
    .messenger-controls .chosen-action-result .action-result { margin-top: 1em; }
    .messenger-controls .chosen-action-result p { margin: 0.2em; line-height: 1; }
    
    .messenger-leftnav-header { padding: 1em; height: 84px; }
    .messenger-leftnav-header h2 { display: none; }
    .messenger-leftnav-header .messenger-leftnav-options a { display: block; margin: 0.25em 0; }
    .messenger-leftnav-header .messenger-leftnav-options span { display: none; }

}

@media (max-width: 480px) {

    #buyer-messenger .view-details { margin: 1em 1em 0 0; }

    .messenger-controls input { font-size: 0.9em; line-height: 1.1em; height: 3.65em; padding: 0; }
    .messenger-controls .messenger-attach-files .messenger-upload { padding: 0.2em 0; }

    .message p.bubble { max-width: 75%; }
    .message-them p.bubble, .message-you p.bubble { margin-left: 0; }
    .message-you p.bubble { margin-right: 0.5em; }
    .message img { margin-right: 0.5em; }
    .message-you img { margin-left: 0.5em; }
    .message-you p.conversation_name { margin: 0; }

    .action a { font-size: 1em; }
    .action a i { display: none; }
    .messenger-leftnav .action { max-width: 5em; }

    .messenger-header .header-container h1 { max-width: 7em; margin-top: 0; }
    .dash-button.tiny-button { margin-top: 0.2em; }

    .messenger-leftnav-header .messenger-leftnav-options a { text-decoration: underline; line-height: 1; font-size: 1em; margin-bottom: 1em; }
    .messenger-leftnav-header .messenger-leftnav-options a i { display: none; }

}