/* Parent action bar: only make it positioning context; do NOT change layout (testing) */
    .app-coach-action-bar {
      position: relative;
    }

    /* "Chat With Application Coach" CTA styles */
    #app-coach-chat-trigger {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      display: inline-flex;
      align-items: center;
      font-family: Roboto, sans-serif;
      font-weight: 500;
      font-size: 17px;
      color: #ffffff;
      text-decoration: underline;
      cursor: pointer;
      font-weight: bold;
    }

    #app-coach-chat-trigger:hover,
    #app-coach-chat-trigger:focus {
      text-decoration: underline;
    }

    #app-coach-chat-trigger .app-coach-icon {
      display: inline-block;
      min-width: 30px;
      height: 30px;
      background-image: url(https://fiuonline.fiu.edu/_assets/images/icons/icon-chat.png);
      background-size: 30px 30px;
      background-repeat: no-repeat;
      margin-right: 8px;
    }

    #app-coach-chat-trigger .app-coach-text {
      white-space: nowrap;
    }

    /* Offline visual state */
    #app-coach-chat-trigger.app-coach-offline {
      opacity: 0.6;
      cursor: default;
      text-decoration: none;
    }

    /* MOBILE ONLY (500px or smaller): cap width / adjust font */
    @media only screen and (max-width: 500px) {
      #app-coach-chat-trigger {
        right: 22px;
        font-size: 14px;
        max-width: 13rem;
      }
      #app-coach-chat-trigger .app-coach-text {
        white-space: normal;
        min-width: 13rem;
      }
    }

    /* TABLET ONLY (501px-1024px): to left */
    @media only screen and (min-width: 501px) and (max-width: 1024px) {
      #app-coach-chat-trigger {
        right: 5rem;
      }
    }

    /* SF Embedded Messaging iframe sizing / positioning */
    /* Default Chat Size */
    iframe#embeddedMessagingFrame {
      z-index: 999999 !important;
      width: 370px !important;
      height: 730px !important;
      border-radius: 8px !important;
      background-color: #ffffff !important;
      bottom: 49px !important;
      right: 5px !important;
    }
    
    
    /* Ensuring SF Embedded Messaging ABOVE everything else */
    iframe[id*="embedded" i],
    iframe[class*="embedded" i],
    iframe[title*="chat" i],
    iframe[src*="my.site.com" i],
    div[id*="embedded" i],
    div[class*="embedded" i] {
      position: fixed !important;   /* z-index only matters on positioned elements */
      z-index: 999999 !important;
    }
    
    /* Ensuring Userway button is behind the chat (for position 5) */
     .uwy.umb.userway_p5 {
    z-index: 999997 !important;
    }
     .uwy, body .uwy {
         z-index: 999997 !important;
    }
     div#userwayAccessibilityIcon {
         z-index: 999997 !important;
    } 

    /* If device width is smaller than 500px */
    @media screen and (max-width: 31.25em) {
      iframe#embeddedMessagingFrame {
        bottom: 2px !important;
        width: calc(97.7vw - 20px) !important;
        height: calc(97.7vh - 140px) !important;
      }
    }

    /* If device width is up to 500px */
    @media screen and (min-width: 31.25em) {
      iframe#embeddedMessagingFrame {
        bottom: 2px !important;
        width: calc(97.7vw - 20px) !important;
        height: calc(97.7vh - 120px) !important;
      }
    }

    /* Small Screens 768px (approx 48em) */
    @media screen and (min-width: 48em) {
      iframe#embeddedMessagingFrame {
        width: 728px !important;
        height: 665px !important; /* prev: 815px */
        bottom: 20px !important;  /* 10 more than Prospect */
        right: 20px !important;   /* 10 more than Prospect */
        max-width: none !important;
        max-height: none !important;
      }
    }

    /* Medium Screens Optimization (769px-1199px) */
    @media screen and (min-width: 48.0625em) and (max-width: 74.9375em) {
      iframe#embeddedMessagingFrame {
        width: 380px !important;
        height: 630px !important;
      }
    }

    /* Large Screens 1200px or larger (75em) */
    @media screen and (min-width: 75em) {
      iframe#embeddedMessagingFrame {
        z-index: 999999 !important;
        width: 370px !important;
        height: 730px !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        bottom: 49px !important;
        right: 5px !important;
      }
    }

    /* Extra Large Screens 1600px or larger (100em) */
    @media screen and (min-width: 100em) {
      iframe#embeddedMessagingFrame {
        z-index: 999999 !important;
        width: 370px !important;
        height: 730px !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        bottom: 49px !important;
        right: 5px !important;
      }
    }