#box-whatsapp {
    background-color: #ebeae6;
    background-image: url(../img/whatsapp-bg.jpg);
    background-position: center;
    width: 340px;
    height: 432px;
    position: fixed;
    overflow: hidden;
    bottom: 0px;
    right: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: none;
    z-index: 10;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4); }
    #box-whatsapp .header {
      background-color: #006666;
      width: 100%;
      height: 50px;
      float: left;
      padding: 6px;
      overflow: hidden; }
      #box-whatsapp .header .img {
        background-color: #fff;
        width: 37px;
        height: 37px;
        float: left;
        overflow: hidden;
        border-radius: 50%; }
      #box-whatsapp .header .title {
        width: calc(100% - 55px);
        float: left;
        padding-left: 10px;
        padding-top: 3px; }
        #box-whatsapp .header .title strong {
          width: 100%;
          float: left;
          color: #fff;
          text-transform: uppercase;
          line-height: 18px;
          font-size: 15px; }
        #box-whatsapp .header .title span {
          width: 100%;
          float: left;
          color: #fff;
          line-height: 18px;
          font-size: 13px; }
      #box-whatsapp .header .close-whatsapp {
        float: left;
        color: #fff;
        padding-top: 6px; }
    #box-whatsapp .content {
      width: 100%;
      float: left;
      padding: 15px; }
      #box-whatsapp .content form {
        width: 100%;
        float: left; }
        #box-whatsapp .content form .msg {
          width: 90%;
          padding: 10px 15px;
          margin-bottom: 15px;
          box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
          border-radius: 7px;
          font-size: 15px;
          line-height: 18px;
          opacity: 0; }
          #box-whatsapp .content form .msg.type1 {
            background-color: #fff;
            float: left; }
          #box-whatsapp .content form .msg.type2 {
            background-color: #ccffcc;
            float: right;
            padding-top: 15px;
            padding-bottom: 10px; }
          #box-whatsapp .content form .msg .form-group {
            width: 100%;
            float: left;
            margin-bottom: 5px; }
            #box-whatsapp .content form .msg .form-group .form-control {
              width: 100%;
              height: 37px;
              float: left;
              border-radius: 5px;
              border: 1px solid #339966; }
            #box-whatsapp .content form .msg .form-group input[name="cidade"] {
              margin-left: -25px;
              width: calc(100% + 25px); }
        #box-whatsapp .content form .btn {
          background-color: #006666;
          border-color: #006666;
          font-size: 20px;
          font-weight: bold;
          text-transform: uppercase;
          border-radius: 10px; }