.chatplatform-toggle { position: fixed; right: 10px; bottom: 10px; background: #fa7f32; border: 0; width: 60px; height: 60px; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; display: block } .chatplatform-toggle textarea, input, button { outline: none }.chatplatform-toggle textarea:focus { outline-color: transparent; outline-style: none }.chatplatform-messanger-messages { padding-bottom: 20px; }.chatplatform-messenger { background: #fff; height: calc(100% - 20px - 75px - 20px); bottom: calc(20px); min-height: 200px; max-height: 500px; position: fixed; right: 20px;  width: 350px; box-shadow: 0 5px 40px rgba(0, 0, 0, .1);  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; font-family: sans-serif; z-index: 5001; display: none }.chatplatform-messenger-wrapper{ position: relative; height: 90%; min-height: 200px; max-height: 500px; z-index: 5001 }.chatplatform-messanger-header { padding: 15px 24px; background: #fa7f32;  color: #ffffff; cursor: pointer; font-weight: 400; padding-right: 40px; position: relative }.chatplatform-messanger-header .chatplatform-btn-minimalize{ position: absolute; right: 20px; bottom: 20px; width: 20px; height: 2px; background: #fff; margin-left: 20px }.chatplatform-messanger-body{ overflow-y: scroll; overflow-x: hidden; top: 200px; height: calc(100% - 75px) }.chatplatform-messanger-messages ul{ list-style: none; padding: 0;  margin: 0 0 20px 0 }.chatplatform-messanger-message { display: block;  overflow: auto; zoom: 1; margin-bottom: 0;  font-size: 14px; padding: 5px 20px }.chatplatform-messanger-message .chatplatform-messanger-message-content{ padding: 8px 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; max-width: 80%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box }.chatplatform-messanger-message .chatplatform-messanger-message-content{ float: left; display: block; background: #EBEBEB }.chatplatform-messanger-message .chatplatform-messanger-message-content img{ width: 100%; height: auto; cursor: pointer }.chatplatform-messanger-message .chatplatform-messanger-time{ text-align: left; font-size: 11px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; color: rgb(66, 66, 66); display: none }.chatplatform-messanger-message a{ color: #fa7f32; font-weight: bold; cursor: pointer; word-wrap: break-word }.chatplatform-messanger-message.cp-infobar{ padding: 0 }.chatplatform-messanger-message.cp-infobar .message-content-infos-title{ font-size: 16px; display: block }.chatplatform-messanger-message.cp-infobar span{ display: block }.chatplatform-messanger-message.cp-infobar .message-content-image{ float: left }.chatplatform-messanger-message.cp-infobar .message-content-infos{ float: left; padding-left: 20px }.chatplatform-messanger-message.cp-infobar .chatplatform-messanger-message-content{ max-width: 100%; float: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 20px }.chatplatform-messanger-message.buttons button { width: calc(100% + 20px); margin-bottom: 2px; margin-left: -10px; margin-right: -10px; color: #000; background: #fff; padding: 5px 10px; font-size: 12px; border: 1px solid #fa7f32; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer }.chatplatform-messanger-message.buttons button:active { color: #000; background: rgb(238, 238, 238) }.chatplatform-messanger-message.buttons button:active { color: #000 }.chatplatform-messanger-message.form .chatplatform-messanger-message-content{ max-width: 100%; float: none; background: none } .chatplatform-messanger-message.system .chatplatform-messanger-message-content{ max-width: 100%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; margin-bottom: 10px }.chatplatform-messanger-message .chatplatform-messanger-data-form{ margin-bottom: 10px; text-align: center }.chatplatform-messanger-message .chatplatform-messanger-data-form span{ display: inline-block; width: 100%; text-align: left }.chatplatform-messanger-message .chatplatform-messanger-data-form input{ width: 100%; border: 1px solid rgb(85, 85, 85); font-size: 15px; padding: 4px }.chatplatform-messanger-message .chatplatform-btn, .chatplatform-messanger-message .chatplatform-startconversation-btn{ padding: 10px 20px; background: #fa7f32; color: #ffffff;  border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 16px; cursor: pointer }.chatplatform-messanger-message .chatplatform-startconversation-btn { margin-top: 30px }.chatplatform-messanger-message.client a{ color: #ffffff; cursor: pointer; word-wrap: break-word }.chatplatform-messanger-message.client .chatplatform-messanger-time{ text-align: right }.chatplatform-messanger-message.client .chatplatform-messanger-time{ text-align: right }.chatplatform-messanger-message:last-child .chatplatform-messanger-time{ display: block }.chatplatform-messanger-message.client .chatplatform-messanger-message-content{ float: right; display: block; background: #fa7f32; color: #ffffff }.chatplatform-messenger-input{ height: 75px !important; bottom: 20px; width: 350px; position: fixed; background: #EBEBEB; text-align: right; border-top: 2px solid #EBEBEB }.chatplatform-messanger-input-bg{ padding: 5px 10px;  background: #fff }.chatplatform-messenger-input textarea{ width: 100% !important;  border: 0; height: 35px !important; line-height: 16px !important; font-size: 14px !important; resize: none; overflow: auto; outline: none; background: none; color: #000 }.chatplatform-messenger-input textarea::-webkit-input-placeholder { color: #8b8b8b }.chatplatform-messenger-input textarea:-moz-placeholder { color: #8b8b8b }.chatplatform-messenger-input .chatplatform-logo{ color: #ff001c; font-size: 12px; float: right; margin-top: 8px; text-decoration: none; margin-right: 10px }.chatplatform-messenger-input .chatplatform-logo:hover{ color: #d3091f; cursor: pointer }.chatplatform-messenger-input .chatplatform-logo span{ color: #797979 }.chatplatform-messanger-message .clearfix, .chatplatform-messanger-header .clearfix { zoom: 1; clear: both }.chatplatform-messanger-header .clearfix:before, .chatplatform-messanger-header .clearfix:after, .chatplatform-messanger-message .clearfix:before,.chatplatform-messanger-message .clearfix:after { content: ''; display: table }.chatplatform-messanger-message .clearfix:after, chatplatform-messanger-header .clearfix:after { clear: both }.chatplatform-messanger-message-loadImage{ padding: 10px }.chatplatform-messanger-iframe-title{ padding: 10px; border-bottom: 1px solid #ccc; height: 18px; font-family: sans-serif; font-weight: bold }.chatplatform-messanger-iframe{ background: #fff; position: fixed; width: 100%; max-width: 320px; max-height: 500px; left: 0; right: 0; margin: auto; top: 0; bottom: 0 }.chatplatform-messanger-iframe-web{ width: 100%; height: calc(100% - 38px); border: 0 }.chatplatform-messenger-iframe-size-tall{ max-width: 880px !important; max-height: 680px !important }.chatplatform-messanger-overlay{ position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left:0; top:0; z-index: 7000; }.chatplatform-toggle .chatplatform-toggle-image { width: 27px; height: 27px; margin-left: 17px; margin-top: 17px;background-image: url('/assets/images/chatbot/chatplatform.png'); background-size: contain; background-repeat: no-repeat; }.chatplatform-container .chatplatform-messanger-header .chatplatform-messenger-assistant-left{ float: left; width: 50px; }.chatplatform-container .chatplatform-messanger-header .chatplatform-messenger-assistant-right{ float: left; max-width: calc(100% - 50px); }.chatplatform-container .chatplatform-messanger-header .chatplatform-messenger-assistant-padding{ padding-left: 5px }.chatplatform-container .chatplatform-messanger-header .chatplatform-messenger-assistant-name{ font-weight: bold; padding-bottom: 3px; }.chatplatform-container .chatplatform-messanger-header .chatplatform-messenger-assistant-title{ font-size: 15px; }.chatplatform-container .chatplatform-messanger-header .chatplatform-messenger-assistant .ass-img-{ width: 45px; height: 45px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; }.chatplatform-messanger-messages .chatplatform-messanger-cards { position: relative !important; }.chatplatform-messanger-cards-container{ overflow: hidden; width: 100%; padding: 0; }.chatplatform-messanger-messages .chatplatform-messanger-cards .chatplatform-messanger-cards-horizontal{ width: 5000px }.chatplatform-messanger-messages .chatplatform-messanger-card { border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}.chatplatform-messanger-messages .chatplatform-messanger-card-item{ width: 280px !important; padding: 5px; float: left; }.chatplatform-messanger-messages .chatplatform-messanger-card .chatplatform-messanger-card-image { min-height: 180px; background: rgb(236, 236, 236); border-bottom: 1px solid #ccc; overflow: hidden; }.chatplatform-messanger-messages .chatplatform-messanger-card-image-sub { min-height: 180px; }.chatplatform-messanger-messages .chatplatform-messanger-card .chatplatform-messanger-card-title { padding: 7px; font-size: 15px; font-weight: bold }.chatplatform-messanger-messages .chatplatform-messanger-card .chatplatform-messanger-card-description { padding: 5px; font-size: 12px }.chatplatform-messanger-messages .chatplatform-messanger-card .chatplatform-messanger-card-btn{ width: 100%; padding: 5px; background: #fff; border:0; border-top: 1px solid #ccc; font-weight: bold; font-size: 13px; cursor: pointer; }.chatplatform-messanger-messages .chatplatform-messanger-cards-btn-left, .chatplatform-messanger-cards-btn-right{ position: absolute; top: calc(50% - 50px); background: #fa7f32; font-size: 20px; padding: 10px 5px; border: 0; color: #ffffff; cursor: pointer; }.chatplatform-messanger-messages .chatplatform-messanger-cards-btn-left{left: 12px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;display: none; z-index:1;}.chatplatform-messanger-messages .chatplatform-messanger-cards-btn-right{right: 12px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; z-index:1}.chatplatform-container .chatplatform-messanger-header .chatplatform-messenger-assistant-left{ float: left; width: 50px; }.chatplatform-container .chatplatform-messanger-header .chatplatform-messenger-assistant-right{ float: left; max-width: calc(100% - 50px); }.chatplatform-container .chatplatform-messanger-header .chatplatform-messenger-assistant-padding{ padding-left: 5px }.chatplatform-container .chatplatform-messanger-header .chatplatform-messenger-assistant-name{ font-weight: bold; padding-bottom: 3px; font-size: 15px; }.chatplatform-container .chatplatform-messanger-header .chatplatform-messenger-assistant .ass-img-{ width: 45px; height: 45px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; }@media (max-width: 800px) {.chatplatform-messenger{ width: auto; left: 10px; right: 10px; height: 100%; bottom: 0; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0 } .chatplatform-messenger-input{ width: calc(100% - 20px) }.chatplatform-toggle { padding: 0; position: fixed; right: 10px; bottom: 10px; background: #fa7f32; border: 0; width: 60px; height: 60px; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; display: block } .chatplatform-toggle span { display: none } }@media (max-width: 350px) {.chatplatform-messanger-message.cp-infobar img{ display: none }}