@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Lato');
.fa-spin, .fa-pulse
{
	animation: none; 
}
body div#home-content
{
	margin: 100px auto 0;
}
.jp-browse-header .jp-navbar-header, .jp-browse-header .jp-headerLowerContainer .jp-headerLower
{
	margin: 5px;
	max-width: 100%;
}
.jp-body main#jp-main-content-wrapper .jp-portal-main-content
{
	max-width: 100%;
}
.draft-comment  

{
	display: none;
}
.topic-topic h1, .topic-topic .topic-title, .jp-body h2.topic-title
{
	font-size: 20pt; 
}

.jp-body h2.topic-title
{
	color: #000;
}

.jp-body h1

{
	font-size: 30pt; 
}

.jp-body h3.topic-title
{
	font-size: 16pt;
}
.jp-insertionPoint-footer
{
	background-color: #fff;
}
.jp-body
{
	position: absolute; 
	width: 100%; 
	font-family: Lato;
	color: #464646;
}

.jp-browse-header .jp-headerLowerContainer .jp-headerLower, .jp-browse-header .jp-headerLowerContainer .jp-headerTabsContainer, .jp-browse-header .jp-headerLowerContainer .jp-headerTab, .jp-browse-header .jp-headerLowerContainer
{
	height: 30px; 
	font-size: 10pt; 
}

.jp-browse-header .jp-headerLowerContainer .jp-headerTabsContainer
{
	padding-right: 0px;
}

  main#jp-main-content-wrapper {
    width: 100%;
    margin: 80px auto 0 !important;
  }
h1, h2, h3, h4
{
	font-family: 'Lato', sans-serif !important;
	
	color: #000000;
}
.jumbotron
{
	background-color: #ffffff;
	background-image: url('HomePageHeaderImage.png');
	background-repeat: no-repeat;
	background-position: left top; 
	background-size: cover;
	height: 400px; 
	position: relative;
	z-index: 100;
	
}



.jumbotron h1
{
	color: #ffffff;
	font-size: 40px; 
	margin-top: 100px; 
}

.jp-browse-header .jp-headerLowerContainer
{
	background-color: #ffffff;
}

.jp-browse-header
{
	box-shadow: none;
	position: absolute;
	height: 75px;
}

.jp-portal-footer
{
	background-color: #fff;
	height: 150px; 
	border-top: 2px solid #f3f3f3;
	
}
.dsi-footer
{

	width: 90%;
	margin: auto;
	padding-top: 50px; 

}

.dsi-footer, .dsi-footer a, .dsi-footer a:hover
{
	color: #333;
	font-size: 12px; 
	text-align: left;
	
}

.dsi-footer #social

{
	margin-left: 10px;
}
.dsi-footer a.social
{
	
	font-size: 20px;
    margin-right: 5px;
    background-color: #333;
    color: #fff;
    border-radius: 50%;
    width: 32px;
    display: inline-block;
    height: 32px;
    padding: 0px;
		text-align: center;
		
	
}
.dsi-footer a.social .fa
{
	vertical-align: middle;

}
.dsi-footer #legal
{
	display: inline-block;
}
.dsi-footer #social
{
	display: inline-block;
	vertical-align: top;
}
.dsi-footer #social
{
	float: right;

}

.dsi-footer #legal
{
	float: left;

}

.dsi-footer #legal, .dsi-footer #social
{
	display: inline-block;

}
.jp-browse-header .jp-headerLowerContainer
{
	display: block;
	
	
}

.jp-browse-header .jp-headerLowerContainer .jp-headerLower .jp-headerTabsContainer .jp-headerTab
{
	text-transform: uppercase; 
	font-family: 'Lato', sans-serif;
}

body > div.jp-main-wrapper > header > div.jp-headerLowerContainer > div > div > a:nth-child(5),
body > header > div.jp-headerLowerContainer > div > div > a:nth-child(5)

{
	display: none !important;
}

.map-content>hr
{
	border: 0px; 
}
.map-content h1, .map-content h2
{
	border-bottom: 1px solid #cacaca;
}
.map-content h1:empty
{
	display: none;
}


.breadcrumb>li+li:before
{
	padding: 0px; 
	margin: 0px; 
	content: "/";
}
.jp-tree.jp-nav-tree
{
	 /* max-height: 800px !important; */
}
.jp-portal-nav.fix-chunk
{
	top: 0;
	position: fixed; 
}
.jp-portal-nav .jp-tree
{
	font-size: 10pt; 

}

.jp-portal-nav
{
	position: relative; 
	float: left;
	background-color: #ffffff;
	font-family: 'Lato', sans-serif;
	width: 300px; 
	
}

#jp-inPageNav-container
{
	top: 0;
	width: 200px;
	position: absolute; 
}

#jp-inPageNav-container.fix-chunk
{
	top: 0;
	position: fixed; 
	/* max-height:  calc(100vh - 160px) !important;*/
}
#jp-inPageNav-container.fix-chunk .jcp-inPageNav
{
	/* max-height:  calc(100vh - 160px) !important;*/

}
#jp-inPageNav-container.fix-chunk + .content {
  padding-top: 102px;
}
.jcp-inPageNav
{
	font-size: 10pt; 
	border-left: 2px solid #e6e6e6;
	padding-right: 10px; 

}
.jcp-inPageNav ul
{
	padding: 5px; 
}
.jcp-inPageNav a
{
	color: #428bca;	
}
.jcp-inPageNav a.active
{
	font-weight: bold; 
	color: #428bca;	
}
.jp-insertionPoint-contentPage-nav-top
{
	padding-left: 20px; 
	font-weight: bold;
}

.jp-portal-nav .jp-tree li.parent-li
{
	padding-bottom: 5px; 
	padding-top: 5px; 
}

.jp-portal-nav .jp-tree li.parent-li div.title-and-arrow a
{
	color: #333;
}

.jp-portal-nav .jp-tree li.parent-li div.title-and-arrow a:hover
{
	color: #f37321;
}

.jp-portal-nav .jp-tree li.parent-li div.title-and-arrow a.currentLink
{
	text-decoration: underline;
	color: #f37321
	
}
.jp-portal-nav .jp-tree
{
	padding: 5px 10px 0 0;
}


.jp-body main#jp-main-content-wrapper .jp-portal-main-content .jp-portal-topic-pane
{
	font-size: 11pt; 
	margin-left: 300px;
	max-width: 100%;
}

nav#jp-inPageNav-container + article.jp-portal-topic-pane
{
	margin-right: 200px; 
}

