/* 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 */
a#app-coach-chat-trigger {
    text-decoration: underline;
}
 #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 !important;
     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;
    }
}