.chat{overflow:visible;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:10px}.chat .user-photo{width:30px;height:30px;margin-top:5px;border-radius:100%;overflow:hidden}.chat .user-photo img{width:100%}.chat .chat-message{width:80%;padding:8px 12px;margin:0 10px 0;border-radius:10px;font-size:12px;-webkit-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.chat.self .chat-message{border-top-right-radius:0}.chat.friend .chat-message{border-top-left-radius:0}.divForm label{display:none}.divForm .form-group{display:inline-block;width:100%}.divForm input:focus,.divForm input:hover,.divForm input:active{outline:none;border-bottom:1px solid #1f3c88}.self .chat-message{background:#f6f5f5;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;border:1px solid #eee}.self .img_msg_self{width:70%;height:200px;padding:15px;margin:5px 10px 0;border-radius:6px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.friend .img_msg_self{width:70%;height:200px;padding:15px;margin:5px 10px 0;border-radius:2px;border:1px solid #eee}.friend .chat-message{background:#ee6f57;color:white}.chat-form{position:absolute;bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;background:#fafafa;border-top:1px solid #eee;height:50px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.chat-form textarea{width:87%;padding:5px 10px;font-size:12px;height:30px;border-radius:6px;border:1px solid #dedede;resize:none;margin-right:6px;color:#888}.chat-form textarea:focus{background:#fff;border:1px solid #ee6f57;outline:none}.chat-form img{width:24px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.chat-form img:hover,.chat-form img:focus{opacity:1}.chatbutton{width:50px;min-width:50px;height:50px;background:#fff;padding:25px;margin:20px;-webkit-box-shadow:0 10px 20px 3px rgba(0,0,0,0.4);box-shadow:0 10px 20px 3px rgba(0,0,0,0.4);border:0;position:fixed;bottom:4rem;z-index:100;right:0;border-radius:50px;background-image:url("./image/cmp__chat/chat_2.svg");background-size:30px;background-position:center;background-repeat:no-repeat;outline:none}.nb_msg_op{min-width:30px;height:30px;background:red;border-radius:50px;text-align:center;float:right;display:inline-block}.closebutton{position:absolute;top:-5px;right:15px;color:#D54C2B;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:30px;cursor:pointer}.closebutton .icon{width:14px}button#screenshot-button{position:absolute;top:5px;outline:0;right:50px;background:none;border:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:32px}.uploadImg{width:24px}.closeImg{position:absolute;top:10px;right:0px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:30px}.closebutton:hover{color:#13c8d9}.conatiner{float:left;clear:none;width:100%;height:100%;z-index:9999999}.chatbox{display:none;width:300px;height:350px;background:#fff;margin:20px;-webkit-box-shadow:0 3px 20px rgba(0,0,0,0.1);box-shadow:0 3px 20px rgba(0,0,0,0.1);position:fixed;bottom:50px;right:0;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;border-radius:10px}.chatbox input[type=text],.chatbox input[type=password],.chatbox select,.chatbox textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;resize:vertical}.chatbox label{padding:12px 12px 12px 0;display:inline-block;display:none}.chatbox input[type=submit]{background-color:#4CAF50;color:white;padding:6px 20px;height:auto !important;border:none;border-radius:4px;cursor:pointer;float:right}.chatbox input[type=submit]:hover{background-color:#45a049}.chatbox .form-group:not(:last-child){margin-bottom:.4rem}.chatbox fieldset{margin-bottom:.8rem}.chatbox legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.chatbox .form-label{display:block;line-height:1.2rem;padding:.3rem 0}.chatbox .form-label.label-sm{font-size:.7rem;padding:.1rem 0}.chatbox .form-label.label-lg{font-size:.9rem;padding:.4rem 0}.chatbox .form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:none;border:.05rem solid #bcc3ce;border-radius:.1rem;color:#3b4351;display:block;font-size:.8rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:none;padding:.25rem .4rem;position:relative;-webkit-transition:background .2s, border .2s, color .2s, -webkit-box-shadow .2s;transition:background .2s, border .2s, color .2s, -webkit-box-shadow .2s;transition:background .2s, border .2s, box-shadow .2s, color .2s;transition:background .2s, border .2s, box-shadow .2s, color .2s, -webkit-box-shadow .2s;width:100%}.chatbox .form-input:focus{border-color:#5755d9;-webkit-box-shadow:0 0 0 0.1rem rgba(87,85,217,0.2);box-shadow:0 0 0 0.1rem rgba(87,85,217,0.2)}.chatbox .form-input:-ms-input-placeholder{color:#bcc3ce}.chatbox .form-input::-ms-input-placeholder{color:#bcc3ce}.chatbox .form-input::-webkit-input-placeholder{color:#bcc3ce}.chatbox .form-input::placeholder{color:#bcc3ce}.chatbox .form-input.input-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.chatbox .form-input.input-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.chatbox .form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.chatbox .form-input[type="file"]{height:auto}.chatbox textarea.form-input,.chatbox textarea.form-input.input-lg,.chatbox textarea.form-input.input-sm{height:auto}.chatbox .form-input-hint{color:#bcc3ce;font-size:.7rem;margin-top:.2rem}.chatbox .has-success .form-input-hint,.chatbox .is-success+.form-input-hint{color:#32b643}.chatbox .has-error .form-input-hint,.chatbox .is-error+.form-input-hint{color:#e85600}.chatbox .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:.05rem solid #bcc3ce;border-radius:.1rem;color:inherit;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:none;padding:.25rem .4rem;vertical-align:middle;width:100%}.chatbox .form-select:focus{border-color:#5755d9;-webkit-box-shadow:0 0 0 0.1rem rgba(87,85,217,0.2);box-shadow:0 0 0 0.1rem rgba(87,85,217,0.2)}.chatbox .form-select::-ms-expand{display:none}.chatbox .form-select.select-sm{font-size:.7rem;height:1.4rem;padding:.05rem 1.1rem .05rem .3rem}.chatbox .form-select.select-lg{font-size:.9rem;height:2rem;padding:.35rem 1.4rem .35rem .6rem}.chatbox .form-select[size],.chatbox .form-select[multiple]{height:auto;padding:.25rem .4rem}.chatbox .form-select[size] option,.chatbox .form-select[multiple] option{padding:.1rem .2rem}.chatbox .form-select:not([multiple]):not([size]){background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.35rem center/0.4rem 0.5rem;padding-right:1.2rem}.chatbox .has-icon-left,.chatbox .has-icon-right{position:relative}.chatbox .has-icon-left .form-icon,.chatbox .has-icon-right .form-icon{height:.8rem;margin:0 .25rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.8rem;z-index:2}.chatbox .has-icon-left .form-icon{left:.05rem}.chatbox .has-icon-left .form-input{padding-left:1.3rem}.chatbox .has-icon-right .form-icon{right:.05rem}.chatbox .has-icon-right .form-input{padding-right:1.3rem}.chatbox .form-checkbox,.chatbox .form-radio,.chatbox .form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.4rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.chatbox .form-checkbox input,.chatbox .form-radio input,.chatbox .form-switch input{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.chatbox .form-checkbox input:focus+.form-icon,.chatbox .form-radio input:focus+.form-icon,.chatbox .form-switch input:focus+.form-icon{border-color:#5755d9;-webkit-box-shadow:0 0 0 0.1rem rgba(87,85,217,0.2);box-shadow:0 0 0 0.1rem rgba(87,85,217,0.2)}.chatbox .form-checkbox input:checked+.form-icon,.chatbox .form-radio input:checked+.form-icon,.chatbox .form-switch input:checked+.form-icon{background:#5755d9;border-color:#5755d9}.chatbox .form-checkbox .form-icon,.chatbox .form-radio .form-icon,.chatbox .form-switch .form-icon{border:.05rem solid #bcc3ce;cursor:pointer;display:inline-block;position:absolute;-webkit-transition:background .2s, border .2s, color .2s, -webkit-box-shadow .2s;transition:background .2s, border .2s, color .2s, -webkit-box-shadow .2s;transition:background .2s, border .2s, box-shadow .2s, color .2s;transition:background .2s, border .2s, box-shadow .2s, color .2s, -webkit-box-shadow .2s}.chatbox .form-checkbox.input-sm,.chatbox .form-radio.input-sm,.chatbox .form-switch.input-sm{font-size:.7rem;margin:0}.chatbox .form-checkbox.input-lg,.chatbox .form-radio.input-lg,.chatbox .form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.chatbox .form-checkbox .form-icon,.chatbox .form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.chatbox .form-checkbox input:active+.form-icon,.chatbox .form-radio input:active+.form-icon{background:#eef0f3}.chatbox .form-checkbox .form-icon{border-radius:.1rem}.chatbox .form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}.chatbox .form-checkbox input:indeterminate+.form-icon{background:#5755d9;border-color:#5755d9}.chatbox .form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.chatbox .form-radio .form-icon{border-radius:50%}.chatbox .form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:6px}.chatbox .form-switch{padding-left:2rem}.chatbox .form-switch .form-icon{background:#bcc3ce;background-clip:padding-box;border-radius:.45rem;height:.9rem;left:0;top:.25rem;width:1.6rem}.chatbox .form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;-webkit-transition:background .2s, border .2s, color .2s, left .2s, -webkit-box-shadow .2s;transition:background .2s, border .2s, color .2s, left .2s, -webkit-box-shadow .2s;transition:background .2s, border .2s, box-shadow .2s, color .2s, left .2s;transition:background .2s, border .2s, box-shadow .2s, color .2s, left .2s, -webkit-box-shadow .2s;width:.8rem}.chatbox .form-switch input:checked+.form-icon::before{left:14px}.chatbox .form-switch input:active+.form-icon::before{background:#f7f8f9}.chatbox .input-group{display:-ms-flexbox;display:-webkit-box;display:flex}.chatbox .input-group .input-group-addon{background:#f7f8f9;border:.05rem solid #bcc3ce;border-radius:.1rem;line-height:1.2rem;padding:.25rem .4rem;white-space:nowrap}.chatbox .input-group .input-group-addon.addon-sm{font-size:.7rem;padding:.05rem .3rem}.chatbox .input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.35rem .6rem}.chatbox .input-group .form-input,.chatbox .input-group .form-select{-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto;width:1%}.chatbox .input-group .input-group-btn{z-index:1}.chatbox .input-group .form-input:first-child:not(:last-child),.chatbox .input-group .form-select:first-child:not(:last-child),.chatbox .input-group .input-group-addon:first-child:not(:last-child),.chatbox .input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.chatbox .input-group .form-input:not(:first-child):not(:last-child),.chatbox .input-group .form-select:not(:first-child):not(:last-child),.chatbox .input-group .input-group-addon:not(:first-child):not(:last-child),.chatbox .input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.chatbox .input-group .form-input:last-child:not(:first-child),.chatbox .input-group .form-select:last-child:not(:first-child),.chatbox .input-group .input-group-addon:last-child:not(:first-child),.chatbox .input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.chatbox .input-group .form-input:focus,.chatbox .input-group .form-select:focus,.chatbox .input-group .input-group-addon:focus,.chatbox .input-group .input-group-btn:focus{z-index:2}.chatbox .input-group .form-select{width:auto}.chatbox .input-group.input-inline{display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex}.chatbox .has-success .form-input,.chatbox .form-input.is-success,.chatbox .has-success .form-select,.chatbox .form-select.is-success{background:#f9fdfa;border-color:#32b643}.chatbox .has-success .form-input:focus,.chatbox .form-input.is-success:focus,.chatbox .has-success .form-select:focus,.chatbox .form-select.is-success:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(50,182,67,0.2);box-shadow:0 0 0 0.1rem rgba(50,182,67,0.2)}.chatbox .has-error .form-input,.chatbox .form-input.is-error,.chatbox .has-error .form-select,.chatbox .form-select.is-error{background:#fffaf7;border-color:#e85600}.chatbox .has-error .form-input:focus,.chatbox .form-input.is-error:focus,.chatbox .has-error .form-select:focus,.chatbox .form-select.is-error:focus{-webkit-box-shadow:0 0 0 0.1rem rgba(232,86,0,0.2);box-shadow:0 0 0 0.1rem rgba(232,86,0,0.2)}.chatbox .has-error .form-checkbox .form-icon,.chatbox .form-checkbox.is-error .form-icon,.chatbox .has-error .form-radio .form-icon,.chatbox .form-radio.is-error .form-icon,.chatbox .has-error .form-switch .form-icon,.chatbox .form-switch.is-error .form-icon{border-color:#e85600}.chatbox .has-error .form-checkbox input:checked+.form-icon,.chatbox .form-checkbox.is-error input:checked+.form-icon,.chatbox .has-error .form-radio input:checked+.form-icon,.chatbox .form-radio.is-error input:checked+.form-icon,.chatbox .has-error .form-switch input:checked+.form-icon,.chatbox .form-switch.is-error input:checked+.form-icon{background:#e85600;border-color:#e85600}.chatbox .has-error .form-checkbox input:focus+.form-icon,.chatbox .form-checkbox.is-error input:focus+.form-icon,.chatbox .has-error .form-radio input:focus+.form-icon,.chatbox .form-radio.is-error input:focus+.form-icon,.chatbox .has-error .form-switch input:focus+.form-icon,.chatbox .form-switch.is-error input:focus+.form-icon{border-color:#e85600;-webkit-box-shadow:0 0 0 0.1rem rgba(232,86,0,0.2);box-shadow:0 0 0 0.1rem rgba(232,86,0,0.2)}.chatbox .has-error .form-checkbox input:indeterminate+.form-icon,.chatbox .form-checkbox.is-error input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.chatbox .form-input:not(:-ms-input-placeholder):invalid{border-color:#e85600}.chatbox .form-input:not(:placeholder-shown):invalid{border-color:#e85600}.chatbox .form-input:not(:-ms-input-placeholder):invalid:focus{background:#fffaf7;box-shadow:0 0 0 0.1rem rgba(232,86,0,0.2)}.chatbox .form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;-webkit-box-shadow:0 0 0 0.1rem rgba(232,86,0,0.2);box-shadow:0 0 0 0.1rem rgba(232,86,0,0.2)}.chatbox .form-input:not(:-ms-input-placeholder):invalid+.form-input-hint{color:#e85600}.chatbox .form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.chatbox .form-input:disabled,.chatbox .form-input.disabled,.chatbox .form-select:disabled,.chatbox .form-select.disabled{background-color:#eef0f3;cursor:not-allowed;opacity:.5}.chatbox .form-input[readonly]{background-color:#f7f8f9}.chatbox input:disabled+.form-icon,.chatbox input.disabled+.form-icon{background:#eef0f3;cursor:not-allowed;opacity:.5}.chatbox .form-switch input:disabled+.form-icon::before,.chatbox .form-switch input.disabled+.form-icon::before{background:#fff}.chatbox .form-horizontal{padding:.4rem 0}.chatbox .form-horizontal .form-group{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.chatbox .form-inline{display:inline-block}.chatlogs{padding:20px;width:100%;font-size:11px;height:65%;overflow:hidden;overflow-y:scroll}.chatlogs::-webkit-scrollbar{width:10px}.chatlogs::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,0.1);overflow:visible}.chatlogs input[type="text"],.chatlogs input[type="submit"]{height:35px;margin-bottom:10px}.chatlogs input[type="submit"]{padding:6px 20px}.chatlogs input[type="text"]{border:1px solid #dedede;border-radius:4px;height:35px;margin-bottom:10px}.chatboxtop{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#1f3c88;border-top-left-radius:10px;border-top-right-radius:10px}.chatlogsOp{padding:10px;width:100%;height:90%;overflow:hidden;overflow:auto;overflow-y:scroll}.buttonsendPic{position:absolute;background:#13c8d9;height:70px;width:70px;border-radius:50%;right:10px;bottom:-2px}#loader{position:absolute;left:50%;top:50%;z-index:1;width:150px;height:150px;margin:-75px 0 0 -75px;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;display:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.animate-bottom{position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}@-webkit-keyframes animatebottom{from{bottom:-100px;opacity:0}to{bottom:0px;opacity:1}}@keyframes animatebottom{from{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}.img_msg{width:70%;height:200px;border-radius:10px}.modal{max-width:90%;width:700px;height:500px;z-index:100}.input_form{width:70%;margin-left:50px;height:50px;text-align:center;vertical-align:center}.text_form{width:50px;height:50px;text-align:center;vertical-align:center}