.jp-portal-nav .jp-tree ul li
{
	
}
.jp-portal-breadcrumbs span.crumb-caret
{
	color: #55555;
	font-size: 16px; 
	letter-spacing: -2px;
	
}
.jp-portal-breadcrumbs span.crumb-caret:before
{
	content: ">";
	color: #55555;
	font-size: 16px; 
	letter-spacing: -2px;
}
.map-content 
{
	color: #444;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-variant-ligatures: normal; 
	font-variant-caps: normal;
	font-variant-numeric: normal;
	font-stretch: normal;
	-webkit-font-smoothing: antialiased;
	
}
.topic-topic h1, .topic-topic .topic-title, .jp-body h1, .jp-body .topic-title
{
	margin-top: 20px; 
}
.map-content h1, .map-content h2
{
	font-weight: 300;
}
.map-content.map-content li.child-section a:hover
{
	color: #f37321;
}
.jcp-topic-pane-header
{
	position: relative;
	width: 100%;
	font-family: 'Lato', sans-serif;

}

#portal-browsePage
{
	margin-top: 110px; 
}
.jp-rating-container
{
	display: none;
}
.map-banner
{
	width: 100%;
	height: 80px; 
	background-repeat: no-repeat;
	background-position: center top;	
	position: absolute;
	background-size: cover;
	top: 80px; 
	text-shadow: 1px 1px 15px #333;
	
}

.map-banner h1
{
	min-height: 40px; 
	min-width: 100px;  
	background-repeat: no-repeat;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 5px;
	vertical-align: middle;
	font-size: 30pt;

}
/* TOC heading*/

.jp-portal-nav .jp-tree li.parent-li div.title-and-arrow a[href$="/apps-and-interfaces"]:hover,
.jp-portal-nav .jp-tree li.parent-li div.title-and-arrow a[href$="/supply-chain-apps-store"]:hover
{
	color: #000;
}
/* stops the TOC heading from displaying in the auto-generated topic list for the section*/
.portal-topic-content a[href$="/apps-and-interfaces"],
.portal-topic-content a[href$="/supply-chain-apps-store"]
{
	display: none;
}

.jp-portal-nav-mobile .jp-tree.jp-nav-tree
{
	max-height: 100vh !important;
}
.jp-portal-nav-mobile .jp-insertionPoint-contentPage-nav-top
{
	padding-top: 10px; 
}

.jp-portal-nav-mobile .jp-tree li.parent-li div.title-and-arrow a[href$="/apps-and-interfaces"],
.jp-portal-nav-mobile .jp-tree li.parent-li div.title-and-arrow a[href$="/supply-chain-apps-store"],
.jp-portal-nav .jp-tree li.parent-li div.title-and-arrow a[href$="/apps-and-interfaces"],
.jp-portal-nav .jp-tree li.parent-li div.title-and-arrow a[href$="/supply-chain-apps-store"]
{
	border-top: 2px solid #f3f3f3;
	width: 100%;
	font-weight: bold;
	margin-left: -12px;
	padding-top: 15px; 
	pointer-events: none;
}




.jp-portal-nav-mobile .jp-tree.jp-nav-tree
{
	max-height: 100vh !important;
}
.jp-portal-nav-mobile .jp-insertionPoint-contentPage-nav-top
{
	padding-top: 10px; 
}


.map-banner p
{
	color: #ffffff;
	font-size: 15px; 
	width: 90%;
	margin: auto;
	text-align: center; 
	display: none;
}
/*

#platform-banner h1
{
	background-image: url('DarkMacIcon.png');
}
#epp-banner h1
{
	background-image: url('DarkPrinterIcon.png');
}
#apps-banner h1
{
	background-image: url('DarkAppsIcon.png');
}
#ci-banner h1
{
	background-image: url('DarkCloudIcon.png');

}
#search-banner h1
{
	background-image: url('DarkSearchIcon.png');
}
#direct-banner h1
{
	background-image: url('DarkPhoneIcon.png');
}
*/
#platform-banner
{
	background-image: url('AppsPageImage.png');
	background-position: bottom; 
}
#scpaas-banner
{
	background-image: url('SCPaaS-banner.png');
	background-position: center top; 
}
#scanworkx-banner
{
	background-image: url('swxbanner.jpg');
	background-position: center top; 
}				 
			 

#epp-banner
{
	background-image: url('epp-banner.png');
}
/* with warning*/
#epp-banner h1
{
	font-size: 40px;
	padding-bottom: 10px;
}

.warning-icon
{

	background-image: url('warning.png');
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;

}

.warning-banner
{
	background-color:#ffc107; 
	width:100%; 
	display:flex; 
	align-items:center; 
	padding:10px; 
	text-shadow:none; 
	margin-bottom:10px; 
	height:30px;
}

.warning-banner .warning-text
{
	margin-left: 10px; 
	display: inline-block;
}

#apps-banner
{
	background-image: url('AppsPageImage.png');
}

#ci-banner
{
	background-image: url('CloudPageImage.png');
}


#search-banner
{
	background-image: url('HomePageHeaderImage.png');
	height: 80px; 
	background-position: center;
	
}
#search-banner h1
{
	font-size: 2.5vw;
	margin-top: 10px; 
}
#direct-banner 
{
	background-image: url('dsi-direct-image.png');
	background-position: center bottom;
}

#platform-banner .headicon
{
	background-image: url('DarkMacIcon.png');
}
#epp-banner .headicon
{
	background-image: url('DarkPrinterIcon.png');
}
#apps-banner .headicon
{
	background-image: url('DarkAppsIcon.png');
}
#ci-banner .headicon
{
	background-image: url('DarkCloudIcon.png');

}
#search-banner .headicon
{
	background-image: url('DarkSearchIcon.png');
}
#direct-banner .headicon
{
	background-image: url('DarkPhoneIcon.png');
}

.headicon
{
	height: 36px; 
	width: 36px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 5px; 
	vertical-align: top;
	
}
.banner-heading
{
	color: #ffffff;
	vertical-align: middle;
	text-align: center;

}
.jcp-topic-pane-header
{
	display: block;
	
}

.jp-topic-versionSelector
{
	position: absolute;
	right: 10px;
	display: block;
	font-family: Arial;
	background-color: #ffffff !important;
	color: #555555;
	border: 1px solid #cacaca !important;
	border-width: 0px; 
	border-radius: 20px !important;
	padding: 5px !important;
	font-size: 11pt;
	box-shadow: none !important;
	 -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;   
   background-image: url('arrow.png');
   background-position: right center; 
   background-repeat: no-repeat;
   padding-right: 20px !important; 
   padding-left: 20px !important; 
   width: 150px;
   height: 30px; 
}

.jp-topic-versionSelector option
{
	background-color: #f3f3f3;
	padding: 5px; 
	border: none;
	
}
select.jp-topic-versionSelector::-ms-expand {
    display: none;
}


.jp-portal-breadcrumbs a
{
	color: #333;
}

.jp-portal-breadcrumbs a:hover
{
	color: #f37321;
}
.jp-portal-topic-wrapper
{
	padding-top: 10px; 
}



