:root {
    --gray-100: #f8f8fa;
    --gray-200: #f2f2f5;
    --gray-300: #ccccd0;
    --gray-400: #b4b4b8;
    --gray-500: #808084;
    --gray-600: #656569;
    --gray-700: #4c4c4f;
    --gray-800: #323234;
    --gray-900: #262627;

    --bg-base: #f2f2f5;
/*Rich - changed all to brand colors */
    --portal-search-button: white; /* #003CE6; */
    --portal-search-button-hov: #1ccf93; /* #1E1E96; */
    --h1: #01332b; /* #003CE6; */
    --main-color: #01332b; /* #003CE6; */ /*overwrites purple*/
    --input-text: #262627;



    --state-warning:      #ffcccc;
    --state-warning-dark: #fa9e9e;

    --chart-1-light:  #e3f7e8;
    --chart-1-medium: #49ca6b;
    --chart-1-dark:   #00ac31;
    --chart-2-light:  #e0f7ff;
    --chart-2-medium: #47c1e8;
    --chart-2-dark:   #00a1cf;
    --chart-3-light:  #f7f0fb;
    --chart-3-medium: #caa5e5;
    --chart-3-dark:   #9f68c7;
    --chart-4-light:  #ffedf8;
    --chart-4-medium: #f590d4;
    --chart-4-dark:   #eb5ebf;

    --box-shadow-dark: 0 1px 3px 0 rgba(0, 0, 0, 0.8),
      0 1px 1px 0 rgba(0, 0, 0, 0.6), 0 2px 1px -1px rgba(0, 0, 0, 0.7);
    --box-shadow-light: 0 1px 3px 0 rgba(0, 0, 0, 0.2),
      0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    --gradient-gray: linear-gradient(
      90deg,
      rgba(50, 50, 52, 1) 5%,
      rgba(101, 101, 105, 1) 50%,
      rgba(180, 180, 184, 1) 95%
    );
    --gradient-gray-dark: linear-gradient(
      90deg,
      rgba(180, 180, 184, 1) 5%,
      rgba(101, 101, 105, 1) 50%,
      rgba(50, 50, 52, 1) 95%
    );
}

.light {
    --text-primary:         #f8f8fa;
    /* --text-primary:         #262627; */
    --text-inverted:        #f8f8fa;
    /* --text-light:           #646464; */
    --text-light:           #f8f8fa;
    --text-anchor-light:    #00a1cf;
    --text-anchor:          #008caf;
    --text-anchor-dark:     #00527d;



    --portal-search-button: #003CE6;
    --portal-search-button-hov: #1E1E96;
    --portal-footer: #1E1E96;
    --breadcrumb: #333;
    --input-text: #262627;
    --h1: #003CE6;

    --main-color: #003CE6; /*overwrites purple*/
    --toc-highlight: #bff6ff;

    --bg-base: #1E1E96; /*overwrites root --bg-base*/
    --toc-base: var(--gray-200);
    --top-accent-height: 0px;
    --theme-menu-top: 64px;


    --bg-primary: var(--gray-200);
    --bg-secondary: var(--gray-200);
    --bg-tertiary: var(--gray-400);
    --bg-quaternary: var(--gray-600);
    --bg-accent-light: #ffe0a6;
    --bg-accent:       #ffc04e;
    --bg-accent-dark:  #f39e00;

    --border-primary: var(--gray-300);
    --border-secondary: var(--gray-800);
}

.classic {
    --text-light:           #646464;
    --portal-search-button: #003CE6;
    --portal-search-button-hov: #1E1E96;
    --portal-footer: #1E1E96;
    --breadcrumb: #333;
    --input-text: #262627;
    --h1: #003CE6;

    --main-color: #003CE6; /*overwrites purple*/
    --toc-highlight: #bff6ff;
    --top-accent-height: 12px;
    --text-primary:         #262627;
    --theme-menu-top: 76px;
    --toc-base: var(--bg-base);

}

