.snippets{margin:0;z-index:1;right:30px;z-index:10;bottom:30px;width:400px;position:fixed;border-radius:10px;box-shadow:0 0 10px #888}.snippets #btnOpenChat{display:none}.snippets #spanTooltip{display:none}.snippets.toggle{opacity:1;z-index:10;height:50px;width:200px;box-shadow:none;background-color:transparent}.snippets.toggle .box{display:none}.snippets.toggle #btnOpenChat{opacity:1;width:50px;color:#fff;float:right;padding:10px 0;font-size:30px;text-align:center;border-radius:50%;display:inline-block;background-color:#03363d;box-shadow:0 0 20px #888}.snippets.toggle #spanTooltip{color:#fff;float:right;display:none;font-size:14px;margin-top:12px;margin-right:5px;font-weight:700;padding:6px 12px;border-radius:5px;text-align:center;background-color:#03363d}.snippets.toggle #btnOpenChat:hover+#spanTooltip{display:inline-block!important}.snippets.toggle .clearfix{clear:both;display:inline-block}.box{width:100%;min-height:350px;transition:all 1s;position:relative;border-radius:3px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.1)}.btn-box-tool:hover{color:#eee}#topcontrol{display:none;position:fixed;bottom:20px!important;right:5px;opacity:1;cursor:pointer;z-index:10;width:50px;height:50px;padding-top:10px;text-align:center;background-color:#fff;border-radius:50%;box-shadow:0 0 20px #888;z-index:1;color:#03363d;font-size:28px}.center-button .button-chat:hover{color:#fff;background-color:#03363d}@media (max-width:567px){.snippets{top:0;right:0;width:100%;height:100%;margin:0!important;background-color:#fff}.snippets.toggle{top:unset;right:30px}}