body div#home-content .row .jp-homePage-linkContainer:hover
{
	box-shadow: none;
	border: 0px;
	
	color: #f37321;
}

body div#home-content .row .jp-homePage-linkContainer:hover a
{
	color: #f37321;
}
.jp-portal-breadcrumbs
{
	font-size: 10pt; 
	max-width: calc(100% - 170px); 
	padding-right: 10px !important;
}
.prod-links
{
	display: flex;
	width: 70%;
	margin: auto;
	min-height: 300px;
margin-top: 10px; 	
}

.prod-links a
{
		color: #333;
		margin: auto;
		display: flex;
		font-weight: bold;
		font-size: 13pt; 
		padding: 10px; 
		width: 25%;
		text-align: center; 
		text-decoration: none;
		margin-top: 0px;
}

div#row1.prod-links
{
	min-height: 250px; 
}



.prod-links a:hover .linktitle
{
		color: #f37321;
		text-decoration: none;
}
.prod-links a:hover
{
		text-decoration: none;
}
.prod-links a:hover .linksub
{
		color: #333;
}
.prod-links a div

{
	box-shadow: none;
	border: 0px;
	height: 200px; 
	background-repeat: no-repeat;
	background-position: center top; 
	background-size: 90px 90px; 
	padding: 0;
	padding-top: 100px; 
	margin: 0;
	display: inline-block;
	width: 80%;
	transform: none;

}
.linktitle
{
	display: block;
	font-size: 13pt; 
	max-width: 200px; 
	margin: auto;
}
.linksub
{
	display: block;
	font-size: 10pt; 
	color: rgba(0,0,0,0.54);
	max-width: 200px; 
	margin: auto;
}
.jp-navbar-brand:before
{
	content: "DOCUMENTATION";
	float: right; 
	color: #333;
	font-family: 'Lato', sans-serif;
	margin-top: 5px; 
}
.jp-portal-header-logo
{
	height: 30px;
	margin-bottom: 5px;
	
}
.feedback-home
{
	position: absolute; 
	top: 10px; 
	right: 10px; 
	z-index: 100;
	border: 1px solid rgba(0,0,0,0.54);
}

.feedback-home a:hover,
.feedback-home a:focus
{
	text-decoration: none;
	color: #333;
}
.feedback-home a i
{
	margin-left: 2px; 
}
.feedback-home a
{
	color: rgba(0,0,0,0.54);
	font-family: 'Lato', sans-serif;
	padding: 10px; 
	padding-left: 15px; 
	padding-right: 15px; 
	
}
#platform
{
	background-image: url('MacIcon.png');
}

#epp
{
	background-image: url('PrinterIcon.png');
}
#cloud-inventory
{
	background-image: url('CloudIcon.png');
}
#dsi-direct
{
	background-image: url('AppsIcon.png');
}
#scanworkx
{
	background-image: url('scanworkx.png');
}

#legacy
{
	background-image: url('legacy.png');
}
.jumbotron h1
{
	font-size: 25px !important;
	font-weight: 900;
	text-align: center;
	color: #ffffff !important;
}
.jumbotron p
{
	font-size: 17px !important;
	text-align: center;
	color: #ffffff !important;
	max-width: 400px; 
	margin: auto;
}
/* Search styles */

.searchHitContainer
{
	border-bottom: 0px solid #fff;
	border-top: 1px solid #e3e3e3;
}
.jp-searchSuggestionBoxContainer .searchBoxContainer .searchBox
{
	height: 30px; 
	font-size: 11pt;
}


.jp-searchSuggestionBoxContainer .searchBoxContainer .searchBox, #searchBoxContainer
{
	width: 400px; 
}

.jp-searchSuggestionBoxContainer .searchBoxContainer.searchBoxFocused:before, .jp-searchSuggestionBoxContainer .searchBoxContainer.searchBoxFocused .searchBox

{
	background-color: #ffffff;
	
}
.jp-searchSuggestionBoxContainer .searchBoxContainer.searchBoxFocused .searchBox, #searchFiltersContainer #searchBoxContainer .gwt-TextBox

{
	border: 1px solid #cacaca;
	padding: 0px;
	padding-left: 20px; 
	border-radius: 20px; 
	line-height: 1;
	width: 100%;
}
.searchResultHighlight
{
	background-color: #ffffff;
	font-weight: bold;
}
.searchHitContainer .searchHitBreadcrumb
{
	font-size: 10pt;
	color: #555;
}

#searchBoxContainer .gwt-TextBox
{
	margin-top: 0px; 
}

.jp-searchSuggestionBoxContainer
{
	position: absolute;
	top: 0px; 
	max-width: 400px; 
	right: 0px; 
}
.jp-searchSuggestionBoxContainer .searchBoxContainer:before
{
	content: none;
}
#search-results-container
{
	top: 100px; 
	left: -20px; 
}


.jp-searchSuggestionBoxContainer .searchBoxContainer:after {
    
    display: inline-block;
    margin-left: -40px;
    line-height: 1;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font-family: FontAwesome;
    content: "\f002";
    color: #cacaca;
    transition: background 0.2s;
padding: 8px 15px 8px;}

#searchFiltersContainer #searchBoxContainer:after
{
	display: inline-block;
    margin-left: -40px;
     line-height: 1;
border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font-family: FontAwesome;
    content: "\f002";
    color: #cacaca;
    transition: background 0.2s;
padding: 10px 15px 9px;
vertical-align: middle;
}
.searchTabContainer
{
	border-bottom: 0px; 
}

#searchBoxContainer .gwt-TextBox
{
	padding-left: 5px; 
	height: 36px;
	padding: 8px 8px 8px 3px;
	vertical-align: middle;
	font-size: 16px;
	color: rgb(70, 70, 70);

}
#searchBoxContainer div
{
	display: inline-block;
	width: 99%;

}
.jp-searchBoxLabelHeader, .jp-search_showingResultsLabel
{
	display: none;
}
#searchBoxContainer
{
	border-bottom: 0px; 
	padding-bottom: 10px; 
	margin: auto;
	position: relative;
	
}
.search_numResultsAndPaging, .search_showingResultsForSearchTextLabelContainer
{
	width: 100%;
}
#search-pagerNext, #searchPagingContainer, .search_numResultsAndPaging_lower
{
	display: inline-block;

}

.search_numResultsAndPaging_lower > div:nth-child(3), .search_numResultsAndPaging_lower > div:nth-child(1)
{
	display: inline;
}
.searchPagingContainer
{
	display: inline-block;
}
.btn.disabled
{
	display: none !important;

}
#searchPagingContainer::first-letter, .searchPagingContainer::first-letter
{
	text-transform: uppercase;
}