.dark {
    --text-primary:      #f8f8fa;
    --text-inverted:     #262627;
    --text-light:        #ccccd0;
    --text-anchor-light: #00527d;
    --text-anchor:       #00a1cf;
    --text-anchor-dark:  #008caf;

    --portal-search-button: var(--gray-100);
    --portal-search-button-hov: #1E1E96;
    --portal-footer: #1E1E96;
    --breadcrumb: #333;
    --input-text: #262627;
    --h1: #003CE6;

    --main-color: #003CE6; /*overwrites purple*/
    --toc-highlight: #bff6ff;
    --top-accent-height: 12px;
    --theme-menu-top: 76px;
    --toc-base: var(--bg-base);






    --bg-base: var(--gray-800);
    --bg-primary: var(--gray-900);
    --bg-secondary: var(--gray-700);
    --bg-tertiary: var(--gray-600);
    --bg-quaternary: var(--gray-400);
    --bg-accent-light: #bebeda;
    --bg-accent:       #8e8ebe;
    --bg-accent-dark:  #6262a4;

    --border-primary: var(--gray-600);
    --border-secondary: var(--gray-600);
}
  
.multi-lang-hide {
    display: none;
}

.breadcrumb {
    color: var(--breadcrumb) !important;
}

.header-name {
    color: var(--text-light);
    font-size: 1.2em;
    /*was using z*/
    /*z-index: 1020;*/
    margin-left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* make mobile friendly*/
}

.portal-header-name {
    display: none;

}

/* Rich - added class for header styling */
.toolbar top {
    background: #01332b;
}

/* Rich - added class to change color of the search arrow on the main page and color transition for the search button */
button.btn > i.fa::before {
    color: #01332b;
}


.portal-header .portal-search button:hover {
    /* background-color: #BFFDE3; */
    color: #01332b;
    background: #BFFDE3 !important;
    transition-duration: 0.5s;
}


/* button.btn:hover {
    color: #01332b;
    background: #BFFDE3 !important;
    transition-duration: 0.5s;
} */

/* Rich - added styling for tile icon colors */
.publication-icon {
    background: #01332b;
}

/* Rich - color changes for h1 through h4 links and the link icon that appears when you hover your cursor over it */
h1.title {
    color: #01332b !important;
}

h2.title {
    color: #01332b !important;
}

h3.title { 
    color: #01332b !important;
}

h4.title {
    color: #01332b !important;
}

i.fa.fa-link {
    color: #01332b !important;
}


.breadcrumb li:nth-child(-n+2)::before{
    display:none;
}

.breadcrumb li:nth-child(n+3)::before{
    padding: 0 5px !important;
    color: var(--breadcrumb) !important;
    /*color: #ccc !important;*/
    content: "/\00a0" !important;
}

.current-category {
    display: none !important;
}

.current-category::after {
    display: none !important;
}
/* Rich - updated text color in the search field */
input {
    color: #01332b;
}
/* Rich - updated search bar field */

/*topic view search bar*/
 form.tool-search-form > input#enterSearch.form-control.search-field {
    color: #01332b;
    background-color: white;
    border-radius: 0.25em;
    margin-top: 10px;
    height: 1em;
    width: 75%;
} 

/*portal page search bar*/
form.portal-search > input#enterSearch.form-control.search-field {
    color: #01332b;
    background-color: white;
    border-radius: 0.25em;
    height: 3.25em; 
    /* width: 75%; */
 }


/* Rich - updated placeholder text color in the search field */
input#enterSearch::placeholder {
    color: #01332b;
}


.inner h1 {
    color: var(--h1);
    /*color: #003CE6;*/
}

.portal-header .portal-search button {
    background-color: var(--portal-search-button);
    /*background-color: #003CE6;*/
}

.portal-header .portal-search button:hover {
    background-color: #BFFDE3;
    /*background-color: #1E1E96;*/
}

.portal-search-result2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #fff;
    /*padding-left: 15px;
    padding-right: 15px;
    padding-top: 60px;*/
    padding: 10px 150px 50px;
}

.searchresulttitle, .searchresultsnippet, .search-container > h2 {
    color:#01332B;
}


.theme2 .portal-header::before {
    /*background-color: #a7aaaa;*/
    display: none !important;
}

/* Rich - added styling to header.portal-header for main page look. Increased width and commented out margin-top to ensure full color coverage */
/* header.portal-header {
    background: #01332b;
    width: 100%;
} */

.portal-header {
    height: 300px;
    /*width: 73%;*/
    margin: auto;
    /* margin-top: 30px; */
}
.portal-header-navbar img.logo {
    height: 50px !important;
    /* width: 496px !important; */
}

.portal-header::after {
    /*background: url(./image/portal-bg.png) no-repeat center center !important;*/
    /*background: url(./image/portal-bg.png) no-repeat center/73% !important;*/
    /* background: url(./image/portal-bg.png) no-repeat center; < used in 3M layout*/
    background: #01332B !important;
    background-size: cover;
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*background-size: auto;*/
    /*background-size: 100% 100%;*/
    opacity:1;
    filter: none;
}


