/* Commenting Code below and adding new code at the bottom as part of ALM-20517 */
/*
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

*:before, *:after {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#myChatLinkContainer {
    display: none;
  font-family: 'Lloyds Jack Medium','Arial';  
  width: 295px;
    height: 48px;
  background: #649c00;
  color: #ffffff;
  font-size: 1.8em;
    position: fixed;
    bottom: 0;
    right: 85px;
    z-index: 10000
    cursor: pointer;
    word-wrap: break-word;
    -webkit-box-shadow: 1px -1px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    1px -1px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         1px -1px 5px 0px rgba(0, 0, 0, 0.15);
}

#myChatLinkContainer.rn_ConditionalChatLink {
    display: block;
}

#myChatLink span {
    position: relative;
}

#myChatLink span:before {
    content: url(Lloyds_desktop_public_site_chat_icon.png); 
    position: absolute;
    left: -43px;
}

#myChatLink span:after {
    content: url(Lloyds_desktop_public_site_arrow.png);
    position: absolute;
    right: -25px;
}

#myChatLink > a {
    padding: 14px 0 14px 0;
    display: block;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
}

#myChatLinkContainer > .chat-close:before {
    content: url(Lloyds_desktop_public_site_close_button.png);
    position: absolute;
    top: -35px;
    right: 4px;
}

@media screen and (max-width: 650px) {
    #myChatLinkContainer {
        border-left: 16px solid #ffffff;   
        border-right: 16px solid #ffffff;   
        border-top: 13px solid #ffffff;
        border-bottom: 13px solid #ffffff;
        width: 100%;
        height: 74px;
        right: 0;
        font-size: 1.8em;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #myChatLinkContainer > span.chat-close:before {
        content: '';
        background-image: url(Lloyds_public_site_mobile_close_button.png);
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        top: -25px; 
    }

    #myChatLink > a {
        padding: 13px 0 13px 0;
    }

    #myChatLink span {
        position: initial;
    }

    #myChatLink span:before {   
        content: '';
        background-image: url(Lloyds_public_site_mobile_chat_icon.png);   
        background-size: 26px 20px;
        width: 26px;
        height: 20px;
        left: 16px;
    }

    #myChatLink span:after {
        content: '';
        background-image: url(Lloyds_public_site_mobile_CTA_arrow.png);
        background-size: 9px 15px;
        width: 9px;
        height: 15px;
        right: 16px;
        top: 4px;
    }

    #myChatLinkInfo {
        position: relative;
    }

    // Upper grey Border
    #myChatLinkContainer:before {
        content: '';
        display: block;
        width: 100%;
        box-sizing: initial;
        border-left:16px solid #bfbfbf;
        border-right:16px solid #bfbfbf;
        background: #bfbfbf;
        height: 1px;
        margin-left: -16px;
        position: absolute;
        top: -14px;
    }
}*/
/* ALM 20517 Starts */
#myChatLinkContainer.yui-skin-sam {
  position: fixed;
  right: 20px;
  bottom: 20px; 
  width: 350px; 
  z-index: 10000;
}

#rn_Dialog_0_c.yui-panel-container {
  visibility: hidden !important; 
}
  
#rn_Dialog_0.rn_Dialog {
  width: 350px; 
}

#rn_DialogButton_rn_Dialog_0_0.yui-button {
  width: 315px; 
}
  
#rn_DialogButton_rn_Dialog_0_1.yui-button {
  width: 5px; 
}

#rn_DialogButton_rn_Dialog_0_0-button {
  visibility: visible;
  background: url(../img/invitation-to-webchat_Lloyds2.png) no-repeat; 
  width: 317px;
  height: 74px; 
  text-indent: -9000px; 
  outline: none; 
}
        
#rn_DialogButton_rn_Dialog_0_1-button {
  visibility: visible;
  background: url(../img/close.gif) no-repeat; 
  height: 74px; 
  min-width: 16px; 
  text-indent: -9000px; 
  outline: none; 
}
/* ALM 20517 Ends */