.search_infoBar
{
	position: relative !important;
	display: block;
	border-bottom: 0px; 
	margin-top: 10px; 


}

.search_showingResultsForSearchTextLabelContainer, .search_numResultsAndPaging, .search_numResultsAndPaging_lower
{
	color: #6d6e71;
}
#search-pagerNext, #search-pagerPrevious, .search-pagerNext, .search-pagerPrevious, .search_numResultsAndPaging_lower > div:nth-child(3), .search_numResultsAndPaging_lower > div:nth-child(1)
{
	color: #fff !important;
	padding: 0px;
	padding-right: 10px;
	font-size: 14pt; 

}
#search-pagerPrevious::after, .search-pagerPrevious::after
{
	font-family: FontAwesome;
    content: "\f0d9";
	color: #6d6e71;
}
#search-pagerNext::after, .search-pagerNext::after
{
	font-family: FontAwesome;
    content: "\f0da";
	color: #6d6e71;
}
.jp-searchBoxLabelHeader .jp-searchBoxLabel
{
	font-weight: normal;
}
.search_showingResultsForSearchTextCurrentTextLabel, .search_showingResultsForSearchTextLabel
{
	display: none !important;
}

.jp-searchContainer
{
	display: block;
	margin: 20px auto; 
	margin-top: 80px; 
	max-width: 100%;
	
}
.search_filtersRootContainer
{
	width: 100%;

}

.search_filtersRootContainer, .search_resultsContainer
{
	width: 100%;
	position: relative;
	overflow: visible;

}
.search_filtersRootContainer
{
		border: 2px solid #f5f5f5;
		width: 70%;
		margin: auto;
		top: 10px; 
		margin-bottom: 15px; 
}

.sectionsFilter_filterContainer, .sectionsFilter_chosenDropdown:nth-child(2) {
    width: 200px;
	height: 50px; 
	display: inline; 

	
	
}
#searchResultsLoading, #searchNoResultsLabel
{
	top: 100px; 
}

.searchFacetsContainer>div:first-child
{
	border-bottom: 0px;
	padding-bottom: 0px; 
	margin-bottom: 0px; 
	margin-top: 0px; 
}
.searchFacetsContainer
{
	top: 5px; 
	z-index: 100;
	margin-top: 0px; 


}
.searchFacetsContainer div
{
	margin: auto;
	display: block;

}


.sectionsFilter_filterContainer>div:nth-child(3)
{
	vertical-align: middle;
}
.sectionsFilter_filterLabel 
{
	display: none !important;
}

.sectionsFilter_filterContainer>div:nth-child(3)
{
	width: 400px !important;
}

.sectionsFilter_filterContainer>div:nth-child(3) a
{
	background-color: #ffffff !important;
	background-image: none !important;
	color: #000000 !important;
	border: 1px solid #cacaca !important;
	border-radius: 20px !important;
	padding: 5px !important;
	padding-left: 20px !important; 
	height: 36px; 
	font-size: 10pt;
	box-shadow: none !important;
}
.sectionsFilter_filterContainer>div:nth-child(3) ul, .sectionsFilter_filterContainer>div:nth-child(3) div
{
	width: 250px !important;
}
.sectionsFilter_filterContainer>div:nth-child(3) div
{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: 0px; 
}
.sectionsFilter_filterContainer>div:nth-child(3) ul
{
	background-color: #f3f3f3;
	padding: 5px; 
}
/* hide dropdown item in search*/
.sectionsFilter_filterContainer:nth-child(1)>div:nth-child(3) ul li:nth-child(6)
{
	display:none;
}


.icon_arrow:before
{
	color: #cacaca;
	padding: 5px;
}

.jumbotron .jp-searchSuggestionBoxContainer, .map-banner .jp-searchSuggestionBoxContainer
{
	position: relative;
	margin: auto;
	top: 0px; 
}

/* Topic styles */

pre, kbd, .topic-topic .topic-ph.prd-codeph, .swd-filepath
{
	font-family: 'Courier New' !important;
	background-color: #f3f3f3 !important;
	color: #000 !important;
	box-shadow: none !important;
	border-radius: none !important;
	white-space: pre-wrap !important; 
	font-weight: normal !important;
	font-size: 10.5pt !important;
	
}

kbd.swd-userinput,
.topic-topic .topic-ph.prd-codeph, .swd-filepath
{
	background-color: #ffffff !important;
	white-space: normal;
}

.topic-ol
{
	max-width: 100%;
}
.map-content li.child-section a
{
	text-decoration: none; 
	color: #428bca;
}
.topic-topic .task-info:before
{
	content: none; 
}
.legend
{
	display: none;
}
.topic-topic .task-info, .jp-portal-topic-wrapper .topic-note, .jp-portal-topic-wrapper .task-stepresult
{
	background-color: #ffffff !important;
	margin: 0px; 
	padding: 0px; 
	color: #464646;
}
.jp-portal-topic-wrapper .topic-note .topic-note-decoration-text
{
	font-weight: bold;
}
.topic-note-decoration-text::first-letter
{
	text-transform: uppercase;
}

.topic-note-decoration-text
{
	display: inline-block;
}
.topic-note .fa-star
{
	display: none;
}

.topic-topic table, .topic-topic table th, .topic-topic table td
{
	background-color: #ffffff;
	border: solid 1pt #464646;
	color: #464646;
	min-width: 200px; 
}
.topic-topic table thead
{
	background-color: #ffffff;
	border-bottom: solid 2pt #464646;
}
.topic-topic table th
{
	font-weight: bold;
	font-size: 12pt;
}

.jp-portal-topic-wrapper .topic-image
{
	border: 0px;
}
.topic-topic .topic-ol li .topic-ol li
{
	list-style-type: decimal;

}
.topic-note ul li{
	list-style-type: disc !important;
	}

/* disable bold elements in reference and concept topics*/
.topic-topic.reference-reference .hid-b,
.topic-topic.reference-reference  .topic-ph.uid-uicontrol, 
.topic-topic.concept-concept .hid-b, 
.topic-topic.concept-concept .topic-ph.uid-uicontrol
{
	font-weight: normal;
}

.dummy /* hide the placeholder text that says a tag is empty */
{
	display: none;
}

.sectionsFilter_filterLabel 
{
	display: none !important;
}
.jp-nav-toggle
{
	position: absolute;
	top: 135px; 
}

.topic-topic table.glossentry-table, .topic-topic table.glossentry-table thead, .topic-topic table.glossentry-table tr, .topic-topic table.glossentry-table td, .topic-topic table.glossentry-table th
{
	
	border-top: solid 0pt #fff;
	border-bottom: solid 0pt #fff;
	border-left: solid 0pt #fff;
	border-right: solid 0pt #fff;
	border: solid 0pt #f3f3f3;
	min-width: 0px; 
}
table.glossentry-table thead, .glossentry-item-decoration-text
{
display: none;	
}