/*procedure*/

.theme2 .procedure > li::before {
    background-color: #01332B;
}

li.next a.next:hover, li.previous a.prev:hover {
    background-color: #01332B;
    color: #fff;
}

div.feedback-panel .btn {
    border: 1px solid #0A7B6B;
}

div.feedback-panel .btn.active, div.feedback-panel .btn:active {
    background-color: #01332B;
}

.theme2 .section-nav.nav li>a:hover {
    color: #0A7B6B;
    opacity: 1;
}

.theme2 .section-nav.nav li.active>a {
    color: #01332B;
    opacity: 1;
}

.theme2 .section-nav.nav>li.active>a:before {
    background: #0A7B6B;
}


/*background squishes instead of showing a smaller portion*/
/*
.portal-header::after {
    background: url(./image/portal-bg.png) no-repeat center;
    background-size: 100% 100%;
    opacity:1;
    filter: none;
}
*/


/*rules for moving lang select button (recreated by custom js) on portal page to top*/
/*
.dropup {
    display:none;
}
*/
/*
.portal-lang-select {
    margin-top: 20px;
    display: flex;
    justify-content: right;
}

.navbar-header {
    width: 100%;
}
*/

/*end rules for moving lang select button (recreated by custom js) on portal page to top*/

/*adjusting lang select dropdown menu position*/
/* .dropdown-menu {
    left: 20%;
} */

/*rules for moving lang select button (original) on portal page to top*/

.inner > .languages {
    position: absolute;
    top: 25px;
    left: 87%;
    /* right: 0px; */
    z-index: 9000;
}

.pull-right>.dropdown-menu {
    top: 32px;
    right: unset;
    left: 20%;
    bottom: unset;
}

#navbar.navbar-right {
    margin-top: 10px;
    margin-right: 150px;
}

/*end rules for moving lang select button (original) on portal page to top*/

/* Rich - coloring for toolbar and header with alternate gray commented out*/
div.toolbar {
    background: #01332b;
}

div.toolbar > span {
    color: white;
    /* color: #e7e7e7; */
}


div.site-sidebar-header > span.icon-bar {
    color: white !important;
    /* color: #e7e7e7; */
}

/* end of toolbar/header coloring */

.fixed-toolbar .tool-search-form {
    /*margin-left: 50%;*/
    /* background-color: var(--bg-base); */
    /*was using z*/
    /*z-index: 1021;*/
    margin-left: 18%;
}

.tool-search-form .search-field {
    padding-top: 23px;
    padding-bottom: 21px;
    padding-left: 30px;
    padding-right: 25px;
}

.cat-panel-1:before {
    content: "\f1ea";
    color: #01332b;
}

.cat-panel-2:before {
    content: "\f007";
    color: #01332b;
}

.cat-panel-3:before {
    content: "\f277";
    color: #01332b;
}

.cat-panel-4:before {
    content: "\f14e";
    color: #01332b;
}

.cat-panel-5:before {
    content: "\f1b3";
    color: #01332b;
}

.cat-panel-6:before {
    content: "\f115";
    color: #01332b;
}

.cat-panel-7:before {
    content: "\f12e";
    color: #01332b;
}

.cat-panel-8:before {
    content: "\f21e";
    color: #01332b;
}

.portal-footer {
    background: var(--portal-footer);
    /*background: #1E1E96;*/
}

.portal-single-publication .publication-icon i, .portal-single-publication .publication-icon .fa {
    color: var(--main-color);
    /*color: #003CE6;*/
}

a, .text-primary, .btn-primary .badge, .btn-link, .pagination>li>a, .pagination>li>span, .nav-site-sidebar .active>a, .portal-single-publication .publication-icon i, .portal-single-publication .publication-icon .fa, .publication-contents a:hover, .publication-contents h4 a, .titlepage h1.title, .titlepage h2.title, .titlepage h3.title {
    /* color: var(--main-color); */
    color: #0A7B6B;
}

/*clipboard button for code snippet copying*/
.btn-xs {
    background-color: #f2f2f5;
    border: #f2f2f5;
}

.btn-xs:active {
    background-color: #f2f2f5 !important;
    border: #f2f2f5;
}

.btn-xs:hover {
    background-color: #f2f2f5;
    border: #01332b;
}

.btn-primary.focus, .btn-primary:focus {
    color: #000000;
    background-color: #f2f2f5;
}

/*end clipboard button for code snippet copying*/

span.legal-message-text {
    padding: 25px 0;
    font-size: 12px;
}


