::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background:transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background: #72d1d4; orgin*/
    /*background: #d2d2d2;*/
    background: rgba(210, 210, 210, 0.4);
}
::-webkit-scrollbar-thumb:hover {
    /*background: rgba(114, 209, 212, 0.8); origin*/
    background: rgba(197, 197, 197, 0.6);
}
::-webkit-scrollbar-thumb:active{
    background: rgba(179, 179, 179, 0.8);
}
::-webkit-scrollbar-thumb:window-inactive {
    /*background: rgba(114, 209, 212, 0.7);*/
    background: rgba(179, 179, 179, 0.8);
}
::-webkit-scrollbar-button{height:0px; }
::-webkit-scrollbar-button:decrement{height:0px;}
.popup-Box{width: 552px;height: 346px;font-size: 14px;padding-left: 8px; padding-right: 8px;}
.popup-Box .sender{padding-top: 16px;}

.popup-Box .title{color: #4f4f4f;margin-bottom: 10px;}

.popup-Box .room, .popup-Box .role{border: 1px solid #969696; width: 261px;border-style: dashed;}

.popup-Box .room ul li:first-child{margin-bottom: 8px;}
.popup-Box .room{padding: 11px 14px;}
.popup-Box .room ul li label{margin-left: 4px;color: #4f4f4f}

.popup-Box .role{padding: 9px 11px;}
.popup-Box .role ul li:first-child{margin-bottom: 8px;}
.popup-Box .role ul li input, .popup-Box .role ul li img{margin: 0px 4px;}
.popup-Box .role ul li img{vertical-align: middle;}
/*.popup-Box .role ul li:first-child>img:last-child{margin-right: 0px;}*/

.popup-Box .message{margin-top: 12px;}

.popup-Box textarea{border-radius: 0px;height: 140px;color: #a1a1a1;}

.popup-Box .btn-box{background-color:#fff;border:none;padding: 0px 4px;}
.popup-Box .btn-box .btn{background-color: #00a2ff;color: #ffffff;border: none;font-size: 14px;}

.left{float: left;}
.right{float: right;}
.none{display: none;}
textarea {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    -moz-appearance: none !important;
}


#group_room {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 195px;
    height: 18px;
    display: block;
    margin-left: 21px;
}

.btn-box .mic-voice {
    position: relative;
    overflow: hidden;
    float: left;
    width: 300px;
    padding: 5px;
}

.btn-box .volunmbar,.btn-box  .volunmbar-active {
    top: 5px;
    left: 120px;
}
.btn-box input[type='checkbox'] {
    float: left;
}
.btn-box label{
    float: left;
    padding-left: 5px;
}

input[type=checkbox].disabled, input[type=radio].disabled {
    border: 1px solid #bed3d4;
}