 .chatbutton,.chatbutton:hover{
     position: fixed;
     border-radius: 4px;
     border-bottom-right-radius: 0px !important;
     border-bottom-left-radius: 0px !important;
     position: fixed;
     right: 10px;
     bottom: 0px;
     width: 240px;
     padding: 6px 3px 3px 10px;
     background: #56a8e3;
     color: #fff;
     letter-spacing: 1px;
     z-index: 1;
}
 .chatbox{
     height: 335px;
     width: 250px;
     border-radius: 1px solid black;
     position: fixed;
     bottom: 0px;
     right: 10px;
}
 .opentab{
     background: #56a8e3;
     border-radius: 4px;
     border-bottom-right-radius: 0px !important;
     border-bottom-left-radius: 0px !important;
     height: 60px;
}
 .chatstab{
     padding: 8px;
     color: #fff;
}
 .chattext{
     display: inline-block;
     letter-spacing: 1px;
}
 .chatcross{
     width:20px;
     height:20px;
     background: url(../images/closeoutline.svg) no-repeat;
     display: inline-block;
     float: right;
}
 .chatcross:hover{
     background: url(../images/closeglyph.svg)no-repeat;
}
 .vertical_line{
     width:10px;
     height:20px;
     background: url(../images/vline.svg) no-repeat;
     display: inline-block;
     float: right;
}
 .notification{
     width:30px;
     height:20px;
     background: url(../images/alertsoutline.svg) no-repeat;
     display: inline-block;
     float: right;
}
 .notification:hover{
     background: url(../images/alertsglyph.svg) no-repeat;
}
 .moredots{
     width:40px;
     height:20px;
     background: url(../images/moreoutline.svg) no-repeat;
     display: inline-block;
     float: right;
}
 .moredots:hover{
     background: url(../images/moreglyph.svg) no-repeat;
}
 .contact{
     color: #fff;
     text-align: center;
     font-size: 11px;
     margin: 0px 0px 8px;
     letter-spacing: 1px;
}
 #scrollBarStyle.content{
     height: 277px;
     overflow-y: auto;
     margin-top: 4px;
     padding: 4px;
     border: 1px solid #ebecee;
}
 .nocontacts{
     text-align: left;
     font-size: 12px;
}
 .lineimg{
     height: 1px;
     width: 100%;
     opacity: 0.5;
}
 .contentbox{
     border: 1px solid #e4e4e5;
     padding: 5px;
     border-radius: 4px;
     background: #F9F9F9;
     width: 100%;
     display: inline-block;
}
 .nameinput,.textarea{
     display: inline-flex;
     width: 100%;
     border-radius: 4px;
     padding: 0px !important;
     margin: 10px 0px;
}
 .textarea{
     border: 1px solid #CCCCCC;
}
 .nameinput{
     border: 2px solid #CCCCCC;
}
 .nameinput:first-child{
     margin:0px 0px 10px 0px !important;
}
 .nameinput:last-child{
     margin: 10px 0px 0px 0px !important;
}
 .username,.mail,.alert{
     padding: 0px !important;
}
 .nameicon{
     border-right: 1px solid #CCCCCC;
     background: #EEEEEE;
     padding: 0px !important;
     text-align: center;
}
 .icon{
     top: 3px !important;
     font-size: 17px;
}
 .name{
    /* background: #fff; */
   /*  padding: 0px !important;*/
}
.input{
     border: none;
     width: 100%;
     padding:0 10px;
}
textarea{
    padding: 5px 10px
}
 #scrollBarStyle::-webkit-scrollbar {
     width: 0.2em;
}
 #scrollBarStyle::-webkit-scrollbar-thumb {
     background-color: #d1cfd0;
}
 .sendbutton{
     width: 100%;
     font-weight: 600;
     font-size: 16px !important;
}
 .bottomlineimg{
     position: relative;
     bottom: 4px;
}

input:-moz-placeholder {
    position:relative;
    top:2px;
}
input::-moz-placeholder{
    position: relative;
    top: 2px;
}
input:-ms-placeholder{
    position: relative;
    top: 2px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    position: relative;
    top: 2px;
}
textarea::-webkit-input-placeholder {
    position: relative;
    top: 2px;
}
.modify-close accordion .panel-group .panel-heading  {
    position: absolute;
    top: 18px;
    right: 16px;
    height: 30px;
    width: 24px;
    cursor: pointer;
    background: url(../images/search-results-sprite-v2.png) no-repeat -24px -794px !important;
    border: none !important;

}
.modify-close accordion .panel-group .panel-heading :hover{
    height: 30px;
    background: url(../images/search-results-sprite-v2.png) no-repeat -24px -865px;
}