a:link {
    color: #0A7B6B;
    text-decoration: none;
}

a:visited {
    color: #0A7B6B;
}

a:hover {
    color: #0A7B6B;
}  

a:active {
    color: #0A7B6B;
}

/* ul.toc a.topic-link:hover, ul.toc .active > a {
    border-radius: 0; */
    /* border-left-color: #19A591 !important; */
    /* border-left: 4mm #19A591;
} */


/* Rich - changed background color to solventum dark green */
.bg-primary, .btn-primary, .publications-condensed .portal-single-publication a, .toolbar, .tool-search-form .search-field, .pager li>span:hover, .colored-top .site-sidebar-header {
    /*background-color: #f2f2f5;*/
    /* background-color: var(--bg-base); */
    background: #01332b;
}

ul.toc li {
    border-bottom: none !important;
}

.pager li>a:hover {
    background-color:  var(--main-color);
    /* background-color: #003CE6; */
}

/* TOC highlighting rules */
.nav-site-sidebar li:hover {
    /*original TOC section highlight rule*/
    /* background-color: var(--toc-highlight); */
    
}

.nav-site-sidebar li a {
    border-left: 4px solid transparent;
}

.nav-site-sidebar li a {
    color: #0A7B6B;
}

.nav-site-sidebar li a:hover {
    border: solid #19A591;
    border-width: 0px;
    border-left-width: 4px;  
}

.nav-site-sidebar .opened > a{
    /* font-weight: bold !important; */
    /* color: #01332B; */
    /* color: #003CE6; */
    border: solid #19A591;
    border-width: 0px;
    border-left-width: 4px;  
    color: #01332b;
    font-weight: normal;

}

.nav-site-sidebar ul .active > a {
    font-weight: normal;
}

ul.nav-site-sidebar a {
    font-weight: normal;
    font-size: 14px !important;
    line-height: normal;
}

/* end TOC highlighting rules */

.cc-allow {
    background-color: var(--bg-base) !important;
    /* background-color: #f2f2f5 !important; */
}
/*
.cc-banner {
    background-color: #1E1E96 !important;
}
*/
.toolbar {
    /*border-bottom: 0.5px solid #e0e0e0;*/
    border-bottom: 1px solid var(--gray-300);
    /* border-bottom: 1px solid #CCCCD0; */
    /* box-shadow: none; */
    /* top: var(--top-accent-height) !important; */
    /* top: 12px !important; */
}

.dark .toolbar {
    box-shadow: none;
}

.classic .toolbar {
    box-shadow: none;
}

.cc-bottom {
    background-color: var(--main-color) !important;
    /* background-color: #003CE6 !important; */
}

 .colored-top .site-sidebar-header {
    border-color: var(--bg-base);
    background-color: var(--bg-base);
    border-bottom: 1px solid var(--gray-300);
    background: #01332b;  
    /* border-color: #f2f2f5;
    background-color: #f2f2f5; */
    /* border-bottom: 1px solid #CCCCD0; */
} 

.site-sidebar {
    /* top: var(--top-accent-height); */
    /* top: 12px; */
}

/* .site-body-row::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    z-index: 3000;
    width: 100%;
    height: var(--top-accent-height);
    background: #01332b;
  } */


  
/*
.above-toolbar {
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    z-index: 1001;
    width: 100%;
    height: 12px;
    background: linear-gradient(to right, transparent, #262689);
    background: aquamarine;
}
*/


/* toolbar icons */
/* select version menu */
/*
.sm-simple > li > a {
    color: #333 !important;
}

.sm-simple > li > a:hover {
    color: #333 !important;
    font-weight: 400;
}

.sm-simple > li > a:not(:hover) {
    color: #333 !important;
    font-weight: 400;
}
*/

/*begin external help links portal and topic views*/

.sm-simple2 > li > a {
    color: #ffffff !important;
}

.sm-simple2 > li > a:hover {
    color: #fff !important;
    font-weight: 400;
}

.sm-simple2 > li > a:not(:hover) {
    color: #fff !important;
    font-weight: 400;
}

.sm-simple > li > a, .sm-simple > li > a:hover {
    color: #fff !important;
    padding-right: 30px !important;
    padding-left: 5px !important;
    padding-top: 12px !important;
}

.sm-simple2 > li > a, .sm-simple2 > li > a:hover {
    padding-right: 30px !important;
    padding-left: 5px !important;
    padding-top: 12px !important;
}

    
/*end external help links portal and topic views*/

