﻿.stbINFO_CaseStudy .stbColorCoolGray5 a { color: #000; }

.stbLightboxContent { padding-bottom: 0.5em !important; }

    .stbLightboxContent .stbSocialShareLinks { text-align: right; margin: 0 auto; display: block; padding: 0.5em 0 0.5em 0; }

.stbSocialShareLinks a.stbSocialShareLink-linkedin { background-image: url("../images/shared/bg-social-sharing01.png"); background-position: -68px 0; }

.stbLiveVideoCTA { position: relative; display: block; }

.stbHEROTabs_ProductPage .stbComponent { padding: 0; }

.stbTable, .stbTable thead, .stbTable tbody, .stbTable tr, .stbTable th, .stbTable td { float: none; width: auto; min-width: inherit; }

.popupContainerWrapper .stbLinkCTA { min-height: 23px !important; }

.clear { clear: both; }
/*lpChatButton*/
#lpChatButton { position: fixed; right: 0; top: 365px; width: 35px; z-index: 999; display: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #lpChatButton { Right: 17px; }
}

@media (min-width: 540px) {

    .stbLightboxContent { max-height: 620px; overflow: auto; }
    .stbLightboxContentImage { max-height: inherit!important; }
        .stbLightboxContentImage .stbEnlargedImage img { max-width: 100%; }
    /** Showcase video desc css*/
    .stbLightboxContentVideo.videoDescription .stbLightboxElements { width: 90%; margin: 0 auto; display: block; padding-top: 2em; }

    .stbLightboxContentVideo.videoDescription { padding: 0 !important; overflow: auto; }

    .popupContainerWrapper { text-align: left; width: 100%; display: inline-block; }

        .popupContainerWrapper p { padding-bottom: 10px; }

        .popupContainerWrapper .mediaContent { width: 90%; margin: 0 auto; display: block; padding: 25px 0 22px 0; }

    .stbLightboxContentVideo.videoDescription .stbSocialShareLinks { width: 100%; }

    .stbLightboxContentVideo.videoDescription video { max-width: 640px; }

    /**end video desc css**/

    /*youtube css*/
    .stbLightboxContentYouTube.videoDescription .stbLightboxElements { width: 90%; margin: 0 auto; display: block; padding-top: 2em; }

    .stbLightboxContentYouTube.videoDescription { padding: 0 !important; overflow: auto; }

        .stbLightboxContentYouTube.videoDescription .stbSocialShareLinks { width: 100%; }

    /**end video desc css**/

    .popupContainerWrapper .mediaContent h5 { font-size: 22px; line-height: 30px; font-family: 'Segoe UI Light'; }

    .popupContainerWrapper .mediaContent p { font-size: 16px; line-height: 22px; font-family: 'Segoe UI Regular'; padding-top: 2px; }

    .popupContainerWrapper .mediaContent a { padding-bottom: 5px; }

    .popupContainerWrapper .mediaContent .stbLinkCTA:link, .stbLinkCTA:visited { margin-bottom: 10px; }


    .mediaContent .stbLinkCTA:link, .mediaContent .stbLinkCTA:visited { padding-left: 2.5em; }
}

@media only screen and (max-width: 900px) {
    #lpChatButton { width: 100%; margin: 0; padding: 0; top: 0; position: relative; height: 40px; z-index: 0; background-color: #006cb7; right: 0px; margin-top: 0 !important; }

        #lpChatButton a { float: right; height: 40px; -webkit-transform: rotate(270deg); margin-right: 165px; transform: rotate(270deg); }
    /* Let's get this party started */

    .stbLightboxContent::-webkit-scrollbar { width: 12px; }

    /* Track */

    .stbLightboxContent::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; }

    /* Handle */
    .stbLightboxContent::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #d2d2d2; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

        .stbLightboxContent::-webkit-scrollbar-thumb:window-inactive { background: #d2d2d2; }

    .CTALink_Download_Black { background-image: url("../images/shared/Download_Black.png"); height: 15px !important; width: 20px; background-position: 0px 5px; }

    .CTALink_Download_White { background-image: url("../images/shared/Download_White.png"); height: 15px !important; width: 20px; background-position: 0px 5px; }
}

@media (max-width: 539px) {
    #lpChatButton { display: none !important; }

    .stbLightboxContentYouTube.videoDescription .stbLightboxElements, .stbLightboxContentVideo.videoDescription .stbLightboxElements { width: 95%; }

    .popupContainerWrapper { display: none; }
    .stbLightboxContentImage .stbEnlargedImage img { max-width: 100%; }
}


/* CSS for Download and video Icons*/

.stbGridUnitContent .stbLinkCTA span { background-repeat: no-repeat; padding-right: 20px; margin-left: 6px; }
.stbINFO_CaseStudy1ColWithLinks .stbComponent .stbLinkNoArrow span { background-repeat: no-repeat; padding-right: 20px; margin-left: 6px; }
.stbHeadColumn .stbHeadColumnContents .stbLinkCTA span { background-repeat: no-repeat; padding-right: 20px; margin-left: 6px; }

.CTALink_Video_Black { background-image: url("../images/shared/Video.png"); height: 18px !important; width: 20px; background-position: 0px 5px; display: inline-block; background-repeat: no-repeat; }

.CTALink_Video_White { background-image: url("../images/shared/Video_White.png"); height: 18px !important; width: 20px; background-position: 0px 5px; display: inline-block; background-repeat: no-repeat; }

.CTALink_Download_Black { background-image: url("../images/shared/Download_Black1.png"); height: 20px !important; width: 20px; background-position: 0px 5px; display: inline-block; background-repeat: no-repeat; }

.CTALink_Download_White { background-image: url("../images/shared/Download_White1.png"); height: 20px !important; width: 20px; background-position: 0px 5px; display: inline-block; background-repeat: no-repeat; }


.stbSideBySideContent .PreTitle { font-family: wf_segoe-ui_semibold, 'Segoe UI Semibold', 'Segoe WP Semibold', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif; }

.stbSideBySideContent .Blue { color: #0072C6; }

.stbSideBySideContent .White { color: white; }

.stbSideBySideContent .Black { color: black; }


/*SCroll top CSS*/

.stbBackToTop a { background: none; cursor: default; }

.IOTVideoCarousel .stbColorBlue234 .stbBackToTop a { background: none !important; cursor: default !important; }

.stbScrollTop a { position: fixed; right: 0; background-color: rgba(0,10,30,0.8) !important; padding: 4px 4px 4px 10px; text-decoration: none !important; margin: 0px 0px; width: auto; height: auto; text-indent: 0px; background: none; color: #fff; z-index: 100; }
/*END*/
