#attachFile {
    /*position: absolute;
    left: 16px;
    top: 11px;
    width: 20px;
    height: 20px;
    z-index: 20;
    cursor: pointer;*/
}

.sp-readonly #input-div {
    display: none;
}
.sp-readonly #servicepattern-chat #messages-div {
    bottom: 10px;
}

#inner-chat.mobile-version #input-div #attachFile {
    /*left: 0;
    top: 0;
    width: 35px;
    height: 30px;*/
}

#inner-chat.mobile-version #input-div.input-div-iphone #attachFile {
    /*width: 40px;
    height: 40px;
    left:0;
    top: 0;*/
}

#offline-form .description.small {
    font-size: 14px;
    margin-bottom: 10px;
}

#offline-form .description {
    font-size: 14px;
    margin-bottom: 10px;
}

#offline-form .quest-reason {
    margin-top: 7px !important;
    margin-bottom: 5px !important;
    font-size: 14px !important;
    color: #7b7c7c;
    font-family: 'Averta-Regular', sans-serif !important;
}

select#account_question {
    font-size: 16px !important;
}

#offline-form .thumbDown {
    float: left;
    width: 40px;
    height: 15px;
    background: url(../images/thumbDown.png) left top no-repeat;
}

#offline-form .thumbUp {
    float: right;
    width: 50px;
    height: 15px;
    background: url(../images/thumbUp.png) left top no-repeat;
}

#input-field {
    padding-left: 25px;
    box-sizing: border-box;
    width: 262px;
    height: 29px;
}

.thumb {
    max-width: 100px;
    max-height: 40px;
}

#callme {
    display: block;
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    width: 200px;
    height: 65px;
    text-align: center;
    padding-top: 25px;
    float: left;
    margin-left: 20px;
}

.drop-box.dragover {
    border: 5px dashed blue;
}

#video {
    background: white;
    padding: 10px 0;
}

#callme {
    right: 0;
}

#callme div {
    /*width: 32px;*/
    /*height: 32px;*/
    /*background-image: url(data:image/png;base64,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);*/

}

.drop-box.dragover-err {
    border: 5px dashed red;
}

#header-avatar .avatar img {
    margin-right: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

#servicepattern-chat #messages-div .new-msg-container.clientMessage.new-msg-animate,#servicepattern-chat #messages-div .new-msg-container.agentMessage.new-msg-animate,#servicepattern-chat #messages-div .new-msg-container.agentHighlight.new-msg-animate {
    padding: 2px 6px 0 6px;
    width: auto;
    clear: both;
}

#servicepattern-chat #messages-div .new-msg-container.agentMessage.blue a:link {
    color: white;
}

#servicepattern-chat #messages-div .new-msg-container.agentMessage.blue a:visited {
    color: whitesmoke;
}


#servicepattern-chat #messages-div .new-msg-container.systemMessage,#servicepattern-chat #messages-div .new-msg-container.introduceMessage,#servicepattern-chat #messages-div .new-msg-container.receiveFile {
    max-width: 234px;
}

#servicepattern-chat #messages-div .new-msg-container {
    max-width: 180px;
}

.field-wrapper {
    position:relative;
}

#inner-chat {
    background: #5a1a47\0/; /*IE8*/
}

/* #inner-chat.mobile-version {
} */

#servicepattern_close_button {
    display: none;
    color: #fff;
}

#inner-chat.mobile-version #servicepattern_close_button {
    display: block;
}

#shareScreen {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 22px;
    right: 42px;
    cursor: pointer;
    display: none
}

#inner-chat.mobile-version #shareScreen {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 4px;
    right: 45px;
    cursor: pointer;
    z-index: 50;
    display: none
}

#shareScreen div {
    width: 34px;
    height: 34px;
    background-position: 50% 0;
    background-repeat: no-repeat
}

#inner-chat.mobile-version #shareScreen div {
    background-size: 25px 25px;
}

#shareScreen {
    background-image: url(data:image/png;base64,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)
}

#shareScreen div {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAJ1JREFUOI3t0jEOAWEQhuFnNxRbSVQkStFIdBpxMqIQriGKVUiIU7iCM3AB0SgUSFi7WXZbbzXzz8z3TfIPJQnQwQTRj7MXTCFGo4B5E8vw4XwqIHBEFBYYfOMvcL+DLa5lRGL3P02jh25GrYVFgDbGPi9xiH1K/OSMedZWdWxe8h1qWc1Jqlij//I2wAqVZHOQyHsY5RjMcPh2m1xu9gASXowPDZAAAAAASUVORK5CYII=) center 9px no-repeat
}

#shareScreen.stop-sharing div {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAADdJREFUOI1jYBhM4BcDA8N/IvFPmCZGJAP+k2ghIwMDAwMT2e6FglEDRg1AN+AXCfp+ElZCLwAAbDEO8sMCEN4AAAAASUVORK5CYII=) center 9px no-repeat
}

.promptMessage {
    background: #fbf0d1;
    color: #434343;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    border-bottom: 1px solid #434343;
}

#dragandrophandler {
    display:none;
    position: absolute;
    left: 10px; right: 10px; top: 75px; bottom: 0;
    text-align: center;
    padding-top: 150px;
    font-size: 200%;
    border: 2px dotted gray;
    color: black;
    z-index:  9999;
    opacity: .85;
    background: white;
}

.messages {
margin-top: 30px;
display: flex;
flex-direction: column;
}

.message {
border-radius: 20px;
padding: 20px 40px;
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
}

.yours {
align-items: flex-start;
}

.yours .message {
margin: auto;
color: white;
background-color: #3e8cd5;
position: relative;
}

.yours .message.last:before {
content: "";
position: absolute;
z-index: 0;
bottom: 0;
left: -7px;
height: 20px;
width: 20px;
background: #3e8cd5;
border-bottom-right-radius: 15px;
}
.yours .message.last:after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: -10px;
width: 10px;
height: 20px;
background: white;
border-bottom-right-radius: 10px;
}