/*
.version-dropdown {
    background-color: var(--bg-base) !important;
}
*/

/*fixing small window link title overlap*/
/*greater than 1200px*/
/* #navbar.navbar-collapse {
    position: absolute;
    right: 100px;
    top:12px;
} */

div.toolbar-tools > #navbar.navbar-collapse {
    position: absolute;
    /* right: 40%; */
    left: 10px;
    top: 24px;
    /*make text size smaller*/
}

.header-name {
    top: 30%;
}

.toolbar-tools {
    margin-top: 10px;
}

/*end fixing small window link title overlap*/


/*make js so this rule is only applied if version select menu*/
a.has-submenu2 {
    font-weight: 400;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 8px;
    padding-right: 4px;
    /*padding-bottom: 6px;*/
}
/*make js so this rule is only applied if version select menu*/
.version-dropdown2 {
    height: 32px;

    display:inline-block;
    color:#333;
    border:1px solid #CCC;
    background:#fff !important;
    /*box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);*/
    box-shadow: none;
    cursor:pointer;
    vertical-align:middle;
    /*max-width: 100px;*/
    padding: 5px;
    text-align: center;
/*
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.5em;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    */
}

/*also a @media rule at bottom */
.navbar-header2 {
    width: 82%;
    margin-right: 0px !important;
}
ul.version-menu2 {
    padding-top: 10px;
    padding-right: 0px;
}

/*
.sm-simple > li > a.hideVersionSelect {
    display: none !important;
}
*/

ul.version-dropdown {
    min-width: 5em !important;
    left: 10px !important;
}


/* end select version menu */

/* Allscripts special download button styles*/

.download-button {
    height: 32px;
    display:inline-block;
    border:1px solid #CCC;
    border-radius: 5px;
    background:#003CE6 !important;
    box-shadow: none;
    cursor:pointer;
    vertical-align:middle;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}

a > div.download-button > p  {
    /*font-weight: bold;*/
    color:#fff !important;
}

a.download-button-link:hover  {
    font-weight: normal;
    /*color:#fff !important;*/
}

a.download-button-link:after {
    display:none;
}

.download-button > p:after {
    font-family: FontAwesome;
    content: " \f08e";
    font-weight: bold;
}

/* end Allscripts special download button styles*/

/* Rich - changes to the icon bar to allow for re-coloring */
.icon-bar {
    /* background-color: #262627 !important; */
    /* background-color: var(--text-primary) !important; */
}

i.fa.fa-search {
    color: white !important; /* Rich - icon color change with alternate gray commented out below */
    /* color: #e7e7e7; */
    /* color: var(--bg-base); */
    /* color: #f2f2f5; */
}

i.fa.fa-print {
    color: white;
    /* color: #e7e7e7; */
}
/*portal tile hover*/
/* a[href="en/fluency-direct-mobile-sdk-for.html"]:hover > h3 {
    font-weight: bold;

} */

/* div.inner-row a:hover > h3 {
    font-weight: bold;
} */

/* a[href="en/mmmobile-sdk-requirements.html"]:hover > h3 {
    color: #0A7B6B;

} */

div.inner-row a > h3 {
    color: #01332B;

}


div.inner-row a:hover > h3 {
    color: #0A7B6B;

}

/* end changes to icon bar */
body, div, p, h1, h2, h3, h4, h5, h6  {
    color: #3C3E3F;
}

header div.inner h1 {
    color: #fff !important;
}

h5.featured-content-label {
    color: #01332B;
}

div.inner div.publication-contents a {
    color: #0A7B6B;
}

.toolbar-tools i, .toolbar-tools i.fa.fa-search {
    color: var(--text-primary);
}
/*
.toolbar-tools {
    margin-top: 10px;
}
*/
.light-mode-selector {
    margin-left: 18px;
    cursor: pointer;

}

/* mini search*/
/*
.miniSearch {
    float: right;
    margin-top: 10px;
    font-size: 16px;
    line-height: 19px;
}
*/
.tool-search-form {
    
}


/* end toolbar icons */

/*Single step procedure*/

/* normal sized bullet*/
/*
ul.procedure > li.step {
    list-style-type: disc !important;
}

ul.procedure > li.step::before {
    display: none;
    /*
    background-color: white;
    color: black;
    */
    
/*}
*/

/* full circle no number*/
/*
ul.procedure > li.step::before {
    background-color: black;
    color: black;
}
*/

/* medium square no number*/

ul.procedure > li.step {
    list-style-type: none !important;
}

