/**
 * WhatsApp Chat - CSS
 * 
 * WhatsApp Chat Block
 * 
 * @copyright 2016 SCHLIX Web Inc
 *
 * @license MIT
 *
 * @package whatsappchat
 * @version 1.0
 * @author  SCHLIX Web Inc <info@schlix.com>
 * @link    http://www.schlix.com
 */

.whatsappchat-bar {
    font-size:12px;

    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:white;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    color:#666666;
    margin:1em 0.2em;
    padding-top:0.5em;
    text-decoration:none;
    margin-bottom:1em;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;     
    clear: both;
    
    box-shadow:7px 7px 15px 8px rgba(0,0,0,0.17);
    border:1px solid #e2e2e2;
    position:relative;
    min-height:149px;
    border-radius:10px;
    width:250px;
    z-index:9999;

    position:fixed;
    margin-bottom:80px;
}

#whatsappchat-btn-open{color:#333333}
#whatsappchat-btn-close{top:5px; right:5px; position:absolute}
.whatsappchat-inner-control{padding:1em}
.whatsappchat-bar a{color:#333333}

img.whatsappchat-logo-main{max-width:48px; outline:none; margin-right:20px; width:100%;}
img.whatsappchat-logo-main:hover{ filter:hue-rotate(270deg);  -webkit-filter:hue-rotate(270deg)}

.whatsappchat-header{font-size:12px; font-weight:bold; margin-bottom:10px}
#whatsappchat-header-img{width:32px}
a#whatsappchat-btn-open{outline:none}

.whatsappchat-bar-mini{ margin:0;  position:fixed;  z-index:9999;  padding:3px;  border-radius:10px 0 0 10px;  text-shadow:0px 1px 0px #efefef}

/*** Positions ****/
.whatsappchat-bar-bottomright{ right:10px;  bottom:3%;  padding:0}
.whatsappchat-bar-mini-bottomright{ right:0;  bottom:3%}

.whatsappchat-bar-bottomleft{ left:10px;  bottom:3%;  padding:0}
.whatsappchat-bar-mini-bottomleft{ left:0;  bottom:3%}

.whatsappchat-bar-right{ right:10px;  bottom:50%;  padding:0}
.whatsappchat-bar-mini-right{ right:0;  bottom:50%}

.whatsappchat-bar-left{ left:10px;  bottom:50%;  padding:0}
.whatsappchat-bar-mini-left{ left:0;  bottom:50%}