#jp-glossary-container
{
	max-width: 100%;
	margin-top: 50px; 
}
.topic-topic .task-stepxmp
{
	background-color: #ffffff;
	margin: 0px; 
	padding: 0px; 
}
.topic-topic center
{
	text-align: left !important;
}
.topic-topic .task-stepxmp img,
.topic-topic .task-info img,
.topic-topic .task-stepresult img,
.concept-conbody img

{
	width: 80% !important;
	max-width: 800px; 
}


/* landing pages */

div.lp-base ul ul,
div.lp-base ul li,
div.lp-base ul li ul,
div.lp-base ul li ul li 
{
	list-style: none;
	margin: 0px; 
	padding-left: 0px !important; 
}

ul.lp-column,
ul.lp-column-topborder
{
	width: calc(33.3% - 13px); 
	display: inline-block;
	vertical-align: top;
}

div.lp-boxes-ci ul.lp-column
{
	width: calc(33.3% - 3px); 
}
div.lp-boxes-ci ul.lp-links
{
	padding-left: 20px !important;
}
ul.lp-column-2
{
	width: calc(50% - 13px); 
	display: inline-block;
	vertical-align: top;
}
div.lp-popular ul.lp-column-topborder,
div.lp-start,
div.lp-popular ul.lp-column
{
	border: 3px solid #f3f3f3;
	padding-left: 20px !important; 
	padding-right: 20px !important; 
}

div.lp-start
{
	margin-top: 20px; 
	margin-bottom: 20px; 
}
div.lp-start h2
{
	margin-top: 15px !important;
	margin-bottom: 1px !important;
	font-size: 14pt !important;
}
div.lp-start ul
{
	padding-left: 15px !important;
	margin-bottom: 15px !important;
}

div.lp-columns-direct ul.lp-column
{
	padding-left: 20px !important; 
	padding-right: 20px !important; 
}

div.lp-boxes-ci ul.lp-column
{
	padding-right: 20px !important; 
}



div.lp-boxes-ci ul.lp-column:last-child
{
	padding-right: 0px !important; 
}
div.lp-columns-mep ul.lp-links,
div.lp-columns-ci ul.lp-links,
div.lp-columns-epp ul.lp-links
{
	padding-left: 30px !important; 
}
div.lp-columns-epp .lp-h3 img,
div.lp-columns-ci .lp-h3 img
{
	padding-left: 10px; 
}
div.lp-columns-mep span.lp-link-h4,
div.lp-columns-ci span.lp-link-h4,
div.lp-columns-epp span.lp-link-h4
{
	padding-left: 5px; 
}

div.lp-columns-epp ul img,
div.lp-columns-ci ul img,
div.lp-columns-mep ul img
{
}
span.lp-link-h4
{
	font-size: 12pt;
}

div.lp-h3
{
	font-size: 14pt;
	background-color: #f3f3f3;
	padding: 10px; 
	padding-top: 20px;
	padding-bottom: 20px;
		margin-top: 0px;

}
div.lp-headbox
{
	font-size: 14pt;
	padding: 20px; 
	margin-top: 0px;
	border: 3px solid #f3f3f3;
	margin-left: 10px; 

}
div.ci-pbox-icon
{
	display: inline-block;
	vertical-align: middle;
	height: 100px; 
	padding-left: 20px;
}
div.ci-pbox-container
{
	display: inline-block;
	margin-left: 20px;
	
}
div.ci-pbox
{
	margin: 8px 0;
}
.ci-buttonwrap
{
	display: inline-block !important;
	width: calc(100% - 52px);
	vertical-align: top;
}

div.lp-headbox img
{
	margin-right: 15px;
}



h2.lp-h3
{
	font-size: 14pt;
	background-color: #f3f3f3;
	padding: 20px; 

		margin-top: 20px !important;
		margin-bottom: 0px !important;

}

div.lp-boxes-ci h2.lp-h3
{
	background-color: #ffffff;
	padding:0;
	margin-bottom: 20px !important;
}

div.lp-boxes-ci h2.lp-h3
{
	background-color: #ffffff;
	padding:0;
	margin-bottom: 20px !important;
}

div.lp-boxes-ci .lp-wrap
{
	margin-bottom: 20px; 
}

div.lp-boxes-ci .lp-wrap-variant
{
	margin-bottom: 20px; 
}

div.lp-boxes-ci .lp-wrap-variant ul.lp-column

{
	padding-right: 0px !important;
}
div.lp-boxes-ci .lp-wrap-variant ul.lp-column ul.lp-links

{
	padding-left: 32px !important;
}
.lp-ci-button-text
{
	width: calc(100% - 120px);
	display: inline-block !important;
	vertical-align: middle;
}

div.lp-boxes-ci div.lp-h3
{
	padding-left: 15px; 
	padding-right: 15px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
}

div.ci-variant div.lp-h3

{
	font-size: 16pt;
	padding-left: 20px; 
	margin-left: 10px;
	margin-right: 3px; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	margin-top: 0px; 
}
div.lp-columns-epp div.lp-h3
{
	background-color: #ffffff;
	border-bottom: 3px solid #f3f3f3;
}
div.lp-columns-ci div.lp-h3
{
	border-bottom: 3px solid #f3f3f3;
	padding-left: 20px; 
}
div.lp-boxes-ci ul.lp-column
{
	padding-left: 0px; 
}
div.lp-columns-direct div.lp-h3
{
	background-color: white;
	padding-bottom: 10px; 
	margin: 0;
	margin-left: -17px;
	margin-right: -17px;

	border-bottom: 3px solid #f3f3f3;

	
}
div.lp-columns-direct div.lp-h3 span,
div.lp-columns-direct div.lp-h3 a,
div.lp-columns-direct div.lp-h3 img
{
	display: block !important;
	text-align: center;
}

div.lp-columns-direct div.lp-h3 a
{
	color: #464646;	
}

div.lp-columns-direct div.lp-h3 img
{
	margin-bottom: 10px; 
	padding-right: 0px; 
}

div.lp-columns-direct ul.lp-links li a
{
	padding-left: 10px; 
	display: inline-block;
	margin-top: -1px; 
	position: relative;
	vertical-align: top;
	width: calc(90% - 10px);
}


div.lp-h3 img
{
	padding-right: 15px; 
}
div.lp-popular ul.lp-column-topborder,
div.lp-popular ul.lp-column,
div.lp-columns-direct ul.lp-column
{
	margin-left: 10px !important; 
	padding-bottom: 10px; 
}

div.lp-columns-mep,
div.lp-columns-epp,
div.lp-columns-ci,
div.lp-boxes,
div.lp-apps,
div.lp-columns-ci,
div.lp-popular,
div.lp-start
{
	width: 100%;
}
div.lp-start a
{
	padding-left: 10px;
}
div.lp-boxes-ci
{
	margin-top: 30px; 
}