ul.procedure > li.step::before {
    width: 12px;
    height: 12px;
    content: "";
    border-radius: 0px;
    background-color: #01332B;
    color: black;
    margin-left: -34px;
    margin-top: 6.2px;
}

/*end Single step procedure*/


/* light dark mode menu */


.light-dark-menu {
    background-color: var(--bg-base);
    /* background-color: #f2f2f5; */
    position: absolute;
    top: var(--theme-menu-top);
    right: 0%;
    /*was using z*/
    /*z-index: 1002;*/
}

/* css for old theme selection menu from WX


.app-settings {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
  }
  
  .settings {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  
  .setting {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .setting p {
    margin: 0.75em 0;
  }
  
  .settings-controllers {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
  }
  */



/* end light dark mode menu */

/* experimental light dark mode menu */

div.checkRadioContainer > label > input {
	visibility: hidden;
}

div.checkRadioContainer {
    background-color: var(--gray-200);
	max-width: 10em;
}
div.checkRadioContainer > label {
	display: block;
	border: 2px solid grey;
	margin-bottom: -2px;
	cursor: pointer;
}

div.checkRadioContainer > label:hover {
	background-color: AliceBlue;
}

div.checkRadioContainer > label > span {
	display: inline-block;
	vertical-align: top;
	line-height: 2em;
    margin-right: 0.5em;
}

/* actual checkmark */
div.checkRadioContainer > label > input + i {
	visibility: hidden;
	margin-left: -0.5em;
	margin-right: 0.2em;
}

div.checkRadioContainer > label > input:checked + i {
	visibility: visible;
}


/* end experimental light dark mode menu */

/* table styles */

table th,
table td {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #6E6E6E !important;
  vertical-align: top !important;
  text-align: left !important;
  padding: 0.25em 0.5em !important;
}

table thead {
    background-color: #E7E7E7;
}

td.bg1 {
    background-color: #F5F5F5 !important;
}

table tfoot {
    background-color: #F5F5F5;
}

/* Spacing - section 1 */
/* spacing after table part 1 */

table.table.frame-box.rules-all {
    margin: 0;
}

/* custom js applies tabstyle 1 to tables with no other tabstyle applie*/

.tabstyle1 td p {
    font-family: 'Roboto Flex', 'Roboto';
    font-weight: 500;
    font-size: 15.4px;
    letter-spacing: -0.4px;
    line-height: 1.25em;
}

.tabstyle1 td {
    padding-left: 0.5em;
    padding-top: 1.8pt;
    padding-right: 0.5em;
    padding-bottom: 5.8pt;
}

.tabstyle2 td p {
    font-family: 'Roboto Flex', 'Roboto';
    font-weight: 500;
    font-size: 12.5px;
    /*letter-spacing: -0.4px;*/
    line-height: 1.25em;
}

.tabstyle2 th {
    font-size: 12.5px;
    padding: 0 0.5em !important;
}

.tabstyle3 td p {
    font-family: 'Roboto Flex', 'Roboto';
    font-weight: 500;
    font-size: 15.4px;
    letter-spacing: -0.4px;
    line-height: 1.25em;
}

.tabstyle3 td {
    padding-left: 0.5em;
    padding-top: 1.8pt;
    padding-right: 0.5em;
    padding-bottom: 5.8pt;
}


.tabstyle3 tr:nth-child(even) {
    background-color: rgb(238, 238, 238);
}

.tabstyle4 td p {
    font-family: 'Roboto Flex', 'Roboto';
    font-weight: 500;
    font-size: 15.4px;
    letter-spacing: -0.4px;
    line-height: 1.25em;

}

.tabstyle4 td {
    padding-left: 0.5em;
    padding-top: 1.8pt;
    padding-right: 0.5em;
    padding-bottom: 5.8pt;

}

table.tabstyle4 th,
table.tabstyle4 td {
    border: none !important;
}

table td p:not(:last-child) {
    margin-bottom: 0.5em !important;
}

table.compact td p:not(:last-child) {
    padding-top: 0em;
    padding-bottom: 0em;
    margin-bottom: 0.1em !important;
}

td ul.itemizedlist {
    padding-left: 20px;
}

main ul {
    /* margin: 0 !important; */
}

/* end table styles ------------------------*/

/* spacing after heading */

h1.title, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5em !important;
}


div.inner > h1 {
    margin-bottom: 50px;
}

div.inner {
    margin-top: 110px !important;
}

/* end Spacing - section 1 ------------------------*/

