/*This file contains rules which are carried from old version of css from old bootstrap codebase*/
h1.h1, h2.h2, h3.h3, h4.h4, h5.h5, h6.h6 {
    margin: 10px 0;
}
p {
    margin: 0 0 10px;
}
.jumbotron {
	padding: 0;
}
img {
	max-width: 100%;
	height: auto;
}
	/* ==============================================================
        Normalize CSS
    ================================================================= */
    /**
     * 1. Set default font family to sans-serif.
     * 2. Prevent iOS and IE text size adjust after device orientation change,
     *    without disabling user zoom.
     */
    html {
      font-family: 'Open Sans', Arial, sans-serif; /* 1 */
      -ms-text-size-adjust: 100%; /* 2 */
      -webkit-text-size-adjust: 100%; /* 2 */
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    /* HTML5 display definitions */
    article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
        display: block;
    }

    /**
     * 1. Correct `inline-block` display not defined in IE 8/9.
     * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
     */
    audio, canvas, progress, video {
      display: inline-block; /* 1 */
      vertical-align: baseline; /* 2 */
    }

    /* HTML5 video to be responsive */
    video { width: 100%    !important; height: auto   !important;}

    /* Prevent displaying `audio` without controls in Mobile Safari 4/5/6/7.*/
    audio:not([controls]) { display: none; height: 0; }

    /* Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
    [hidden], template { display: none; }

    /* Remove the gray background color from active links in IE 10. */
    a { background-color: transparent; }
    
    /* Correct overflow not hidden in IE 9/10/11. */
    svg:not(:root) { overflow: hidden; }

    /* Address margin not present in IE 8/9 and Safari. */
    figure { margin: 1em 40px; }

    /**
     * Address inconsistent styling of `hr`.
     * 1. Correct `box-sizing` set to `border-box` in Firefox.
     * 2. Correct `overflow` set to `hidden` in IE 8/9/10/11 and Edge 12.
     */
    hr {
      box-sizing: content-box; /* 1 */
      height: 0; /* 1 */
      overflow: visible; /* 2 */
    }

    /* * Contain overflow in all browsers. */
    pre { overflow: auto; }

    /**
     * 1. Correct inheritance and scaling of font-size for preformatted text.
     * 2. Address odd `em`-unit font size rendering in all browsers.
     */
    code, kbd, pre, samp {
      font-family: monospace, monospace; /* 1 */
      font-size: 1em; /* 2 */
    }

    /* ================ Forms ==================== */

    /**
     * Known limitation: by default, Chrome and Safari on OS X allow very limited
     * styling of `select`, unless a `border` property is set.
     */

    /**
     * 1. Correct font properties not being inherited.
     * 2. Address margins set differently in Firefox 4+, Safari, and Chrome.
     */
    button, input, optgroup, /* select, */
    textarea { 
        font: inherit; /* 1 */ 
        margin: 0; /* 2 */
    }
    /**
     * Above select with inherit font size, the font becomes smaller comparing button, input text area 
     */
    select { 
        margin: 0; /* 2 */
    }

    /* Address `overflow` set to `hidden` in IE 8/9/10/11. */
    button { overflow: visible; }

    /**
     * Address inconsistent `text-transform` inheritance for `button` and `select`.
     * All other form control elements do not inherit `text-transform` values.
     * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
     * Correct `select` style inheritance in Firefox.
     */

    button, select {
      text-transform: none;
    }

    /**
     * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
     *    and `video` controls.
     * 2. Correct inability to style clickable `input` types in iOS.
     * 3. Improve usability and consistency of cursor style between image-type
     *    `input` and others.
     */
    button,
    html input[type="button"], /* 1 */
    input[type="reset"],
    input[type="submit"] {
      -webkit-appearance: button; /* 2 */
      cursor: pointer; /* 3 */
    }

    /**
     * Re-set default cursor for disabled elements.
     */
    button[disabled],
    html input[disabled] {
      cursor: default;
    }

    /**
     * Remove inner padding and border in Firefox 4+.
     */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
      border: 0;
      padding: 0;
    }

    /**
     * Restore focus style in Firefox 4+ (unset by a rule above)
     */
    button:-moz-focusring,
    input:-moz-focusring {
      outline: 1px dotted ButtonText;
    }

    /**
     * Address Firefox 4+ setting `line-height` on `input` using `!important` in
     * the UA stylesheet.
     */
    input {
      line-height: normal;
    }

    /**
     * It's recommended that you don't attempt to style these elements.
     * Firefox's implementation doesn't respect box-sizing, padding, or width.
     *
     * 1. Address box sizing set to `content-box` in IE 8/9/10.
     * 2. Remove excess padding in IE 8/9/10.
     */

    input[type="checkbox"],
    input[type="radio"] {
      box-sizing: border-box; /* 1 */
      padding: 0; /* 2 */
    }

    /**
     * Fix the cursor style for Chrome's increment/decrement buttons. For certain
     * `font-size` values of the `input`, it causes the cursor style of the
     * decrement button to change from `default` to `text`.
     */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      height: auto;
    }

    /**
     * Address `appearance` set to `searchfield` in Safari and Chrome.
     */
    input[type="search"] {
      -webkit-appearance: textfield;
    }

    /**
     * Remove inner padding and search cancel button in Safari and Chrome on OS X.
     * Safari (but not Chrome) clips the cancel button when the search input has
     * padding (and `textfield` appearance).
     */
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;
    }

    /**
     * Define consistent border, margin, and padding.
     */
    fieldset {
      border: 1px solid #c0c0c0;
      margin: 0 2px;
      padding: 0.35em 0.625em 0.75em;
    }

    /**
     * 1. Correct `color` not being inherited in IE 8/9/10/11.
     * 2. Remove padding so people aren't caught out if they zero out fieldsets.
     */
    legend {
      border: 0; /* 1 */
      padding: 0; /* 2 */
    }

    /**
     * Remove default vertical scrollbar in IE 8/9/10/11.
     */
    textarea {
      overflow: auto;
    }

    /**
     * Restore font weight (unset by a rule above).
     * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
     */
    optgroup {
      font-weight: bold;
    }

    /* from reset.css */
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    /* ==============================================================
		Bootstrap overrides for Nuance branded styles
	================================================================= */

    body {  
      font-family: 'Open Sans', Arial, sans-serif;
      background-color: white; padding: 0; margin: 0;	font-size: 62.5%; color:#000; 
      -ms-overflow-style: scrollbar; /* disable the "mouse-over" effect of scrollbar for IE10 + IE Edge */
      word-break: break-word;
    }
    
    blockquote { padding: 0; border-left: none;}
    .fa, .fab, .fas, .far { color:#000; } /* for new Font Awesome icon color */

    a { color: #285ce6; }
    a:hover { color: #285ce6; text-decoration: underline; }
    a:visited { color: #103fbb; }
    a:focus-visible { outline-offset: 3px; }   /* default focus indicator */

    @-moz-document url-prefix() {
      a:focus-visible {
        display: inline-block;
      }
    }

    a.white { /*color: #F9FEFE;*/ color: white !important; text-decoration: underline; }
    a.white:hover { color: #DCE0E0; }

    a.black { color: #000; text-decoration: underline; }
    a.black:hover { color: #000; }

    a.red { color: #E8112D;  }
    a.red:hover { color: #E8112D; text-decoration: underline; }

    a.colorwayWhite { /*color: #F9FEFE;*/ color: white !important; text-decoration: underline; }
    a.colorwayWhite:hover { color: #DCE0E0; }

    a.colorwayBlack { color: #000; text-decoration: underline; }
    a.colorwayBlack:hover { color: #000; }

    a.colorwayRed { color: #E8112D;  }
    a.colorwayRed:hover { color: #E8112D; text-decoration: underline; }

    .jumbotron { width: 100%; max-width: 1600px; margin: 0 auto; clear: both; padding-top: 60px; padding-bottom: 60px; border-radius: 0; }
    .wrapper {max-width: 1100px; margin: 0 auto; clear:both; }

	  p > a {	text-decoration: underline; }
    label > a {	text-decoration: underline; }

    sup { font-size:60%; }
    
    @media print {
		.jumbotron { padding-top: 30px; padding-bottom: 30px; }
		a[href]:after { content: ""; }
    	abbr[title]:after { content: ""; }
	}

	/* ==============================================================
    	font sizes
    ================================================================= */

	h1, .h1 { font-size: 18px; font-weight: 400; line-height: 100%; } 
    h2, .h2 { font-size: 62px; font-weight: 300; line-height: 108%; letter-spacing: -1px; margin-top:0; } 
    h3, .h3 { font-size: 46px; font-weight: 300; line-height: 110%; letter-spacing: -1px; margin-top:0; }
    h4, .h4 { font-size: 27px; font-weight: 400; line-height: 110%; letter-spacing: -0.5px; }
    h5, .h5 { font-size: 22px; font-weight: 600; line-height: 110%; letter-spacing: -0.5px; margin-top:0; }
    h6, .h6 { font-size: 16px; font-weight: 600; line-height: 140%; margin-top:0; margin-bottom: 0; }

    /* set margin-top:0 for h2/h3/h5 since they usually are the 1st line in a brick */;

    h1.alt, .h1.alt {font-weight: normal;}
    h2.alt, .h2.alt {font-weight: normal;}
    h3.alt, .h3.alt {font-weight: normal;}
    h4.alt, .h4.alt {font-weight: 400; line-height: 120%; letter-spacing: -0.5px;}
    h5.alt, .h5.alt {font-size: 20px; font-weight: 300; line-height: 115%; letter-spacing: -0.5px; color: #626d6f; } 
    h6.alt, .h6.alt {font-weight: normal;}

    /*h4 sup { top:-0.25em; } -- comment out for alignment issue in testmonial carousel */

    p, .lead3 {font-size: 16px; font-weight: 400; line-height: 140%; }
    .lead1 {font-size: 24px; font-weight: 300; line-height: 130%; color: #626D6F; letter-spacing: -0.5px; }
    .lead2 {font-size: 20px; font-weight: 300; line-height: 130%; } 
    .lead6 {font-size: 22px; line-height: 125%; } 
    .small {font-size: 14px; font-weight: 400; line-height: 140%; }

    .bigfont60 { font-size:60px; font-weight:300; word-break: normal; }
    .bigfont60 sup { font-size: 40px; top:-0.25em; word-break: normal; }
	.bigfont75 { font-size:75px; font-weight:300; word-break: normal; }
    .bigfont75 sup { font-size: 50px; top:-0.35em; word-break: normal; }
    .bigfont110 { font-size:110px; font-weight:300; margin-bottom:0; letter-spacing:-2px; word-break: normal; }
    .bigfont110 sup { font-size: 60px; top:-0.55em; word-break: normal; }
    .bigfont140 { font-size:130px; font-weight:300; margin-bottom:0; letter-spacing:-2px; word-break: normal; }
    .bigfont140 sup { font-size: 70px; top:-0.65em; word-break: normal; }
  
    .caption {font-size: 16px; line-height: 125%;} /* caption for images or videos */

    .tooltip-inner {background-color: #626D6F;}
    .tooltip.bs-tooltip-right .tooltip-arrow:before {
        border-right-color: #626D6F !important;
    }
    .tooltip.bs-tooltip-left .tooltip-arrow:before {
        border-left-color: #626D6F !important;
    }
    .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
        border-bottom-color: #626D6F !important;
    }
    .tooltip.bs-tooltip-top .tooltip-arrow:before {
        border-top-color: #626D6F !important;
    }
    
    /* ==============================================================
       Try to retain Adobe RTE style here (Melanie, please review)
       All output from RTE will be wrapped with Component-RTE class.
       ============================================================== */
    /*.Component-RTE p {
      font-size: inherit;
      line-height: inherit;
    }*/
    .Component-RTE ul {
      margin: 0 0 10px 25px;
    }
    .Component-RTE ul li {
      font-size: 16px;
      line-height: inherit;
      list-style-type:disc;
      margin-bottom: 12px;
    }
    .Component-RTE .linklist ul li, .Component-RTE .linklist3 ul li {
      list-style-type:none;
    }

    /* ==============================================================
      icon / image Positions
    ================================================================= */

    /* classes for text not-wrapping images */
    .img-on-top, .img-on-top-left { margin-bottom: 20px; }
    .img-on-left { float: left; /*margin-right: 20px;*/ }
    .img-on-left + div { overflow:hidden; } 
    .img-info-right { overflow: hidden; padding-left:15px; }
    .img-info-right:first-child { padding-left:0; overflow: visible;}

    .multicolumn-image .img-info-right, .multicolumn-image .img-on-left, .multicolumn-video .img-info-right, .multicolumn-video .img-on-left {padding-top:10px;}

    .multicolumn-image .img-info-right, .multicolumn-image .img-on-left {padding-top:10px;}

    img.img-on-left {
        margin:0;
        flex: 0 0 auto;
        object-fit: scale-down;
    }
    img.img-on-left-top {
        align-self: baseline;
        margin:0;
        flex: 0 0 auto;
        object-fit: scale-down;
    }
    img.img-on-top {
        margin:0 auto 20px;
        flex: 0 0 auto;
        object-fit: scale-down;
    }
    img.img-on-top-left {
        margin:0 auto 20px 0;
        flex: 0 0 auto;
        object-fit: scale-down;
    }

    .box-on-grey-bg { background-color: #f2f5f5; padding: 20px; }

    .white-box-on-color-bg { background-color: white !important; padding:20px; }
    .white-box-hover {
	    display: inline-block;
	    vertical-align: middle;
	    -webkit-transform: perspective(1px) translateZ(0);
	    transform: perspective(1px) translateZ(0);
	    /*box-shadow: 0 0 1px transparent;*/
	    -webkit-transition-duration: 0.3s;
	    transition-duration: 0.3s;
	    -webkit-transition-property: all;
	    transition-property: all;
	    /*box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;*/
    }
    .white-box-hover:hover {box-shadow: inset 0 0 0 10px #e5ebeb;padding:10px;}
    .img-on-top+.white-box-on-color-bg { margin-top:-20px; }
    a+.white-box-on-color-bg { margin-top:-20px; } /*this is a tricky selector to apply to C2-14 variation #2 */
    
    .white-box-on-color-bg.topImage, .box-on-grey-bg.topImage { padding: 0; }
    .white-box-on-color-bg.topImage .linklist, .box-on-grey-bg.topImage .linklist { padding: 0 20px 20px;}
    .white-box-on-color-bg.topImage .svg-icon.img-on-top, .box-on-grey-bg.topImage .svg-icon.img-on-top { padding: 20px 20px 0;}

    .white-box-on-color-bg.bottomImage, .box-on-grey-bg.bottomImage { padding: 0; }
    .white-box-on-color-bg.bottomImage .linklist, .box-on-grey-bg.bottomImage .linklist { padding: 20px 20px 0 20px;}
    .white-box-on-color-bg.bottomImage .svg-icon.img-on-bottom, .box-on-grey-bg.bottomImage .svg-icon.img-on-bottom { padding: 20px 20px 20px 20px; }
	
    /* ==============================================================
        List Styles
    ================================================================= */
	  ul { padding: 0; }
    ul, ol { margin:0; }
    ul li { font-size: 16px; }
    ol li { font-size: 14px; line-height:150%; margin-left: 20px; }
    ul li { font-size:16px; list-style: none; }

    ul.inline-border, ul.inline-border-sm { margin-left:0; }
    ul.inline-border li { font-size:16px; list-style: none; display:inline; padding:0 15px; border-right: solid 1px #626d6f; }
    ul.inline-border-sm li { font-size:14px; list-style: none; display:inline; padding:0 15px; border-right: solid 1px #626d6f; }
    ul.inline-border li a { color: #285ce6; }
    ul.inline-border li.selected a { color: #000; font-weight: bold; text-decoration: underline; }
    ul.inline-border li.first, ul.inline-border-sm li.first { padding-left: 0; }
    ul.inline-border li.last, ul.inline-border-sm li.last { border: none; }

    /*
    Note:  
      - Should allow author to choose different title font size: H4, H5 and H6 
      - Should allow author to choose different title font color
    */
	.linklist h4, .linklist2 h4, .linklist3 h4, .linklist4 h4, .pagelist h4, .linklist .h4, .linklist2 .h4, .linklist3 .h4, .linklist4 .h4, .pagelist .h4 { margin-bottom: 10px; margin-top:0; }
	.linklist h5, .linklist2 h5, .linklist3 h5, .linklist4 h5, .pagelist h5, .linklist .h5, .linklist2 .h5, .linklist3 .h5, .linklist4 .h5, .pagelist .h5 { margin-bottom: 10px; margin-top:0; }
	.linklist h6, .linklist2 h6, .linklist3 h6, .linklist4 h6, .pagelist h6, .linklist .h6, .linklist2 .h6, .linklist3 .h6, .linklist4 .h6, .pagelist .h6 { margin-bottom: 0; margin-top:0; }


    .linklist p.description { margin-top:4px; }

    .linklist> p+img, .linklist> div+img { margin-top:30px; } /*optional image in pillar-w-cropped-images*/

    /* special list styles in site footer */
    #footer .linklist h6 { color: white;  font-size: 1.8em; line-height: 100%;  padding-bottom: 5px; }
    #footer .linklist li { font-size: 13px; line-height: 110%; margin-bottom: 9px; color: #999; }
    #footer .linklist ul li a { color: #999; text-decoration: none; }
    
    /* larger font for linkslist */
	ul.large li, ol.large li { font-size: 20px !important; font-weight: 300; }

	/* no style list */
    .linklist ul li, ul.linklist li{ font-size:16px; font-weight:400; list-style: none; margin-bottom:12px; } 
    .linklist ul li:first-child, ul.linklist li:first-child { margin-top:10px; }
    .linklist ul li:last-child, ul.linklist li:last-child  { margin-bottom:0; }
	  p.lead1+.linklist ul li, .linklist p.lead1+ul li { font-size:24px; text-indent:0; }
    p.lead2+.linklist ul li, .linklist p.lead2+ul li { font-size:20px; text-indent:0; font-weight:300; }
	  H4:not(.h5, .h6)~.linklist ul li, .linklist H4:not(.h5, .h6)~ul li { font-size:20px; font-weight:300; text-indent:0; }
	  .lead1+.linklist ul li, .lead2+.linklist ul li { font-weight:300; }
	
    /* dot list */
    .linklist2 ul, ul.linklist2  { margin: 0 0 10px 25px !important; }
    .linklist2 ul li, ul.linklist2 li { list-style-type:disc !important; font-weight:400; /*line-height:100%;*/  font-size:16px;  margin-bottom:12px; }
    .linklist2 ul li:last-child, ul.linklist2 li:last-child  { margin-bottom:0; }
    p.lead1+.linklist2 ul li, .linklist2 p.lead1+ul li { font-size:24px; text-indent:0; }
    p.lead2+.linklist2 ul li, .linklist2 p.lead2+ul li { font-size:20px; text-indent:0; font-weight:300; }
	  H4:not(.h5, .h6)~.linklist2 ul li, .linklist2 H4:not(.h5, .h6)~ul li { font-size:20px; font-weight:300; text-indent:0; }
	  .lead1+.linklist2 ul li, .lead2+.linklist2 ul li { font-weight:300; }
	
    /* dash list */
    .linklist3 ul, ul.linklist3  { margin:0 0 0 24px !important; list-style: none; }
    .linklist3 ul li, ul.linklist3 li { list-style-type:'\2014\ \ ' !important; font-size:16px; font-weight:400; margin-bottom:12px; margin-left:5px; }
    /*.linklist3 ul li:before, ul.linklist3 li:before { content:"\2014"; position:relative; left:-3px; } 
    .linklist3 ul li, ul.linklist3 li  { font-size:16px; /*line-height:100%;*/ text-indent:-20px; margin-bottom:12px; } */
    .linklist3 ul li:last-child, ul.linklist3 li:last-child { margin-bottom:0; }
    p.lead1+.linklist3 ul li, .linklist3 p.lead1+ul li { font-size:24px; margin-left:20px; }
    p.lead2+.linklist3 ul li, .linklist3 p.lead2+ul li { font-size:20px; margin-left:16px; font-weight:300; }
	  H4:not(.h5, .h6)~.linklist3 ul li, .linklist3 H4:not(.h5, .h6)~ul li { font-size:20px; font-weight:300; text-indent:0; }
	  .lead1+.linklist3 ul li, .lead2+.linklist3 ul li { font-weight:300; }
	
    .linklist ul li.white a, 
    .linklist2 ul li.white a,
    .linklist3 ul li.white a,
    ol li.white a {
      color:white;
      text-decoration: underline;
    }
    
    .linklist ul li a, 
    .linklist2 ul li a,
    .linklist3 ul li a,
    ol li a {
      position: relative;
    }
	  .linklist ul li a::after, 
    .linklist2 ul li a::after,
    .linklist3 ul li a::after,
    ol li a::after {
      position: absolute;
    	content: "\203a";
    	font-size: 1.5em;
    	line-height: 66.67%;
    	margin-left: 0.275em;
      margin-top: 2px;
      display: inline-block;
    }
    /*overwrite linkslist styles in some places */
    #newSecondaryNavWrapper .newSecondaryNavLinks .linklist ul li a::after {
      content: "";
    }

    /* ordered list */
    .linklist4 ol, ol.linklist4 { margin: 0 0 10px 0; padding-left: 0;}
    .linklist4 ol li, ol.linklist4 li { font-size:16px; /*line-height:100%;*/ margin-bottom:12px; } 
    .linklist4 ol li:first-child, ol.linklist4 li:first-child { margin-top:10px; }
    .linklist4 ol li:last-child, ol.linklist4 li:last-child { margin-bottom:0; }
    p.lead1+.linklist4 ol li, .linklist4 p.lead1+ol li { font-size:24px; text-indent:0; }
    p.lead2+.linklist4 ol li, .linklist4 p.lead2+ol li { font-size:20px; text-indent:0; }
	  H4:not(.h5, .h6)~.linklist4 ol li, .linklist4 H4:not(.h5, .h6)~ol li { font-size:20px; font-weight:300; text-indent:0; }

    li.resources {
      background: url('../../../asset/internal/images/assets/icon-resources.png') no-repeat;
      list-style: none;
      padding-left: 18px;
      margin-bottom: 10px;
      margin-left: 20px;
    }

    /* ==============================================================
        Color sets (ultimately from which to derive component-specific palettes)
    ================================================================= */

    /* colors */
    .magenta {color:#FF30EB !important;}               .floodMagenta{ background-color: #FF30EB !important; }
    .red {color:#fe001a !important;}                   .floodRed { background-color:#fe001a !important;}
    .purple {color:#75178C !important;}                .floodPurple { background-color:#871799 !important;}

    .lightorange{ color: #ff9900 !important; }         .floodLightorange { background-color: #ff9900 !important; }
    /*.orange {color:#ff5400 !important;} */           /*.floodOrange{ background-color:#ff5400 !important;}*/
    .yellow{ color: #ffdb00 !important;}               .floodYellow{ background-color: #ffdb00 !important;}

    .blue { color: #141380 !important; }               .floodBlue{ background-color: #141380 !important; }
    .seafoam{ color: #2DC6D6 !important; }             .floodSeafoam{ background-color: #2DC6D6 !important; }
    .green {color:#00F536 !important; }                .floodGreen{ background-color:#00F536 !important; }
    .limegreen {color:#8cd701 !important; }            .floodLimeGreen{ background-color:#8cd701 !important; }
    .yellowgreen {color:#8FCE00 !important; }          .floodYellowGreen{ background-color:#8FCE00 !important; }

    .lightgrey {color: #e5ebeb !important;}            .floodLightgrey{ background-color: #e5ebeb !important;}
    .mediumlightgrey {color: #c4caca !important;}      .floodMediumlightgrey{ background-color: #c4caca !important;}
    .mediumdarkgrey {color: #626d6f !important;}       .floodMediumdarkgrey{ background-color: #626d6f !important;}
    .darkgrey {color: #333 !important;}                .floodDarkgrey{ background-color: #333 !important;}
    .extralightgrey {color: #f3f7f6;}                  .floodExtraLightgrey {background-color: #f3f7f6 !important;}

    .white{ color: white !important; }                 .floodWhite{ background-color: white !important; }
    .black{ color: #000!important; }                   .floodBlack{ background-color: black !important; }
    .skyblue { color: #2dc6d6; }                       .floodSkyBlue { background-color: #2dc6d6; }
    .lightblue { color: #0078c1; }                     .floodLightBlue { background-color: #0078c1; }
    .red { color: #FF001A; }                           .floodRed { background-color: #FF001A; }

    .white h5.alt { color: white !important; }
    .white .lead1 { color: white !important; }

    /* =============================================================
        AEM colors
    ============================================================*/
     /* ==== Blue Colorway colors ====*/
      .colorwayDarkBlue {
        color: #141380 !important;
      }
      .colorwayBlue {
        color: #2DC6D6 !important;
      }
      .colorwayLightBlue {
        /*color: #2DC6D6 !important;*/
    color: #75178C !important;
      }
      .colorwayGreen {
         color: #8FCE00 !important;
      }
      .colorwayLightGreen {
        color: #8FCE00 !important; 
      }

       /* ==== Magenta Colorway colors ====*/
      .colorwayPurple {
        color: #75178C !important;
      }
      .colorwayMegenta {
        color: #DB28A5 !important;
      }
      .colorwayLightPurple, .colorwayLightMagenta {
        color: #DB28A5 !important;
      }

       /* ==== Neutral Colorway colors ==== */
      .colorwayLightGrey {
        color: #F2F5F5 !important;
      }
      .colorwayMedGrey {
        color: #E5EBEB !important;
      }
      .colorwayGrey {
        color: #C4CACA !important;
      }
      .colorwayDarkGrey {
        color: #626D6F !important; 
      }
      .colorwayBlack, .colorwayNuanceBlack {
        color: #000000 !important; 
      }
      .colorwayWhite {
        color: #FFFFFF !important; 
      }

	/* Harry Added text color dependence  */
    .colorwayDarkBlue-bg .text-color-dependent { color:white; }
    .colorwayMedBlue-bg .text-color-dependent { color:white; }
	.colorwayBlue-bg .text-color-dependent { color:white; }
	.colorwayGreen-bg .text-color-dependent { color: #000; }
	.colorwayPurple-bg .text-color-dependent { color:white; }
    .colorwayBlack-bg .text-color-dependent { color: white; }
    .colorwayDarkGrey-bg .text-color-dependent { color:white; }

   /* == commented out as these are also defined in colorway css ==
    .colorwayDarkBlue-bg a { color:white; text-decoration: underline; }

	.colorwayBlue-bg a { color:white; text-decoration: underline; }
	
	.colorwayGreen-bg a { color: #000; text-decoration: underline; }

	.colorwayPurple-bg a { color:white; text-decoration: underline; }

	.colorwayBlack-bg a { color: white; text-decoration: underline; }

	.colorwayDarkGrey-bg a { color:white; text-decoration: underline; }
	*/

	.colorwayLBDB-h-bg a { color:white; text-decoration: underline; }
	.colorwayLBPL-h-bg a { color:white; text-decoration: underline; }
	.colorwayLBGR-h-bg a { color: #000; text-decoration: underline; }

	.white-box-on-color-bg a { color: #285ce6 !important; text-decoration: none; }
  .white-box-on-color-bg a:hover { text-decoration: underline; }
  .box-on-grey-bg a { color: #285ce6 !important; text-decoration: none; }
	.resource-small-box-g-bg a { color: #285ce6; text-decoration:none !important; }
	.resource-small-box-w-bg a { color: #285ce6; text-decoration:none !important; }
   /* added underline if link within <p> */
  .white-box-on-color-bg p>a { color: #285ce6 !important; text-decoration: underline; }
  .box-on-grey-bg p>a { color: #285ce6 !important; text-decoration: underline; }
	.resource-small-box-g-bg p>a { color: #285ce6; text-decoration:underline !important; }
	.resource-small-box-w-bg p>a { color: #285ce6; text-decoration:underline !important; }

	.cta-w-border a,
	.cta-g-border a, 
	.cta-bk-border a,
	.cta-bl-border a,
	.cta-dbl-border a {text-decoration: none !important;}

	a.cta-bk-border { color:#000 !important; }
	a.cta-bl-border { color: #285ce6 !important; }
  a.cta-og-border { color: #000 !important; }
  a.cta-orange { color: #000 !important; }
	a.cta-blue { color: #FFF !important; }

  button.cta { width:auto !important; }
  button.btn:focus-visible, button.cta:focus-visible, a.cta:focus-visible { outline-width:2px; outline-offset: 4px; }
   
  /* For about us pages, remove the underline if there is about-us-tag class defined */ 
    .colorwayDarkBlue-bg .about-us-tag a {color:white;text-decoration: none !important;} 
    .colorwayDarkBlue-bg .about-us-tag p>a {text-decoration: underline !important;} 
    
    /* apply color gradient to Stats componet / Multicolum with Data component */
    .multicolumndatablock .h3.colorwayLBDB-h {
    	background-image:linear-gradient(to right, #0073EA -15%, #141380 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .multicolumndatablock .h3.colorwayLBDB-h sup {
    	background-image:linear-gradient(to right, #0073EA -90%, #141380 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .multicolumndatablock .h3.colorwayLBPL-h {
        background-image: linear-gradient(to right, #0073EA -15%, #75178c 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .multicolumndatablock .h3.colorwayLBPL-h sup {
        background-image: linear-gradient(to right, #0073EA -90%, #75178c 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .multicolumndatablock .h3.colorwayLBGR-h {
        background-image: linear-gradient(to right, #0073EA -15%, #8fce00 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .multicolumndatablock .h3.colorwayLBGR-h sup {
        background-image: linear-gradient(to right, #0073EA -90%, #8fce00 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .statsbrick .h3.colorwayLBDB-h {
        background-image:linear-gradient(to right, #0073EA -15%, #141380 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .statsbrick .h3.colorwayLBDB-h sup {
        background-image:linear-gradient(to right, #0073EA -90%, #141380 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .statsbrick .h3.colorwayLBPL-h {
        background-image: linear-gradient(to right, #0073EA -15%, #75178c 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .statsbrick .h3.colorwayLBPL-h sup {
        background-image: linear-gradient(to right, #0073EA -90%, #75178c 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .statsbrick .h3.colorwayLBGR-h {
        background-image: linear-gradient(to right, #0073EA -15%, #8fce00 80%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .statsbrick .h3.colorwayLBGR-h sup {
        background-image: linear-gradient(to right, #0073EA -90%, #8fce00 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
                
    /* ==============================================================
        #mobileMenu + #mobileOverlay Styles
    ================================================================= */

    /* #mobileMenu { display:none; font-size: 2.5em; float: right; padding: 7px 10px 5px 10px; margin: 10px 0 0 0; border-radius: 2px; background-color: white; cursor: pointer; color: #7E7E7e; }
    #mobileMenu:hover { color: #000; }
    #mobileMenu_Primary {display: none; list-style: none; text-align: right; margin-right: 10px; font-size: 13px;} */

    #mobileOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; background: #e5ebeb; z-index: 200; }
    #mobileOverlayClose { display:block; font-size: 29px; float: right; margin: 21px 22px 0 0; cursor: pointer; color: #626d6f;}
    #mobileOverlayClose:hover { color: #000; }
    #mobileOverlay #logoPlacement{ display: none; }
    #mobileOverlay .searchbar { margin-top: 20px; }
    #mobileOverlay .searchbar .mobileInputButton{ font-size: 16px; padding-top: 17px; padding-bottom: 15px; }
    #mobileOverlay .input-append {width: 100%; text-align: center; margin-top: 20px; }
    #mobileOverlay .fa-search { color: white; }

    #mobileInput { font-size: 14px; padding-top: 4px; padding-bottom: 4px; min-width:50% !important; }

    #mobileOverlay_Primary { display: block; margin: 80px 0 0 0; text-align: center;  }
    #mobileOverlay_Primary li { list-style-type: none; font-size: 26px; line-height: 2.7em; cursor: pointer; border-bottom: 1px solid #d0d5d5; }
    #mobileOverlay_Primary li:hover { color: #000; }

   /* ==============================================================
    	In-page Navigation
    ================================================================= */

    #pageNavigation { padding: 20px 0; overflow: visible; }
    ul.nav-pills { width:72%; float: left; padding-left: 0;  margin-left:0px; }
    ul.nav-pills li { list-style:none; display:inline-block; max-width: 10%; margin-right:3%; vertical-align:top; word-break: normal;}
    ul.nav-pills li:first-of-type { margin-left: 0; }
    ul.nav-pills > li > a { display:inline-block; font-size: 16px; line-height:120%; padding:0; margin:0; text-decoration: underline; }
    ul.nav-pills > li > a:hover,  .nav-pills > li > a:focus{ text-decoration: underline; background-color: none;  }

    /* float the CTA button to the right if it's included in stickynav */
    #pageNavigation .cta, 
    #pageNavigation .dropdown-toggle, #pageNavigation .btngroup { float: right; }
    #pageNavigation .btngroup .cta { float: left; }
    #pageNavigation .btngroup .cta+.cta { margin-left:10px; }
    
    /* ==============================================================
      Docked stickyNav (collapsedNav) Classes
    ================================================================= */

    #collapsedNav{ display: none; position: fixed; border-bottom: 1px solid #e2e2e2; top: 0; left: 0; right: 0;
        height: auto; z-index: 999; background: white; padding: 10px 0; }
    #collapsedNavWrapper .nav-only-item { display: block; } /*items that only show up in collapsed nav*/
    #collapsedNav_Primary { background: white; height: 55px; padding: 0; margin: 0 0 0 -20px; display: table-row; }
    #collapsedNav_Primary li{ display: table-cell; vertical-align: middle; height: 55px; list-style-type: none; margin: 0; padding: 0 20px 0 20px; font-size: 15px; max-width: 150px; cursor: pointer;}
    #collapsedNav_Primary .inactive{ background: white; color: #6e6e70; }
    #collapsedNav_Primary .inactive:hover{ cursor: pointer; background: #f2f2f2; color: #000; border-right: 1px solid #e2e2e2; }
    #collapsedNav_Primary .active{ font-weight: bold;  }
    #collapsedNav_Primary .islast{ border-right: none;}

    #collapsedNav .nav-pills { margin-top: 2px; }
    #collapsedNav .nav-pills li { list-style: none; }
    #collapsedNav .nav-pills > li > a { margin-top: 0px; padding-top: 0px; }
    #collapsedNav .nav-pills > li:first-child > a { padding-left: 0px; }
    #collapsedNav .cta { float: right; }

    #collapsedNav .btngroup { float: right;}
    #collapsedNav .btngroup .cta { float: left; }
    #collapsedNav .btngroup .cta+.cta { margin-left:10px; }

    .stickyNav-anchor { display: block; position: relative; top: -160px;}
    /* ==============================================================
        Buttons Styles
    ================================================================= */

    /* overwrite btn style in Bootstrap */
    .btn { 
      color: #FFF !important; 
      font-size: 16px !important; 
      line-height: 22px !important; 
      display: inline-block;
      background-image: none !important; 
      background-color: #666 !important; 
      border: 0 !important; 

      -webkit-box-shadow: none !important; 
      -moz-box-shadow: none !important;
      text-shadow: none !important; 

      -webkit-border-radius: 3px !important; 
      -moz-border-radius: 3px !important; 
      border-radius: 3px !important;
    }
    
    .dropdown-toggle { 
      padding: 6px 25px; 
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      display: inline-block;
      font-size: 16px;
      /*font-weight: bold;*/
      letter-spacing: 0 !important;
    }

    .btn-primary { background-color: #285ce6 !important; padding: 7px 24px; }
    .btn-primary:hover { background-color: #1c4dd0 !important; }

    /* dropdown buttons */
    .btn-critical { background-color:#ff5400 !important; color: #000; border: 0 !important; } /*orange*/
    .btn-critical .caret { border-top-color: white; margin-top: 8px;  margin-left: 0; }
    .btn-critical:hover, .btn-group.open .btn-critical { background-color: #FF651A !important; text-decoration: none !important; }
    .btn-critical .caret { border-top-color: white;}
  
    .btn-w-border-dropdown { border: solid 2px #FFF; color:white !important; background-color: transparent; line-height: 18px; padding: 7px 24px; } 
    .btn-w-border-dropdown:hover, .btn-group.open .btn-w-border-dropdown { text-decoration: none; background-color: white; color:#000 !important; }
    .btn-w-border-dropdown .caret { border-top-color: white; margin-top: 8px;  margin-left: 0; }
    .btn-w-border-dropdown:hover .caret { border-top-color: #000;}

    .btn-bk-border-dropdown { border: solid 2px #000; color: #000 !important; background-color: transparent; line-height: 18px; padding: 7px 24px; }
    .btn-bk-border-dropdown:hover, .btn-group.open .btn-bk-border-dropdown { text-decoration: none; background-color: #000; color:#fff !important; }
    .btn-bk-border-dropdown .caret { border-top-color: #000; margin-top: 8px;  margin-left: 0;}
    .btn-bk-border-dropdown:hover .caret { border-top-color: #fff;}
	
    .btn-bl-border-dropdown { border: solid 2px #285ce6; color: #285ce6 !important;background-color: transparent; line-height: 18px; padding: 7px 24px; }
    .btn-bl-border-dropdown:hover, .btn-group.open .btn-bl-border-dropdown { text-decoration: none; color: white !important; background-color: #285ce6; }
    .btn-bl-border-dropdown .caret { border-top-color: #285ce6; margin-top: 8px;  margin-left: 0;}
    .btn-bl-border-dropdown:hover .caret { border-top-color: white;}
	
	
    /* ============================================================== 
        dropdown menu
    ================================================================= */

    /* == dropdown menu ==*/
    .dropdown-menu { margin-top:2px; padding:10px 0; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
    .dropdown-menu>li {text-align: left; }
    .dropdown-menu>a { padding: 3px 20px;}
    .dropdown-menu>a:hover, 
    .dropdown-menu>a:focus, 
    .dropdown-menu>a:active { text-decoration: underline; background: none !important;}
    .btn-critical+.dropdown-menu { border: solid 2px #ff5400; color: #ff5400; padding-top:10px;}
    .btn-critical+.dropdown-menu>a { color: #000 !important; }
    
    .btn-primary+.dropdown-menu { border: solid 2px #285CE6; color: #285CE6; }
    .btn-primary+.dropdown-menu>a { color: #285CE6 !important; }

    .btn-secondary+.dropdown-menu { border: solid 2px #285CE6; color: #285CE6; }
    .btn-secondary+.dropdown-menu>a { color: #285CE6 !important; }

    .btn-w-border-dropdown +.dropdown-menu { border: solid 2px #E5EBEB; color: #000; padding-top:10px;}
    .btn-w-border-dropdown +.dropdown-menu>a { color: #000 !important; }

    .btn-bk-border-dropdown +.dropdown-menu { border: solid 2px #000; color: #000; padding-top:10px;}
    .btn-bk-border-dropdown +.dropdown-menu>a { color: #000 !important; }

    .btn-bl-border-dropdown +.dropdown-menu { border: solid 2px #285CE6; color: #285CE6; padding-top:10px;}
    .btn-bl-border-dropdown +.dropdown-menu>a { color: #285CE6 !important; }
	
    .btn-group.open .dropdown-toggle {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    .in-page-dropdown { margin-top:-30px; font-size: 14px;}

    /* ==============================================================
        Download
    ================================================================= */

    ul.download { font-size: 16px; margin-left: 0px;}
    ul.download li { background: url('../../../asset/internal/images/assets/icon-download.png') no-repeat; list-style: none; padding-left:20px; margin-bottom:10px;}
    li.download { background: url('../../../asset/internal/images/assets/icon-download.png') no-repeat; list-style: none; padding-left:18px; margin-bottom:10px; margin-left:20px;}

     /* ==============================================================
        Video Related
    ================================================================= */

    .video-title { font-size: 48px; font-weight: 600; line-height: 100%; letter-spacing: -1px; margin-bottom:30px;} /*same fonts as h3*/
    p.video-desc { font-size: 24px; line-height: 1.25; margin: 0px 0px 20px 0; font-weight: bold; letter-spacing: -1px; }
    p.video-under-desc { font-size: 24px; line-height: 1.25; margin: 0; padding-top:30px; font-weight: bold; letter-spacing: -1px; }

    /* videowrapper classes are for responsive video - wrap videos in a <div> with class as "videowrapper" */
    .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        /*padding-top: 25px;*/
        height: 0;
    }
    .videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    /* mouse-over video thumbnails to darken video screenshot but keep play button highlighted */
      .video_thumb_container { position: relative; }
      .video_thumb_playbtn { position:absolute;z-index:100; width: 100%; }
      .video_thumb_actual { position: relative; z-index:10; }
      .video_thumb_actual img { width:100%; }

      .video_thumb_playbtn:hover + div>a.darken, a.darken {
          display: inline-block;
          background: black;
          padding: 0;
      }

      .video_thumb_playbtn:hover + div>a.darken img, a.darken img {
          display: block;   
          -webkit-transition: all 0.5s linear;
             -moz-transition: all 0.5s linear;
              -ms-transition: all 0.5s linear;
               -o-transition: all 0.5s linear;
                  transition: all 0.5s linear;
      }

      .video_thumb_playbtn:hover + div>a.darken img, a.darken:hover img {
          opacity: 0.7;            
      }

      /* overwrite Vidyard video size in lightbox */
      #vidyard-popbox-constraint.landscape {
        height: auto !important;
        max-width:  1000px;
      }

    /* ==============================================================
        NEW Button Styles for AEM
    ================================================================*/

    /* .cta has the base definition for all buttons */
    .cta {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      display: inline-block;
      font-size: 16px;
      /*line-height: 18px; */
      font-weight: 400;
      letter-spacing: 0 !important;
      text-decoration: none !important;
      cursor: pointer;
    }
    
    .cta:hover {
      text-decoration: none !important;
      outline: 2px solid #000;
    }

    /* General UI Buttons */

    .cta-orange { background-color:#FF5400; color:#000 !important; line-height: 18px; padding: 9px 26px; }
    .cta-orange:hover, a.cta-orange:focus { background-color: #FF651A; }

    .cta-blue { background-color:#285ce6; color:#FFFFFF !important; line-height: 18px; padding: 9px 26px; }
    .cta-blue:hover, a.cta-blue:focus { background-color: #1c4dd0; }
    
    /* bordered buttons: cta-w-border, cta-b-border cta-g-border */ 
    .cta-w-border { border: solid 2px #FFF; color:white !important; line-height: 18px; padding: 7px 24px; } 
    .cta-w-border:hover { text-decoration: none; background-color: white; color:#000 !important; }

    .cta-g-border { border: solid 2px #c4caca; color: #000 !important; line-height: 18px; padding: 7px 24px; }
    .cta-g-border:hover { text-decoration: none; background-color: #E5ECEB;}

    .cta-bk-border { border: solid 2px #000; color: #000 !important; line-height: 18px; padding: 7px 24px; }
    .cta-bk-border:hover { text-decoration: none; background-color: #000; color:#fff !important; }
    
    .cta-bk-border.compact { padding: 7px 10px; font-size: 14px; letter-spacing:-0.25px; }
  
    .cta-bl-border { border: solid 2px #285ce6; color: #285ce6 !important; line-height: 18px; padding: 7px 24px; background:transparent; }
    .cta-bl-border:hover { text-decoration: none; color: white !important; background-color: #285ce6; }

    .cta-dbl-border { border: solid 2px #141380; color: #141380 !important; line-height: 18px; padding: 7px 24px; }
    .cta-dbl-border:hover { text-decoration: none; color: white !important; background-color: #141380; }
    
    .cta-og-border { border: solid 2px #FF5400; color: #FF5400 !important; line-height: 18px; padding: 7px 24px; }
    .cta-og-border:hover { text-decoration: none; color: #000000 !important; background-color: #FF5400; }

    .cta-bl-border.compact { padding: 7px 10px; font-size: 14px; letter-spacing:-0.25px; }	

    .cta-bk-fill { background-color: #000; color: #FFF !important; line-height: 18px; padding: 8px 26px 9px; }
    .cta-bk-fill:hover { background-color: #333; }

    .cta-w-fill { background-color: #FFF; color: #000 !important; line-height: 18px; padding: 8px 26px 9px; }
    .cta-w-fill:hover { background-color: #F2F5F5; }
	
    /* Functional UI buttons */

    .cta-completion { background-color:#FF5400; color:#FFFFFF !important; line-height: 18px; padding: 9px 25px; }
    .cta-completion:hover, .cta-completion:focus { background-color: #E14C02; }
    .cta-completion.inactive { border: solid 2px #c4caca;  color:#c4caca !important; background-color: white !important; line-height: 18px; padding: 7px 24px; }

    .cta-positive { background-color:#0088CC; color:#FFFFFF !important; line-height: 18px; padding: 9px 25px; }
    .cta-positive:hover, .cta-positive:focus { background-color: #026CAF; }
    .cta-positive.inactive { border: solid 2px #c4caca;  color:#c4caca !important; background-color: white !important; line-height: 18px; padding: 7px 24px; }

    .cta-neutral { border: solid 2px #c4caca; color: #000 !important; line-height: 18px; padding: 7px 24px; }
    .cta-neutral:hover, .cta-neutral:focus { text-decoration: none; background-color: #E5ECEB;}
    .cta-neutral.inactive { border: solid 2px #c4caca;  color:#c4caca !important; background-color: white !important; }

    .cta-negative { border: solid 2px #E8112D; color:#E8112D !important; background-color: #FFF; line-height: 18px; padding: 7px 24px; } 
    .cta-negative:hover, .cta-negative:focus { text-decoration: none; background-color: #E8112D; color:#FFF !important; }
    .cta-negative.inactive { border: none; color:#fe001a !important; }

    /* whole-width button used on Dragon Anywhere; cta_wholewid_w_on_o = white font on orange bg*/
    .cta_wholewid_w_on_o {
      background-color: #ff5400;
      width: 100%;
      display: inline-block;
      color: #FFFFFF !important;
      font-size: 22px;
      line-height: 24px !important;
      font-weight: 400;
      text-align: center;
      padding: 8px 25px; 
    }

    .cta_wholewid_container { padding: 0 40px 20px 30px; }

    .cta+.cta { margin-left: 20px; } /* add spacing between 2 cta buttons */

    .flyout-wrapper .flyout-content .cta+.cta { margin-left: 10px; }
    .flyout-wrapper .flyout-content .wholewidth+.wholewidth { margin-left: 0 !important; }
    .flyout-wrapper .flyout-content .cta-bl-border+.cta-bl-border { margin-left: 10px;}

	/* ==============================================================
    	Expanded Section Classes
    ================================================================= */

	.expanded-section {
   display: none; 
		overflow: hidden;
		background-color:#F0F0F0;
		padding: 0;
	}

  .expanded-section .section { padding:30px 0; }

  .read-more { cursor: pointer; }

  .progressivereadmore .read-more{
    color: inherit;
    text-decoration: none;
  }
  .progressivereadmore .expanded-section .arrow-up{margin-top: -14px;}
  /* ==============================================================
      Accordians / Window shading
  ================================================================= */

    .panel { border-bottom: solid 1px #CCC; }
    .panel.first { border-top: solid 1px #CCC; }
    .panel.last { border-bottom: none; }
    .panel-heading .accordion-toggle:after {
      /* symbol for "opening" panels */
      font-family: 'Glyphicons Halflings';
      content: "";   
      float: right;     
      background-image:url('../../../asset/internal/images/assets/toggle_minus_25x25.png');
      height:25px;
      width:25px;
      padding-right:30px;
      background-repeat:no-repeat;
      margin-top:-55px;

    }
    .panel-heading .accordion-toggle.collapsed:after {
      content: "";   
      background-image:url('../../../asset/internal/images/assets/toggle_plus_25x25.png');
      padding-right:30px;
      background-repeat:no-repeat;
      margin-top:-55px;
    }
    .collapsed { border-bottom: 0px solid #85bbdd !important; }

    h4.panel-title:hover {
      background-color: #e5ebeb;
      color: #1c4dd0;
    }
    .panel-subtitle { font-size: 20px; padding-bottom: 30px; margin: 10px 0 0 30px; }

    div.panel-heading:hover {
      background-color: #e5ebeb;
    }
    .panel-body {
      padding:15px 30px 30px 30px;
    }

    a.accordion-toggle, a.accordion-toggle.collapsed {
      text-decoration: none !important;
    }
    .progressiveaccordion .panel-heading a { color: #285ce6; cursor: pointer;}
    .panel-heading a:link { text-decoration: none; }

    .plusminus {float: right;width: 55px;height: 55px;margin-left: 40px;margin-bottom: 10px;}
    .showminus {background: url(../../../asset/internal/images/assets/toggle_minus_25x25.png);background-repeat: no-repeat;}
    .showplus {background: url(../../../asset/internal/images/assets/toggle_plus_25x25.png);background-repeat: no-repeat;}

	.accordioneditheight { height: auto; }
	
	/* ==============================================================
      Progressive Disclosure / Read More
 	================================================================= */
  	
  	.XX-Small {	font-size:50px; }
	.X-Small { font-size:80px; }
	.Small { font-size:110px; }
	.Medium { font-size:140px; }
	.Large { font-size:170px; }
	.X-Large { font-size:200px; }
  
    /* ==============================================================
        Link Block Classes
        Examples: 
        http://www.nuance.com/for-business/imaging-solutions/index.htm#solutions
        http://www.nuance.com/for-business/imaging-solutions/index.htm#expertise
    ================================================================= */

    div.mouseover { cursor: pointer; }
    .normal-text { color: #000; text-decoration: none !important; }
    a:hover p:not(.normal-text) { text-decoration:underline; } 
    a:hover p.normal-text { text-decoration: none !important; }

    div.mouseover a:hover { text-decoration:none !important; color:#285ce6; }
    div.mouseover a:hover>.normal-text{ color:#000000 !important; text-decoration: none; }
    div.mouseover a:visited>.normal-text, div.mouseover a:active>.normal-text{ color:#000000 !important; text-decoration: none; }
    div.mouseover a:hover h5 { text-decoration:underline; }
    div.mouseover a:hover h5.special { text-decoration:none; }

    .linkblock div.mouseover:hover { background-color: #e5ebeb; } /*Dragon Anywhere*/
    .linkblock div.mouseover:hover .cta_wholewid_w_on_o { background-color: #e14c02; }
    .linkblockhighlight .row [class*="span"] { padding: 10px 15px; margin-top: -10px !important; margin-bottom: -10px; }
    .linkblockhighlight div.mouseover:hover { background-color: #f2f6f5; }
    a.nostyle, a.nostyle:hover { text-decoration: none; }

	/* ==============================================================
    	Misc / Utility Classes
    ================================================================= */

  	.arrow-up {
  		width: 0;
  		height: 0;
      border-style: solid;
      border-width: 0 15px 15px 15px;
      border-color: transparent transparent #F0F0F0 transparent;
  		margin-top: -15px;
  		position: absolute;
  		margin-left: 14%;
  	}
  	.arrow-down {
  		width: 0;
  		height: 0;
  		border-left: 6px solid transparent;
  		border-right: 6px solid transparent;
  		border-top: 8px solid #000;
  	}
 
    /* keep these 2 classes for old pages */
    .minus_icon { background: url('../../../asset/internal/images/assets/minus_icon_small.png') no-repeat left center; display:inline-block;}
    .plus_icon { background: url('../../../asset/internal/images/assets/plus_icon_small.png') no-repeat left center; display:inline-block; }

    .toggle-minus { background: url('../../../asset/internal/images/assets/toggle_minus_25x25.png') no-repeat; display:inline-block;}
    .toggle-plus { background: url('../../../asset/internal/images/assets/toggle_plus_25x25.png') no-repeat; display:inline-block; }

    .toggle-minus-blue-sm { background: url('../../../asset/internal/images/assets/toggle_minus_14x14.png') no-repeat left center; display:inline-block;}
    .toggle-plus-blue-sm { background: url('../../../asset/internal/images/assets/toggle_plus_14x14.png') no-repeat left center; display:inline-block; }

    .circle-base {
      -webkit-border-radius: 999px;
      -moz-border-radius: 999px;
      border-radius: 999px;
      text-align: center;
    }

    /* Vertical center only */
    .flexbox { 
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;

      -webkit-flex-align: center;
          -ms-flex-align: center;
      -webkit-align-items: center;
              align-items: center;
    }

    .flexbox-column { 
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;

      -webkit-flex-align: center;
      	  -ms-flex-align: center;
      	-webkit-align-items: center;
      	align-items: center;
      	
	  flex-direction: column;      
    }

	/* horizontal center only */
    .flexbox-horizontal { 
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      /* horizontal center */      
      -webkit-justify-content: center;
          -ms-justify-content: center;
              justify-content: center;
    }

    .flexbox-horizontal-column { 
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;

      /* horizontal center */      
      -webkit-justify-content: center;
          -ms-justify-content: center;
              justify-content: center;
      	        
 		flex-direction: column;      
    }
    /* both vertical and horizontal center */
    .flexbox-center { 
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      /* horizontal center */      
      -webkit-justify-content: center;
          -ms-justify-content: center;
              justify-content: center;
      /* vertical center */
      -webkit-flex-align: center;
          -ms-flex-align: center;
      -webkit-align-items: center;
              align-items: center;
    }

    .flexbox-center-column { 
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;

      /* horizontal center */      
      -webkit-justify-content: center;
          -ms-justify-content: center;
              justify-content: center;
      /* vertical center */
      	-webkit-flex-align: center;
      	    -ms-flex-align: center;
      	-webkit-align-items: center;
      	        align-items: center;
      	        
 		flex-direction: column;      
    }

    .icon-w-shadow {
      -webkit-box-shadow: 5px 5px 0px 0px rgba(196,196,196,0.7);
      -moz-box-shadow: 5px 5px 0px 0px rgba(196,196,196,0.7);
      box-shadow: 5px 5px 0px 0px rgba(196,196,196,0.7);
    }

    /* === bordered tabs (used in PowerPDF why-switch / how-to pages) ===*/
    .bordered-nav-tabs { display: table; text-align: center; width: 100%; }
    .bordered-nav-tabs td {
      border: 2px solid #c4caca;
      vertical-align: middle;
      padding: 5px;
      width: 10%;
    }
    .bordered-nav-tabs td a {
      font-size: 16px;
      color: #626d6f !important;
    }
    .bordered-nav-tabs td.selected { background-color: #f3f7f6; }

    /* vertical line - mainly on product pages*/
    .right-border-meddarkgrey {
        border-right: solid 1px #666;
        padding-right: 2.56%;
    }

    .bold { font-weight:600; }
    .hide { display:none; }
    .hover {cursor: pointer; }
    a.underline { text-decoration: underline; }
    .nounderline { text-decoration: none !important; }
    .nowrap { white-space: nowrap; }
    .nofloating { float: none !important; }
    .wholewidth { display:block; }

    .sysrequirements { font-size: 12px; width: 100%;} /* for system req links on product pages */

    /* close button for in-page form */
    a.close_btn {
      background: url('../../../asset/internal/images/assets/product/close_btn.png') no-repeat right center;
      font-size: 18px; font-weight: bold; float: right; text-decoration: none; padding-right: 28px; cursor: pointer;
    }

    /* this class is to center any div with .spanx class in the center of the container */
    .row [class*="col"].center { float:none; margin:0 auto; text-align: center; }

    .viewall { font-weight: bold; font-size:16px; }

    /* search row */
    .searchrow select, .searchrow input { 
      display: inline-block; 
      font-size:16px; 
      height: 38px;
      margin-bottom:0; margin-left:15px; 
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .searchrow :first-child { margin-left:0; }

    /* caption for images or videos C2-10 */
    .figcaption { margin-top:10px; }

    .clearfix:before,
    .clearfix:after {
      content: "";
      display: table;
    }

    .clearfix:after {
      clear: both;
    }

    .clearfix {
      zoom: 1; /* ie 6/7 */
    }

    /* ==============================================================
        HR Classes
    ================================================================= */
    hr { margin: 0; border: 0; border-top: 1px solid #c1c1c1; border-bottom: none;} /*horizontal line between bricks*/
    hr.inner {margin: 50px 0; border: 0; border-top: 1px solid #c1c1c1; border-bottom: none; } /*horizontal line between sections inside a brick*/
    hr.inner-small {margin: 20px 0; border: 0; border-top: 1px solid #c1c1c1; } /*horizontal line between sections inside a brick*/
    hr.inner-alt { margin: 0 auto; border-top: 1px solid #c1c1c1; border-bottom: none; max-width: 1100px; }
    hr.menu {border: 0; border-bottom: 1px solid #c1c1c1;}
    hr.smallview {margin: 0; border: 0; border-top: 1px solid #ccc; border-bottom: none; } /*horizontal line between lightgrey bricks in smaller views */
    .hr-hide {margin-top:0 !important;border:none !important;}

    /* ==============================================================
        Featured Resources Box Classes
    ================================================================= */
    
    /* grey-background resource box*/
    .resource-small-box-g-bg { border-top: solid 8px #000000; background-color:#F2F5F5; padding:20px 20px 40px 20px; }
    
    .resource-small-box-g-bg.colorwayDarkBlue { border-top: solid 8px #141380; }
    .resource-small-box-g-bg.colorwayBlue { border-top: solid 8px #2DC6D6; }
    .resource-small-box-g-bg.colorwayLightBlue { border-top: solid 8px #2DC6D6; }
    .resource-small-box-g-bg.colorwayMedBlue { border-top: solid 8px #0073EA; }

    .resource-small-box-g-bg.colorwayGreen { border-top: solid 8px #8FCE00; }
    .resource-small-box-g-bg.colorwayLightGreen { border-top: solid 8px #8FCE00; }

    .resource-small-box-g-bg.colorwayPurple { border-top: solid 8px #75178C;}

    .resource-small-box-g-bg.colorwayDarkGrey { border-top: solid 8px #626D6F; }
    .resource-small-box-g-bg.colorwayGrey { border-top: solid 8px #C4CACA; }
    .resource-small-box-g-bg.colorwayMedGrey  { border-top: solid 8px #E5EBEB; }
    .resource-small-box-g-bg.colorwayLightGrey { border-top: solid 8px #E5EBEB; }
    
    .resource-small-box-g-bg.colorwayBlack { border-top: solid 8px #000000; }
    .resource-small-box-g-bg.colorwayWhite { border-top: solid 8px #FFFFFF; }

  /* white-background resource box*/
    .resource-small-box-w-bg { border-top: solid 8px #000000; background-color:#fff; padding:20px 20px 40px 20px; }

    .resource-small-box-w-bg.colorwayDarkBlue { border-top: solid 8px #141380; }
    .resource-small-box-w-bg.colorwayBlue { border-top: solid 8px #2DC6D6; }
    .resource-small-box-w-bg.colorwayLightBlue { border-top: solid 8px #2DC6D6; }
    .resource-small-box-w-bg.colorwayMedBlue { border-top: solid 8px #285CE6; }

    .resource-small-box-w-bg.colorwayGreen { border-top: solid 8px #8FCE00; }
    .resource-small-box-w-bg.colorwayLightGreen { border-top: solid 8px #8FCE00; }

    .resource-small-box-w-bg.colorwayPurple { border-top: solid 8px #75178C;}

    .resource-small-box-w-bg.colorwayDarkGrey { border-top: solid 8px #626D6F; }
    .resource-small-box-w-bg.colorwayGrey { border-top: solid 8px #C4CACA; }
    .resource-small-box-w-bg.colorwayMedGrey  { border-top: solid 8px #E5EBEB; }
    .resource-small-box-w-bg.colorwayLightGrey { border-top: solid 8px #E5EBEB; }
    
    .resource-small-box-w-bg.colorwayBlack { border-top: solid 8px #000000; }
    .resource-small-box-w-bg.colorwayWhite { border-top: solid 8px #FFFFFF; }

    [class*=resource-small-box-] h5 { color:#000000; }
    [class*=resource-small-box-].colorwayDarkBlue h5 { color: #141380; }
    [class*=resource-small-box-].colorwayBlue h5 { color: #2DC6D6; }
    [class*=resource-small-box-].colorwayLightBlue h5 { color: #2DC6D6; }
    [class*=resource-small-box-].colorwayGreen h5 { color: #8FCE00; }
    [class*=resource-small-box-].colorwayLightGreen h5 { color: #8FCE00; }
    [class*=resource-small-box-].colorwayDarkOrange h5 { color: #FF5400; }
    [class*=resource-small-box-].colorwayOrange h5 { color: #FF5400; }
    [class*=resource-small-box-].colorwayLightOrange h5 { color: #FF9900; }
    [class*=resource-small-box-].colorwayYellow h5 { color: #FFDB00; }
    [class*=resource-small-box-].colorwayMagenta h5 { color: #75178C; }
    [class*=resource-small-box-].colorwayLightMagenta h5 { color: #FF30EB; }
    [class*=resource-small-box-].colorwayPurple h5 { color: #75178C;}
    [class*=resource-small-box-].colorwayLightPurple h5 { color: #DB28A5; }
    [class*=resource-small-box-].colorwayRed h5 { color: #E8112D; }
    [class*=resource-small-box-].colorwayLightRed  h5 { color: #E8112D; }
    [class*=resource-small-box-].colorwayDarkGrey h5 { color: #626D6F; }
    [class*=resource-small-box-].colorwayGrey h5 { color: #C4CACA; }
    [class*=resource-small-box-].colorwayMedGrey  h5 { color: #E5EBEB; }
    [class*=resource-small-box-].colorwayLightGrey h5 { color: #E5EBEB; }
    [class*=resource-small-box-].colorwayBlack h5 { color: #000000; }
    [class*=resource-small-box-].colorwayWhite h5 { color: #FFFFFF; }
        
    .resource-small-box-g-bg .thumb, .resource-small-box-w-bg .thumb { 
      float:left; 
      webkit-box-shadow: 5px 5px 0px 0px rgba(196,196,196,0.7);
      -moz-box-shadow: 5px 5px 0px 0px rgba(196,196,196,0.7);
      box-shadow: 5px 5px 0px 0px rgba(196,196,196,0.7); 
    }

    .resource-small-box-g-bg p, .resource-small-box-w-bg p { color: #000; }
    .resource-small-box-g-bg p span, .resource-small-box-w-bg p span { color: #285CE6; }

    /* ==============================================================
        Spacing Classes
    ================================================================= */

	.pad180 {padding-top: 180px !important; }
	.pad120 {padding-top: 120px !important; }
	.pad100 {padding-top: 100px !important; }
    .pad60 { padding-top: 60px !important; }
    .pad50 { padding-top: 50px !important; }
    .pad40 { padding-top: 40px !important; }
    .pad30 { padding-top: 30px !important; }
    .pad20 { padding-top: 20px !important; }
    .pad10 { padding-top: 10px !important; }
    .pad0 { padding-top: 0px !important; }
    
	.pad180bottom {padding-bottom: 180px !important; }
	.pad120bottom {padding-bottom: 120px !important; }
	.pad100bottom {padding-bottom: 100px !important; }
    .pad60bottom { padding-bottom: 60px !important; }
    .pad40bottom { padding-bottom: 40px !important; }
    .pad30bottom { padding-bottom: 30px !important; }
    .pad20bottom { padding-bottom: 20px !important; }
    .pad10bottom { padding-bottom: 10px !important; }
    .pad0bottom { padding-bottom: 0px !important; }
    
    .margin120 { margin-top: 120px !important; }
    .margin100 { margin-top: 100px !important; }
    .margin80 { margin-top: 80px !important; }
    .margin60 { margin-top: 60px !important; }
    .margin50 { margin-top: 50px !important; }
    .margin40 { margin-top: 40px !important; }
    .margin30 { margin-top: 30px !important; }
    .margin20 { margin-top: 20px !important; }
    .margin10 { margin-top: 10px !important; }
    
    .margin120bottom { margin-bottom: 120px !important; }
    .margin100bottom { margin-bottom: 100px !important; }
    .margin80bottom { margin-bottom: 80px !important; }
    .margin60bottom { margin-bottom: 60px !important; }
    .margin50bottom { margin-bottom: 50px !important; }
    .margin40bottom { margin-bottom: 40px !important; }
    .margin30bottom { margin-bottom: 30px !important; }
    .margin20bottom { margin-bottom: 20px !important; }
    .margin0bottom { margin-bottom: 0px !important; }
    .eyebrowH5Alignment { margin-top: 50px !important; }
    .margin20neg { margin-top: -20px !important; }
    
    
    
    /*created by Adobe PS / Used in carousel component */
     .nobg-image {
        background-image: none !important;
    }

    .pad60bottomremove	{
        padding-bottom:0px !important;
    }
    
    .marginbottomremove {
        margin-bottom:0px !important;
        margin-top:0px !important;
	}

    /* ==============================================================
        Product Promotion Classes
    ================================================================= */
    
    .price-eyebrow { display:block; }
    .price-caption { font-size: 14px;  display:block; }
    .promo-price { display: inline-block; font-size: 24px; font-weight: 600; padding:5px 0; color: #ff5400 !important; }
    .promo-price sup { font-size: 14px; margin-left:2px;}
    .promo-price-big { display: inline-block; font-size: 36px; font-weight: 600; padding:5px 10px 0 0;}
    .promo-price-big sup { font-size: 16px; top: -1em; margin-left:2px; }
    .strike-through-price { font-size: 16px; color: #626d6f; text-decoration: line-through; }
    .cta-line { margin-top:20px; }
    .learn-more { font-size: 16px; display:inline-block; margin-left:20px;}
    .button-w-label { float:left; margin-right: 20px; margin-bottom: 6px;} /*buttons with h6 label above it; Example: PowerPDF Advanced*/
    .text-center .button-w-label, .button-w-label-center { float:none; margin-right:10px; margin-left:10px; display: inline-block; } /* button with h6 label and with center-text alignment */
    .text-start .button-w-label { margin-left: 0; }
    .button-w-label h6, .button-w-label-center h6, h6.button-group-label,.button-w-label .h6, .button-w-label-center .h6, .h6.button-group-label { margin-bottom:8px; }
    .product-feature-image { display: inline-block; margin-right:20px; }
	.ecommerceproductblock .price { font-size:16px; }
  .ecommerceproductblock img{width: auto;}
	#pill-brick-variation-img {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-size: cover;
	}
	.pill-brick-bg-img { min-height: 330px; }
	
    /* ==============================================================
        System Requirement Tab Classes
    ================================================================= */

    #tabs .product-cat a { padding:18px 0; border-bottom: solid 1px #999; font-size:18px; color:#626d6f; font-weight: 600; padding-left:30px; display:block; }
    #tabs .product-cat { width: 100%; }
    #tabs .product-cat:first-of-type { border-top: solid 1px #999; margin-top:25px; width: 100%;}
    #tabs .product-cat a.current, .systemrequirements .nav-tabs>li>a.active { color:#000; }
    #tabs .list-wrap { margin-top:20px; }
    #tabs .list-wrap ul { margin: 0 0 10px 25px; }
    #tabs .list-wrap ul li { margin-bottom:12px; }
    
    /* ==============================================================
        Horizontal Tab Classes
    ================================================================= */

    /*new Tab bootstrap layout */
    .horizontaltabs .tab-nav .nav-tabs {justify-content: center;text-align: center; margin-bottom: 0 !important;}
    .horizontaltabs .tab-nav .nav-tabs li .nav-link { color: #285ce6;padding:9px 15px; font-size:16px; border-radius: 0; border: none; background: transparent; }
    .horizontaltabs .tab-nav .nav-tabs li .nav-link.active { border-bottom: solid 1px #000000 !important; color:#000000; font-weight: bold; text-decoration: none; background: transparent; }
    .horizontaltabs .tab-nav .nav-tabs li .nav-link.active:focus, 
    .horizontaltabs .tab-nav .nav-tabs li .nav-link.active:focus-visible, 
    .horizontaltabs .tab-nav .nav-tabs li .nav-link.active:hover { text-decoration: none; background: transparent; color: #000 !important; outline: auto; box-shadow:0 0 0 0;}
    .horizontaltabs .tab-nav .nav-tabs li .nav-link:hover, 
    .horizontaltabs .tab-nav .nav-tabs li .nav-link:focus,
    .horizontaltabs .tab-nav .nav-tabs li .nav-link:focus-visible { color: #285ce6 !important;text-decoration: underline; background: transparent; outline: auto; box-shadow:0 0 0 0;}
	.horizontaltabs .tab-nav .tab-content { padding: 30px 0 0;  background: transparent;}
	.horizontaltabs .tab-nav .nav-tabs .nav-item {display: inline-block; width: auto !important;}	
	
    /* ==============================================================
        Modal Window Classes - modified Bootstrap classes
    ================================================================= */
/*
    .modal {width:670px; position:absolute;}
    .modal-header {padding:20px 15px;}
    .modal-body {width:640px;}
    .modal-body p {
        line-height: 20px;
        font-size: 15px;
        padding: 10px 0;
    }
    .modal-header .close {
        font-size:30px;
    }
    .modal-btn {
        display: inline-block;
        padding: 8PX 20PX;
        margin-bottom: 0;
        font-size: 15px;
        line-height: 20px;
        color: #FFF;
        vertical-align: middle;
        cursor: pointer;
        background-color: #666;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .modal-body .col-md-4 {width:25%; float:left;}
    .modal-body .col-md-8 {width:68%; float:left;}
*/
	/* ==============================================================
    	Custom Carousel Classes
    ================================================================= */

    .carousel { margin-bottom: 0; }
    .carousel h3 { margin-bottom: 20px; }
    .carousel h3 + h4 { margin-bottom: 20px; }

    .carousel-inner { width: 80%; margin: 0 auto; }
    .carousel-control {
  		color:white;
  		/*margin-top: 45px;*/
  		background: #b9b9bc !important;
  		border: 1px solid #b9b9bc !important;
  		cursor: pointer;
  	}
    .carousel-indicators {
    	position: relative;
    	z-index: 50;
    	list-style: none;
    	width: 80%;
    	left: 47.5%;
      padding: 10px 0 0 10px;
      margin: 0px;;
    }
  	.carousel-indicators li[data-bs-target] {
		background-color: #00000057;
		width: 40px;
		height: 10px;
		margin: 0 5px;
  	}
  	.carousel-indicators li[data-bs-target].active {
		background-color: #000000;
  	}

    .carousel-indicators button {
        box-sizing: content-box;
        margin-right: 3px;
        margin-left: 3px;
        opacity: .5;
        transition: opacity 0.6s ease;
	    border: 0;
        background-color: #666666;
        border-radius: 8px;
        height: 10px;
    }
    .carousel-inner .carousel-item img { height: auto !important; }

    /*.image-carousel { position: relative; }*/
    .image-carousel .carousel-inner { width: 100%; }
    .image-carousel .carousel-inner .carousel-item { 
      padding:60px 0 90px 0;
      background-repeat: no-repeat; 
      background-position: center center;
      webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .control-wrapper { 
      position: relative;
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 3%;
     }
     .carousel-control-left { left: -30px; }
     .carousel-control-right { right: -30px; }
      
    .carousel .carousel-item .slide-content { padding-left:30px; overflow: hidden; }
    .carousel .carousel-item .slide-testimonial .slide-content [class*="span"]{
    	width: 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
    }
    .carousel .carousel-item img.thumb, .carousel .svg-icon { float: left; margin-right: 30px;}
    .carousel .carousel-item h4 { margin-top:0; }
    .carousel .carousel-item h6 { margin-top:20px;  }
    .carousel .read-more { margin-top:10px; display: inline-block; }

    .carousel .slide-testimonial a.read-more::after {
    	content: "\203a";
    	font-size: 1.5em;
    	line-height: 66.67%;
    	margin-left: 0.275em;
    }

	/* ==============================================================
    	Social Media Icons
    ================================================================= */

  	ul.social_media {
  		list-style: none;
  		margin: 15px 0 0 0;
  	}
  	ul.social_media li {
  		display: inline-block;
  		font-size: 16px;
  		color: #666;
          margin-right: 10px;
  	}

    .socialButton { font-size: 22pt; color: #000; }
    .socialButton:hover { text-decoration: none; }
    .socialButton_vert { font-size: 24px; margin-right: 8px; vertical-align: middle;}

    .social-section { display:inline-block; vertical-align: middle; }
    .inline-socialmedia-twitter { display:inline-block; font-size: 16px; margin-right:10px; }
    .inline-socialmedia-facebook { display:inline-block; font-size: 16px; }
	  .inline-socialmedia-linkedin { display:inline-block; font-size: 16px; }

	/* ==============================================================
    	Back to Top Classes
    ================================================================= */

    #backtop{ cursor: pointer; position: fixed; display: none; bottom: 50px; right: 0; background: #e5ebeb; width: 50px; height: 50px; margin: auto; font-size: 30px; line-height: 50px; text-align: center; border: solid 2px #000; }
    #backtop .fa-arrow-up { color: white !important; }
	#backtop span{
		display: inline-block;
		width: 46px;
		height: 46px;
		background-image: url("../../../asset/shared-images/ui/sprite-general-icons.png");
		background-repeat: no-repeat;
		background-position: -66px 6px;
	}
    /* ==============================================================
        Form Classes
    ================================================================= */

	  .noDisplay { display: none; }  	// TODO: need to be removed
	  .placeholder { color: #999; }	// TODO: do we need this?

	  #gated-form .modal-lg { padding: 20px 45px; }

    #emailOptOutLabel { color: #000; }
    /* ==============================================================
        MegaNav / Channel Changer Classes on For Business Gateway
    ================================================================= */

    .nav-tabs>li {
        width: 25% !important;
        margin-bottom: -4px;
    }
    .nav-tabs>.active>a, 
    .nav-tabs>.active>a:hover, 
    .nav-tabs>.active>a:focus {
      color: #555555 !important;
      background-color: #ffffff;
      border: none;
      text-decoration: none;
      padding-top: 28px !important;
      margin-top: -4px;
    }

    .nav-tabs>li>a {
      border: 0px solid transparent !important;
      padding-left: 30px;
      padding-top: 20px;
      padding-bottom: 20px;
      color:#ffffff;
      background-color: #4589AE;
    }
    .nav-tabs>li>a:hover {
      color: #ffffff !important;
      background-color: #4589AE;
      cursor: pointer;
      text-decoration: underline;
    }

    .nav-tabs { border-bottom: none; !important;}
    .nav-tabs h6 {font-size: 20px; margin:0px; }

    .tab-content{
      border: none !important; /*hide that border...*/
      background: #fff;
      padding: 30px 0 60px 30px;
    }

    .nav {margin-bottom: -10px !important;}

    .accordion-heading .accordion-toggle:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings';
        content: "";   
        float: right;     
        background-image:url('../../../asset/internal/images/assets/toggle_minus_25x25.png');
        height:33px;
        width:33px;
        padding-right: 0px;
        margin-top: -35px;
        background-repeat: no-repeat;
    }
    .accordion-heading .accordion-toggle.collapsed:after {
        content: "";   
        background-image:url('../../../asset/internal/images/assets/toggle_plus_25x25.png');
        padding-right: 0px;
        margin-top: -35px;
        background-repeat: no-repeat;
    }

    .collapsed {border-bottom: 0px solid #85bbdd !important; }
   
    /** this CSS class is used to make background color folllow small view stale. it is applied by using JQuery. **/
    .meganav_content_brick_Adj {
      background-color: #fff !important;
      margin-top: 60px;
    }

    /* ==============================================================
        General masthead background position classes
    ================================================================= */
	.backgroundImg-leftTop 		{ background-position: left top      !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
	.backgroundImg-leftCenter	{ background-position: left center   !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
	.backgroundImg-leftBottom 	{ background-position: left bottom   !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
	.backgroundImg-centerTop 	{ background-position: center top    !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
	.backgroundImg-default,
	.backgroundImg-centerCenter	{ background-position: center center !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
	.backgroundImg-centerBottom	{ background-position: center bottom !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
	.backgroundImg-rightTop 		{ background-position: right top 	 !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
	.backgroundImg-rightCenter 	{ background-position: right center  !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
	.backgroundImg-rightBottom 	{ background-position: right bottom  !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }

  /* when one of the position is set to "none" */
  .backgroundImg-left { background-position: left center !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
  .backgroundImg-right { background-position: right center !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
  .backgroundImg-center { background-position: center center !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
  
  .backgroundImg-defaultTop   { background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
  .backgroundImg-defaultCenter  { background-position: center center !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }
  .backgroundImg-defaultBottom { background-position: center bottom !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important; }

    /* ==============================================================
        Landing Pages Classes (Example: Dragon Live Landing page)
    ================================================================= */
    .landing-page { padding-top: 30px; }
    .landing-page #logo { margin-left: -83px; }
    .landing-page #formdiv { margin-top:-100px; background-color: white; padding:40px; }
    .landing-page .formFieldBasic { width:90%; max-width:320px; }
    .landing-page select { width:100%; max-width: 335px; }

    /* ==============================================================
        Homepage Classes 
    ================================================================= */
    
    .jumbotron, #primaryNav { max-width: none; }
    @media (max-width: 480px) {
      .home h1 { font-size:4em; }
      .home h2 { font-size:3.2em; }
    }

    /*.home .masthead { min-height: 467px; } */
    .home .masthead h2, .home .carousel h2 { margin-top:80px; }
    .home .image-carousel .carousel-inner .carousel-item { padding-bottom:0; }

    #carousel_control_wrapper { width: 1100px; margin: 0 auto; position: relative; padding: 0 3%; }
    #carousel_cont_left { display: none; top: 0px; left: -30px; }
    #carousel_cont_right { display: none; top: 0px; right: -30px; }

    /* ==============================================================
        Channel-changer Classes 
    ================================================================= */

    #meganavTabs { margin-top:-30px; padding:0; }

    /* ==============================================================
        Twitts Classes 
    ================================================================= */
    #hp-tweet-brick { 
      background-position: 50% 50%;
      background-size: cover;
      padding-bottom: 240px;   
      position: relative;
      z-index: 50;
    }
    /* for feed bird */
    #feedTwitter {
      float: left; font-size: 3em; color: #000; margin-left: -50px;
      padding-top: 8px; padding-right: 20px; padding-bottom: 100px;
    } 
    #hp-tweet .feed { font-weight: normal; color: #fe30ec; line-height: 120%; }
    #hp-tweet .feed a { color: #75178C; } 

    /* ====================================================================
        global navigation
    ================================================================= */

    #globalNavigation{ height: 90px; padding: 0 !important; }

    #globalNav_Primary { text-align: right; padding: 26px 0 0 30px; font-size: 1.7em; margin: 0 -10px 10px -40px; }
    #globalNav_Primary li { list-style-type: none; display: inline-block; zoom: 1; *display: inline; }
    #globalNav_Primary .inactive{ background: white; color: #6e6e70; }
    #globalNav_Primary .inactive a { display:-moz-inline-stack; display: inline-block; zoom: 1; *display: inline; color: #6e6e70; text-decoration: none; padding: 15px 20px 15px 10px; }
    #globalNav_Primary .inactive:hover{ color: #000; border-bottom: 1px solid #e5ebeb; }
    #globalNav_Primary .inactive:hover a {color: #000; text-decoration: none; }
    #globalNav_Primary .active{ color: #000; border-bottom: 1px solid #000; }
    #globalNav_Primary .active a { display: inline-block; color: #000; text-decoration: none; padding: 15px 20px; }
    #globalNav_Primary .islast{ border-right: none;}
    
    /* ==============================================================
        logo placement in global navigation
    ================================================================= */

    #logoPlacement { float: left; width: 216px; height: 74px; margin-left: -83px; }
    .home #logoPlacement { position: relative; z-index: 200; top: 100px; }
    .oldLogo{ background: url('../../../asset/internal/images/assets/logo-old.png') no-repeat !important;}
    .newLogo{ background: url('../../../asset/internal/images/assets/logo-new.png') no-repeat;}

    @media (max-width: 979px) {
        /* special case for homepage - globalnav sites on top of masthead on homepage */
        .home #globalNavigation { position: absolute; z-index: 200; top:30px; }
        .home #logoPlacement { position: static; }
    }


    /* ==============================================================
        Utility Nav
    ================================================================= */

    /*#toolsNavigation{ background: #e5ebeb; color: #666e70; left: 0; right: 0; width: 100%; height:45px; overflow: hidden; padding: 0 !important; }*/
    #toolsNavigation ul {float:right; padding: 0; margin: 0; text-align: right; }
    /*#toolsNavigation ul li {display:inline-block; font-size:12px; color:#7E7E7e; zoom: 1; *display: inline; }*/
    #toolsNavigation ul li#shoppingcart {width:35px;}
    @-moz-document url-prefix() {
        #toolsNavigation ul li#shoppingcart {width: auto !important;}
    }
    #toolsNav_Tools img { margin-top: -5px;}
    #toolsNav_Tools .btn{ 
        height: 30px; 
        line-height: 14px !important; 
        padding: 4px 12px !important;
        font-size: 16px !important; 
    }
    #toolsNav_Tools .input-append { padding: 7px 0 0 0; }
    #toolsNav_Tools .searchbar .btn { border-color: #939b9c; background-color:#c4caca !important; }
    #toolsNav_Tools form { margin: 0 0; }
    #toolsNav_Tools .searchbar .fab, #toolsNav_Tools .searchbar .far, #toolsNav_Tools .searchbar .fas { color: #939b9c !important; }
    #toolsNav_Tools .searchbar .fa-lg { font-size: 1em; }
    #toolsNav_Tools .searchbar:hover .btn { background-color:#0088cc !important; }
    #toolsNav_Tools .searchbar:hover .fab, #toolsNav_Tools .searchbar:hover .far,#toolsNav_Tools .searchbar:hover .fas  { color:#FFF !important; }
    #toolsNav_Tools #shoppingcartIndicator .empty{ color: #c4caca; text-decoration: none; padding: 15px 15px 15px 0;  }
    #toolsNav_Tools #shoppingcartIndicator .full{ color: #000; text-decoration: none; padding: 15px 15px 15px 0; }
    #toolsNav_Tools #mobileInput { width: auto; }

    #toolsNav_Tools .inactive a { color: #626d6f; text-decoration: none; padding: 14px 16px;}
    #toolsNav_Tools .inactive:hover {  }
    #toolsNav_Tools .inactive:hover a { color: #000; border-bottom: 1px solid #626d6f; }
    #toolsNav_Tools .active { line-height: 14px; border-bottom: 1px solid #000; padding: 14px 6px; }
    #toolsNav_Tools .active a { color: #000; text-decoration: none; padding: 14px 6px 13px 6px; }
    #toolsNav_Tools .active:hover a{ color: #000; }

    *+html .searchbar { height: 30px; } /*IE7*/

    /* ==============================================================
        For Business Channel Changer
    ================================================================= */

    #meganavContent .row [class*=col-md]>.linklist {
      margin-top: 20px;
    }
    #meganavContent .row [class*=col-md]>.linklist:first-of-type {
      margin-top: 0;
    }

    /* ==============================================================
        Search in Footer for Smaller View
    ================================================================= */

    #footerMobileSearch { 
      display: none; 
      background-color: black; color: #999; 
      font-size: 12px; 
      border-bottom: 1px solid #484A4A; 
      padding: 0; 
    }
    #footerMobileSearch .input-append { width: 100%; padding: 10px 0 0; margin: 0;}
    #footerMobileSearch .input-xxlarge { /*padding: 6px;*/ }
    #footerMobileSearch .fa-search { color: white; }

    /* == for new footer == */
	#footerMobileSearch.new-footer {color: #999;}


     /* ==============================================================
        Breadcrumb
    ================================================================= */

    #bc { background-color: #000; color: #999; font-size: 12px; padding: 0; /*margin-top: 60px;*/ }
    #bc img{ vertical-align: middle; margin-top: -3px; }
    #bc .countrySelector { display: inline; color: #999; zoom: 1; padding: 10px 10px 10px 10px; margin-left: -10px; cursor: pointer; }
    #bc .countrySelector:hover { color: white; text-decoration: none; }
    #bc .activeCell { background: url('../../../asset/internal/images/footer-breadcrumb-divider.png') no-repeat; display: inline-block; padding: 10px 0 10px 0; margin-left: -3px; }
    #bc .activeCell .breadcrumblink { padding: 10px 10px 10px 20px; }
    #bc .activeCell .breadcrumblink:focus-visible{display: inline !important;}
    #bc .activeCell a { color: #999; text-decoration: none; }
    #bc .activeCell:hover a { color: white; }
    #bc .home span { font-size: 1.6em; line-height: 9px; display: inline-block; }
    #bc .home i:hover{color: white; }
    #bc .activeCell:hover{ color: white; }
    #bc .inactiveCell { background: url('../../../asset/internal/images/footer-breadcrumb-divider.png') no-repeat; display: inline-block; color: #e5ebeb; padding: 10px 10px 10px 20px;  }
    #bc ul { display: inline; }
    #bc ul li { font-size: 12px; }
    #bc .fa, #bc .fab, #bc .fas, #bc .far { color: #999; }

    /* for new footer */
	#bc.new-footer { background-color: black !important; }
    /* ==============================================================
        Country Selector Overlay
    ================================================================= */

    #countrySelectorOverlay { display: none; background: #000000; color: white; position: absolute; z-index: 2; }
    #countrySelectorOverlay .arrow-up{ border-bottom: 15px solid #000000; margin-left: -5px; }
    #countrySelectorOverlay ul { list-style-type: none; padding-top: 20px; padding-bottom: 20px; margin-left: 0; }
    #countrySelectorOverlay li { font-size: 1.8em; line-height: 110%; padding-bottom: 9px; color: #c4caca; cursor: pointer; }
    #countrySelectorOverlay li a { color: #c4caca; text-decoration: none; font-size: 16px;}
    #countrySelectorOverlay li:hover{ color: #e5ebeb;}
    #countrySelectorOverlay li a:hover{ color: #e5ebeb;}
    #countrySelectorOverlay h4{ padding-top: 15px; }
    #countrySelectorOverlay .col-md-12{ margin-left: 0; }
    #countrySelectorOverlayClose { font-size: 2.8em; cursor: pointer; text-align: right; padding-right: 20px; }
    #countrySelectorOverlayClose .fa, #countrySelectorOverlayClose .fab, #countrySelectorOverlayClose .far, #countrySelectorOverlayClose .fas { color: #FFF; }
    #countrySelectorOverlay hr {border-top: 1px solid #626D6F;}
    #countrySelectorOverlay .region-title{font-size: 18px; line-height: 100%; color: #C4CACA;text-transform: uppercase; font-weight: 600;}
    #countrySelectorOverlay .active {color: #fff; font-weight: 600;}

    /* ==============================================================
        footer
    ================================================================= */

    #footer { border-top: 1px solid #484A4A; background-color: #000; color: white; font-size: 1.1em;  margin-top: 0; padding-top: 20px; padding-bottom: 10px; }
    #footer .col-md-12{ padding-top: 33px; color: #999; margin: 0; font-size: 1.1em; }
    #footer a { color: #999; text-decoration: none; }
    #footer a:hover { color: white !important; text-decoration: underline !important; }
    #footer li.last { margin-top: 20px; }
    #footer .row [class*=col-md]>.linklist +.linklist {
      margin-top: 50px;
    }

	/* ===== new footer =============*/
	#footer.new-footer { 
	background-color: #000;
      padding: 60px 0;
      border-top: 1px solid #484a4a;
    }

    #footer.new-footer .linklist h6, #footer.new-footer .linklist .h6 { font-weight:normal; font-size: 14px; line-height: 100%; margin-top:0; padding-bottom: 5px; text-transform:uppercase; letter-spacing: 0; }
    #footer.new-footer .linklist ul { padding-left:0; font-size:14px; }
    #footer.new-footer .linklist ul li a { font-size:14px; color: #d7d9de;}
    #footer.new-footer a:hover { text-decoration: none !important; }
    #footer.new-footer .linklist li a::after { content: ""; }

    #footer.new-footer .col-md-12 { padding-top:35px; color: #999; margin: 0; font-size: 12px; }
    #footer.new-footer .linklist li { margin-bottom: 12px; }
    #footer.new-footer .linklist li a::after { content: ""; }
    
    /* == Campaign footer == */
    #campaign-footer{
    	font-size:12px;
    }
    #campaign-footer .nuan-social-sharing { text-decoration:none; margin-right:5px; } 
    #campaign-footer .nuan-social-sharing svg { fill: #FFF; width:24px; }
    
	.footer-social-icons { text-align: right; }
	
	/* == social icons == */
	#footer.new-footer .fa-facebook-square, 
	#footer.new-footer .fa-linkedin-square, 
	#footer.new-footer .fa-linkedin, 	
	#footer.new-footer .fa-twitter-square, 
	#footer.new-footer .fa-youtube-square {
	  color: #ffffff;
	}
	
	#footer.new-footer .fa-2x {
	  font-size: 24px;
	}
	
	#footer ul.social_media {
  		margin-top: 0 !important;
  	}
  	.close-button-light{
  		display: inline-block;
  		width: 15px;
  		height: 15px;
  		background-image: url("../../../asset/shared-images/ui/sprite-general-icons.png");
		background-repeat: no-repeat;
		background-position: -50px -5px;
  	}

    /* ==================================================================
      Explore Menu
    ================================================================= */
    .expandable-menu { padding-top:15px !important; padding-bottom:0px !important;} 
    .expandable-menu h1 {float:left; margin-top:5px; margin-bottom: 14px; }
    #second_nav_expand { float: right; padding: 2px 0 20px 35px; font-size: 1.6em; font-weight: bold; color: #0088cc; cursor: pointer; }

    /* ==============================================================
        Expandable In-page Navigation under Explore Menu
    ================================================================= */

    #expanded_nav_container { width: 1100px; border-bottom: 1px solid #c1c1c1; display: none; padding: 0 0 30px 0; margin-bottom:30px;}
    #expanded_nav_container h6 { margin-top:20px; margin-bottom: 10px; }
    #expanded_nav_container ul li { margin-top:10px; }

    /* nested columns like example in explore menu on Power PDF page */
    #expanded_nav_container .row [class*="span"] .row [class*="span"] { margin-top: -10px; } 

    /* ==============================================================
        Act Now Flyout Menu
    ================================================================= */
    .flyout-wrapper {
      position: fixed;
      right: 0;
      padding: 0;
      top: 200px;
      z-index:999;
    }

    .flyout-wrapper .flyout-trigger {
      position:absolute;
      cursor: pointer;
      width: 42px;
      left:-42px;
      height: auto;
      padding: 0;
      margin-right:0;
      background-color: #285CE6;
      color: white;
      -webkit-box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7);
      -moz-box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7);
      box-shadow: 6px 6px 0px 0px rgba(196,196,196,0.7);
      border-radius: 0px 0 0 6px;
    }
    .flyout-wrapper .flyout-trigger.rotated270 {

	  transform: rotate(270deg); 
	  transform-origin: top left; 
	  padding: 10px 15px;
	  height: 42px;	    /* it becomes as width after 270 rotating */
      -webkit-box-shadow: -6px 6px 0px 0px rgba(196,196,196,0.7);
      -moz-box-shadow: -6px 6px 0px 0px rgba(196,196,196,0.7);
      box-shadow: -6px 6px 0px 0px rgba(196,196,196,0.7);
      border-radius: 6px 6px 0 0;
	
	}

    .flyout-wrapper .flyout-content {
      float: left;
      position: relative;
      padding:20px;
      color:#000;
      background-color: #dfe7e6;
      font-size: 14px;
      margin-right:-1000px;
      width: 320px;
      -webkit-box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7);
      -moz-box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7);
      box-shadow: 8px 8px 0px 0px rgba(196,196,196,0.7);
    }

    .flyout-wrapper .flyout-info {
      padding: 0;
      margin: 0;
      overflow: hidden;
      font-weight: 600;
    }

    .flyout-wrapper .flyout-content .middle,  
    .flyout-wrapper .flyout-content .bottom {border-top:2px solid #c4caca; padding: 20px 0 0px; margin: 20px 0 0px; }

    .flyout-wrapper .flyout-content .title {
        font-size: 16px; font-weight:600;  
    }
    .flyout-wrapper .flyout-content .subtitle {
        font-size: 18px; font-weight:600; margin-top:10px;
    }
    .flyout-wrapper .flyout-content .price {
        font-size: 30px; font-weight:600; color:#ff5400;
    }
    .flyout-wrapper .flyout-content .title+p.price {
        margin-top:10px; 
    }
    .flyout-wrapper .flyout-content .price sup {
        font-size: 60%;
    }
    .flyout-wrapper .flyout-content .volprice {
        font-size: 24px; font-weight:600; 
    }

    .flyout-wrapper .cta-g-border { padding:20px 25px 10px; }
    .flyout-wrapper .cta-g-border p { margin-bottom: 0; }
    .flyout-wrapper .cta-g-border:hover { text-decoration: none; border: solid 2px #e14c02; }
    .flyout-wrapper .cta-g-border:hover .title { color: #e14c02; }
    .flyout-wrapper .cta-g-border:hover .price { text-decoration: none; }
    
    /* ==============================================================
        Resource Library / Success Story Classes 
    ================================================================= */
    .reslib-searchPullDown {
      display: inline-block;
      vertical-align: top;
      font-size: 16px;
      margin-top: 8px;
    }

    .reslib-searchPullDown select {
      width: 100%;
      border: 1px solid #cccccc;
      background-color: #e5ebeb;
      height: 30px;
      padding: 3px 6px;
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: 600;
      border-radius: 4px;
      vertical-align: middle; 
    }

    .reslib-searchPullDown .reslib-btn {
      padding: 4px 24px !important;
    }

    .reslib-Nav { font-size:16px; margin: 40px 0 10px 0; }
    .reslib-Nav .reslib-resultsPerPage select {
      margin-bottom: 0px; 
      width: 60px;
    }
    .reslib-Nav .reslib-paging  {
      float: right;
      text-align:right;
      padding-bottom: 20px;
    }
    .reslib-Nav .reslib-paging span {
      font-size: 16px;
      margin: 0 4px 0px 4px;
    }
    #reslib-results h2 { margin-top: 40px; margin-bottom: 20px;  color: #626d6f; font-size: 1.9em; letter-spacing: -1px; }
    .reslib-light, .reslib-dark { 
      color: black; 
    }
    .reslib-item { 
      padding: 25px 15px; 
      border: 1px solid #e5ebeb; 
      min-width: 200px; 
      /*display: inline-block;*/
      vertical-align: top; 
      margin: 0 0 30px 0; 
      height: 330px;
      overflow: hidden; 
      position:relative;
    }
    
    /* HLI,20170304: in case that the item's description is too long*/
	#reslib-results .reslib-item::before {
     	content: '';
     	width:100%;
     	height: 100%;
     	top:0;
     	left:0;
     	position: absolute;
     	background: linear-gradient(to bottom, transparent 270px, white);
  	}
    
    
    .reslib-item:hover { border: 1px solid #c4caca;  }

    .reslib-item-type { 
      margin-bottom: 15px;
    }

    .reslib-item-typeText {
      color: #000 !important;
      font-size: 18px;
      font-weight: 600;
      text-decoration: none !important;
    }

    #reslib-results a .reslib-item-typeText { text-decoration: none !important; }

    .reslib-item-typeIcon { height:80px; margin-bottom:20px; }
    /* temp */
    .reslib-item-typeIcon img { height: 80px !important; }
    .reslib-item-content {
        overflow: hidden;
    }
    .reslib-link { 
      font-size: 18px; 
    }
    .reslib-link a { color: #285ce6; }

    .reslib-description { 
      color: #626d6f !important; 
      font-size: 14px;
    }

    .reslib-logo-container { padding: 20px 0; margin: 0 0 20px 0; text-align: center; }
    .text-o-image { position: absolute; bottom: 0; padding: 30px 60px; }

    #reslib-results .row [class*="col-md-4"]:nth-child(3n+1){ margin-left: 0px;}
   /*    #reslib-results .row [class*="col-md-3"]:nth-child(4n+1){ margin-left: 0px;} */

  	@media (max-width: 1100px) { 
      #reslib-results .row [class*="col-md-3"] { float:left; width:31.5%; margin-left: 2.7%; }
      #reslib-results .row [class*="col-md-3"]:nth-child(3n+1){ margin-left: 0px;}
  	}
	
    @media (max-width: 767px) {
      #reslib-results .row [class*="span"] { float:left; width:48.5%; margin-left: 2.7% !important; }
      #reslib-results .row [class*="span"]:nth-child(2n+1){ margin-left: 0px !important;}
    }
    @media (max-width: 480px) {
      #reslib-results .row [class*="span"] { float:none; width:100%; margin-left: 0 !important; }
      .reslib-Nav .reslib-paging { text-align:left; }
    }
	
	#successStory-right {
	   margin-left:65px;
	}
	.successStory-quote {
		line-height: 125%;
	}
	.successStory-quote #quote-left {
		margin: 0 0 0 -18px;
	}
	.successStory-quote #quote-right {
	}
	.successStory-view-link {
		white-space: nowrap;
		margin-left: 10px;
		font-weight: bold;
	}  
	/* additional for the product info search display */ 
	.reslib-form .btn-primary {
    	/* padding: 4px 24px; */
	}

	.reslib-form input+button {
	    margin-left: 15px;
	    /* margin-top: -8px; */
	}	
   	#reslib-results .reslib-item2 { 
    	border: 1px solid #E5EBEB; 
    	border-top: 30px solid #E5EBEB;
    	height: 200px;
      	padding: 25px 15px; 
      	margin: 0 0 30px 0; 
   	}
	#reslib-results .reslib-item2:hover { 
    	border-style: solid;
    	border-width: 30px 1px 1px 1px;
    	border-color: #c4caca;
	}
	#reslib-results .reslib-item-title {
	    font-size: 20px !important;
	    font-weight: 400;
	    letter-spacing: -1px;
	}
	#reslib-results .reslib-item-sublink {
	    margin: 3px 0;
	    line-height: 100%;
	    font-size: 15px;
	}
	#reslib-results .reslib-item-subtitle {
	    font-weight: 400;
	    margin-top: 10px;
	    margin-bottom:0px;
	}

	/*====================
       product support search display
      ==================== */
    #reslib-results .product .reslib-item2  {
        border: 1px solid #E5EBEB;
        border-top: 30px solid #E5EBEB;
        height: 250px; 
        padding: 25px 15px;
        margin: 0 0 30px 0;
        overflow: auto;
    }

    #reslib-results .product .reslib-item-subtitle  {
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 0px;
    }	
	
    /* ==============================================================
        Site Search Results Classes 
    ================================================================= */
    #searchResultsFrm select {
      border: 1px solid #cccccc;
      background-color: #e5ebeb;
      height: 30px;
      line-height: 30px;
      padding: 3px 6px;
      font-size: 14px;
      font-weight: 600;
      border-radius: 4px;
      min-width: 250px;
      color: #555555;
    }
    #searchResultsFrm { margin-bottom:0; }
    #searchResultsFrm input[type=text] { 
      font-weight: 600;
      border: 1px solid #cccccc;
      background-color: #e5ebeb; 
      min-width: 249px;
    }
    #searchResultsFrm .btn-primary { padding:4px 24px; }
    #searchResultsFrm select { margin-right:15px; }
    #searchResultsFrm input+button { margin-left:15px; margin-top:-5px;}

    #search-results .search-item { 
      padding: 25px 15px; 
      border: 1px solid #E5EBEB; 
      border-top: 30px solid #E5EBEB;
      width:20%;
      min-width: 252px; 
      display: inline-block;
      vertical-align: top; 
      margin: 0 20px 30px 0; 
      height: 252px;   
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
    }
    /* HLI,20170304: in case that the item's description is too long*/
	#search-results .search-item::before {
     	content: '';
     	width:100%;
     	height: 100%;
     	top:0;
     	left:0;
     	position: absolute;
     	background: linear-gradient(to bottom, transparent 180px, white);
  	}
    #search-results .search-item:hover { 
      border-style: solid;
      border-width: 30px 1px 1px 1px;
      border-color: #c4caca;
    }

    /*
    #search-results .search-item.webpage { border-top: 30px solid #FF5400; }
    #search-results .search-item.press { border-top: 30px solid #FF9900; }
    #search-results .search-item.casestudy { border-top: 30px solid #8CD600; }
    #search-results .search-item.datasheet { border-top: 30px solid #871799; }
    #search-results .search-item.whitepaper { border-top: 30px solid #DB28A5; }
    #search-results .search-item.demo { border-top: 30px solid #1A6B96; }
    #search-results .search-item.webinar { border-top: 30px solid #2DC6D6; }
    #search-results .search-item.video { border-top: 30px solid #C4CACA; }
    #search-results .search-item.event { border-top: 30px solid #FFDB00; }
    */

    #search-results .search-link {
      font-size: 18px !important;
      font-weight: 600;
      letter-spacing: -1px;
    }

    #search-results a .search-description { font-size: 14px; color:#000000 !important; text-decoration: none; }

    .search-nav { font-size:16px; margin: 40px 0 10px 0; }
    .search-nav .search-resultsPerPage select {
      margin-bottom: 0px; 
      width: 60px;
    }
    .search-nav .search-paging  {
      float: right;
      text-align:right;
      padding-bottom: 20px;
    }
    .search-nav .search-paging span {
      font-size: 16px;
      margin: 0 4px 0px 4px;
    }

    @media (max-width: 767px) {
      .search-nav .col-md-6 { float: left; width: 48.61878453038674%; }
    }
    @media (max-width: 480px) {
      .search-nav .col-md-6 { float: none; width: 100%; margin-left:0; }
      .search-nav .search-paging { text-align:left; }
    }

    /* ==============================================================
        Tables
    ================================================================= */
    .data-table { font-size:16px; }
    .data-table-rowline tr { border-top: solid 1px #c1c1c1; }
    .data-table-rowline tr:hover { background-color: #e5ebeb; }
    .data-table-rowline tr.nav:hover { background-color: #ffffff; }
	.data-table-rowline tr th { padding:20px; }
    .data-table-rowline tr td { vertical-align:top; padding: 20px;}
    .data-table-rowline label { margin-right:20px; font-weight: bold; display: inline-block; font-size:16px; }

    /* example: http://www.nuance.co.uk/for-healthcare/ehr-voice-capture-patient-data/index.htm */
    .feature-table { font-size:16px; }
    .feature-table tr { border-bottom: 1px solid #CCC; }
    .feature-table tr.lastrow { border-bottom: none !important; }
    .feature-table td { border-right: 1px solid #CCC; }
    .feature-table td.lastcol {border-right: none !important; }
    .feature-table [class*="icon"] { font-size: 44px; }
    .feature-table [class*="icon"] { font-size: 44px; }
	.feature-table i { font-size: 30px; }
	.feature-table i.darkmagenta { color: #DB28A5 !important; }
	.feature-table i.darkblue { color: #141380 !important; }
	.feature-table i.limegreen { color: #00F536 !important; }

    /* example: http://www.nuance.com/for-business/by-product/ecopy/index.htm */
    .feature-table2 { border-spacing: 10px 0; border-collapse: separate; }
    .feature-table2 td { padding: 28px 18px 18px 18px;}
    .feature-table2 tr.border-row td { border-top: solid 1px #e5ebeb; }

    /* ==============================================================
        Special class for auto equalize min-height of divs (nuance.js)
        The second one is for new equalHeight divs.
    ================================================================= */
    .equalHeightDivs, .equalHeightDivStyle { 
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
     }
        
     
    /* ==============================================================
        Old Classes to keep
    ================================================================= */
    .hidePixelWhitespace {
      position: absolute !important;
      clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
      clip: rect(1px, 1px, 1px, 1px);
      padding: 0 !important;
      border: 0 !important;
      height: 1px !important; 
      width: 1px !important; 
      overflow: hidden;
    }
    
    /* remove phone link underline in Engage us component */
    .leadgenBasic a[href^="tel:"] { text-decoration:none; }
    
    /* special case: more than 1 multicolumn image in same column */
    .multicolumn-image + .multicolumn-image { margin-top:30px; }


    /* ==============================================================
        For page list to support sitemap
    ================================================================= */
	/* level after title, H5 */  	        
	.pagelist ul.siteMap { 
    	font-weight: 600;
    	text-rendering: optimizelegibility;
    	margin-top:15px;
	}
	.pagelist ul.siteMap li {
		font-size: 24px; 
		line-height: 115%; 
		margin-bottom: 12px; 
	 	margin-top:0; 
	}
	.pagelist ul.siteMap li:last-child { margin-bottom: 0px;}

	/* second level H6*/
	.pagelist ul.siteMap ul.siteMap {	margin-top:15px; }
	.pagelist ul.siteMap ul.siteMap li {
    	font-size: 16px; 
		line-height: 115%; 
		margin-bottom: 12px; 
		margin-top:0; 	 
	}
	.pagelist ul.siteMap ul.siteMap li:last-child { margin-bottom: 0px;}
	
	/** third level **/
	.pagelist ul.siteMap ul.siteMap ul.siteMap { 
		margin:15px 0 0 20px; 
		list-style: none; 
	}
	.pagelist ul.siteMap ul.siteMap ul.siteMap li { 
    	font-weight: normal;
		font-size:16px; 
		line-height:100%;
		text-indent:-15px; 
		margin-bottom:12px; 	
		margin-top:0; 	 
	}
	.pagelist ul.siteMap ul.siteMap ul.siteMap li:last-child  { margin-bottom:0; }
	.pagelist ul.siteMap ul.siteMap ul.siteMap li:before  {  
	   	content:"\2014"; /** em-dash **/
	    position: relative;
	    left: -5px;
	}	
    /* ==============================================================
        For tile display
    ================================================================= */
    
    .multitiles.jumbotron, .multitilesgutter.jumbotron { padding: 0; }

	.multitiles .row [class*="span"] { 
		  margin-left:0; 
		  height: 100%;
	}
	
	.multitiles .row .col-md-6 { width:50%; }
	.multitiles .row .col-md-4 { width:33.3%; }
	.multitiles .row .col-md-3 { width:25%;}

	.multitiles .row .tile-block, .multitilesgutter .row .tile-block { 
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex; 
		width: 100%; 
	}

	.multitiles .row .tile-bg-image, .multitilesgutter .row .tile-bg-image {
	 	-webkit-background-size: cover; 
	 	-moz-background-size: cover; 
	 	-o-background-size: cover; 
	 	background-size: cover;
		background-position:center center;  
		background-repeat: no-repeat;
	}

	.multitiles .col-md-3 .tile-content, .multitiles .col-md-4 .tile-content, .multitilesgutter .col-md-3 .tile-content, .multitilesgutter .col-md-4 .tile-content { padding: 80px 80px 120px 80px; width: 100%;} 
	.multitiles .col-md-6 .tile-content, .multitilesgutter .col-md-6 .tile-content { padding: 80px 80px 120px 80px; width: 100%;} 
	.tile-block h3 {
		font-size: 24px;
		font-weight: normal;
	}
	.multitiles .row .tile {
		padding: 0;
	}
	.multitiles .row .tile, .multitilesgutter .row .tile {
		overflow: hidden;
	}
	.multitiles .row .tile-bg-image.tile-hover:hover .cta, .multitilesgutter .row .tile-bg-image.tile-hover:hover .cta {
		opacity: 1;
	}
	.multitiles .row .tile-bg-image.tile-hover .cta, .multitilesgutter .row .tile-bg-image.tile-hover .cta {
		opacity: 0;
		transition: 0.5s;
	}
	.zoomeffect105 {
	    -webkit-transition: transform 0.6s ease;
	    -moz-transition: transform 0.6s ease;
	    -ms-transition: transform 0.6s ease;
	    -o-transition: transform 0.6s ease;
	    transition: transform 0.6s ease;
	}
	.zoomeffect105:hover {
	    -webkit-transform: scale(1.05);
	    -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	    -o-transform: scale(1.05);
	    transform: scale(1.05);
	}
	.tile-block:hover .cta {
	    opacity: 1.0;
	    -webkit-transition: all 500ms ease-in;
	    -moz-transition: all 500ms ease-in;
	    -ms-transition: all 500ms ease-in;
	    -o-transition: all 500ms ease-in;
	    transition: all 500ms ease-in;
	}
	/* == animations ==*/
    @keyframes zoomInSet
    {
        from {transform:scale(1.2,1.2); opacity: 0;}
        to {transform:scale(1,1); opacity: 1;}
    }
    @-webkit-keyframes zoomInSet
    {
        from {-webkit-transform:scale(1.2,1.2); opacity: 0;}
        to {-webkit-transform:scale(1,1); opacity: 1;}
    }
    @-ms-keyframes zoomInSet {
        from {-webkit-transform:scale(1.2,1.2);}
        to {-webkit-transform:scale(1,1);}
    }
    @-o-keyframes zoomInSet {
        from {-webkit-transform:scale(1.2,1.2);}
        to {-webkit-transform:scale(1,1);}
    }

    .zoomInSet {
      -webkit-animation-name: zoomInSet;
      animation-name: zoomInSet;
    }

    .zoomeffect105 { 
      -webkit-transition: transform 0.6s ease;
      -moz-transition: transform 0.6s ease;
      -ms-transition: transform 0.6s ease;
      -o-transition: transform 0.6s ease;
      transition: transform 0.6s ease;
    }
    .zoomeffect105:hover { 
      -webkit-transform: scale(1.05); 
      -moz-transform: scale(1.05); 
      -ms-transform: scale(1.05); 
      -o-transform: scale(1.05); 
      transform: scale(1.05); 
    }
    .zoomeffect12 { 
      -webkit-transition: transform 0.6s ease;
      -moz-transition: transform 0.6s ease;
      -ms-transition: transform 0.6s ease;
      -o-transition: transform 0.6s ease;
      transition: transform 0.6s ease;
    }
    .zoomeffect12:hover { 
      -webkit-transform: scale(1.2); 
      -moz-transform: scale(1.2); 
      -ms-transform: scale(1.2); 
      -o-transform: scale(1.2); 
      transform: scale(1.2); 
    }
    .zoomeffect102 { 
      -webkit-transition: transform 0.6s ease;
      -moz-transition: transform 0.6s ease;
      -ms-transition: transform 0.6s ease;
      -o-transition: transform 0.6s ease;
      transition: transform 0.6s ease;
    }
    .zoomeffect102:hover { 
      -webkit-transform: scale(1.02); 
      -moz-transform: scale(1.02); 
      -ms-transform: scale(1.02); 
      -o-transform: scale(1.02); 
      transform: scale(1.02); 
    }
    .enlarge-on {max-width: 100%}
    .enlarge-off {max-width: 1600px !important; margin: 0 auto;}
    /* ==============================================================
        For form related
    ================================================================= */
  .webinarform button.cta-w-border, .webinarform button.cta-g-border,.webinarform button.cta-bk-border,.webinarform button.cta-bl-border,.webinarform button.cta-dbl-border,.webinarform button.cta-og-border { 
  	background-color: transparent;
  }
  
  .campaignform .submissionError,
  .webinarform .submissionError,
  .contactusForm .submissionError {
	color: #bf001a;
    font-size: 16px;
    line-height: 18px;
    border-radius: 4px;
    background-color: #ffdee2;
    margin: 30px 0px 0px;
  }
  
  .campaignform .submissionError .icon,
  .webinarform .submissionError .icon,
  .contactusForm .submissionError .icon
   {
	  width: 16px;
	  height: 16px;
	  flex-grow: 0;
	  font-size: 14px;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: normal;
	  text-align: center;
	  color: #bf001a;
	  margin: 0 3px;
	  display: none;
	}
    /* ==============================================================
        For pagelist component
    ================================================================= */
.pagelist .pagelist-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    margin-left: 30px;
    margin-right: 30px;
}   
.pagelist .pagelist-title.underline {
 	border-bottom: 1px solid #d6d6d6;
}
.pagelist .pagelist-items ul {
	margin: 0 0 5px 0;
}
.pagelist .pagelist-items ul li {
	padding: 0;
    clear: both;
    line-height: 1.2;
    display: block;
    width: 100%;
    margin: 0;	
}
/* specific to each different display style */

/* site navigation */
.pagelist .pagelist-sitenav .pagelist-title {
	font-weight: bold;
}
.pagelist .pagelist-sitenav .pagelist-items ul li {
	font-size: 13px;
	font-weight: bold;
}
.pagelist .pagelist-sitenav .pagelist-items ul li a {
    padding: 5px 5px 5px 32px;
    display: block;
    text-decoration: none;
}
.pagelist .pagelist-sitenav .pagelist-items ul li:hover, .pagelist .pagelist-sitenav .pagelist-items ul li a:hover {
	color: #000;
	background: #e5f8fa;
    font-weight: bold;
}

/* ==============================================================
    For header popup on country site switch
================================================================= */

.siteswitcher {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    position:fixed; 
    height: 70px; 
    width: 100%; 
    background-color:#000;
    color:white;
    font-weight:normal;
    z-index: 999;
    top: 0;
}
.siteswitcher .siteswitcher-controls {
    display: flex;
    flex-wrap: nowrap
    justify-content: center;
    align-items: center;
}
.siteswitcher .siteswitcher-hinttext, .siteswitcher .siteswitcher-sitelist, .siteswitcher .siteswitcher-button, .siteswitcher .siteswitcher-close {
	margin:10px;
}

.siteswitcher .siteswitcher-hinttext label {
    margin: auto;
}
.siteswitcher .siteswitcher-sitelist {
    min-width: 250px;
    position: relative;
}

.siteswitcher-sitelist .select-selected, .siteswitcher-sitelist .select-items {
    cursor: pointer;
    user-select: none;
    position: absolute;
    background-color: white;
    width: 100%;
    color: #000;
    top: -15px;
}
.siteswitcher-sitelist .select-selected  {
    border-radius: 2px;
}
.siteswitcher-sitelist .select-items {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 2px;
}
.siteswitcher-sitelist .select-selected p, .siteswitcher-sitelist .select-items div {
    padding: 5px 8px;
}
.siteswitcher-sitelist .select-items div.border {
    border-bottom: 1px solid lightgrey;
}
.siteswitcher-sitelist .select-items div:hover {
  background-color: rgba(55, 306, 326, 0.3);
}
.siteswitcher-sitelist .select-selected i, .siteswitcher-sitelist .select-items i {
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 0px;
}

.siteswitcher-button .cta-blue {
  padding:5px 15px;
}
.siteswitcher-close p {
  color: white;
}

.site-switch .topMenuMargin {
    margin-top: 187px !important;
}    
.site-switch .newPrimaryNavWrapper {
	top:70px !important;
}
.site-switch .newPrimaryNavWrapper.nav-up {
	top:0px !important;
}

.site-switch #collapsedNav.location1{
    top: 138px !important;
}

.siteswitcher-sitelist .select-selected p::before, .siteswitcher-sitelist .select-items div p::before {
    content: " ";
    padding-left: 30px;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */    
}

/* overwrite the bootstrap style */
#siteswitcher .btn {
    color: black !important; 
    background-color: white !important; 
	font-size: 14px  !important;
    font-weight: 400  !important;
    line-height: 140%  !important;
}
#siteswitcher .dropdown-divider {
    margin: 0;
}

#siteswitcher .dropdown-item {
	font-size: 14px;
    font-weight: 400;
    line-height: 100%;
	padding: 6px 12px !important; 
}

#siteswitcher .dropdown-toggle {
     padding: 6px 12px !important; 
}

.siteswitcher-sitelist .select-item-US p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-united-states-sm.png");
}
.siteswitcher-sitelist .select-item-ES p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-spain-sm.png");
}
.siteswitcher-sitelist .select-item-FR p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-france-sm.png");
}
.siteswitcher-sitelist .select-item-DE p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-germany-sm.png");
}
.siteswitcher-sitelist .select-item-IT p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-italy-sm.png");
}
.siteswitcher-sitelist .select-item-NL p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-netherland-sm.png");
}
.siteswitcher-sitelist .select-item-SE p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-sweden-sm.png");
}
.siteswitcher-sitelist .select-item-DK p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-denmark-sm.png");
}
.siteswitcher-sitelist .select-item-FI p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-finland-sm.png");
}
.siteswitcher-sitelist .select-item-NO p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-norway-sm.png");
}
.siteswitcher-sitelist .select-item-AU p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-australia-sm.png");
}
.siteswitcher-sitelist .select-item-NZ p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-newzealand-sm.png");
}
.siteswitcher-sitelist .select-item-UK p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-uk-sm.png");
}
.siteswitcher-sitelist .select-item-IE p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-ie-sm.png");
}
.siteswitcher-sitelist .select-item-JP p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-japan-sm.png");
}
.siteswitcher-sitelist .select-item-MX p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-mexico-sm.png");
}
.siteswitcher-sitelist .current p::before {
    background-image: url("../../../asset/shared-images/ui/ui-icon-flag-checked-sm.png");
}
/** Site Switcher Css  ***/
#siteswitcher-sitelist span[role="img"], #bc #country_flag{
	width:20px;
	height: 13px;
	background-image: url("../../../asset/shared-images/ui/spriteimg-flags.png");
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}
#siteswitcher-sitelist span[role="img"]{
	vertical-align: top;
}
#siteswitcher-sitelist .filter-option-inner-inner span[role="img"]{
	 vertical-align: baseline;
}
#bc #footerCountrySelector .countryName{
	vertical-align: middle;
}
#siteswitcher-sitelist span.us,  #bc span.bread_en_US{
	background-position: -5px -5px;
}
#siteswitcher-sitelist span.mx, #bc span.bread_es_MX, 
#siteswitcher-sitelist span.la, #bc span.bread_es_LA {
	background-position: -30px -5px;
}
#siteswitcher-sitelist span.pt_br,  #bc span.bread_pt_BR{
	background-position: -55px -5px;
}
#siteswitcher-sitelist span.nl_be, #bc span.bread_nl_BE{
	background-position: -80px -5px;
}
#siteswitcher-sitelist span.fr_be, #bc span.bread_fr_BE{
	background-position: -80px -5px;
}
#siteswitcher-sitelist span.dk, #bc span.bread_da_DK{
	background-position: -105px -5px;
}
#siteswitcher-sitelist span.de,  #bc span.bread_de_DE{
	background-position: -130px -5px;
}
#siteswitcher-sitelist span.es,  #bc span.bread_es_ES{
	background-position: -5px -23px;
}
#siteswitcher-sitelist span.fr,  #bc span.bread_fr_FR{
	background-position: -30px -23px;
}
#siteswitcher-sitelist span.ie, #bc span.bread_en_IE{
	background-position: -55px -23px;
}
#siteswitcher-sitelist span.it, #bc span.bread_it_IT{
	background-position: -80px -23px;
}
#siteswitcher-sitelist span.nl, #bc span.bread_nl_NL{
	background-position: -105px -23px;
}
#siteswitcher-sitelist span.no, #bc span.bread_nb_NO{
	background-position: -130px -23px;
}
#siteswitcher-sitelist span.de_ch, #bc span.bread_de_CH, 
#siteswitcher-sitelist span.fr_ch, #bc span.bread_fr_CH, 
#siteswitcher-sitelist span.it_ch, #bc span.bread_it_CH {
 background-position: -5px -41px;
}
#siteswitcher-sitelist span.fi, #bc span.bread_fi_FI{
	background-position: -30px -41px;
}
#siteswitcher-sitelist span.se, #bc span.bread_sv_SE{
	background-position: -55px -41px;
}
#siteswitcher-sitelist span.uk, #bc span.bread_en_GB{
	background-position: -80px -41px;
}
#siteswitcher-sitelist span.au, #bc span.bread_en_AU{
	background-position: -105px -41px;
}
#siteswitcher-sitelist span.nz, #bc span.bread_en_NZ{
	background-position: -130px -41px;
}
#siteswitcher-sitelist span.jp, #bc span.bread_ja_JP{
	background-position: -5px -59px;
}
/* ==============================================================
   * special use CSS definitions 
   * Author will overwrite this CSS definition 
   ==============================================================*/
.nuance-full-screen-blank-brick {
    width: 100vw;
    height: 100vh;
}

/* ============================================================ 
          Custom CSS for Bootstrap 4.3 
   ============================================================ */

/* ========== General  ======================================== */


/* ========== Form related ==================================== */

.nuan-form-field.nuan-flex-field { min-width: 155px; flex: 1 1 40%; margin-right: 15px;}

.nuan-form-field label { font-size: 14px; }
/*.nuan-form-field label span.required { color: red; }*/

.nuan-form-field .form-control { padding: .25rem .75rem; font-size: 14px;}
.nuan-form-field .form-control:not(textarea) { height: calc(1.25em + .75rem + 2px);}
  
.nuan-form-field .form-control.is-invalid, .was-validated .nuan-form-field .form-control:invalid {	background-image: none;}
.nuan-form-field .form-control.is-valid, .was-validated .nuan-form-field .form-control:valid { background-image: none;}
.form-control:focus { outline:2px solid #626D6F; outline-offset: 4px; border-radius:3px; box-shadow: none; }

.nuan-form-field label.error { /*display: none !important;*/ }
label.error { font-size: 100%; color: red; padding: 2px 8px; margin-top: 2px;}    // TODO: need scope 

.nuan-form-field label.small { font-size: 12px; }

.nuan-vert-dotted-line { border-right: dotted; border-right-width: 2px; border-color: #ccc;}

.campaignform .text-color-dependent,
.campaignform .nuan-form-field label {
	color: #ffffff !important;
}

/* mliu 3/10/2020: overwrite label color for light background color */
.campaignwebinarform .colorwayBlue-bg .campaignform .text-color-dependent,
.campaignwebinarform .colorwayGrey-bg .campaignform .text-color-dependent,
.campaignwebinarform .colorwayMedGrey-bg .campaignform .text-color-dependent,
.campaignwebinarform .colorwayLightGrey-bg .campaignform .text-color-dependent,
.campaignwebinarform .colorwayWhite-bg .campaignform .text-color-dependent {
	color: #000 !important;
}

.campaignwebinarform .colorwayBlue-bg .campaignform .nuan-form-field label,
.campaignwebinarform .colorwayGrey-bg .campaignform .nuan-form-field label,
.campaignwebinarform .colorwayMedGrey-bg .campaignform .nuan-form-field label,
.campaignwebinarform .colorwayLightGrey-bg .campaignform .nuan-form-field label,
.campaignwebinarform .colorwayWhite-bg .campaignform .nuan-form-field label {
	color: #000 !important;
}
.campaignoverlayform .colorwayBlue-bg .campaignform .nuan-form-field label,
.campaignoverlayform .colorwayGrey-bg .campaignform .nuan-form-field label,
.campaignoverlayform .colorwayMedGrey-bg .campaignform .nuan-form-field label,
.campaignoverlayform .colorwayLightGrey-bg .campaignform .nuan-form-field label,
.campaignoverlayform .colorwayWhite-bg .campaignform .nuan-form-field label {
	color: #000 !important;
}
.campaignpopupform .colorwayBlue-bg .campaignform .nuan-form-field label,
.campaignpopupform .colorwayGrey-bg .campaignform .nuan-form-field label,
.campaignpopupform.colorwayMedGrey-bg .campaignform .nuan-form-field label,
.campaignpopupform .colorwayLightGrey-bg .campaignform .nuan-form-field label,
.campaignpopupform .colorwayWhite-bg .campaignform .nuan-form-field label {
	color: #000 !important;
}

/* mliu 10/27/2021 automatically add top margin for more than one resourcelist in Resource Basic */
.resourcebasic .resourcelist+.resourcelist { margin-top:20px; }

/* mliu 3/11/2020 overwrite extra margin for campaign forms */
.multicolumn .campaignoverlayform .row > [class*="col"]:nth-child(2n+1), 
.multicolumn .campaignoverlayform .row > [class*="col"]:nth-child(2n+2) {
	margin-top:0px !important;
}

.campaignoverlayform .nuan-form-field { padding-left:20px; padding-right:15px; }
.campaignoverlayform .nuan-form-field label { margin-bottom: 0.1em; }

#campaignOverlayWebinarForm .form-group.error input.form-control,
#campaignOverlayWebinarForm .was-validated .form-control:invalid, 
#campaignOverlayWebinarForm .form-control.is-invalid
{
  box-shadow: 0 0 1px 1px #dc3545;
}
#campaignOverlayWebinarForm .was-validated .form-control:valid, .form-control.is-valid{
  box-shadow: 0 0 1px 1px #28a745;
}
.campaignform button {
    background-color: transparent;
    /*color: #ffffff !important;*/
    padding: 10px 40px;
    margin-top: 20px;
    font-size: 20px !important;
    margin:0 15px;
}

.formStacked {
    position: static;
    padding: 200px 0px 30px;
    margin-top: -250px;
    right: 0;
}

/* 4/20/2020 AGI-2760 */
.form-group.error input.form-control { border-color: #dc3545 !important; }

.checkbox-group.form-group label.error { display: none !important; }  /* cannot display error message for checkbox; layout is wrong */
.checkbox-group.form-group.error { border: 1px solid red !important; }

@media (max-width: 767px) { 
	.nuan-vert-dotted-line { border-bottom: dotted; border-bottom-width: 2px; border-color:#ccc; padding-bottom:22px; padding-right:0; border-right:none; }
}

/* =========================================================== */
/*CSS loading indicator*/
.loading-indicator {
  border: 6px solid #fff;
  border-radius: 50%;
  border-top: 6px solid #1a6b96;
  border-left: 6px solid #1a6b96;
  border-bottom: 6px solid #1a6b96;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: 10px 10px -10px 10px;
  -webkit-animation: spin 1.5s linear infinite; /* Safari */
  animation: spin 1.5s linear infinite;
}
.campaignwebinarform .loading-indicator {
	margin-top: 25px;
}
#gated-form .loading-indicator {
	margin-top: -10px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* =========================================================== */
/*Job search*/
.jobsearch .search-container {
    padding: 16px 0;
}
.jobsearch .search-container .form-row {
    margin: 0 auto;
}
.jobsearch .search-container .search-our-jobs {
    padding: 5px 0;
}
.jobsearch .search-container .searchicon {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}
.jobsearch .search-container .loading-indicator {
    position: absolute;
    right: -45px;
    top: -7px;
}
.jobsearch #career-lang-switch .en-link:before {
    content: '';
    background-image: url(../../../asset/shared-images/ui/flag-icon-us-17x12.jpg);
    background-repeat: no-repeat;
    width: 17px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
}
.jobsearch #career-lang-switch .divider {
	font-size: 0.8rem;
}
.jobsearch #career-lang-switch .fr-link:before {
    content: '';
    background-image: url(../../../asset/shared-images/ui/flag-icon-ca-19x13.jpg);
    background-repeat: no-repeat;
    width: 17px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
}

/*Job results*/
.wrapper.jobs-accordion-wrapper {
    font-size: 0.85rem;
    display: none;
}
.jobs-accordion-wrapper .accordion-header {
    padding-left: 0.75rem;
}
.jobs-accordion .card {
  border: 0;
  padding-bottom: 10px;
}
.jobs-accordion .card-header {
    padding: 0;
}
.jobs-accordion .card-header h2 {
  line-height: 20px;
}
.jobs-accordion .card-header h2 i {
    border: solid #0056b3;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 5px 2px;
    position: absolute;
    top: 8px;
    left: 12px;
}
.jobs-accordion .card-header h2 .collapsed i {
	-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.jobs-accordion .card-header h2 i {
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.jobs-accordion .card-header h2 button {
    background: none !important;
    color: #0056b3 !important;
    font-size: 20px !important;
    text-decoration: none;
    padding-left: 2rem;
    letter-spacing: 0px;
}
.jobs-accordion .card-body {
    max-height: 200px;
    overflow: auto;
    min-height:34px;
}
.jobs-accordion #reset-button, .jobs-accordion .card .card-header {
	background: #fff;
}
.jobs-accordion #reset-button:hover {
	background-color: #285CE6;
}
.jobs-accordion .card .card-header {
	border-bottom: 0;
}
.jobs-accordion .card .card-body {
	padding-left: 0.75rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	border: solid 1px #E5EBEB;
}
.jobs-accordion .reset-button {
    padding: 1rem 0.75rem;
}

.jobs-results-header, #applied-filters {
  	padding-left: 1.25rem;
}

.jobs-accordion-wrapper #applied-filters {
	display:none;
}
.jobs-accordion-wrapper #applied-filters .filter-button:after {
    content: "x";
    margin-left: 8px;
    display: inline-block;
}
.jobs-accordion-wrapper #applied-filters #applied-filters-ul .filter-button {
	text-decoration: none;
}
.jobs-accordion-wrapper #applied-filters li {
    display: inline-block;
    margin: 6px 10px 6px 0;
}

#job-results-list ul li a {
    padding: 15px 20px;
    display: block;
    text-decoration: none;
}
#job-results-list ul li a .job-location {
    color: #413e3c;
}
#job-results-list h2 {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0;
    margin: 0;
}
#job-results-list.loading {
  background: url(../../../asset/shared-images/ui/loading-stripe.png);
  animation: animateloading 5s linear infinite;
  position: relative;
  cursor: wait !important;
}
@keyframes animateloading {
    from {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}
#job-results-list input#pagination-current-bottom {
    text-align: center;
    margin: 0 9px;
    background-color: transparent;
    border: 1px solid #959595;
    padding: 3px 0;
    width: 30px;
    border-radius: 3px;
}
#job-results-list .pagination-page-count button.pagination-page-jump {
    display: inline-block;
    background-color: transparent;
    border: 2px solid #000;
    color: #000;
    font-weight: 600;
    padding: 5px 6px;
    border-radius: 4px;
    margin-left: 5px;
}
#job-results-list #pagination-bottom .disabled {
    display: none;
}
#job-results-list .pagination-paging a {
    display: inline-block;
    background-color: transparent;
    border: 2px solid #1a6b96;
    color: #1a6b96;
    font-weight: 600;
    padding: 5px 25px;
    border-radius: 4px;
    margin-left: 5px;
    min-width: 130px;
}
#job-results-list .pagination-all a {
    display: inline-block;
    background-color: transparent;
    border: 2px solid #1a6b96;
    color: #1a6b96;
    font-weight: 600;
    padding: 5px 25px;
    border-radius: 4px;
    margin-left: 5px;
    min-width: 130px;
}
#job-results-list #pagination-bottom {
    text-align: center;
}
#job-results-list .pagination-page-count {
    margin-bottom: 15px;
}
#job-results-list .pagination-all {
    display: block;
    float: right;
}
@media screen and (min-width: 481px) and (max-width: 767.5px) {
  .container-sharednone .carousel-inner .slide-imagegallery .imagegallery-content {
    margin: 0 10% !important;
  }
}
@media screen and (min-width: 768px) and (max-width:979px) {
	.jobsearch .search-container .search-our-jobs {
		font-size: 1.35rem;
	}
}
@media screen and (min-width: 800px) {
  #job-results-list #pagination-bottom {
      text-align: left;
  }
  #job-results-list .pagination-page-count {
      display: inline-block;
      margin: 0;
  }
  #job-results-list .pagination-paging {
    text-align: center;
    float: right;
  }
}
@media screen and (max-width: 767px) {
	.jobsearch .search-container .search-our-jobs {
		text-align: center;
		padding: 10px 0;
	}
	.jobsearch .jobs-results-header {
		padding: 1.25rem;
	}
}
/* Job Details */
.jobdetail div[style], .jobdetail p[style], .jobdetail span[style] {
     font-family: 'Open Sans', Arial, sans-serif !important;
     font-size: 16px !important;
}
.jobdetail h3, .jobdetail p, .jobdetail ul, .jobdetail h1 {
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.jobdetail h2 {
    font-size: 3em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    font-weight: bold;
}
 .jobdetail h3 {
    font-size: 1.17em;
    font-weight: bold;
}
.jobdetail b {
    font-weight: bold;
}
.jobdetail ul {
    padding-inline-start: 40px;
}
.jobdetail ul li {
    list-style-type: disc;
}

/* overwrite font-weight for special asset listing / event listing */
.specialassetlisting strong { font-weight: 700; }
/* =========================================================== */
/*New stats brick*/
.stats .statsbrick {
    overflow: hidden;
    margin: 0 auto;
}
/*Circle related stats brick*/
.stats .statsbrick.circle {
    display: flex;
    align-items: center;
	  height: auto;
    min-height: 290px;
    width: 290px;
    padding: 40px 15px;
	  border-radius: 50%;
}
.stats .statsbrick.circle.large, .stats .statsbrick.square.large, .stats .statsbrick.roundedsquare.large {
    height: auto;
    min-height: 340px;
    width: 340px;
    /*padding: 50px 25px;*/
}
.stats .statsbrick.circle.small {
	height: auto;
  min-height: 250px;
	width: 250px;
  padding: 55px 30px;
}
.stats .statsbrick.circle .statsheader{
}
.stats .statsbrick.circle .statsinfo{
	text-overflow: ellipsis;
    overflow: visible;
    letter-spacing: 0;
    padding: 0 15px;
}
.stats .statsbrick.circle .statscontent {
	width: 100%;
}
.font-weight-semi-bold{
    font-weight: 400;
}

@media (max-width: 1100px) {
	.stats .statsbrick.circle.small {
		width: 220px;
		height: 220px;
    min-height: auto;
	}
	.stats .statsbrick.circle.medium {
		width: 250px;
		height: 250px;
    min-height: auto;
	}
	.stats .statsbrick.circle.large {
		width: 290px;
		height: 290px;
    min-height: auto;
	}
	.stats .statsbrick.circle .bigfont140 {
		font-size: 90px;
	}
	.stats .statsbrick.circle .bigfont140 sup {
		font-size:60px;
		top: -0.30em;
	}
	.stats .statsbrick.circle .bigfont110 {
		font-size: 70px;
	}
	.stats .statsbrick.circle .bigfont110 sup {
		font-size:50px;
		top: -0.35em;
	}
	.stats .statsbrick.circle .bigfont75 {
		font-size: 60px;
	}
	.stats .statsbrick.circle .bigfont75 sup {
		font-size:40px;
		top: -0.40em;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.stats .statsbrick.circle, .stats .statsbrick.circle.large {
		width: 220px;
		height: 220px;
		padding: 50px 20px;
	}
	.stats .statsbrick.circle.medium {
		width: 205px;
		height: 205px;
		padding: 50px 20px;
	}
	.stats .statsbrick.circle.small {
		/*padding: 60px 20px;*/
		width: 190px;
		height: 190px;
		padding: 50px 20px;
	}
}
@media (max-width: 767px) {
	.stats .statsbrick.circle {
		margin: auto !important;
	}
    .stats .transparent-background.statsbrick.circle {
    	border-radius: 0;
    }
    .stats .transparent-background.statsbrick.circle.small {
     	height: 100px;
       	width: 100%;
    }
    .stats .transparent-background.statsbrick.circle.medium {
    	height: 120px;
    	width: 100%;
    }
    .stats .transparent-background.statsbrick.circle.large {
    	height: 140px;
    	width: 100%;
    }
	.stats .transparent-background {
		background: transparent !important;
		/*width: auto !important;
	    height: auto !important;
	    padding: 15px !important;*/
	}
}
@media (max-width: 480px) {
	.stats .statsbrick.circle {
		width: 250px !important;
	    height: 250px !important;
	}
}
/* SVG Icons */
.multicolumn-image .svg-icon { margin-bottom: 10px; }
.ecommerceproductblock .svg-icon svg { max-width: 100%; }
#color-gradient-defs { position: absolute; }

/* smart crop */
.multicolumn-image img.enable-img-crop.img-on-left {
  width: 136px;
  min-height: 136px;
  object-fit: cover;
}
.longcolumn img.enable-img-crop { 
  width: 252px;
  min-height: 252px;
  object-fit: cover;
}


/* masthead css */
#masthead_brick_2 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 330px;
}

.defaultblack {
    color:black;
}

.mastheadslide {
	padding-top: 0px !important;
}

/* ==============================================================
      Featured Image - always display image on top in mobile view
      05/23/2023, for web accessibility, always put image first before content
  ================================================================= */

@media (min-width: 768px) { 
  .featuredimage .image-col.reverse { order: 2; -webkit-order: 2; }
  .featuredimage .content-col.reverse { order: 1; -webkit-order: 1; }
}
  
@media (max-width: 767px) { 
  .featuredimage .content-col { margin-top:30px; }
}  

/* ==============================================================
      Masthead Framing
  ================================================================= */
  .mastheadframing .frame-variable, .mastheadframing .frame-block { padding: 0; position: relative; word-break: break-word; }
  .mastheadframing .frame-variable .wrapper, .mastheadframing .frame-block .wrapper { 
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }
  .mastheadframing .frame-variable::after, 
  .mastheadframing .frame-variable::before {
    content: '';
    display: block;
    height: 100%;
    max-height: 900px;
    position: absolute;
    z-index: 0;
    top: 0;
    transition: all 300ms ease-in-out;
    opacity: .85;
  }

  .mastheadframing .frame-variable::after {
    left: auto;
    right: 0;
    width: 64px;
  }

  .mastheadframing .frame-block::after, 
  .mastheadframing .frame-block::before {
    content: '';
    display: block;
    height: 100%;
    max-height: 900px;
    position: absolute;
    z-index: 0;
    top: 0;
    left: calc((100vw - 1100px) / 2 - 40px);
    transition: all 300ms ease-in-out;
    opacity: .85;
  }
  

  .mastheadframing .frame-block::after{
        left: auto;
        right: 0;
        width: 0px;  /* don't show the far right vertial bar */
  }
  
  .mastheadframing .frame-thin::before { left: 0; }
  .mastheadframing .frame-thin::after  { left: auto; right: 0; }
    
  
  .mastheadframing .frame-thin { padding: 0; position: relative; }
  .mastheadframing .frame-thin .wrapper { 
      padding-top: 60px;
      padding-bottom: 60px;
  }
  .mastheadframing .frame-thin::after, .mastheadframing .frame-thin::before {
      content: '';
      display: block;
      width: 64px;
      height: 100%;
      max-height: 900px;
      position: absolute;
      z-index: 0;
      top: 0;
      transition: all 300ms ease-in-out;
      opacity: .85;
    }
    .mastheadframing{word-break: initial;}
    #framing-desktop-logo { position: relative; margin-left: 0px; margin-top: -20px; }
    #framing-mobile-bg { display: none; }
    #framing-mobile-logo { display: none; }

    /* Nuance logos */
    #framing-desktop-logo .black { background: url("../../../asset/internal/images/assets/nuance-logo-black.png") no-repeat left center; display: block;
      background-size: contain; width: 100%; height:44px;}
  
    #framing-mobile-logo .black { background: url("../../../asset/internal/images/assets/nuance-logo-black.png") no-repeat center center; display: block;
      background-size: contain; width: 100%; height:33px;}
  
    #framing-desktop-logo .white { background: url("../../../asset/internal/images/assets/nuance-logo-white.png") no-repeat left center; display: block;
      background-size: contain; width: 100%; height: 44px; }
  
    #framing-mobile-logo .white { background: url("../../../asset/internal/images/assets/nuance-logo-white.png") no-repeat center center; display: block;
      background-size: contain; width: 100%; height: 33px; }
  
    /* M+N logos */
	  #framing-desktop-logo .nuance-microsoft-lockup { background: url("../../../asset/internal/images/assets/nuance-microsoft-lockup.png") no-repeat left center; display: block;
      background-size: contain; width: 100%; height:40px;}

   #framing-mobile-logo .nuance-microsoft-lockup { background: url("../../../asset/internal/images/assets/nuance-microsoft-lockup.png") no-repeat center center; display: block;
    background-size: contain; width: 100%; height:40px;}

   #framing-desktop-logo .nuance-microsoft-lockup-white { background: url("../../../asset/internal/images/assets/nuance-microsoft-lockup-white.png") no-repeat left center; display: block;
    background-size: contain; width: 100%; height: 40px; }

   #framing-mobile-logo .nuance-microsoft-lockup-white { background: url("../../../asset/internal/images/assets/nuance-microsoft-lockup-white.png") no-repeat center center; display: block;
    background-size: contain; width: 100%; height: 40px; }

    /* frame color gradient css */
    .mastheadframing .frame-colorwayLBDB-h::after, 
    .mastheadframing .frame-colorwayLBDB-h::before {
      background: #0073EA; /* Old browsers */
      background: linear-gradient(to bottom, #0073EA -15%, #141380); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073EA', endColorstr='#141380',GradientType=1 ); /* IE6-9 */
    }
    .mastheadframing .frame-colorwayLBPL-h::after, 
    .mastheadframing .frame-colorwayLBPL-h::before {
      background: #0073EA; /* Old browsers */
      background: linear-gradient(to bottom, #0073EA -15%, #75178c); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073EA', endColorstr='#75178c',GradientType=1 ); /
    }
    .mastheadframing .frame-colorwayLBGR-h::after, 
    .mastheadframing .frame-colorwayLBGR-h::before {
      background: #2DC6D6; /* Old browsers */
      background: linear-gradient(to bottom, #2DC6D6, #8fce00); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2DC6D6', endColorstr='#8fce00',GradientType=1 ); /
    }
  
    /* default frame color style per image type */
    .mastheadframing .frame-light::after, 
    .mastheadframing .frame-light::before {
      mix-blend-mode: multiply;
      opacity: 0.95;
    }
    .mastheadframing .frame-highContrast::after, 
    .mastheadframing .frame-highContrast::before {
      opacity: 0.93;
    }
    .mastheadframing .frame-dark::after, 
    .mastheadframing .frame-dark::before {
      opacity: 0.8
    }
  
    /* classes for fine-tuning */
    .mastheadframing .frame-blendmode-multiply::after,
    .mastheadframing .frame-blendmode-multiply::before { 
      mix-blend-mode: multiply; 
    }
  
    .mastheadframing .frame-gradientopacity-75::after, 
    .mastheadframing .frame-gradientopacity-75::before { opacity: 0.75; }
    .mastheadframing .frame-gradientopacity-80::after, 
    .mastheadframing .frame-gradientopacity-80::before { opacity: 0.8; }
    .mastheadframing .frame-gradientopacity-85::after, 
    .mastheadframing .frame-gradientopacity-85::before { opacity: 0.85; }
    .mastheadframing .frame-gradientopacity-90::after, 
    .mastheadframing .frame-gradientopacity-90::before { opacity: 0.9; }
    .mastheadframing .frame-gradientopacity-95::after, 
    .mastheadframing .frame-gradientopacity-95::before { opacity: 0.95; }
    .mastheadframing .frame-gradientopacity-100::after, 
    .mastheadframing .frame-gradientopacity-100::before { opacity: 1; }
  

      .mastheadframing .frame-variable.frame-col-md-6::before {
          width: calc((100vw - 1100px) / 2 - -1100px * 0.5 - -30px);
      }
        .mastheadframing .frame-variable.frame-col-md-7::before {
          width: calc((100vw - 1100px) / 2 - -1100px * 0.58 - -30px);
      }
        .mastheadframing .frame-variable.frame-col-md-8::before {
          width: calc((100vw - 1100px) / 2 - -1100px * 0.67 - -30px);
      }


      .mastheadframing .frame-block.frame-col-md-6::before {
          width: calc(1100px * 0.5 - -40px);
      }
        .mastheadframing .frame-block.frame-col-md-7::before {
          width: calc(1100px * 0.58 - -40px);
      }
        .mastheadframing .frame-block.frame-col-md-8::before {
          width: calc(1100px * 0.67 - -40px);
      }

  
      .frame-variable #desktopLogov2, .frame-block #desktopLogov2 { position: relative; }
      
    @media (max-width: 1200px) {
      .mastheadframing .frame-variable.frame-col-md-6::before,
      .mastheadframing .frame-variable.frame-col-md-7::before,
      .mastheadframing .frame-variable.frame-col-md-8::before {
          width: calc((100vw - 1100px) / 2 - -1100px * 0.55 - -30px);
      }

      .mastheadframing .frame-block.frame-col-md-6::before,
      .mastheadframing .frame-block.frame-col-md-7::before,
      .mastheadframing .frame-block.frame-col-md-8::before {
          width: calc(1100px * 0.55 - -30px);
      }

	  .mastheadframing .frame-block::before {
	    left: calc((100vw - 1100px) / 2 - 30px);
	  }


      .mastheadframing .frame-variable .col-md-6,
      .mastheadframing .frame-variable .col-md-7,
      .mastheadframing .frame-variable .col-md-8,
      .mastheadframing .frame-block .col-md-6,
      .mastheadframing .frame-block .col-md-7,
      .mastheadframing .frame-block .col-md-8 {
		    max-width: 55%;
      }

      .mastheadframing  .frame-thin .wrapper { width:92%; }
      .mastheadframing .frame-thin::before, .mastheadframing .frame-thin::after {  width:32px; }
            
    }
  
    @media (max-width:1200px) and (min-width:767px) {
      .mastheadframing .frame-variable h2, .mastheadframing .frame-block h2 { font-size: 52px; }
    }
    @media (max-width: 1024px) {
      .mastheadframing .frame-variable .wrapper, .mastheadframing .frame-block .wrapper { width:92%; }

      .mastheadframing .frame-variable.frame-col-md-6::before,
      .mastheadframing .frame-variable.frame-col-md-7::before,
      .mastheadframing .frame-variable.frame-col-md-8::before {
          width: calc((100vw - 1024px) / 2 - -1024px * 0.55 - -30px);
      }
      .mastheadframing .frame-block.frame-col-md-6::before,
      .mastheadframing .frame-block.frame-col-md-7::before,
      .mastheadframing .frame-block.frame-col-md-8::before {
          width: calc(1024px * 0.55 - -30px);
      }
	  .mastheadframing .frame-block::before {
	    left: calc((100vw - 1024px) / 2 - 30px);
	  }
      .mastheadframing .frame-variable .col-md-6,
      .mastheadframing .frame-variable .col-md-7,
      .mastheadframing .frame-variable .col-md-8,
      .mastheadframing .frame-block .col-md-6,
      .mastheadframing .frame-block .col-md-7,
      .mastheadframing .frame-block .col-md-8 {
			max-width: 55%;
      }
      .mastheadframing .frame-variable::after {
        display: none;
      }

      .frame-light.frame-colorwayLBPL-h::after, .frame-light.frame-colorwayLBPL-h::before { mix-blend-mode: normal !important; opacity: 0.9 !important; }
      .frame-light.frame-colorwayLBDB-h::after, .frame-light.frame-colorwayLBDB-h::before { mix-blend-mode: normal !important; opacity: 0.9 !important; }
      .frame-light.frame-colorwayLBGR-h::after, .frame-light.frame-colorwayLBGR-h::before { mix-blend-mode: normal !important; opacity: 0.9 !important; }

      .frame-dark.frame-colorwayLBGR-h::after, .frame-dark.frame-colorwayLBGR-h::before { mix-blend-mode: normal !important; opacity: 0.95 !important; }
      #framing-desktop-logo { margin-left: 0px; margin-right: 0px; }
    }
    

    @media (max-width: 896px) {
      .mastheadframing .frame-variable.frame-col-md-6::before,
      .mastheadframing .frame-variable.frame-col-md-7::before,
      .mastheadframing .frame-variable.frame-col-md-8::before {
        width: calc((100vw - 896px) / 2 - -896px * 0.65 - -30px);
      }
      .mastheadframing .frame-block.frame-col-md-6::before,
      .mastheadframing .frame-block.frame-col-md-7::before,
      .mastheadframing .frame-block.frame-col-md-8::before {
        width: calc( 896px * 0.65 - -30px);
      }
	  .mastheadframing .frame-block::before {
	    left: calc((100vw - 896px) / 2 - 30px);
	  }      
      .mastheadframing .frame-variable .col-md-6,
      .mastheadframing .frame-variable .col-md-7,
      .mastheadframing .frame-variable .col-md-8,
      .mastheadframing .frame-block .col-md-6,
      .mastheadframing .frame-block .col-md-7,
      .mastheadframing .frame-block .col-md-8 {
        max-width: 65%;
      }
      .mastheadframing ::after {
          display: none;
      }
    }
  
    @media (max-width: 768px) {
      .mastheadframing .frame-variable.frame-col-md-6::before,
      .mastheadframing .frame-variable.frame-col-md-7::before,
      .mastheadframing .frame-variable.frame-col-md-8::before,
	    .mastheadframing .frame-block.frame-col-md-6::before,
      .mastheadframing .frame-block.frame-col-md-7::before,
      .mastheadframing .frame-block.frame-col-md-8::before {
        left: 30px;
        width: calc(100% - 60px);
      }
      .mastheadframing .frame-variable::after, .mastheadframing .frame-block::after { display: none; }
      .mastheadframing .frame-variable .col-md-6,
      .mastheadframing .frame-variable .col-md-7,
      .mastheadframing .frame-variable .col-md-8,
      .mastheadframing .frame-block .col-md-6,
      .mastheadframing .frame-block .col-md-7,
      .mastheadframing .frame-block .col-md-8 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-left: 30px;
        padding-right: 30px;
      }
      .frame-dark.frame-colorwayLBDB-h::after, 
      .frame-dark.frame-colorwayLBDB-h::before {
        opacity: 0.9 !important;
      }
      .frame-dark.frame-colorwayLBPL-h::after, 
      .frame-dark.frame-colorwayLBPL-h::before {
        opacity: 0.95 !important;
      }
      #framing-desktop-logo { margin-left: 15px; }
	    #vidyard-popbox {width:100%;}
    }
    @media (max-width: 480px) {
      /* hide background image */
      .mastheadframing .frame-variable, .mastheadframing .frame-block { background: none !important; }

      .mastheadframing .frame-variable.frame-col-md-6::before,
      .mastheadframing .frame-variable.frame-col-md-7::before,
      .mastheadframing .frame-variable.frame-col-md-8::before,
      .mastheadframing .frame-block.frame-col-md-6::before,
      .mastheadframing .frame-block.frame-col-md-7::before,
      .mastheadframing .frame-block.frame-col-md-8::before {
        left: 0;
        width: 100%;
        max-width: 100%;
      }
      #framing-desktop-logo { display: none; }
      #framing-mobile-logo {
        display: block; 
        padding:30px; 
      }
      #framing-mobile-logo.colorwayLBDB-h,
      #framing-mobile-logo.colorwayLBPL-h {
        background-color:#0073EA;
      }	
      #framing-mobile-logo.colorwayLBGR-h {
        background-color:#2AAECB;
      }	
      #framing-mobile-bg { 
        display: block; 
        min-height: 260px; 
        background-position-x: 90%;
        background-position-y: 20%;
        transition: all 300ms ease-in-out;
      }
      #framing-desktop-logo+div.pt-100 { padding-top: 0 !important; }

      .frame-light.frame-colorwayLBPL-h::after, .frame-light.frame-colorwayLBPL-h::before { mix-blend-mode: normal !important; opacity: 1 !important; }
      .frame-light.frame-colorwayLBDB-h::after, .frame-light.frame-colorwayLBDB-h::before { mix-blend-mode: normal !important; opacity: 1 !important; }
      .frame-light.frame-colorwayLBGR-h::after, .frame-light.frame-colorwayLBGR-h::before { mix-blend-mode: normal !important; opacity: 1 !important; }

      .frame-highContrast.frame-colorwayLBPL-h::after, .frame-highContrast.frame-colorwayLBPL-h::before { mix-blend-mode: normal !important; opacity: 1 !important; }
      .frame-highContrast.frame-colorwayLBDB-h::after, .frame-highContrast.frame-colorwayLBDB-h::before { mix-blend-mode: normal !important; opacity: 1 !important; }
      .frame-highContrast.frame-colorwayLBGR-h::after, .frame-highContrast.frame-colorwayLBGR-h::before { mix-blend-mode: normal !important; opacity: 1 !important; }

      .frame-dark.frame-colorwayLBPL-h::after, .frame-dark.frame-colorwayLBPL-h::before { mix-blend-mode: normal !important; opacity: 1 !important; }
      .frame-dark.frame-colorwayLBDB-h::after, .frame-dark.frame-colorwayLBDB-h::before { mix-blend-mode: normal !important; opacity: 1 !important; }
      .frame-dark.frame-colorwayLBGR-h::after, .frame-dark.frame-colorwayLBGR-h::before { mix-blend-mode: normal !important; opacity: 1 !important; }
      
      .mastheadframing .frame-thin::before {
        display: none;
      }
      .mastheadframing .frame-thin.frame-colorwayLBDB-h::before {
        background: linear-gradient(to left, #0073EA, #141380);
      }
      .mastheadframing .frame-thin.frame-colorwayLBPL-h::before {
        background: linear-gradient(to left, #0073EA, #75178c);
      }
      .mastheadframing .frame-thin.frame-colorwayLBGR-h::before {
        background: linear-gradient(to left, #0073EA, #8fce00);
      }
  
      .mastheadframing .frame-thin::after { display: none; }
    }
   
    /* ==============================================================
      Background Image Block Gradient
  ================================================================= */
  
  .backgroundimage .frame-block { padding: 0; position: relative; word-break: break-word; }
  .backgroundimage .frame-block .wrapper { 
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }

  .backgroundimage .frame-block::before {
    content: '';
    display: block;
    height: 100%;
    max-height: 900px;
    position: absolute;
    z-index: 0;
    top: 0;
    left: calc((100vw - 1100px) / 2 - 45px);
    transition: all 300ms ease-in-out;
    opacity: .85;
  }

  .backgroundimage .frame-block.align-right::before {
    left:  auto;
    right:  calc((100vw - 1100px) / 2 - 45px);;
  }

  .backgroundimage .frame-block.frame-col-md-6::before {
    width: calc(1100px * 0.5 - -60px);
  }

  /* frame color gradient css */ 
  .backgroundimage .frame-colorwayLBDB-h::before {
    background: #0073EA; /* Old browsers */
    background: linear-gradient(to bottom, #0073EA -15%, #141380); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073EA', endColorstr='#141380',GradientType=1 ); /* IE6-9 */
  }
  .backgroundimage .frame-colorwayLBPL-h::before {
    background: #0073EA; /* Old browsers */
    background: linear-gradient(to bottom, #0073EA -15%, #75178c); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073EA', endColorstr='#75178c',GradientType=1 ); /
  }
  .backgroundimage .frame-colorwayLBGR-h::before {
    background: #2DC6D6; /* Old browsers */
    background: linear-gradient(to bottom, #2DC6D6, #8fce00); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2DC6D6', endColorstr='#8fce00',GradientType=1 ); /
  }
  
  /* default frame color style per image type */
  .backgroundimage .frame-light::before {
    mix-blend-mode: multiply;
    opacity: 0.95;
  }
  .backgroundimage .frame-highContrast::before {
    opacity: 0.93;
  }
  .backgroundimage .frame-dark::before {
    opacity: 0.8
  }

  /* classes for fine-tuning */
  .backgroundimage .frame-blendmode-multiply::before { 
    mix-blend-mode: multiply; 
  }
  
  .backgroundimage .frame-gradientopacity-75::before { opacity: 0.75; }
  .backgroundimage .frame-gradientopacity-80::before { opacity: 0.8; }
  .backgroundimage .frame-gradientopacity-85::before { opacity: 0.85; }
  .backgroundimage .frame-gradientopacity-90::before { opacity: 0.9; }
  .backgroundimage .frame-gradientopacity-95::before { opacity: 0.95; }
  .backgroundimage .frame-gradientopacity-100::before { opacity: 1; }

  .backgroundimage .frame-colorwayLBDB-h ul li a, .backgroundimage .frame-colorwayLBDB-h ul li::marker { color: white; }
  .backgroundimage .frame-colorwayLBPL-h ul li a, .backgroundimage .frame-colorwayLBPL-h ul li::marker { color: white; }
  .backgroundimage .frame-colorwayLBGR-h ul li a, .backgroundimage .frame-colorwayLBGR-h ul li::marker { color: white; }
  
  @media (max-width: 896px) {
    .backgroundimage .frame-block.frame-col-md-6::before {
      width: calc( 896px * 0.65 - -30px);
    }    
  }

  @media (max-width: 768px) {
    .backgroundimage .frame-block.frame-col-md-6::before {
      left: 30px;
      width: calc(100% - 50px);
    }
    .backgroundimage .frame-block .col-md-6 {
      max-width: 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      padding-left: 60px;
      padding-right: 60px;
    }
    .backgroundimage .frame-block.align-right .offset-md-6 {
      margin-left:  0px;
    }
  }

  @media (max-width: 426px) {
    /* hide background image */
    .backgroundimage .frame-block { background: none !important; }

    .backgroundimage .frame-block.frame-col-md-6::before {
      left: 0;
      width: 100%;
      max-width: 100%;
    }

  .backgroundimage .frame-block .col-md-6 {
      padding-left: 30px;
      padding-right: 30px;
    }
  }

/* ==============================================================
    Others
================================================================= */

.featuredresource .resource-small-box-g-bg > .featuredresourceblock:first-of-type > div:first-child {
	margin-top: 1.25rem !important;
}
.col-md-8.responsive.iconreadmoreinfo.ml-0.addn-rte-readmore{margin-top: 0px !important}
.Component-RTE.section.responsive.lead3.p-0.m-0.addn-rte-content{margin-top: 0px !important}

#vidyard-overlay-wrapper {
  z-index: 999;
  }
#vidyard-overlay { opacity: 0.8 !important; }
/*Vidyard css*/
.backgroundimage .vidyard-player-container .play-button {
	width: 20%;
}
/*.col-md-3 .multicolumn-video .vidyard-player-container .play-button,
.col-md-4 .multicolumn-video .vidyard-player-container .play-button,*/
.multicolumn-video .img-on-left  .vidyard-player-container .play-button {
	width: 30%;
}
#vidyard-popbox-constraint { 
	max-width: none;
}
.multicolumn-video .vidyard-player-container .play-button .arrow{
  margin: 0 !important;
  border: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' class='_1MpKV' fill='%23fff' focusable='false' role='img' style='forced-color-adjust: auto; ' aria-label='Play Video'%3E%3Ctitle%3EPlay Video%3C/title%3E%3Cpath id='play' data-testid='play' d='M6.484 4.094l20.75 11.225c0.226 0.121 0.41 0.427 0.41 0.683s-0.184 0.563-0.41 0.683l-20.75 11.222c-0.095 0.051-0.26 0.093-0.367 0.093-0.427 0-0.774-0.346-0.774-0.773v-22.451c0-0.428 0.347-0.774 0.774-0.774 0.108 0 0.272 0.042 0.367 0.093z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 30px;
  height: 30px;
  top:0;
}

.multicolumn-video  .vidyard-player-container .play-button .arrow-size{
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  margin: 0 auto;
  left: 0;
  right: 0;
}

.blockLinkSection {
  position: relative;
  cursor: pointer;
}
.blockLinkSection:hover a {
	text-decoration: underline;
}
.blockLinkSection:hover .blocklink-hover {
  display: block;
}
.blockLinkSection .blocklink-hover {
  display:none;
  position: absolute; 
  width: 100%; 
  bottom: 0; 
  right: 0;   
  border-radius: 4px;
  border-bottom: solid 4px #285ce6;
}

.bluetitle {
	color: #285ce6;
}
.flexibleasset .Component-RTE p {
    width: 100%;
}
.svg-animation-container {
    /* background-color:#ffffff; */
    width:100%;
    height:100%;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;
}

.svg-animation {
	position:relative;
}
.svg-animation .svg-animation-control {
}

.svg-animation .svg-ani-control {
    background-color: transparent;
    border: 0;
    width:40px;
    height: 40px;
    background-image: url("../../../asset/shared-images/ui/sprite-general-icons.png");
     background-repeat: no-repeat;
}

.svg-animation .svg-ani-control.play {
   background-position: -93px -176px;
}
.svg-animation .svg-ani-control.play:hover {
	background-position: -136px -176px;
}
.svg-animation .svg-ani-control.pause {
	background-position: -5px -176px;
}
.svg-animation .svg-ani-control.pause:hover {
	background-position: -48px -176px;
}


/*Dark Images for left/right arrow*/

.carousel-control-prev:hover .carousel-control-prev-icon img, .carousel-control-prev:focus .carousel-control-prev-icon img {
	background-image: url("../../../asset/shared-images/ui/carousel-left-hover-40x40.svg");
}
.carousel-control-next:hover .carousel-control-next-icon img, .carousel-control-next:focus .carousel-control-next-icon img {
	background-image: url("../../../asset/shared-images/ui/carousel-right-hover-40x40.svg");
}
/*Carousel play/pause button*/
.carousel #toggleCarousel .carousel-control-pause-icon {
  background-image: url("../../../asset/shared-images/ui/carousel-pause-33x33.svg");
}
.carousel #toggleCarousel .carousel-control-play-icon {
  background-image: url("../../../asset/shared-images/ui/carousel-play-33x33.svg");
}
.carousel-button-controls {
  display: flex;
  justify-content: center;
  vertical-align: middle !important;
  padding-top: 29px;
}
/* For image gallery component*/
.container-sharednone .carousel-button-controls {
  position: absolute;
  bottom: 20px;
  text-align: center;
  width: 100%;
}
.container-sharednone .carousel-indicators {
  position: relative !important;
}
.carousel #toggleCarousel {
  display: flex;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 0px;;
}
.carousel #toggleCarousel .carousel-control-pause-icon, .carousel #toggleCarousel .carousel-control-play-icon {
  display: block;
  height: 33px;
  width: 33px;
}
#toggleCarousel:focus span {
  outline: 2px solid #000;
  outline-offset: 2px;
  border-radius: 3px;
}
#toggleCarousel:focus-visible {
  outline: none !important;
}
.carousel-control-prev:focus-visible, .carousel-control-next:focus-visible {display: flex;}
/*Light Images for left/right arrow and play/pause buttons*/
.colorwayMedBlue-bg .carousel-control-prev-icon img, .colorwayDarkBlue-bg .carousel-control-prev-icon img, .colorwayPurple-bg .carousel-control-prev-icon img, .colorwayDarkGrey-bg .carousel-control-prev-icon img, .colorwayBlack-bg .carousel-control-prev-icon img, .colorwayLBDB-h-bg .carousel-control-prev-icon img, .colorwayLBPL-h-bg .carousel-control-prev-icon img, .arrow-light .carousel-control-prev-icon img, 
.colorwayMedBlue-bg .carousel-control-next-icon img, .colorwayDarkBlue-bg .carousel-control-next-icon img, .colorwayPurple-bg .carousel-control-next-icon img, .colorwayDarkGrey-bg .carousel-control-next-icon img, .colorwayBlack-bg .carousel-control-next-icon img, .colorwayLBDB-h-bg .carousel-control-next-icon img, .colorwayLBPL-h-bg .carousel-control-next-icon img, .arrow-light .carousel-control-next-icon img,
.colorwayMedBlue-bg #toggleCarousel .carousel-control-pause-icon, .colorwayDarkBlue-bg #toggleCarousel .carousel-control-pause-icon, .colorwayPurple-bg #toggleCarousel .carousel-control-pause-icon, .colorwayDarkGrey-bg #toggleCarousel .carousel-control-pause-icon, .colorwayBlack-bg #toggleCarousel .carousel-control-pause-icon, .colorwayLBDB-h-bg #toggleCarousel .carousel-control-pause-icon, .colorwayLBPL-h-bg #toggleCarousel .carousel-control-pause-icon, .arrow-light #toggleCarousel .carousel-control-pause-icon,
.colorwayMedBlue-bg #toggleCarousel .carousel-control-play-icon, .colorwayDarkBlue-bg #toggleCarousel .carousel-control-play-icon, .colorwayPurple-bg #toggleCarousel .carousel-control-play-icon, .colorwayDarkGrey-bg #toggleCarousel .carousel-control-play-icon, .colorwayBlack-bg #toggleCarousel .carousel-control-play-icon, .colorwayLBDB-h-bg #toggleCarousel .carousel-control-play-icon, .colorwayLBPL-h-bg #toggleCarousel .carousel-control-play-icon, .arrow-light #toggleCarousel .carousel-control-play-icon {
  filter: invert(1);
}
.colorwayMedBlue-bg .carousel-control-prev:hover .carousel-control-prev-icon img, .colorwayMedBlue-bg .carousel-control-prev:focus .carousel-control-prev-icon img,
.colorwayDarkBlue-bg .carousel-control-prev:hover .carousel-control-prev-icon img, .colorwayDarkBlue-bg .carousel-control-prev:focus .carousel-control-prev-icon img,
.colorwayPurple-bg .carousel-control-prev:hover .carousel-control-prev-icon img, .colorwayPurple-bg .carousel-control-prev:focus .carousel-control-prev-icon img,
.colorwayDarkGrey-bg .carousel-control-prev:hover .carousel-control-prev-icon img, .colorwayDarkGrey-bg .carousel-control-prev:focus .carousel-control-prev-icon img,
.colorwayBlack-bg .carousel-control-prev:hover .carousel-control-prev-icon img, .colorwayBlack-bg .carousel-control-prev:focus .carousel-control-prev-icon img,
.colorwayLBDB-h-bg .carousel-control-prev:hover .carousel-control-prev-icon img, .colorwayLBDB-h-bg .carousel-control-prev:focus .carousel-control-prev-icon img,
.colorwayLBPL-h-bg .carousel-control-prev:hover .carousel-control-prev-icon img, .colorwayLBPL-h-bg .carousel-control-prev:focus .carousel-control-prev-icon img,
.arrow-light .carousel-control-prev:hover .carousel-control-prev-icon img, .arrow-light .carousel-control-prev:focus .carousel-control-prev-icon img
{
  filter: invert(0.7);
}
.colorwayMedBlue-bg .carousel-control-next:hover .carousel-control-next-icon img, .colorwayMedBlue-bg .carousel-control-next:focus .carousel-control-next-icon img,
.colorwayDarkBlue-bg .carousel-control-next:hover .carousel-control-next-icon img, .colorwayDarkBlue-bg .carousel-control-next:focus .carousel-control-next-icon img,
.colorwayPurple-bg .carousel-control-next:hover .carousel-control-next-icon img, .colorwayPurple-bg .carousel-control-next:focus .carousel-control-next-icon img,
.colorwayDarkGrey-bg .carousel-control-next:hover .carousel-control-next-icon img, .colorwayDarkGrey-bg .carousel-control-next:focus .carousel-control-next-icon img,
.colorwayBlack-bg .carousel-control-next:hover .carousel-control-next-icon img, .colorwayBlack-bg .carousel-control-next:focus .carousel-control-next-icon img,
.colorwayLBDB-h-bg .carousel-control-next:hover .carousel-control-next-icon img, .colorwayLBDB-h-bg .carousel-control-next:focus .carousel-control-next-icon img,
.colorwayLBPL-h-bg .carousel-control-next:hover .carousel-control-next-icon img, .colorwayLBPL-h-bg .carousel-control-next:focus .carousel-control-next-icon img,
.arrow-light .carousel-control-next:hover .carousel-control-next-icon img, .arrow-light .carousel-control-next:focus .carousel-control-next-icon img
{
  filter: invert(0.7);
}

.carousel-control-prev, .carousel-control-next {
	opacity:1;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
	width: 100%;
  height: 100%;
  background: none !important;
}
.carousel .nav-controls {
	background-color: transparent !important;
    border: none !important;
}

/*Form control outline css*/
.colorwayPurple-bg .nuan-form-field .form-control:focus, .colorwayDarkBlue-bg .nuan-form-field .form-control:focus, .colorwayDarkGrey-bg .nuan-form-field .form-control:focus, .colorwayBlack-bg .nuan-form-field .form-control:focus, .colorwayMedBlue-bg .nuan-form-field .form-control:focus, .colorwayLBDB-h-bg .nuan-form-field .form-control:focus, .colorwayLBPL-h-bg .nuan-form-field .form-control:focus {
  outline: 2px solid #fff;
	outline-offset: 4px;
	border-radius: 3px;
}

/*carousel control prev, next outline*/
.carousel-control-prev:focus .carousel-control-prev-icon, .carousel-control-next:focus .carousel-control-next-icon {
  outline: 2px solid #285ce6;
	outline-offset: 2px;
	border-radius: 3px;
}

.colorwayPurple-bg .carousel-control-prev:focus .carousel-control-prev-icon,
.colorwayDarkBlue-bg .carousel-control-prev:focus .carousel-control-prev-icon,
.colorwayDarkGrey-bg .carousel-control-prev:focus .carousel-control-prev-icon,
.colorwayBlack-bg .carousel-control-prev:focus .carousel-control-prev-icon,
.colorwayMedBlue-bg .carousel-control-prev:focus .carousel-control-prev-icon,
.colorwayLBDB-h-bg .carousel-control-prev:focus .carousel-control-prev-icon,
.colorwayLBPL-h-bg .carousel-control-prev:focus .carousel-control-prev-icon,
.colorwayPurple-bg .carousel-control-next:focus .carousel-control-next-icon,
.colorwayDarkBlue-bg .carousel-control-next:focus .carousel-control-next-icon,
.colorwayDarkGrey-bg .carousel-control-next:focus .carousel-control-next-icon,
.colorwayBlack-bg .carousel-control-next:focus .carousel-control-next-icon,
.colorwayMedBlue-bg .carousel-control-next:focus .carousel-control-next-icon,
.colorwayLBDB-h-bg .carousel-control-next:focus .carousel-control-next-icon,
.colorwayLBPL-h-bg .carousel-control-next:focus .carousel-control-next-icon{
  outline: 2px solid #fff;
	outline-offset: 2px;
	border-radius: 3px;
}

.colorwayLightGreen-bg .carousel-control-prev:focus .carousel-control-prev-icon,
.colorwayGreen-bg .carousel-control-prev:focus .carousel-control-prev-icon,
.colorwayLBGR-v-bg .carousel-control-prev:focus .carousel-control-prev-icon,
.colorwayLBGR-h-bg .carousel-control-prev:focus .carousel-control-prev-icon,
.colorwayLightGreen-bg .carousel-control-next:focus .carousel-control-next-icon,
.colorwayGreen-bg .carousel-control-next:focus .carousel-control-next-icon,
.colorwayLBGR-v-bg .carousel-control-next:focus .carousel-control-next-icon,
.colorwayLBGR-h-bg .carousel-control-next:focus .carousel-control-next-icon{
	outline: 2px solid #000;
	outline-offset: 2px;
	border-radius: 3px;
}

/*Carousel indicator color change*/
.carousel-indicators li[data-bs-target]:focus-visible {
    outline: 2px solid #000000;    
    outline-offset: 4px;
    border-radius: 3px;
    opacity: 1;
}
/* Light indicators*/
.colorwayMedBlue-bg .carousel-indicators li[data-bs-target], .colorwayDarkBlue-bg .carousel-indicators li[data-bs-target], .colorwayPurple-bg .carousel-indicators li[data-bs-target], .colorwayDarkGrey-bg .carousel-indicators li[data-bs-target], .colorwayBlack-bg .carousel-indicators li[data-bs-target], .colorwayLBDB-h-bg .carousel-indicators li[data-bs-target], .colorwayLBPL-h-bg .carousel-indicators li[data-bs-target], .arrow-light .carousel-indicators li[data-bs-target] {
	background-color: #ffffff57;
}
.colorwayMedBlue-bg .carousel-indicators li[data-bs-target].active, .colorwayDarkBlue-bg .carousel-indicators li[data-bs-target].active, .colorwayPurple-bg .carousel-indicators li[data-bs-target].active, .colorwayDarkGrey-bg .carousel-indicators li[data-bs-target].active, .colorwayBlack-bg .carousel-indicators li[data-bs-target].active, .colorwayLBDB-h-bg .carousel-indicators li[data-bs-target].active, .colorwayLBPL-h-bg .carousel-indicators li[data-bs-target].active {
  background-color: #ffffff;
}
.colorwayMedBlue-bg .carousel-indicators .active, .colorwayDarkBlue-bg .carousel-indicators .active, .colorwayPurple-bg .carousel-indicators .active, .colorwayDarkGrey-bg .carousel-indicators .active, .colorwayBlack-bg .carousel-indicators .active, .colorwayLBDB-h-bg .carousel-indicators .active, .colorwayLBPL-h-bg .carousel-indicators .active, .arrow-light .carousel-indicators .active {
	background-color: #ffffff;
}
.colorwayMedBlue-bg .carousel-indicators li[data-bs-target]:focus-visible, .colorwayDarkBlue-bg .carousel-indicators li[data-bs-target]:focus-visible, .colorwayPurple-bg .carousel-indicators li[data-bs-target]:focus-visible, .colorwayDarkGrey-bg .carousel-indicators li[data-bs-target]:focus-visible, .colorwayBlack-bg .carousel-indicators li[data-bs-target]:focus-visible, .colorwayLBDB-h-bg .carousel-indicators li[data-bs-target]:focus-visible, .colorwayLBPL-h-bg .carousel-indicators li[data-bs-target]:focus-visible, .arrow-light .carousel-indicators li[data-bs-target]:focus-visible, #supportForm select:focus {
	outline: 2px solid #ffffff;
	outline-offset: 4px;
	border-radius:3px;
}

/*carousel indicators outline */
.image-carousel .carousel-indicators li[data-bs-target]:focus,
.colorwayLightGrey-bg .carousel-indicators li[data-bs-target]:focus-visible,
.colorwayWhite-bg .carousel-indicators li[data-bs-target]:focus-visible {
    outline: 2px solid #285ce6;
    outline-offset: 4px;
	  border-radius: 3px;
}

/*bordernavtab*/
.borderedtabnav .div-table, .borderedtabnav .div-table-row {
  display: flex;
  width: 100%;
}
.borderedtabnav .div-table-col {
    float: left;
    display: table-column;
    width: 100%;
    background-color: #ccc;
    padding: 5px;
    background-color: #ffffff;
    border: 2px solid #c4caca;
}
.borderedtabnav .div-table-col a{
    color: #626d6f !important;
    font-size: 16px;
}
.borderedtabnav .selected.div-table-col {
    background-color: #f3f7f6;
}

.onePixel-hidden {
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute!important;
  border: 0!important;
  padding: 0!important;
  margin: 0!important;
  clip: rect(1px,1px,1px,1px);
}

.pdf-thumb {
  border: solid 2px #E5EBEB;
}

@media (max-width: 767px) {
    .borderedtabnav .div-table-row {
        display: block;
    }
}
.read-less-text {
	display: none;
}

/*Partner Consent*/
#partnerConsentDiv label , #PartnerAuthorizedTag label{
	color: #495057;
}
.webinarcustomwidth {
    display: inline-block;
    width: 75%;
}
.campaignoverlayform form #PartnerAuthorizedTag label {
	text-align:left;
}

.submissionError .icon {
  display: none;
}

.featuredresourceblock .img-info-right a.cta {
  margin-bottom: 8px;
}

/*custom tooltip css*/
.nuan-tooltip .tooltip-arrow:before {
  border-top-color: rgba(51, 51, 51, 0.99) !important;
  border-width: 0.6rem 0.6rem 0;
}
.nuan-tooltip-inner {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  text-align: left;
  gap: 8px;
  border-radius: 4px;
  padding: 20px;
  background-color: rgba(51, 51, 51, 0.99);
  opacity: 1.0;
  min-width: 325px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
}

/*High Contrast CSS*/
@media screen and (prefers-color-scheme: dark) {
  #newSecondaryNavWrapper {
    forced-color-adjust: none;
  }
}

@media screen and (prefers-color-scheme: light) {
  .newPrimaryNavWrapper {
    Forced-color-adjust: none;
  }
  select {
    filter: none !important;
    Forced-color-adjust: auto !important;
  }
}

@media screen and (forced-colors: active) {
  select {
    filter: invert(0.8);
    Forced-color-adjust: none;
    color: #000000;
  }
  .carousel-indicators li[data-bs-target] {
    filter: invert(1);
  }
  .nav-controls span img {
    filter: none !important;
  }
  #toggleCarousel span {
    filter: none !important;
  }
}


.footer-twitter-icon {
   fill : #ffffff;
   margin-bottom: 10px;
   height: 25px;
   width: 23px;
}

.footer-copyright-wrap { flex-direction: row !important; }
.footer-copyright-text { color: #999; 	}
@media (max-width: 960px) { 
  .footer-copyright-wrap { flex-direction: column !important; } 
}
@media screen {
	html, body { width:100%;  overflow-x:hidden; }
}

@media (max-width: 1440px) {
    .image-carousel .carousel-inner .slide-imagegallery .wrapper { width: 80%; }
}

@media (max-width: 1200px) { 
	.wrapper{ /*width: 92%;*/ max-width: 1100px; margin: 0 auto;  padding: 0 30px 0 30px; }
	#logoPlacement{ margin-left:0; padding: 0; }
	#mobileMenu { display: none; }
	#toolsNavigation ul li {display:inline;}
	#globalNav_Primary { float: right; padding: 26px 0 0 10px; }
	#footer .footercolumn { width: 140px;  }
	#expanded_nav_container { width: 100%; }
	.landing-page #logo { margin-left:0; }
	#feedTwitter { margin-left: 0; }

	.siteswitcher {
	    height: 110px;	
	}
	.site-switch .topMenuMargin {
	    margin-top: 227px !important;
	}    
	.site-switch .newPrimaryNavWrapper {
		top:110px !important;
	}
	.site-switch .newPrimaryNavWrapper.nav-up {
		top:40px !important;
	}
	
	.site-switch #collapsedNav.location1{
	    top: 178px !important;
	}
}

@media (max-width: 1100px) { 
	/* channel changer */
	#meganavTabs { background-color: #fff !important; margin-top: 60px;}
	#meganavTabs .accordion-heading { padding: 30px 0; }
	#meganavTabs .accordion-heading .accordion-toggle { display: block; padding: 0px; }
  	#meganavTabs .accordion-group { border-width: 0 0 1px 0; margin: 0 30px; }
  	#meganavTabs .accordion-group:last-of-type { border-bottom: none; }
  	#meganavTabs .accordion-heading h6 { font-size: 30px; width: 80%;}
	#meganavTabs .accordion-inner { padding: 30px 0px 60px 0px; border-top: 1px solid #e5e5e5; }
	#meganavTabs .accordion-inner .row .col-md-3 { width: 48.61878453038674%; }
	#meganavTabs .accordion-inner .row > [class*=col-md]:nth-child(2n+1) { clear: both; margin-left: 0; float: left !important; }
	.home .oldLogo{ background: url('../../../content/dam/nuance/internal/images/assets/multimedia/logo-old_sm.png') no-repeat !important; }
	.home #logoPlacement { width: 150px; top:120px; }
	.expanded-section .arrow-up { margin-left:15%; }
	
	.successStory-view-link {
		display: block;
		margin-top: 20px;
		margin-left: 0px;
	}  	
}

@media (max-width: 1023px) {
	.multicolumn-image img.img-on-left {
	  display: none;
	}
	.carousel .carousel-item .slide-testimonial img{
		display: none;
	}
	.carousel .carousel-item .slide-testimonial .slide-content{
		margin-left: 0;
	}
  }
  
@media (max-width: 979px) {

	#logoPlacement{ padding: 0 10px 0 0; margin-top: 10px; }
	#globalNav_Primary { display: none; }

	#mobileMenu { display: block; }

	#pageNavigation .cta, #pageNavigation .dropdown-toggle,  #pageNavigation .btngroup,
	#collapsedNav .cta, #collapsedNav .dropdown-toggle,  #collapsedNav .btngroup { 
      display: none;
    }
    ul.nav-pills { width: 100% !important; }
 
	#docked_nav_inner { width:95%; }
	#back-top { right:0px;}
	
	/* .row { width:95%;	} */
	.expanded_nav { width: 95%; }
	.navbar .nav-collapse .nav.pull-right { clear:left;	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 450px;
		clear: both;
	}

	.img_container {
		width: 100%;
		height: auto;
	}

	img.adaptive {
		height: auto;
		max-height:100%;
		max-width: 100%;
	}

	#hp-exploreNuance .promoTile {
		overflow: auto;
		float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
	}
	#hp-exploreNuance .promo-info {
		float: right;
		width: 65%;
		padding: 25px 15px 18px 0px;
		min-height: auto !important;
	}
	#hp-exploreNuance .promo-image {
		width: 30%;
	}
	#hp-exploreNuance .responsive {
    	margin-top: 30px !important;
	}
	#hp-exploreNuance .linklist { width: 100%; float: none; margin-left: 0; }
	#hp-exploreNuance .linklist ul {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	}
	.multicolumn .row .col-md-12 {
		  width: 90% !important;
		  margin-left: 0;
	}	
	/*
	.multicolumn .jumbotron.text-center .row .col-md-12 {
		width: 100% !important;
		margin-left: 0;
  	}
	*/
	/* .multicolumn .row > [class*="col"]:nth-child(2n+1) {
	  margin-left: 0;
	  clear: both;
	} */
	/*.multicolumn .row [class*="col"]:first-child { 
		margin-top: 0;
	}*/

	.image-carousel .control-wrapper { display:none; }

	.expanded-section .arrow-up { margin-left:16%; }

	.bigfont140 { font-size:110px; }
	.bigfont140 sup { font-size: 60px; top:-0.5em; }
	.bigfont110 { font-size:80px; }
  	.bigfont110 sup { font-size: 50px; top:-0.4em; }
  	.bigfont60 { font-size:50px; }
  	.bigfont60 sup { font-size: 30px; top:-0.4em; }
}

@media (min-width: 320px) {
	.multicolumn .row > [class*="col"]:nth-child(2n+1), 
	.multicolumn .row > [class*="col"]:nth-child(2n+2) {
		margin-top:30px !important;
	}
	 .multicolumn .row .col-md-10.multicolumn-title {
		margin-top:0 !important;
	} /* overwrite the top margin for h5/h3 titles */

	.multicolumn .multicolumn-video .row > [class*="col"]:nth-child(2n+1), 
	.multicolumn .multicolumn-video .row > [class*="col"]:nth-child(2n+2) {
		margin-top: 0 !important;
	} /* overwrite top-margin for multicolumn video */
}

@media (min-width: 768px) and (max-width: 979px) {
	.resources .row [class*="col"]:nth-child(2n+1) {
	    margin-left: 0;
	    clear: both;
	}
	.resources .row > [class*="col"]:nth-child(2n+1), 
	.resources .row > [class*="col"]:nth-child(2n+2) {
	    margin-top:30px !important;
	}
	.resource-small-box-g-bg .thumb, .resource-small-box-w-bg .thumb { display: none; }

	/* resize */
	h2 { font-size: 48px; }
	.headlinestyleh2 { font-size: 48px; }

	/* Resource Carousel: turn to one-column earlier to avoid content+button being cut off */
	.carousel:not(.image-carousel) .carousel-inner .row .col-md-6 { width:100%; float:none; margin-left:0; max-width: none; flex: none; margin-top: 1.875rem !important;} 
	.carousel:not(.image-carousel) .carousel-inner .row .col-md-6.responsive { margin-top:30px; }
	
	/* for displaying tile */
	.multitiles h3 { font-size: 24px; }
   	.multitiles h5 { font-size: 18px; }
   	.multitiles .lead1 { font-size: 18px; }
   	.multitiles .lead2 { font-size: 16px; }
   	.multitiles p { font-size: 14px; }	
   	
   	.multicolumn .row .col-md-3,
	.multicolumn .row .col-md-4,
	.ecommerceproduct .row .col-md-3,
	.ecommerceproduct .row .col-md-4 {
	  width: 50%;
	  flex: 0 0 50%;
	  max-width: 50%;
	  /* margin-left: 2.564102564102564%; */
	  /* float: left; */
	}
	
	.multicolumn .row { margin-top:0 !important; }
	.multicolumn .row > [class*="col"]:nth-child(2n+1), 
	.multicolumn .row > [class*="col"]:nth-child(2n+2),
	.ecommerceproduct .row > [class*="col"]:nth-child(2n+1), 
  	.ecommerceproduct .row > [class*="col"]:nth-child(2n+2) {
		margin-top:30px !important;
	}
}

@media (max-width: 768px) {
	.img-on-top+.white-box-on-color-bg {
	  max-width: 536px;
	}
}

@media (max-width: 767px) {
	.jumbotron { padding-top: 30px; padding-bottom:30px; } /*reduce padding in mobile view */

	/* keep mobile search field as wide as container allows */ 
	/* #footerMobileSearch .input-xxlarge { width: 85%; } */

	/* 
	#pageNavigation { text-align: center; }
	#collapsedNav { text-align: center; min-height: auto !important; } 
	
	#pageNavigation .cta, #pageNavigation .dropdown-toggle, #pageNavigation .btngroup,
	#collapsedNav .cta, #collapsedNav .dropdown-toggle, #collapsedNav .btngroup { 
	    display: inline-block;
	    float: none;
	  }
	*/
  	#pageNavigation { display:none;} 
  	#collapsedNav { display: none !important; }
  	#footerMobileSearch { display: block; }

  	ul.nav-pills { display: none; }

	ul.mainBody li.last { margin-bottom: 30px; }
	.responsive { margin-top: 30px !important; }
	.extraspace { margin-top: 60px !important; }
	.responsivesm { margin-top: 15px !important; }
	.eyebrowH5Alignment { margin-top: 0px !important; }

	/* == enterprise == */
  	#ent-gated-form .input-xlarge { width: 80%; }
	#ent-gated-form.modal { width: 90% !important; }
	#ent-gated-form .modal-body { height:350px; max-width: 93%; }

	.carousel_big_quote { font-size: 2.4em; }

	.linkblockhighlight .mouseover_div [class*="col"] { margin-left:-15px; }

 	hr.smallview { display: block; }

 	/* hide sidebar flyout on small screens */
 	.flyout-wrapper { display: none; }

 	.home .masthead { min-height: 260px !important; }
 	/*.masthead { background-image: none !important; }*/
	.backgroundImgMark:not(.alwaysImg), .masthead:not(.alwaysImg) { background-image: none; } 	
 	.landing-page { background-image: none !important; }

 	/* this is to remove the 330px min-height for bricks with graphic background */
 	/*.jumbotron { background-image: none !important; min-height: auto !important; }*/
 	.jumbotron:not(.alwaysImg) { background-image: none; min-height: auto !important; }
 	.carousel .carousel-item .jumbotron:not(.alwaysImg) { min-height: 260px !important; }
 	
 	/* when content is in single-column display, display any right-aligned items to be left-aligned; */
 	.row > [class*=col-md].text-end, .row > [class*=col-md] .text-end { text-align: left !important; }

   	/* reset font sizes */
   	h1 {  } /*not to scale */
   	h2 { font-size: 36px; }
   	h3 { font-size: 24px; }
   	h4 { font-size: 20px; }
   	h5 { font-size: 18px; }
   	h6 {  } /*same as desktop */
	.headlinestyleh2 { font-size: 36px; } /*special h2 on multipanel*/
   	.lead1 { font-size: 18px; }
   	.lead2 { font-size: 16px; }
   	p { font-size: 14px; }
   	p.description { font-size:16px; }
   	.small { font-size: 12px; }
   	
   	/* linklist resize */
	/* larger font for linkslist */
	ul.large li, ol.large li { font-size: 16px !important; }

    /* no style list */
	p.lead1+.linklist ul li, .linklist p.lead1+ul li { font-size:18px; text-indent:0; }
    p.lead2+.linklist ul li, .linklist p.lead2+ul li { font-size:16px; text-indent:0; }
	H4+.linklist ul li, .linklist H4+ul li { font-size:16px; text-indent:0; }

    /* dot list */
    p.lead1+.linklist2 ul li, .linklist2 p.lead1+ul li { font-size:18px; text-indent:0; }
    p.lead2+.linklist2 ul li, .linklist2 p.lead2+ul li { font-size:16px; text-indent:0; }
	H4+.linklist2 ul li, .linklist2 H4+ul li { font-size:16px; text-indent:0; }

    /* dash list */
    p.lead1+.linklist3 ul li, .linklist3 p.lead1+ul li { font-size:18px; margin-left:20px; }
    p.lead2+.linklist3 ul li, .linklist3 p.lead2+ul li { font-size:16px; margin-left:16px; }
	H4+.linklist3 ul li, .linklist3 H4+ul li { font-size:16px; text-indent:0; }

    p.lead1+.linklist4 ol li, .linklist4 p.lead1+ol li { font-size:18px; text-indent:0; }
    p.lead2+.linklist4 ol li, .linklist4 p.lead2+ol li { font-size:16px; text-indent:0; }
	H4+.linklist4 ol li, .linklist4 H4+ol li { font-size:16px; text-indent:0; }
   	

   	/* hide home engage us vertical line */
   	#hp-engageus #or { display: none; }	
   	#hp-engageus [class*=col-md] .cta { margin-top:0 !important; }

   	#meganav_content_brick .accordion-heading h6 { font-size: 24px;}
   	#tabs .list-wrap { margin-top:40px; }

   	.expandable-menu h1 {float: none; }
    #second_nav_expand { float: none; margin-top:10px; }

    .img-on-left { display: none; }
	.multicolumn-video .img-on-left { display: block; }
	.img-info-right {overflow: hidden; padding-left:0px; }
	.featuredresource .img-info-right { padding-left:15px; }
	.multicolumn-image .img-info-right { padding-left:15px; }
	
    .resource-small-box-g-bg .thumb, .resource-small-box-w-bg .thumb { display: block; }

    .expanded-section .arrow-up { margin-left:0; }

  	.bigfont140 { font-size:90px; }
	.bigfont140 sup { font-size: 60px; top:-0.2em; }
	.bigfont110 { font-size:80px; }
	.bigfont110 sup { font-size: 50px; top:-0.4em; }
	.bigfont60 { font-size:40px; }
	.bigfont60 sup { font-size: 30px; top:-0.25em; }

	#successStory-right {
		margin-left:15px;
	}
	.successStory-quote #quote-left {
		margin: 0 0 0 -15px;
	}

	.bordered-nav-tabs td { 
		display: list-item; 
		border: none; 
		width:auto; 
		text-align: left; 
		list-style: none; 
	}

	.bordered-nav-tabs td a {
	   color: #0077C0 !important; 
	}
  
	.gatedform .modal { width: 90% !important; }
	.gatedform .modal .modal-body { height:350px; max-width: 93%; }
	.gatedform .modal .input-xlarge { width: 80%; }
	
	.multicolumn .row [class*="col"] { 
    	/* width:90%; */
        float:none;
        margin-left:0;
     }

	/* for displaying tile  */
	.multitiles .row [class*="col"] { float: none; width:100%; }
	.multitiles .tile-content { padding:30px; width:100%; }    

	.multicolumn .row [class*="col"]:first-child { 
		margin-top: 0 !important;
	}
	 .multicolumn .jumbotron.pt-0{
		padding-top: 30px !important;
	}
	.colorwayDarkBlue-bg:not(.alwaysImg) { background: #141380 !important;  }
	.colorwayLBDB-v-bg:not(.alwaysImg) { background: linear-gradient(to top, #0073EA 0%, #141380 100%) !important;}
	.colorwayLBDB-h-bg:not(.alwaysImg) { background: linear-gradient(to right, #0073EA 0%, #141380 100%) !important;}
	.colorwayLBPL-v-bg:not(.alwaysImg) { background: linear-gradient(to top, #0073EA 0%, #75178c 100%) !important; }
	.colorwayLBPL-h-bg:not(.alwaysImg) { background: linear-gradient(to right, #0073EA 0%, #75178c 100%) !important;}
	.colorwayLBGR-v-bg:not(.alwaysImg) { background: linear-gradient(to top, #2DC6D6 15%, #8fce00 100%) !important; }
	.colorwayLBGR-h-bg:not(.alwaysImg) { background: linear-gradient(to right, #2DC6D6 20%, #8fce00 100%) !important;}
	
	.colorwayBlue-bg:not(.alwaysImg) { 	background: #2DC6D6 !important;  }
	.colorwayGreen-bg:not(.alwaysImg)    { background: #8FCE00 !important; }
	.colorwayLightBlue-bg:not(.alwaysImg) { 	background: #2DC6D6 !important;  }
	.colorwayLightGreen-bg:not(.alwaysImg) { 	background: #8FCE00 !important;  }
	.colorwayPurple-bg:not(.alwaysImg)   { 	background: #75178C !important;  }
	.colorwayMagenta-bg:not(.alwaysImg)  { 	background: #DB28A5 !important;  }
	.colorwayLightMagenta-bg:not(.alwaysImg) { 	background: #DB28A5 !important;  }
	.colorwayGrey-bg:not(.alwaysImg) { background: #E5EBEB !important;  }
	.colorwayMedGrey-bg:not(.alwaysImg) { background: #C4CACA !important;  }
	.colorwayDarkGrey-bg:not(.alwaysImg) { background: #626D6F !important; }
	.colorwayBlack-bg:not(.alwaysImg) { background: #333333 !important; }
	.colorwayWhite-bg:not(.alwaysImg) { background: #FFFFFF !important; }
	.colorwayLightGrey-bg:not(.alwaysImg) { background: #F2F5F5 !important;  }
	
	.None-bg:not(.alwaysImg) { background-image:none !important;  }
	.footer-social-icons { text-align: center; }

	/*Fix whitebox alignment issue in mobile view*/
	/* Commented these changes on 11th nov 2023 to remove this max-width it's affect everywhere on the mobile view
	   it will not shown content in center and we will not able to handle each and every scenario.
	*/
	/*.multicolumn-image div:not(.text-center.topImage) .linklist {
        max-width: 536px;
    } */

	/********
	We have added this to center align the button 
	Fix for multicolum image issue to fix CTA alignment to center if there is only one button presnt inside component. */
	/*.multicolumn-image  .text-center .linklist.buttonAlignment{
		max-width: none !important;
	} */
}

@media (min-width: 481px) and (max-width: 767px) {
	#expanded_nav_container .row .col-md-3 {
	    width: 48.717948717948715%;
	    /*margin-left: 2.564102564102564%;*/
	    float: left;
	}
	#expanded_nav_container .row [class*=col-md]:nth-child(2n+1) { 
		clear: both; 
		margin-left: 0; 
	}
	#expanded_nav_container .col-md-3.responsive {
    margin-top: 0px !important;
	}
}

@media (max-width: 625px) {
	.button-w-label { float:none; margin-top:20px; }
	.button-w-label-center { margin-top:20px; }

  	#reslib-results .row [class*="col-md-3"] {
		float: none;
		width: 100%;
	}
	.reslib-item { height: auto; }

}

@media (max-width: 480px) {

	#globalNav_Tools { color: white; padding-right: 20px; text-align: right; }

	#mobileMenu { color: #7E7E7e; opacity:0.8; }
	#mobileInput { height: 34px; }
	#mobileOverlay{ width: 100%; height: 100%; overflow: scroll; }
	#mobileOverlay_Primary li { font-size: 1.6em; }
	#mobileOverlayClose { padding-right: 20px; }
	/*#footerMobileSearch .input-xxlarge { padding: 16px; }*/
	#docked_nav{ padding: 0 0px 0 59px;}
	#bc .activeCell, #bc .inactiveCell { display: none; } /*hide breadcrumb*/

	.video embed, .video object, .video iframe {
		min-height: 320px;
	}

	/* == enterprise == */
	#ent-gated-form .modal-body { height:300px; max-width: 90%; }

	.flyout-content { padding-right:10px; }

	html {
	-webkit-text-size-adjust: none; /* disable webkit text size adjust (for iPhone) */
	}

	.arrow-up {
		margin-left:auto;	
	}
	
	img.adaptive {
		margin-left: auto !important;	
	}

	.cta+.cta { margin: 10px 0 0 0; /*display: block;*/ width: auto !important;} /* stack CTA buttons on small screens */

	#hp-exploreNuance .promoTile { text-align: center; overflow: hidden; width:65%; }
	#hp-exploreNuance .promo-info {
		float: none !important;
		width: 100%;
		padding: 25px 25px 35px 25px;;
		min-height: auto !important;
	}
	#hp-exploreNuance .promo-image {
		float:none;
		width: 100%;
	}

	.data-table-rowline tr td { vertical-align:top; padding: 20px 0 10px 10px;}
	.searchrow select, .searchrow input { display: block; margin: 10px 0 0 0; }

	.row [class*="col"] {
		width: 100%;
	    margin-left: 0;
	    float: none;
	}
	.multicolumn .multicolumn-video .img-info-right {
    	padding-left: 15px;
  	}
	  
	#pageNavigation .btngroup .cta, #collapsedNav .btngroup .cta { float: none; } /* for 2-buttons */
	/*.jumbotron:not(.alwaysImg) .image-carousel .carousel-item { background-image: none !important; } */

  	.carousel .carousel-item>img { float:none !important;} 
  	.carousel .carousel-item img+div.slide-content { padding-left:0; } 
  	.carousel .carousel-item img.thumb { display: none; }

  	/* stack buttons for the site search form */
  	#searchResultsFrm .btn-primary {
	  display: block;
	  margin-left: 0;
	  margin-top: 0px;
	}

  	.bigfont140 { font-size:70px; }
	.bigfont140 sup { font-size: 50px; top:-0.2em; }
	.bigfont110 { font-size:70px; }
  	.bigfont110 sup { font-size: 50px; top:-0.25em; }
  	.bigfont60 { font-size:40px; }
  	.bigfont60 sup { font-size: 30px; top:-0.2em; }
  	
 	.gatedform .modal .modal-body { height:300px; max-width: 90%; }
 	
 	/* for display tiles  */
	.multitiles .tile-content { width:auto; }
	
	
	/* for site switch popup */
	.siteswitcher .siteswitcher-sitelist {
	    min-width: 200px;
	    position: relative;
	}
	
	/*  Turn off the Google Recaptcha display in small screen*/	
	Form .grecaptcha-badge {
		visibility: hidden;
	}
	.campaignheader ~ .campaignmastheadbasic .campaign-masthead .wrapper {
        padding-top: 60px;
    }
	
}

@media (max-width: 320px) {

	.wrapper { /*padding-right: 5px;*/ }
	#mobileOverlay{ width: 332px; overflow: scroll; }
	#mobileInput { height: 34px; }

	p.imgdesc_r { clear: both; margin-left: 0px; padding-top: 20px; min-height: 0; } 

	.carousel .carousel-item img { float: none !important; }
	.carousel .carousel-item img+div.slide-content { padding-left:0; margin-top:20px; }

	.gatedform .modal .modal-body { height:300px; max-width: 95%; }

    .multicolumn .row [class*="col"], .row [class*="col"] {
        /* width: 90%; */
        margin-left: 0;
        float: none;
    }
	
}

@media screen and (min-width: 601px) and (max-width:800px) {
	.multicolumndata .col-md-3 {
		-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: 0px !important;
	}
}

@media screen and (max-width:600px) {
	.multicolumndata .col-md-3 {
		width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 30px !important;
	}
}

/* ==== extra spacing to suppliment Bootstrap spacing classes ===*/
@media (min-width: 481px) {
    .pt-xs-100, .py-xs-100 {
        padding-top: 6.25rem !important;
    }
	.campaignheader ~ .campaignmastheadframing .jumbotron .wrapper {
        padding-top: 120px;
    }
}

/* Color contrast issue fixes media query for light theme mode(desert theme) */
@media screen and (prefers-color-scheme: light) {
	#sb-nav-close{
		filter: invert(1);
	}
}

@media (min-width: 980px) and (max-width: 1023px) {
	.carousel:not(.image-carousel) .carousel-inner .row .col-md-6 {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 1.875rem !important;
		max-width: none;
		flex: none;
	}
}
/*============= WCAG related changes ========================*/
/*** make eyebrow text from h5 -> p and add eyebrow class */
p.eyebrow 		{ font-size: 22px; font-weight: 600; line-height: 110%; letter-spacing: -0.5px; margin:0 0 10px 0; }
p.eyebrow.alt 	{ font-size: 20px; font-weight: 300; line-height: 115%; letter-spacing: -0.5px; color: #626d6f; } 

/*** make button label from h6 -> p  */
p.button-label, p.button-group-label { font-size: 16px; font-weight: 600; line-height: 140%; margin-top:0; margin: 0 0 10px 0; }
p.button-label.alt, p.button-group-label.alt {font-weight: normal;}
.button-w-label p.button-group-label, .button-w-label-center p.button-group-label, p.button-group-label,
	.button-w-label p.button-label, .button-w-label-center p.button-label { margin-bottom:8px; }
	
/*show border on button focus*/
button:focus-visible, [type="submit"]:focus-visible {
    outline: 2px solid #626d6f !important;
}

/*High contrast changes for Primary navigation*/
#priNavLogo {
	background-image: url("../../../asset/shared-images/logos/nuance/logo-nuance-white-horizontal-small.png");
  	background-repeat: no-repeat;
  	width: 114px;
  	height: 24px;
  	display: block;
    background-size: 100% 100%;
}
.home #priNavLogo {
  	background-image: url("../../../asset/shared-images/logos/nuance/logo-nuance-black-horizontal-small.png");
  	width: 129px;
  	height: 26px;
  }
  
  .multicolumn-video .linklist a:focus-visible,
  .multicolumn-video .linklist2 a:focus-visible,
  .multicolumn-video .linklist3 a:focus-visible,
  .multicolumn-video .linklist4 a:focus-visible { 
      display: inline-block;
  }

@media screen and (prefers-contrast: more) {
  .home #searchOpenIcon, #primarynav-searchform .utilityicon {
    background-image: url("../../../asset/shared-images/icons/png-icons/icon-utility.png") !important;
    background-size: 100% 100%;
    transform: rotate(-90deg);
    background-position: unset !important;
  }
  .home #searchCloseIcon {
    filter: invert(1);
  }
  .home #priNavLogo {
  	background-image: url("../../../asset/shared-images/logos/nuance/logo-nuance-white-horizontal-small.png") !important;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
	.home #searchOpenIcon, #primarynav-searchform .utilityicon {
    filter: invert(1);
  }
  .home #priNavLogo {
    filter: invert(1);
  }
  .home #searchCloseIcon {
    filter: unset;
  }
}
@font-face {
    font-family: 'nuanceicons';
    src:    url('clientlib-common/fonts/nuanceicons.eot?50g5mz');
    src:    url('clientlib-common/fonts/nuanceicons.eot?50g5mz#iefix') format('embedded-opentype'),
        url('clientlib-common/fonts/nuanceicons.ttf?50g5mz') format('truetype'),
        url('clientlib-common/fonts/nuanceicons.woff?50g5mz') format('woff'),
        url('clientlib-common/fonts/nuanceicons.svg?50g5mz#nuanceicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="nuance-icon-"], [class*=" icon-"] {
    font-family: 'nuanceicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nuance-icon-AI:before {
    content: "\e900";
}
.nuance-icon-Analytics_Polling:before {
    content: "\e901";
}
.nuance-icon-Arrow:before {
    content: "\e902";
}
.nuance-icon-Bullseye:before {
    content: "\e903";
}
.nuance-icon-Clincian:before {
    content: "\e904";
}
.nuance-icon-Cloud:before {
    content: "\e905";
}
.nuance-icon-Compliance_CompletedTask:before {
    content: "\e906";
}
.nuance-icon-Critical:before {
    content: "\e907";
}
.nuance-icon-Database:before {
    content: "\e908";
}
.nuance-icon-Demo:before {
    content: "\e909";
}
.nuance-icon-DeskPhone:before {
    content: "\e90a";
}
.nuance-icon-DesktopPrinter:before {
    content: "\e90b";
}
.nuance-icon-DocManagement:before {
    content: "\e90c";
}
.nuance-icon-Document:before {
    content: "\e90d";
}
.nuance-icon-Email:before {
    content: "\e90e";
}
.nuance-icon-Folder:before {
    content: "\e90f";
}
.nuance-icon-Globe:before {
    content: "\e910";
}
.nuance-icon-Headset_CallCenter:before {
    content: "\e911";
}
.nuance-icon-Information:before {
    content: "\e912";
}
.nuance-icon-Laptop:before {
    content: "\e913";
}




/* ==============================================================
        For Nuance site primary navigation 
   ================================================================= */
	
/* ==== global definitions overwrite======= */
/* go back to 15px margin for column */
.row {
	--bs-gutter-x: 1.875rem;
	--bs-gutter-y: 0;
}
.tooltip {
	--bs-tooltip-bg: #626D6F;
}
b, strong { font-weight: 600; }
/* remove the underline for link */
a {
	color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
	text-decoration: none;
}  

.row-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

:root,
[data-bs-theme=light] {
	--bs-border-dark-color: #495057;
	--bs-link-color: #285ce6;
	--bs-link-color-rgb: 40, 92, 230;
}
[data-bs-theme=dark] {
	--bs-border-dark-color: #ffffff;
}

/* ==== nav link and removed the shadowbox when focused ========*/
.nav-link:focus-visible {
	outline: auto;
	box-shadow: 0 0 0 0;
}
  
/* === our primary navigation ==== */
#newPrimaryNavWrapper [class*="col-"] {
	padding: 0;
}
#newPrimaryNavWrapper .row {
	margin: 0;
}

/**********Form Override Start***************/
.form-control { color: var(--bs-gray-700); }
.form-check-input {  /* make checkbox large */
	  width: 1.3em;
   	height: 1.3em;
   	border-color: var(--bs-border-dark-color);
    margin-right:0.4rem;
}

.form-group {	margin-bottom: 1rem; }
  
.form-text {
	display: block;
	margin-top: 0.25rem;
}
  
.form-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}    

.form-row > .col,
  .form-row > [class*="col-"] {
	padding-right: 5px;
	padding-left: 5px;
}

.form-inline {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-align: center;
	align-items: center;
}

.form-inline .form-check {
	width: 100%;
}
  
.form-check {
    min-height: auto;
}
.form-inline .partners-inputs .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
/**** the checkbox item ******/
.checkbox-group.checkbox-size-md .form-check-input {
	width: 18px;
	height: 18px;
	margin-top: 0.2rem !important;	
} 
.checkbox-group.checkbox-size-md .form-check-label {
	font-size: 16px;
	margin-left: 0.30rem;	
} 

/**************  Select Field Arrow Changes  *******************************/
select {
	background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat right 0.75rem center/8px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 2.12rem!important;
}

/* overwrite new bootstrap class .row > * in the Campaign Overlay form */
.campaignoverlayform { padding-left:0; padding-right:9;  }

/* ====== carousel related */
.carousel-indicators {
   	position: inherit;
   	z-index: auto;
   	list-style: none;
   	width: auto;
   	left: auto;
}
.carousel-indicators li[data-bs-target] {
    border: 0;
}
.carousel-control-next.showonHover, .carousel-control-prev.showonHover{
	visibility: hidden;
}
.carousel:hover .carousel-control-next.showonHover, .carousel:hover .carousel-control-prev.showonHover{
	visibility: visible;
}
.carousel .nav-controls
{
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background-color: #b9b9bc;
    border: 1px solid #b9b9bc;
    border-radius: 23px;
    cursor: pointer;
}
/* we really don't need this
.container-sharednone .carousel-control-prev {
	 left: -45px;
}
.container-sharednone .carousel-control-next {
	right: -45px; 
} */
/**********Carousel Override End****************/

/*Progressive Read more css override*/
.col-md-2.iconreadmore {
    flex: 0 0 14.189915% !important;
    max-width: 14.189915% !important;
    padding: 0;
}
.col-md-2.iconreadmore img{
	max-width: 100%;
}
.col-md-8.iconreadmoreinfo {
	margin-left: 2.564102564102564%;
	padding: 0;
}

/**************  System requirements changes  *******************************/
.systemrequirements .nav-tabs>li {
    width: 100% !important;
}
.systemrequirements .nav-tabs>li:first-child {
	border-top: solid 1px #999;
	margin-top: 25px;
}
.systemrequirements .nav-tabs>li>a {
	background-color: transparent !important;
	padding: 18px 0;
	border-bottom: solid 1px #999 !important;
    font-size: 18px;
    color: #626d6f;
    font-weight: 600;
    padding-left: 30px;
    display: block;
}
.systemrequirements .nav-tabs>li>a:hover {
	color: #626d6f !important;
	text-decoration: underline;
}
.systemrequirements .tab-nav .tab-content {
	padding: 0 15px;
}

/* IE10+ specific styles go here */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	select{padding-right: .75rem !important;}
}
#searchResultsFrm select{
	line-height: inherit;
}

/* Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap
 Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.jumbotron {
	    /* padding: 60px 0; */
	}
}
/*Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
}

Large devices (desktops, 992px and up)
@media (min-width: 992px) {
}

Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
}
*/

/* added depracated utility definitions */
.center { margin: auto; text-align: center;  }  
.text-left { text-align: left !important; }  
.text-right {	text-align: right !important; }  
.text-center {	text-align: center !important; }

.font-weight-light { font-weight: 300 !important; }
.font-weight-bold {	font-weight: 700 !important;  }
  
.input-group-prepend {
	display: -ms-flexbox;
	display: flex;
	margin-right: -1px;
}
  
.input-group-prepend .btn {
	position: relative;
	z-index: 2;
}
  
.input-group-prepend .btn:focus {
	z-index: 3;
}
  
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn {
	margin-left: -1px;
}
  
.mobileMenuModal .placeholder {
    opacity: 1;
}

.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -0.5rem -1rem auto;
	font-size: 1.5rem;
}
button.close {
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media all and (min-width: 768px) {
	.ie9 .newPrimaryNavWrapper #newPrimaryNav #desktopLogo {
		float: left;
		margin: 25px !important;
		display: inline-block !important;
		width: 25%;
	}
	.ie9 .newPrimaryNavWrapper #navbarNavDropdown {
		float: left;
		width: 70%;
	}
	.ie9 .newPrimaryNavWrapper #desktopNavLinks {
		width: 74%;
		float: left;
	}
	.ie9 .newPrimaryNavWrapper .navbar-text {
		width: 26%;
		float: right;
		margin-top: 15px;
	}
	.ie9 .newPrimaryNavWrapper .primarytile img {
		padding: 12px;
	}
	.ie9 .newPrimaryNavWrapper .secondLevel a.tileLink label {
		display: block;
	}
	.ie9 #newPrimaryNav nav #fullSearchbar {
		float: left;
	}
	.ie9 .newPrimaryNavWrapper .navbar-expand-md .navbar-collapse {
		display: block !important;
		text-align: center;
	}
	.ie9 .newPrimaryNavWrapper .multitiles .row .tile, .multitilesgutter .row .tile {
		float: left;
		background-color: #007bff;
		padding-top: 25px;
	}
	.ie9 #newSecondaryNavWrapper #wrapper2 {
		display: block !important;
	}
	.ie9 .newPrimaryNavWrapper .secondary-flex-container {
		display: block !important;
		text-align: center;
	}
	.ie9 #newSecondaryNavWrapper {
		top: -5px;
	}
	.ie9 #newSecondaryNavWrapper .navIcon {
		margin-top: 10px;
	}
	.ie9 #newSecondaryNavWrapper .engageUsButton {
		margin-top: 10px;
	}
	.ie9 .newPrimaryNavWrapper .secondary-flex-container > li.flexli {
		display: block !important;
	}
	.ie9 #newSecondaryNavWrapper .newSecondaryNavLinks > li > a {
		padding: 15px;
		display: inline-block;
	}
	.ie9 #newSecondaryNavWrapper .newSecondaryNavLinks > li.show-inline-block {
		display: inline-block !important;
	}
	.ie9 #newSecondaryNavWrapper .newSecondaryNavLinks > li > .dropdown-menu.menuNavContainer1 {
		top: 54px !important;
	}
	.ie9 .newPrimaryNavWrapper .overflow-nav .multitiles .row .tile, .multitilesgutter .row .tile {
		background-color: transparent;
	}
	.ie9 .row {
		overflow: auto;
	}
	.ie9 [class*=col-] {
		float: left;
	}

	 /* Light blue to dark blue; v=vertical; h=horizontal */
	.ie9 .colorwayLBDB-v-bg {
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#2dc6d6', endColorStr='#141380');
	}

	.ie9 .colorwayLBDB-h-bg {
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorStr='#2dc6d6', endColorStr='#141380');
	}

	/* Light blue to purple; v=vertical; h=horizontal */
	.ie9 .colorwayLBPL-v-bg {
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#2dc6d6', endColorStr='#75178c');
	}

	.ie9 .colorwayLBPL-h-bg {
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorStr='#2dc6d6', endColorStr='#75178c');
	}

	/* Light blue to green; v=vertical; h=horizontal */
	.ie9 .colorwayLBGR-v-bg {
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr='#2dc6d6', endColorStr='#8fce00');
	}

	.ie9 .colorwayLBGR-h-bg {
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorStr='#2dc6d6', endColorStr='#8fce00');
	}
	.ie9 .carousel-indicators {
		width: 100%;
		margin: auto;
		float:left;
		left: 47.5%;
	}
	.ie9 .carousel-indicators li {
		float: left;
	}
	.ie9 .carousel .nav-controls {
		margin: auto;
		line-height: 20;
	}
	.ie11 .htmltext .knowledgesearch .mt-20, .ie10 .htmltext .knowledgesearch .mt-20, .ie9 .htmltext .knowledgesearch .mt-20, .oldie .htmltext .knowledgesearch .mt-20 {
		display: inline-block !important;
		overflow: hidden;
	}
}
@media all and (max-width: 1024px) {
	.ie9 .newPrimaryNavWrapper #newPrimaryNav #desktopLogo {
		width: 20%;
	}
	.ie9 .newPrimaryNavWrapper #navbarNavDropdown {
		float: left;
		width: 67%;
	}
}