/*Chat CSS*/
   /* Button used to open the chat form - fixed at the bottom of the page */
   .open-button {
   background-color:#555;
     /*background: url(/webFiles/images/logos/zoom-sm.png) no-repeat scroll left center #555;*/
     background-origin: content-box;
     color: white !important;
     padding: 15px 15px;
     border: none;
     cursor: pointer;
     opacity: 0.8;
     position: fixed !important;
     bottom: 5px;
     right: 0px;
     width: 280px;
     font-size:large;
   max-height:4em;
     z-index: 8;
   }
   /* The popup chat - hidden by default */
   .chat-popup {
     display: none;
     position: fixed !important;
     bottom: 60px;
     right: 15px;
     border: 3px solid #f1f1f1;
     height:325px;
     width:400px;
     z-index: 9;
     background-color: white;
     overflow:visible;
    opacity:.95;
   }
   .chat-popup iframe{
   max-width:100%;
   max-height: 270px;
   resize: both;
     overflow: auto;
   }
    .topBar
       {width:100%
       font-size:larger;
       font-weight: bold;}
       .chat-popup button {background: #dbdbdb !important;
   margin: .25em !important;
   }
   @media (max-device-width:480px){
   .chat-popup,.open-button {
     bottom: 0px; 
     right: 0px;
   }
   .chat-popup img,.open-button img {
     width: auto;
   }
   .open-button {
   font-size:normal;
   }
   .open-button img {width:auto !important; height:1em !important; margin-right:10px !important;}
   }
   /*end chat css*/