.default{border-radius:50%;border:1px solid #d3d3d3}.sms-center-container{padding:20px;display:flex;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.sms-center-container .side-bar{width:300.21px;min-width:300.21px;height:calc(100% - 40px);background-color:#fff}.sms-center-container .side-bar .header{height:60px;width:100%;border-radius:4px 0 0 0;background-color:#51a3f3;border-bottom:1px solid #51a3f3;border-right:1px solid #51a3f3;display:flex;align-items:center;color:#fff;font-family:Helvetica Neue;font-size:16px;line-height:25px}.sms-center-container .side-bar .header .svg-white{margin-left:20px;fill:#fff}.sms-center-container .side-bar .header p{margin-left:5px;margin-bottom:0}.sms-center-container .side-bar .body{height:calc(100% - 60px);overflow:auto;min-height:460px}.sms-center-container .side-bar .body .recipient-item{background:#f0f1fa}.sms-center-container .side-bar ::-webkit-scrollbar{display:none}.sms-center-container .chat-container{border-radius:0 4px 0 0;background-color:#fff;border-left:1px solid #f0f1fa;height:calc(100% - 40px);width:100%}.sms-center-container .chat-container .avatar{height:30px;width:30px;margin-right:8px;border-radius:50%;vertical-align:middle;-o-object-fit:cover;object-fit:cover}.sms-center-container .chat-container .header{justify-content:space-between;height:60px;width:100%;padding:15px;box-sizing:border-box;border-radius:0 4px 0 0;border-bottom:1px solid #f0f1fa;display:flex;align-items:center;color:#fff;font-family:Helvetica Neue;font-size:14px;line-height:25px}.sms-center-container .chat-container .header .user-info{display:flex;align-items:center}.sms-center-container .chat-container .header .user-info p{color:#55616e;margin-bottom:0;font-size:16px}.sms-center-container .chat-container .header .user-info .user-name{color:#000}.sms-center-container .chat-container .header .user-info .phone-number,.sms-center-container .chat-container .header .user-info .user-name{font-family:Helvetica Neue;font-size:14px;line-height:25px;margin-bottom:0}.sms-center-container .chat-container .header .user-info .svg-gray{cursor:pointer;margin-left:15px;fill:#55616e}.sms-center-container .chat-container .header .search-container{width:450px}.sms-center-container .chat-container .header .search-container .multiselect__option{display:flex}.sms-center-container .chat-container .header .search-container .multiselect__option .option__image{height:30px;width:30px;border-radius:50%;margin-right:8px}.sms-center-container .chat-container .header .search-container .multiselect__option .option__desc{margin-top:6px}.sms-center-container .chat-container .header .search-container .multiselect__option .option__desc .option__title{margin-right:5px}.sms-center-container .chat-container .header .search-container .multiselect__option .option__desc .option__small{color:#55616e}.sms-center-container .chat-container .header .search-container .multiselect__option--highlight{background-color:#eceef0;color:#000}.sms-center-container .chat-container .body{padding:15px 15px 15px 15px;box-sizing:border-box;height:400px;overflow-y:scroll}.sms-center-container .chat-container .body .unread_container{height:100%;width:100%;position:relative}.sms-center-container .chat-container .body .unread_container .unread{margin-top:30px;font-size:16px;font-weight:500;color:#000;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sms-center-container .chat-container .body .unread_container .user_name{font-size:24px;font-weight:700;color:#000;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sms-center-container .chat-container ::-webkit-scrollbar{display:none}.sms-center-container .chat-container .footer{height:60px;width:100%;display:flex;justify-content:space-between;border-radius:0 0 4px 0;background-color:#fff;box-shadow:inset 0 1px 0 0 #f0f1fa;padding:15px 15px 15px 15px;box-sizing:border-box}.sms-center-container .chat-container .footer .svg-gray{cursor:pointer;margin-left:15px;fill:#55616e}.sms-center-container .chat-container .footer .svg-gray:first-child{margin-left:0}.sms-center-container .chat-container .footer #dropzone,.sms-center-container .chat-container .footer .upload-photo{border:none;width:30px;height:30px;color:#55616e;font-family:Helvetica Neue;font-size:14px;line-height:25px;padding:0}.sms-center-container .chat-container .footer #dropzone .dz-image img,.sms-center-container .chat-container .footer .upload-photo .dz-image img{height:30px;width:30px;border-radius:50px}.sms-center-container .chat-container .footer #dropzone .dz-message,.sms-center-container .chat-container .footer .upload-photo .dz-message{margin:0}.sms-center-container .chat-container .footer .vue-dropzone{min-height:30px;margin-right:0}.sms-center-container .chat-container .footer input{margin-left:15px;border:none;width:100%;height:100%;color:#55616e;font-family:Helvetica Neue;font-size:14px;line-height:25px}