div.lp-wrap-box
{
border: 3px solid #f3f3f3;
padding-bottom: 20px; 
margin-left: 10px; 
}

div.lp-wrap-box-ci
{
border: 3px solid #f3f3f3;
padding-top: 20px; 
padding-bottom: 20px; 
margin-left: 0px; 
}

div.lp-columns-epp div.lp-wrap-box,
div.lp-columns-ci div.lp-wrap-box
{
	margin-bottom: 30px;
}
div.lp-boxes a.lp-buttons
{
		border: 3px solid #f3f3f3;
		display: inline-block; 
		padding: 20px; 
		margin-left: 10px; 
		width: calc(33.3% - 13px); 
		vertical-align: top;
		margin-bottom: 30px;  
		font-size: 12pt;
		color: #464646;	
}

div.lp-boxes div.ci-variant a.lp-buttons
{
	font-size: 14pt;
	margin-bottom: 15px;
	
}

div.lp-boxes a.lp-buttons img
{
	padding-right: 10px; 
}
div.lp-boxes div.ci-variant a.lp-buttons img
{
	padding-right: 15px; 
}
div.lp-apps a.lp-buttons
{
		display: inline-block; 
		padding: 20px; 
		width: 170px; 
		height: 150px; 
		vertical-align: top;
		margin-bottom: 30px; 
		text-align: center;
		font-size: 12pt;
		color: #464646;	
}


.lp-ci-apps ul
{
	padding-left: 0px !important; 
}


.lp-columns-ci a.lp-buttons img

{
	margin-bottom: 10px;
}
.lp-columns-ci a.lp-buttons
{
		display: inline-block; 
		padding: 20px; 
		width: 100%; 
		vertical-align: top;
		text-align: center;
		font-size: 14pt;
		color: #464646;	
		margin-bottom: 30px;
}
.lp-columns-ci .lp-link-subtitle
{
	display: block !important;
	width: 100%; 
	text-align: center;
	font-size: 11pt;

}
div.lp-apps a.lp-buttons span,
div.lp-columns-ci a.lp-buttons span
{
	display: block !important;
}
div.lp-apps div.lp-apps-row-mep,
div.lp-columns-ci div.lp-apps-row-ci
{
	border-top: 3px solid #f3f3f3;
}

div.lp-wrap-flex,
div.lp-columns-direct div.lp-col-wrap
{
	display: flex;
}
div.lp-apps div.lp-h3,
div.lp-columns-ci div.lp-h3
	{
		padding-left: 20px !important; 
	}
div.lp-base
	{
	margin-right: -200px !important; 
}
.lp-ci-warehouse-section
{
	margin-bottom: 40px; 
}
.lp-ci-warehouse-section h2
{
	border-bottom: 3px solid #f3f3f3;
	padding-bottom: 10px; 
	margin-bottom: 0px !important; 

}
.lp-ci-warehouse-section h2
{
	border-bottom: 0px solid #f3f3f3;
	padding: 20px; 
	margin-bottom: 0px !important; 
	background-color: #f3f3f3;

}
.lp-ci-warehouse-section h2 img
{
	margin-right: 20px; 

}
.lp-ci-warehouse-section .lp-ci-warehouse-buttons
{
		display: inline-block; 
		padding: 20px; 
		width: calc(33.3% - 13px); 
		font-size: 12pt;
		color: #464646;	
		margin-top: 0px; 
		margin-bottom: 0px; 
		vertical-align: middle;
}
.lp-ci-warehouse-section .lp-ci-warehouse-buttons a,
.lp-ci-warehouse-section .lp-ci-warehouse-buttons a:hover
{
	text-decoration: none;
}
.lp-ci-warehouse-section .lp-ci-warehouse-buttons a:hover
{
}
.lp-ci-warehouse-section .lp-ci-warehouse-buttons a.lp-ci-desktop:hover:before
{
	content: 'Desktop help';
	background-color: #f3f3f3;
	color: #464646;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	position: absolute;
	margin-top: 30px; 
	z-index: 1000;
	font-size: 10pt; 
}
.lp-ci-warehouse-section .lp-ci-warehouse-buttons a.lp-ci-mobile:hover:before
{
	content: 'Mobile help';
	background-color: #f3f3f3;
	color: #464646;
	padding: 2px;
		padding-left: 5px;
	padding-right: 5px;
	position: absolute;
	margin-top: 30px; 
		z-index: 1000;
		font-size: 10pt; 

}
.lp-ci-warehouse-section .lp-ci-divider
{
	padding-left: 5px; 
	padding-right: 5px; 
	font-size: 14pt; 
	vertical-align: bottom;
}

.ci-warehouse-button-text
{
	display: block !important;
	margin-bottom: 5px; 
}
@media (max-width: 1360px)

