2 lines
27 KiB
CSS
2 lines
27 KiB
CSS
*{padding:0;margin:0;font-family:'Lato', sans-serif}.container{max-width:1440px;margin:0 auto;padding:0 15px}.open-chat{margin:0 0 0 8px;width:34px;height:32px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border:none;background-color:transparent}.open-chat span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#4CAF50;width:16px;height:16px;border-radius:50%;position:absolute;font-weight:900;font-size:8px;color:#FFFFFF;right:0;top:0;border:2px solid #fff}.new-message{z-index: 99999;position: fixed;top: 4px;right: 4px;max-width:337px;width:100%;height:90px;background:#FFFFFF;-webkit-box-shadow:0px 0px 24px rgba(0,0,0,0.15);box-shadow:0px 0px 24px rgba(0,0,0,0.15);border-radius:5px;margin:0 auto 30px auto;padding:12px 14px}.new-message__top{display:-webkit.chat-block__right_field-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.new-message__top span{font-weight:600;font-size:12px;color:#73A1FB}.new-message__top .closed{cursor:pointer}.new-message__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:7px}.new-message__bottom_icon{min-width: 30px;min-height: 30px;overflow: hidden;margin-right:10px}.new-message__bottom_icon img{max-width: 50px;max-height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 50%;}.new-message__bottom span{display:block}.new-message__bottom button{border:none;background-color:transparent}.new-message__bottom_name{font-weight:700;font-size:14px;line-height:17px;color:#222222;margin-bottom:5px;cursor:pointer}.new-message__bottom_text{font-weight:400;font-size:12px;color:#888888;margin-bottom:5px}.new-message__bottom_time{font-weight:600;font-size:12px;color:#B2B2B2;margin-bottom:5px}.new-message__bottom_reply{font-weight:600;font-size:12px;color:#888888;cursor:pointer}.chat-main-block{position: fixed;top: 0;right: 0;z-index: 99999;min-width: 950px;max-width:950px;-webkit-box-shadow:0px 0px 24px rgba(0,0,0,0.15);box-shadow:0px 0px 24px rgba(0,0,0,0.15);border-radius:5px;margin:0 auto}.chat-main-block *{-webkit-box-sizing:border-box;box-sizing:border-box;}.chat-block__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.chat-block__top{background:-webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#fff));background:linear-gradient(360deg, #f5f5f5 0%, #fff 100%);border-radius:5px 5px 0px 0px;border-bottom:1px solid #DEDEDE;display:-webkit-box;display:-ms-flexbox;display:flex}.chat-block__top_left{padding:10px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:337px;border-right:1px solid #DEDEDE;position:relative}.chat-block__top_left-burger{height:20px;border:none;background-color:transparent;cursor:pointer}.chat-block__top_left-burger.active span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-bottom:0px}.chat-block__top_left-burger.active span:nth-child(2){display:none}.chat-block__top_left-burger.active span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-2px}.chat-block__top_left-burger span{display:block;width:20px;height:2px;background:#757579;border-radius:10px}.chat-block__top_left-burger span:nth-child(1){margin-bottom:5px}.chat-block__top_left-burger span:nth-child(2){margin-bottom:5px}.chat-block__top_left-icon{width:50px;height:50px;overflow:hidden;border-radius:50%;margin-left:14px;cursor:pointer}.chat-block__top_left-icon img{max-width:100%;-o-object-fit:cover;object-fit:cover}.chat-block__top_left-add{background:#4CAF50;width:36px;height:36px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;cursor:pointer;border:none}.chat-block__top_right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:18px 15px 18px 30px;max-width:612px;width:100%;position:relative}.chat-block__top_right-text span{display:block}.chat-block__top_right-text span:nth-child(1){font-weight:600;font-size:16px;line-height:19px;color:#222222}.chat-block__top_right-text span:nth-child(2){font-weight:400;font-size:14px;line-height:17px;color:#666666;margin-top:5px}.chat-block__top_right-icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-block__top_right-btn{min-width:36px;min-height:36px;background:#EDEDED;border:none;border-radius:50%;margin-left:6px;padding-top:4px;-webkit-transition:all .6s;transition:all .6s;cursor:pointer}.chat-block__top_right-btn:hover{background:#c7c7c7}.chat-block__top_right-form{height:36px;width:36px;min-height:36px;min-width:36px;position:relative;background:#EDEDED;border-radius:50%;-webkit-transition:all .6s;transition:all .6s}.chat-block__top_right-form:hover{width:170px;border-radius:50px}.chat-block__top_right-form:hover input{padding:0 30px 0 15px;border:1px solid #CDCED0;opacity:1}.chat-block__top_right-form:hover input::-webkit-input-placeholder{opacity:1}.chat-block__top_right-form:hover input:-ms-input-placeholder{opacity:1}.chat-block__top_right-form:hover input::-ms-input-placeholder{opacity:1}.chat-block__top_right-form:hover input::placeholder{opacity:1}.chat-block__top_right-form input{width:100%;height:100%;background:#EDEDED;border:none;border-radius:50px;padding:0 19px 0 16px;font-weight:400;font-size:13px;line-height:140%;color:#474747;outline:none;-webkit-transition:all .3s;transition:all .3s;opacity:0}.chat-block__top_right-form input::-webkit-input-placeholder{color:#5e5e5e;opacity:0}.chat-block__top_right-form input:-ms-input-placeholder{color:#5e5e5e;opacity:0}.chat-block__top_right-form input::-ms-input-placeholder{color:#5e5e5e;opacity:0}.chat-block__top_right-form input::placeholder{color:#5e5e5e;opacity:0}.chat-block__top_right-form button{position:absolute;border:none;background-color:transparent;right:9px;top:9px;cursor:pointer}.chat-block__left{background:#FFFFFF;min-height:100%;border-right:1px solid #DEDEDE;overflow:hidden;width:0;min-width:0}.chat-block__left.show{width:337px;min-width:337px}.chat-block__left_wrapper{min-width:337px}.chat-block__left_list{height:487px;overflow-y:auto;margin-right:5px;background-clip:content-box}.chat-block__left_list::-webkit-scrollbar{width:4px;background-color:transparent}.chat-block__left_list::-webkit-scrollbar-thumb{background-color:#E6E6E6;border-radius:4px}.chat-block__left_search{padding:10px 15px;border-bottom:1px solid #F4F4F4}.chat-block__left_search-input{position:relative}.chat-block__left_search-input input{background:#FAFAFA;border:1px solid #DEDEDE;border-radius:3px;height:40px;width:100%;padding:0 15px;font-weight:400;font-size:14px;color:#757575;outline:none}.chat-block__left_search-icon{position:absolute;border:none;background-color:transparent;right:15px;top:12px;cursor:pointer}.chat-block__left_item{padding:15px 15px;min-height:80px;max-height:80px;border-bottom:1px solid #F4F4F4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.chat-block__left_item:hover .chat-block__left_item-icon{-webkit-transform:scale(1.15);transform:scale(1.15)}.chat-block__left_item.active{background:#FAFAFA}.chat-block__left_item-icon{min-width:50px;min-height:50px;max-width:50px;max-height:50px;overflow:hidden;border-radius:50%;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.chat-block__left_item-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.chat-block__left_item-text{margin-left:10px}.chat-block__left_item-text span{display:block}.chat-block__left_item-text span:nth-child(1){font-weight:400;font-size:14px;line-height:17px;color:#222222}.chat-block__left_item-text span:nth-child(2){font-weight:400;font-size:12px;line-height:14px;color:#888888;margin:5px 0}.chat-block__left_item-text span:nth-child(3){font-weight:400;font-size:12px;line-height:14px;color:#B2B2B2}.chat-block__left_item-text .group{padding-left:20px;position:relative}.chat-block__left_item-text .group::before{position:absolute;content:url("../../images/chat/group-icon.svg");left:0;top:2px}.chat-block__left_item-quantity{width:20px;height:20px;border-radius:50%;background:#4CAF50;font-weight:900;font-size:10px;color:#FFFFFF;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto}.chat-block__left_item-dots{border:none;background-color:transparent;margin-left:auto;width:20px;cursor:pointer}.chat-block__right{background:#F5F5F5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%;position:relative}.chat-block__right.show{width:100%}.chat-block__right_field{padding:0 30px 0 30px;margin-bottom:8px;margin-top:8px;max-height:480px;min-height:480px;overflow-y:auto;margin-right:14px}.chat-block__right_field::-webkit-scrollbar{width:4px;background-color:transparent}.chat-block__right_field::-webkit-scrollbar-thumb{background-color:#E6E6E6;border-radius:4px}.chat-block__right_field-when{font-weight:700;font-size:12px;color:#222222;margin-bottom:12px;margin-top:20px}.chat-block__right_field .message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:10px}.chat-block__right_field .message__icon{min-width:30px;min-height:30px;overflow:hidden;margin-right:10px}.chat-block__right_field .message__icon img{max-width:30px;max-height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.chat-block__right_field .message__block{background:#FFFFFF;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.09);box-shadow:0px 1px 2px rgba(0,0,0,0.09);max-width:420px;width:100%;min-width:180px;padding:10px;position:relative;border-radius:0px 5px 5px 5px}.chat-block__right_field .message__block:hover .message__block_reply{opacity:1}.chat-block__right_field .message__block span{display:block}.chat-block__right_field .message__block_name{font-weight:600;font-size:12px;color:#73A1FB;margin-bottom:5px;border:none;background-color:transparent;display:block;cursor:pointer}.chat-block__right_field .message__block_text{font-weight:400;font-size:13px;line-height:140%;color:#424242}.chat-block__right_field .message__block_time{font-weight:600;font-size:10px;color:#B2B2B2;margin-top:5px}.chat-block__right_field .message__block_reply{font-weight:600;font-size:12px;color:#888888;position:absolute;top:10px;right:10px;border:none;background-color:transparent;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;opacity:0}.chat-block__right_field .message__block_reply:hover{text-decoration:underline}.chat-block__right_bottom{margin-top:auto;width:100%}.chat-block__right_bottom-textarea{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#FFFFFF;border-radius:0px 0px 5px 0px;width:100%;height:50px;padding:5px 15px}.chat-block__right_bottom-textarea .attach{background-color:transparent;border:none;margin-right:15px;width:20px;height:20px;cursor:pointer}.chat-block__right_bottom-textarea .send{background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));background:linear-gradient(180deg, #f5f5f5 0%, #fff 100%);border:1px solid #CDCED0;border-radius:2px;width:141px;height:32px;font-weight:400;font-size:16px;color:#757575;padding-bottom:3px;margin-left:auto;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.chat-block__right_bottom-textarea .send:hover{border:1px solid #a0a0a0;border-radius:5px}.chat-block__right_bottom-textarea textarea{width:65%;max-height:100%;font-weight:400;font-size:13px;line-height:140%;color:#5e5e5e;background-color:transparent;border:none;resize:none;outline:none;padding:11px 10px;cursor:auto}.chat-block__right_bottom-textarea textarea::-webkit-scrollbar{width:4px;background-color:transparent}.chat-block__right_bottom-textarea textarea::-webkit-scrollbar-thumb{background-color:#E6E6E6;border-radius:4px}.chat-block__right_bottom-textarea textarea::-webkit-input-placeholder{color:#888888}.chat-block__right_bottom-textarea textarea:-ms-input-placeholder{color:#888888}.chat-block__right_bottom-textarea textarea::-ms-input-placeholder{color:#888888}.chat-block__right_bottom-textarea textarea::placeholder{color:#888888}.group-data{padding:10px 10px 10px 20px;display:none}.group-data__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#FFFFFF;padding:20px}.group-data__top_icon{width:128px;height:128px}.group-data__top_icon img{max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.group-data__top_text{margin-left:20px}.group-data__top_text-name span{font-weight:600;font-size:16px;color:#222222}.group-data__top_text-name .rename-input{display:none}.group-data__top_text-name .rename-input form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.group-data__top_text-name .rename-input form input{background:#FFFFFF;border:1px solid #DEDEDE;border-radius:3px;height:40px;width:290px;font-weight:400;font-size:14px;line-height:17px;color:#757575;padding:0 14px;outline:none}.group-data__top_text-name .rename-input form button{width:24px;height:24px;background:#4CAF50;border-radius:50%;border:none;margin-left:20px;cursor:pointer;padding-bottom:1px}.group-data__top_text-create{font-weight:400;font-size:12px;color:#666666;margin-top:10px}.group-data__top_text-add{margin-top:10px}.group-data__top_text-add button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;background-color:transparent;cursor:pointer}.group-data__top_text-add button span:first-child{width:22px;height:22px;background:#4CAF50;border-radius:50%;padding-top:2px}.group-data__top_text-add button span:last-child{font-weight:700;font-size:14px;color:#222222;margin-left:10px}.change-avatar-input__btn{width: 24px;height: 24px;background: #4CAF50;border-radius: 50%;border: none;margin-left: 20px;cursor: pointer;padding-bottom: 1px;}.chat-group-avatar-input{background: #FFFFFF;border: 1px solid #DEDEDE;border-radius: 3px;height: 40px;width: 390px;font-weight: 400;font-size: 14px;line-height: 17px;color: #757575;padding: 0 14px;outline: none;}.group-data__top_rename{border:none;width:24px;height:24px;background:#F2F2F2;border-radius:50%;margin-left:auto;margin-right:10px;cursor:pointer}.group-data__top_close{border:none;width:24px;height:24px;background:#F2F2F2;border-radius:50%;margin-left:auto;cursor:pointer}.group-data__center{margin-top:10px;background:#FFFFFF}.group-data__center_title{font-weight:600;font-size:16px;color:#222222;padding:20px;border-bottom:1px solid #F4F4F4}.group-data__center_list{height:213px;overflow-y:auto;margin-right:5px}.group-data__center_list::-webkit-scrollbar{width:4px;background-color:transparent}.group-data__center_list::-webkit-scrollbar-thumb{background-color:#E6E6E6;border-radius:4px}.group-data__center_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 20px;border-bottom:1px solid #F4F4F4;-webkit-transition:all .3s;transition:all .3s}.group-data__center_item:hover{background:#FAFAFA}.group-data__center_item-icon{width:50px;height:50px}.group-data__center_item-icon img{max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.group-data__center_item-name{font-weight:400;font-size:14px;color:#222222;margin-left:10px}.group-data__center_item-remove{width:24px;height:24px;background:#F2F2F2;border-radius:50%;border:none;margin-left:auto;margin-right:35px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;padding-top:1px}.group-data__center_item-remove:hover{background:#E5685E}.group-data__center_item-remove:hover path{fill:#fff}.group-data__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;padding:17px 20px;background:#FFFFFF}.group-data__bottom_btn{width:36px;height:36px;background:#E5685E;border-radius:50%;border:none;cursor:pointer}.group-data__bottom_text{margin-left:10px;font-weight:700;font-size:14px;color:#222222}.dots-modal{padding:20px;background:#FFFFFF;-webkit-box-shadow:0px 0px 24px rgba(0,0,0,0.15);box-shadow:0px 0px 24px rgba(0,0,0,0.15);border-radius:5px;width:200px;height:58px;position:absolute;z-index:200;bottom:-45px;right:52px;display:none}.dots-modal::before{position:absolute;content:'';width:14px;height:14px;background:#FFFFFF;top:-2px;left:89%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.dots-modal button{cursor:pointer;background-color:transparent;border:none;margin-bottom:10px}.dots-modal span{font-weight:400;font-size:14px;color:#222222;display:block}.dots-modal span:last-child{margin-bottom:0}.dots-modal__add{background:#FFFFFF;-webkit-box-shadow:0px 0px 24px rgba(0,0,0,0.15);box-shadow:0px 0px 24px rgba(0,0,0,0.15);border-radius:5px;width:328px;height:257px;position:absolute;bottom:-100%;bottom:-246px;right:52px;z-index:200;padding:20px;display:none}.dots-modal__add::before{position:absolute;content:'';width:14px;height:14px;background:#FFFFFF;top:-2px;left:93%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.dots-modal__add_input{position:relative}.dots-modal__add_input input{background:#FFFFFF;border:1px solid #DEDEDE;border-radius:3px;height:40px;width:100%;font-weight:400;font-size:14px;line-height:17px;color:#757575;padding:0 14px;outline:none}.dots-modal__add_input button{position:absolute;right:14px;background-color:transparent;border:none;top:11px;cursor:pointer}.dots-modal__add_list{margin-top:20px;height:155px;overflow-y:auto}.dots-modal__add_list::-webkit-scrollbar{width:4px;background-color:transparent}.dots-modal__add_list::-webkit-scrollbar-thumb{background-color:#E6E6E6;border-radius:4px}.dots-modal__add_list div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.dots-modal__add_list span{font-weight:400;font-size:14px;color:#222222;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.dots-modal__add_list .checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px;border:1px solid #E5E5E5;width:18px;height:18px;cursor:pointer;position:relative;margin-right:10px;margin-bottom: 0;}.dots-modal__add_list .checkbox::before{content:'';position:absolute;right:50%;bottom:50%;-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%);-webkit-transition:.1s ease-in;transition:.1s ease-in;background-color:#4CAF50;width:18px;height:18px;opacity:0;border-radius:5px}.dots-modal__add_list .checkbox::after{position:absolute;content:url("../../images/chat/check-icon.svg");right:4px;top:-1px}.dots-modal__add_list .checkbox:checked::before{opacity:1}.dots-modal__add_btn{margin-top:20px;background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));background:linear-gradient(180deg, #f5f5f5 0%, #fff 100%);border:1px solid #CDCED0;border-radius:2px;font-weight:600;font-size:14px;color:#757575;width:141px;height:32px;cursor:pointer;margin-top:10px;padding-bottom:2px}.modal-add{background:#FFFFFF;-webkit-box-shadow:0px 0px 24px rgba(0,0,0,0.15);box-shadow:0px 0px 24px rgba(0,0,0,0.15);border-radius:5px;width:328px;height:123px;position:absolute;top:70px;right:-131px;z-index:200;padding:20px;display:none}.modal-add::before{position:absolute;content:'';width:14px;height:14px;background:#FFFFFF;top:-3px;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.modal-add__wrapper{overflow:hidden;width:100%;height:100%}.modal-add__one_input{position:relative}.modal-add__one_input input{background:#FAFAFA;border:1px solid #DEDEDE;border-radius:3px;width:100%;height:40px;font-weight:400;font-size:14px;color:#757575;padding:0 14px;outline:none}.modal-add__one_input-btn{position:absolute;right:14px;border:none;background-color:transparent;top:11px;cursor:pointer}.modal-add__one_btn{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.modal-add__one_btn button{width:22px;height:22px;background:#4CAF50;border:none;border-radius:50%;padding-bottom:2px}.modal-add__one_btn span{font-weight:700;font-size:14px;color:#222222;margin-left:10px}.modal-add__one_list{margin-top:20px;height:155px;overflow-y:auto}.modal-add__one_list::-webkit-scrollbar{width:4px;background-color:transparent}.modal-add__one_list::-webkit-scrollbar-thumb{background-color:#E6E6E6;border-radius:4px}.modal-add__one_list span{display:block;margin-bottom:17px;font-weight:400;font-size:14px;color:#222222;cursor:pointer}.modal-add__one_list .modal-add__one_list_div{display: flex;}.modal-add__one_list .modal-add__one_list_div .modal-add__one_list_div_photo{min-width: 30px;min-height: 30px;overflow: hidden;margin-right: 10px;}.modal-add__one_list .modal-add__one_list_div .modal-add__one_list_div_photo_img{max-width: 30px;max-height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 50%;}.modal-add__two{display:none}.modal-add__two_input input{background:#FFFFFF;border:1px solid #DEDEDE;border-radius:3px;height:40px;width:100%;font-weight:400;font-size:14px;line-height:17px;color:#757575;padding:0 14px;outline:none}.modal-add__two_list{margin-top:20px;height:155px;overflow-y:auto}.modal-add__two_list::-webkit-scrollbar{width:4px;background-color:transparent}.modal-add__two_list::-webkit-scrollbar-thumb{background-color:#E6E6E6;border-radius:4px}.modal-add__two_list div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.modal-add__two_list span{font-weight:400;font-size:14px;color:#222222}.modal-add__two_list .checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px;border:1px solid #E5E5E5;width:18px;height:18px;cursor:pointer;position:relative;margin-right:10px;margin-bottom:0}.modal-add__two_list .checkbox::before{content:'';position:absolute;right:50%;bottom:50%;-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%);-webkit-transition:.1s ease-in;transition:.1s ease-in;background-color:#4CAF50;width:18px;height:18px;opacity:0;border-radius:5px}.modal-add__two_list .checkbox::after{position:absolute;content:url("../../images/chat/check-icon.svg");right:4px;top:-1px}.modal-add__two_list .checkbox:checked::before{opacity:1}.modal-add__two_btn{margin-top:20px;background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));background:linear-gradient(180deg, #f5f5f5 0%, #fff 100%);border:1px solid #CDCED0;border-radius:2px;font-weight:600;font-size:14px;color:#757575;width:141px;height:32px;cursor:pointer;margin-top:10px;padding-bottom:2px}@media (max-width: 900px){.chat-block__top_left{min-width:165px}.chat-block__top_right{max-width:685px}.chat-block__left.show{width:100%}.chat-main-block{min-height:510px}.chat-block__right{height:96%;min-height:inherit}.chat-block__right_bottom-textarea{border-radius:0px 0px 5px 5px}.chat-block__left.show{width:100%;min-width:100%}.chat-block__top_right-icons{margin:0 0 10px auto}.modal-add{right:-165px}.modal-add::before{display:none}}@media (max-width: 660px){.chat-block__top_right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chat-block__top_left-icon{margin-left:auto}.dots-modal__add{bottom:-242px}.dots-modal{bottom:-92px}}@media (max-width: 530px){.chat-block__top_left-add{margin-left:auto;margin-right:6px;margin-top:10px}.chat-block__right.hide{display:none}.chat-block__right{height:86%}.chat-block__top_right{padding:10px 12px 10px 8px}.chat-block__top_left{-ms-flex-wrap:wrap;flex-wrap:wrap}.chat-block__top_left{min-width:115px}.chat-block__right_bottom-textarea .send{margin-left:auto;font-size:0;width:32px;height:32px;border-radius:50%;position:relative;background-image:url("../img/send-icon.png");background-repeat:no-repeat;background-position:4px 6px;background-size:20px;opacity:0.8}.group-data__top{position:relative;padding:10px}.group-data__top_rename{position:absolute;right:-21px;top:10px}.group-data__top_icon{width:70px;height:70px}.group-data{padding:10px}.group-data__top_text-add button span:last-child{font-size:12px}.group-data__top_text-add button span:first-child{width:18px;height:18px;padding-top:0}.group-data__top_text-name span{font-size:14px}.group-data__top_text-create{font-size:10px}.group-data__top_text{margin-left:15px}.group-data__center_title{padding:10px;font-size:14px}.group-data__center_item-icon{width:40px;height:40px}.group-data__center_item{padding:10px 10px}.group-data__center_list{height:182px}.group-data__center_item-remove{margin-right:0}.group-data__top_text-name .rename-input form input{height:25px;width:130px;font-size:12px;padding:0 10px}.group-data__top_text-name .rename-input form button{width:20px;height:20px;margin-left:6px}.modal-add{right:-147px;width:261px}}@media (max-width: 420px){.chat-block__right_field{padding:0 15px 0 15px}.chat-block__left_wrapper{min-width:289px}.chat-block__top_right-form{width:100%;min-height:32px;min-width:32px;height:32px;margin-bottom:6px}.chat-block__top_right-form input{opacity:1}.chat-block__top_right-form input::-webkit-input-placeholder{opacity:1}.chat-block__top_right-form input:-ms-input-placeholder{opacity:1}.chat-block__top_right-form input::-ms-input-placeholder{opacity:1}.chat-block__top_right-form input::placeholder{opacity:1}.chat-block__top_right-form:hover{width:100%;border-radius:50%}.chat-block__top_right-btn{min-width:32px;min-height:32px;padding-top:2px}.chat-block__top_right-form button{top:7px}.chat-block__top_right-icons{-ms-flex-wrap:wrap;flex-wrap:wrap}.chat-block__top_right-icons .dots{margin-left:auto}.chat-block__top{position:relative}.chat-block__top_right{position:static}.dots-modal__add{width:234px}}
|
|
/*# sourceMappingURL=style.min.css.map */ |