li {
    position: static !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Spacing - section 2 */

p {
    margin: 0 0 0.75em;
}

/* Spacing between UL and OL */
.listitem > p {
    margin: 0.25em;
}

.procedure-title {
    padding-top: 1.5em;
}

/* Spacing between headings */
section.section {
    padding: 0em 0em !important;
}

/* Spacing after table part 2 - removes extra <br> tag */
br.table.table-responsive-break {
    display: none;
}

section.section > br {
    display: none;
}

.table.table-responsive-break::after {
    display: none;
}

/*
section.section div {
    display: flex !important;
}

section.section {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}
*/

/* end Spacing - section 2 ------------------------*/

.theme2.colored-top .nav-site-sidebar {
    width: 100%;
    background-color: #fff;
    /* background-color: #f2f2f5; */
    /* transition: 0.1s ease; */
}

/* begin invisible TOC barrier bug workarounds */

/* provided by paligo */
.collapse-sidebar-nav .site-sidebar {
    height: max-content !important;
}

/* Together, the rules below also fix the TOC barrier bug, but they do so by messing with the z-index.*/
/* These rules also cause topic content to overlap the header next to the 3M logo when scrolling...*/
/*
article {
    z-index: 2000;
}

#bottom-pager {
    z-index: 2000;
}

.pager {
    z-index: 2000 ;
}

div.toolbar {
    z-index: 3000 !important;
    
}
*/

/* end invisible TOC barrier bug workarounds */

/* hide cookie consent*/

#cookieconsent\:desc, .cc-revoke, .cc-banner{
    display: none !important;
}

/* admonitions styling */
/* originally set in css/content-theme2.css */

.important {
    border-left-color: rgb(94, 94, 94);
    background-color: #f2f2f5;

}

div.important p {
    margin: 0;
    line-height: 1.5em;
}

.important:before{
    content: '\f06a';
    color: rgb(94, 94, 94);
    left: 12px;
    top: 7px;
}

.notice{
    border-left-color: rgb(94, 94, 94);
    background-color: #f2f2f5;
}

div.notice p {
    margin: 0;
    line-height: 1.5em;
}

.notice:before{
    content: '\f05a';
    color: rgb(94, 94, 94);
    left: 12px;
    top: 7px;
}

.note {
    border-left-color: rgb(94, 94, 94);
    background-color: #f2f2f5;
}

div.note p {
    margin: 0;
    line-height: 1.5em;
}

.note:before {
    color: rgb(94, 94, 94);
    left: 14px;
    top: 7px;
}


.tip{
    border-left-color: rgb(94, 94, 94);
    background-color: #f2f2f5;
}

div.tip p {
    margin: 0;
    line-height: 1.5em;
}

.tip:before{
    content: '\f0d0';
    color: rgb(94, 94, 94);
    left: 12px;
    top: 8px;
}

.warning{
    border-left-color: rgb(94, 94, 94);
    background-color: #f2f2f5;
}

div.warning p {
    margin: 0;
    line-height: 1.5em;
}

.warning:before{
    content: '\f071';
    color: rgb(94, 94, 94);
    left: 12px;
    top: 11px;
}

.warning.danger{
    border-left-color: rgb(94, 94, 94);
    background-color: #f2f2f5;
}

div.danger p {
    margin: 0;
    line-height: 1.5em;
}

.warning.danger:before{
    content: '\f071';
    color: rgb(94, 94, 94);
    left: 12px;
    top: 11px;
}

.caution{
    border-left-color: rgb(94, 94, 94);
    background-color: #f2f2f5;
}

div.caution p {
    margin: 0;
    line-height: 1.5em;
}

.caution:before{
    content: '\f071';
    color: rgb(94, 94, 94);
    left: 12px;
    top: 11px;
}


.warning > p, .note > p, .important > p, .caution > p, .tip > p {
    margin-top: 6pt;
    margin-bottom: 6pt;
    /*padding-right: 22pt;*/

}

/*only for new suggested admonition style*/

.note .admonition-label, .notice .admonition-label, .important .admonition-label, .tip .admonition-label {
    padding-left: 0px !important;
    margin-top: 0px !important;
}

.admonition-label {
    padding-left: 0px !important;
    /*margin-top: 11px !important;*/
    margin-top: 0px !important;
}

.note, .notice, .important, .tip {
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*only for new suggested admonition style*/
    padding-left: 43px;
}