{
	.jp-inPageNav-container
	{
		display: block !important;
	}
	
	#jp-inPageNav-embeddedContainer .jcp-inPageNav
	{
	display: none !important;
	}
	.ci-buttonwrap
	{
		height: 50px; 
	}
}
@media (max-width: 1200px)
{
	.map-banner h1
	{
	}
	/* with warning*/
#epp-banner h1
{
	font-size: 40px;
	padding-bottom: 10px;
}
	#search-banner h1
	{
		font-size: 2.5vw;
	}
	.jp-searchContainer .jp-portal-nav-mobile, .searchMobileFilterFlyoutContentContainer
	{
		position: relative;
		left: 0px;
		width: 90%;
		height: auto; 
		box-shadow: none;	
	}
	.jp-nav-toggle
	{
		margin: 6px 2px 6px -5px;
		border: 0pt solid;
		background-color: #ffffff;
		border-radius: 0px; 
		margin-top: 40px;
	}
	/* landing pages */
	div.lp-base
	{
		margin-right: -200px !important; 
	}
	ul.lp-column,
	ul.lp-column-2
	{
		padding-left: 20px !important;
	}
	div.lp-boxes-ci ul.lp-column
	{
		padding-left: 0px !important;
	}
	div.lp-columns-mep span.lp-link-h4,
	div.lp-columns-ci span.lp-link-h4,
	div.lp-columns-epp span.lp-link-h4
	{
		display: block;
		position: relative;
		margin-left: 25px; 
		margin-top: -23px; 
	}
	.lp-ci-button-text
	{
		display: block !important;
		text-align: center;
		width: 100%;
	}
	.lp-ci-button-image
	{
		display: block !important;
		text-align: center;
	}
	div.lp-h3 .lp-ci-button-image img
	{
		padding-right: 0px; 
	}
	div.lp-boxes-ci div.lp-h3 
	{
		min-height: 180px;
		font-size: 12pt;
		min-height: unset;
	}
	
}
@media (max-width: 1080px)
{
	/* landing pages */
	div.lp-boxes a.lp-buttons,
	.lp-ci-warehouse-section .lp-ci-warehouse-buttons
	{
		width: calc(50% - 13px);
		
	}
	
}
@media (max-width: 980px)
{

	.jp-body h1

	{
		font-size: 20pt; 
	}
	.dsi-footer #legal, .dsi-footer #social
	{
		width: 100%;
		text-align: center;
	}
	.dsi-footer
	{
		padding-top: 20px; 
			
	}
	#search-banner h1
	{
		font-size: 5vw;
	}
	.jp-inPageNav-container
	{
		display: none !important;
	}
		
	#jp-inPageNav-embeddedContainer .jcp-inPageNav
	{
	display: block !important;
	}
	nav#jp-inPageNav-container + article.jp-portal-topic-pane
	{
		margin-right: 20px; 
	}
	.jcp-inPageNav
	{
		border-left: 0pt;
		border-bottom: 1pt solid #cacaca;
		border-top: 1pt solid #cacaca;
		padding-right: 0px; 
	}
	.jcp-inPageNav ul
	{
		padding: 0px; 
		margin: 0px; 
		padding-top: 10px; 
		padding-bottom: 10px; 
	}

	.jcp-inPageNav ul ul
	{

		padding-top: 0px; 
		padding-bottom: 0px; 

	}

	.jcp-inPageNav li li span
	{
		padding-left: 15px;
	}
	/* landing pages */
	div.lp-base
	{
		margin-right: -0px !important; 
	}
	div.lp-wrap-flex,
	div.lp-columns-direct div.lp-col-wrap

	{
		display: block;
	}
	
	div.ci-variant div.lp-h3
	{
		background-color: #f3f3f3;
		border-bottom: 0px;
		font-size: 14pt;
		margin-top: 20px; 
	}
	
	.lp-wrap-variant .lp-ci-button-text, .lp-wrap-variant .lp-ci-button-image
	{
		display: inline !important;
	}
	.lp-wrap-variant ul.lp-column
	{
		margin-bottom: 20px; 
	}
	
	.lp-columns-ci a.lp-buttons
	{
		border-bottom: 3px solid #f3f3f3;
	}
	ul.lp-column,
	ul.lp-column-2,
	ul.lp-column-topborder,
	div.lp-boxes-ci ul.lp-column

	{
		width: calc(100% - 3px); 
		display: block;
		vertical-align: top;
		margin-left: 0px !important;
	}
	div.lp-boxes-ci ul.lp-column
{
	padding-right: 0px !important; 
	margin-top: 10px; 
	margin-bottom: 10px; 
}
	
	div.lp-popular ul.lp-column,
	div.lp-popular ul.lp-column-topborder
	{
		border: 0px solid #ffffff;
		border-bottom: 3px solid #f3f3f3;
	}
	div.lp-popular ul.lp-column-topborder
	{
		border-top: 3px solid #f3f3f3;
	}
	div.lp-columns-direct div.lp-h3
	{
		border: 3px solid #f3f3f3;
		margin-left: -20px;
		padding-bottom: 15px; 
		padding-top: 15px; 
		padding-left: 20px; 
		margin-bottom: 20px; 

	}
	div.lp-columns-direct div.lp-h3 img
	{
		height: 50px; 
		text-align: left;
		margin-left: 0px; 
		display: inline-block !important;
		margin-right: 20px; 
		
	}
	div.lp-columns-direct div.lp-h3 a,
	div.lp-columns-direct div.lp-h3 span
{
		text-align: left;
		margin-left: 0px; 
		display: inline-block !important;
		
	}
	div.lp-columns-direct ul.lp-column
	{
		margin-top: 20px !important; 
	}
	
	
}
@media (max-width: 899px)
{
	.jcp-inPageNav
	{
		border-top: 0pt;
	}
	.jcp-inPageNav li
	{
		border-top: 1pt solid #cacaca;
		padding-top: 5px;
		padding-left: 5px;
	}
	.jcp-inPageNav
	{
		margin-top: 20px; 
	}
	main#jp-main-content-wrapper {
	 
		margin: 0px auto 0 !important;
	  }
	.dsi-footer #legal
	{
		float: none;
		width: 100%;
		text-align: center;

	}
	.dsi-footer #social

	{
		margin-left: 10px;
		float: none;
		width: 100%;
		text-align: center;
	}
	.prod-links
	{
		width: 100%;
	}
	.jumbotron h1
	{
		margin-top: 50px; 
	}

	.banner-heading
	{
		margin-top: 20px; 
	}
	.jp-headerTabsContainer
	{
		height: 100px;
	}

	.jp-browse-header .jp-headerLowerContainer .jp-headerTab
	{
		padding: 0;
		padding-right: 30px; 
		height: 30px; 
	}
	.jp-headerTabsContainer
	{
		margin-top: 10px; 
	}
	.jcp-topic-pane-header
	{
		position: relative;
		left: 0px; 
		top: 30px; 
		margin-top: 0px; 
	}

	.jp-topic-versionSelector
	{
		top: 140px;
		margin-right: 0px; 
		z-index: 1;
		right: 0px; 
		margin-top: -20px; 
	}
	.jp-body main#jp-main-content-wrapper .jp-portal-main-content .jp-portal-topic-pane .jp-portal-breadcrumbs
	{
		padding-top: 160px; 
	}
	 .jp-searchContainer
	{

		margin-top: 200px; 
	}
	.map-banner
	{
		width: 100%;
		background-repeat: no-repeat;
		background-position: center top;	
		position: absolute;
		background-size: cover;
		min-width: 200px; 
		margin-top: 20px; 
	}
		/* with warning*/
#epp-banner h1
{
	padding-bottom: 0px;
}
	#search-banner h1
	{
		margin-top: 0px; 
		padding-top: 10px; 
	}
		.jp-body main#jp-main-content-wrapper .jp-portal-main-content .jp-portal-topic-pane
	{
		font-size: 11pt; 
		margin-left: 0px;
		padding-left: 20px; 
		padding-right: 20px; 
	}

	.sectionsFilter_filterContainer>div:nth-child(3) div
	{
		height: auto !important;
		bottom: auto !important;
		top: auto !important;
	}
	.sectionsFilter_filterContainer a[href="javascript:void(0)"] span
	{
		position: absolute;
	}
	.sectionsFilter_filterContainer>div:nth-child(3) div .icon_arrow:before
	{
		top: 0;
		right: 0;
	}
	
	.map-banner
	{
		top: 90px;
		margin-top: 0px; 
		height: 80px;
	}
	.map-banner h1
	{
		margin-top: 10px; 
	}
	.map-banner h1, #search-banner h1
	{
		font-size: 20pt;
	}
	.jp-topic-versionSelector
	{
		right: auto; 
		position: relative;
		top: auto;
		left: 40px; 
	}
	.jp-body main#jp-main-content-wrapper .jp-portal-main-content .jp-portal-topic-pane .jp-portal-breadcrumbs
	{
			padding-top: 15px; 
			max-width: 100%;
	}
	#portal-browsePage
	{
		margin-top: 170px; 
	}
}

@media (max-width: 800px)
{
	.jp-searchContainer #searchBoxContainer, .jp-browse-header .jp-headerLowerContainer .jp-headerLower
	{
		display: none;
	}

	.jp-searchSuggestionBoxContainer
	{
			top: 40px; 
			width: 90%; 
			max-width: 90%;
			left: 10px; 
	}
	.jp-headerTabsContainer
	{
		margin-top: 50px; 
	}
	.jumbotron .jp-searchSuggestionBoxContainer
	{
		position: relative;
		margin: auto;
	}
	.jumbotron 
	{
		height: 300px; 
		padding-top: 20px; 
	}
	.prod-links
	{
		display: block;
	}
	.prod-links a
	{
		display: inline-block;
		width: 33%;
		vertical-align: top;
		margin-bottom: 20px; 
	}

}
@media (max-width: 785px)
{
	.searchMobileFilterFlyoutContentContainer
	{
		border: 2px solid #f5f5f5;
		margin: auto;
	}
}
@media (max-width: 600px)
{
	
	.jp-searchContainer
	{
		margin-top: 130px; 
	}
	.jp-portal-footer
	{
	border-top: 0px solid #fff;
	}
	.feedback-home
	{
		display: none;
	}
	.jp-body main#jp-main-content-wrapper .jp-portal-main-content
	{
		padding: 0px; 
	}
	body div#home-content
	{
		margin-top: 0px; 
	}
	.jp-searchSuggestionBoxContainer
	{
	position: absolute;
	}
	.sectionsFilter_filterContainer>div:nth-child(3)
	{
		width: 90% !important;
	}
	.jp-searchSuggestionBoxContainer .searchBoxContainer.searchBoxFocused .searchBox
	{
		width: 90%;
	}
	.searchFacetsContainer
	{
		border: 0px solid #fff;
	}
	.jp-browse-header
	{
		height: 50px; 
	}
	.jp-browse-header .jp-headerLowerContainer .jp-headerLower, .jp-browse-header .jp-headerLowerContainer
	{
		height: 0px; 
	}
	.sectionsFilter_filterLabel
	{
		margin-left: 0px; 
	}
	.jumbotron h1
	{
		margin-top: 10px; 
	}
	.jp-browse-header .jp-headerLowerContainer .jp-headerTabsContainer
	{
		display: none !important;
	}

	.jp-browse-header .jp-headerLowerContainer .jp-headerTab
	{
		padding: 0;
		padding-right: 20px; 
		height: 30px; 
	}
	.jp-headerTabsContainer
	{
		margin-top: 10px; 
	}
	.jp-browse-header
	{
		position: relative;
	}
	.jp-body main#jp-main-content-wrapper .jp-portal-main-content .jp-portal-topic-pane .jp-portal-breadcrumbs
	{
		padding-top: 240px; 
		display: none;
	}
	.jp-portal-topic-wrapper
	{
		padding-top: 5px; 
	}
	.jp-body main#jp-main-content-wrapper .jp-portal-main-content
	{
		margin-top: 0px; 
	}
	.jp-browse-header .jp-navbar-header
	{
		padding: 0px; 
		padding-left: 10px; 
	}
	.jcp-topic-pane-header
	{
		top: 10px; 
	}
	.topic-topic table, .topic-topic table th, .topic-topic table td
	{
		min-width: 100px; 
	}
	.search_filtersRootContainer 
	{
	  width: 100% !important;
	}
	.jp-searchContainer .jp-portal-nav-mobile
	{
		width: 100%;
		background-color: transparent;
		box-shadow: none;
	}
	.prod-links
	{
		display: block;
	}
	.prod-links a
	{
		display: block;
		width: 100%;
		text-align: left;
		margin-bottom: 10px; 
		border-bottom: 1px solid #cacaca;
		padding-bottom: 10px; 
	}
	.prod-links a div
	{
		width: 90%;
		max-width: 500px;
		background-position: left center; 
		height: auto; 
		min-height: 100px; 
		margin: auto;
		margin-bottom: 20px; 
		padding-top: 0px; 
		padding-left: 120px; 
	}
	.map-banner p
	{
		font-size: 14px; 
	}
	.jumbotron .jp-searchSuggestionBoxContainer
	{
		position: relative;
		margin: auto;
	}
	.dsi-footer #legal, .dsi-footer #social
	{
		width: 100%;
	}
	.dsi-footer
	{
		display: block;
	}
	#portal-browsePage
	{
		margin-top: 135px; 
	}

	.warning-banner
{
		background-color:#ffc107; 
	width:100%; 

	padding:2px; 
	font-size: 10pt;
	margin-top: -15px;
	height: 40px;
}
/*with warning banner*/
	#epp-banner h1
	{
		font-size: 20px;
	}
	/* landing pages */
	div.lp-boxes a.lp-buttons,
	.lp-ci-warehouse-section .lp-ci-warehouse-buttons
	{
		width: calc(100% - 13px);
	}
}
@media (max-width: 400px)
{
		.warning-banner
{
	background-color:#ffc107; 
	width:100%; 
	display:block; 
	align-items:center; 
	padding:2px; 
	font-size: 9pt;
	margin-top: -20px;
	height: 50px;
}
.warning-icon
{
	display: none;
}
/*with warning banner*/
	#epp-banner h1
	{
		font-size: 15px;
	}
}
@media (max-width: 320px)
{
	.jp-navbar-brand:before
	{
		max-width: 60%;
		margin-top: 0px; 
		font-size: 12px;
	}
	.jp-portal-header-logo
	{
		height: auto;
		max-width: 40%;
		max-height: 40px; 
	}
	.jumbotron h1, .jumbotron .h1
	{
		font-size: 16px !important;
	}
	.jumbotron p
	{
		font-size: 14px !important;
	}
	.prod-links a div
	{
		background-size: 50px; 
		padding-left: 65px; 
	}
	.prod-links a
	{
		padding: 5px; 
	}
	.map-banner h1, #search-banner h1
	{
		text-align: left;
		padding-left: 20px;
	}
	
	
	/*with warning banner*/
	#epp-banner h1
	{
		font-size: 15px;
	}

}
.printerfriendly
{
	display: none;
}
iframe
{
	width: 100%;

}

iframe.training-content
{
	width: 100%;
	height: 500px; 
	border-width: 0px; 
}