.warning, .caution {
    padding-right: 0px;
    padding-top: 6pt;
    padding-bottom: 6pt;
    /*only for new suggested admonition style*/
    padding-left: 47px;
    /*
    display: block;
    padding: 12px 18px 12px 65px;
    -moz-background-clip: padding;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #2ab27b;
    line-height: 1.4em;
    margin-top: 18px;
    margin-bottom: 18px;
    position: relative;
    background-color: #eafaf4;
    background-color: rgba(42, 178, 123, 0.08);
    margin-left: 0px !important;
    margin-right: 0px !important;
    */
    
}

/* end admonitions styling */

/* Rich: #37 - Italicize procedure headings */
.procedure-title {
    font-style: italic;
}

/* Rich: #41 - have indication of what currently displayed topic is in the TOC */

li.active > a {
    /* background-color: var(--toc-highlight); */
    /*
    font-family: FontAwesome;
    font-size: 1.5em;
    content: "\f0a9";
    color: gray;
    position:absolute;
    margin: 0;
    padding: 0;
    left: 0.2em;
    */
    
}

/* Rich: #42 - External URL link styling. Internal links have an appended linktype-component class added, while External URLs have rel=noopener added instead */
a[rel="noopener"]::after {
    font-family: FontAwesome;
    content: " \f08e";
    font-weight: bold;
}

/* Rich: #42 Continued - Makes it so that links you hover over appear in bold font */
/* a:hover {
    font-weight: bold;
} */

/* begin vertical alignment of inline images */

.inlinemediaobject img:not([height]):not([width]) {
    height: 100%;
    vertical-align: -.15em;
}
.inlinemediaobject {
    vertical-align: -.15em;
}

/* end vertical alignment of inline images */

@media print {

    div.panel-heading {
        visibility: hidden;
    }
/*
    div.panel-heading > div.titlepage > a > div > div.title{
        visibility: hidden;
    }
*/
    div.panel-body {
        display: none;
    }

    div.panel-heading.active > div.titlepage > a > div > div.title{
        visibility: visible;
    }

    div.panel-body.in > p, div.panel-body.in > div{
        display: block;
    }

    section.accordion {
        display: none;
    }

    section.accordion.print-section {
        display: block;
    }

    div.feedback-panel {
        display: none;
    }

    footer.site-footer > div.inner {
        display: none;
    }
    
}

@media (min-height: 690px) {
    .portal-header {
        height: 410px;
    }
    
}

.portal-header h1 {
    font-size: 26px;
    color: white;
}

.portal-header h1.longTitle {
    font-size: 16px;
}


@media (min-width: 768px) {
    .portal-header {
        /* width: 720px; */
    }

    .portal-header-name {
        font-size: 1.5em;
        color: #3e3e3e;
        display: flex;
        width: 70%;
        margin-top: 25px;
        float: left;
    
    }

    .fixed-toolbar .toolbar {
        left: 25%;
    }

    .portal-header h1 {
        font-size: 36px;
    }

    .portal-header h1.longTitle {
        font-size: 26px;
    }

    .toolbar-tools .navbar-collapse.collapse {
        display: inline-block !important;
        margin-right: 0px;
    }

    /*
    .sm-simple a,*/ .sm-simple2 a:hover, .sm-simple2 a:focus, .sm-simple2 a:active, .sm-simple2 a:visited, .sm-simple2 a.highlighted {
        /*padding: 11px 20px;*/
        padding-left: 10px;
        padding-top: 8px;
        padding-right: 4px;
        color: #555;
    }

    ul.version-menu2 {
        padding-right: 0px;
        margin-right: 1px !important;
    }
}

@media (min-width: 992px) {


    main article {
        margin-left: 5%;
    }

    .fixed-toolbar .tool-search-form {
        margin-left: 0;
    }

    .fixed-toolbar .toolbar {
        left: 25%;
    }
    .portal-header {
        /* width: 940px; */
    }
    ul.version-menu2 {
        padding-right: 40px;
    }
    .header-name {
        font-size: 1.5em;
    }    
}

@media (min-width: 1200px) {

    .site-sidebar {
        width: 18%;
    }

    .collapsible-sidebar-nav .site-content {
        margin-left: 18%;
    }

    .site-content {
        width: 82%;
    }

    .fixed-toolbar .toolbar {
        left: 18%; /*should match .site-sidebar width*/
    }


    .portal-header {
        /* width: 1110px; */
    }
    ul.version-menu2 {
        padding-right: 55px;
    }

    div.toolbar-tools > #navbar.navbar-collapse {
        position: absolute;
        right: 100px;
        left:auto;
        top:12px;
    }

    .header-name {
        top: 50%;
    }

}