/*** PCSC Demo ***/
#searchPage #content { background-image: url(../images/hw-banner-03.jpg); background-size:100% 208px; }
#searchPage #pcsc_title { width:900px; border:none; margin:0; padding:0; line-height:0; }
#searchPage #pcsc_title a { font-family:"Poppins"; color:#fff; font-size:36px; font-weight:500; }
#searchPage #subtitle { font-family:"Poppins"; font-size:20px; font-weight:300; color:#fff; margin-top:30px; }
#searchPage hr { margin: 35px 0 72px 0; }

#displayType { display:inline-block; position:absolute; right:240px; height:32px; line-height:32px; cursor:pointer; }
#displayType span { display:inline-block; height:inherit; width:50px; border:1px solid #ccc; }
#displayType span.active { background-color:#0C322C; }
#showList { background:transparent url(../img/display_icons.svg) no-repeat -16px 0px; background-size:82px 68px; margin-right:6px; }
#showTile { background:transparent url(../img/display_icons.svg) no-repeat -16px -30px; background-size:82px 62px; }

#searchPage .sr_stack { display:flex; flex-direction:column; justify-content:center; }
#searchPage .sr_wrap { display:flex; flex-flow:row wrap; justify-content:left; }
#searchPage .sr_tile { width:250px; height:200px; color:#192072; background-color:white; margin:0 20px 40px; cursor:pointer; }
#searchPage .sr_tile a.imageStage:hover { opacity:0.7; }
#searchPage .sr_tile h2 a:hover { color:#FE7C3F; }

#searchResults #defaultResults { display:flex; flex-wrap:wrap; }
#searchResults #defaultResults .featuredVendorTile { display:flex; height:88px; width:196px; align-items:center; justify-content:center; margin:15px; padding:12px; background-color:#fff; cursor:pointer; }
#searchResults #defaultResults .featuredVendorTile:hover { outline:4px solid var(--waterhole-blue); }
#searchResults #defaultResults .featuredVendorTile img { max-width:180px; max-height:80px; }

#searchResults h2, #searchResultsTile h2 { height:70px; font-family:"Poppins"; font-size:21px; font-weight:400; display:flex; justify-content:center; text-align:center; padding:8px; overflow:clip; }
#searchResultsTile a { color:#192072; text-decoration:none; }
#searchResults h2.featuredHeader, #searchResultsTile h2.featuredHeader { position:absolute; top:235px; height:30px; color:var(--waterhole-blue); padding:5px 15px; font-size:24px; }
#searchResultsTile { width:1200px; margin-top:65px; }
#searchResultsTile .imageStage { height:72px; display:flex; justify-content:center; align-items:center; border-bottom:2px solid #0C322C; }
#searchResultsTile img { max-width:180px; height:30px;} 
#searchResultsTile span { color:#0C322C; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; width:72%; }
#searchResultsTile .tile_tags { position:relative; }
#searchResultsTile .tilePlatforms,
#searchResultsTile .tileArchitectures { width:50%; }
#searchResultsTile .tilePlatforms p, 
#searchResultsTile .tileArchitectures p { padding:0 0 1px 8px; font-family:"Roboto Mono"; font-size:14px; font-weight:400; border-radius:5px; margin:2px; }
#searchResultsTile .tilePlatforms p { margin-left:4px; background-color:pink; }
#searchResultsTile .tileArchitectures p { margin-right:4px; background:lightblue; }


/*** Search ***/
#searchBar { height:40px; clear:both; margin:20px 0 5px 0; padding-bottom:2px; }

#productNameFieldset { float:left; height: 40px; width:600px; margin-left:270px; display:flex; flex-direction:row; }
#productNameFieldset #productName { border:none; background-color:#fff; margin:0; padding:10px 8px 9px 8px; font-size:16px; line-height:13px; width:784px; height:21px; }
#productNameFieldset #productName::selection { background-color:#2453FF; }
#productNameFieldset #clearProductName { color:var(--pine-green); font-size:24px; background-color:#fff; background-image:url(../images/x-pine-green.png); background-size:23px; background-repeat:no-repeat; background-position:2px 8px; }
#productNameFieldset #clearProductName:hover { border:1px solid #fff; opacity:0.8; }
#productNameFieldset.hasFocus { outline: 2px solid var(--persimmon); }
/* #productNameFieldset .clear_button { position:relative; top:13px; right:35px; }  */
#productNameFieldset #searchButtonIcon { border:none; background:url(../images/search_icon.png) 5px no-repeat; background-color:var(--persimmon); background-size:30px 30px; margin:0; padding:0; height:40px; width:40px; font-size:18px; color:#0C322C; outline-style:none; }
/* #content #searchButton { padding:0; margin:4px 12px; cursor:pointer;} */

#searchSort { float:right; }
/* .fa-chevron-down::before { position:relative; top:10px; left:6px; font-size:14px; } */
/* .orange { color:#FE7C3F; } */


/*** Search Filters ***/
#filters { float:left; width:230px; margin-top:-28px; }
#filters ul { list-style-type:none; margin:0; }
#filters ul li { position:relative; cursor:default; background:transparent url(../img/bg_filter.png) no-repeat 0px 0px; font-size:15px; }
#filters ul li.active { background-position:0px -59px; color:#fff; }
#filters ul li.active div.filter-popup {  z-index:1101; }
#filters ul li.active .filter-popup, #filters ul li.active #partnerFilter { display:block; }
#filters ul li.applied { background-position:0px -117px; color:#fff; }
#filters ul li .filterTitle { display:block; margin:0 0 11px 0; padding:0 30px 0 14px; font-weight:400; font-family: Helvetica,Arial,sans-serif; height:59px; line-height:59px; cursor:pointer; }
#filters #clearAll { color:#777;); font-size:15px; font-weight:bold; line-height:32px; padding-left:30px; cursor:pointer; background-image:url(../images/x-pine-green.png); background-size:20px; background-repeat:no-repeat; background-position:5px 7px; }
#filters #clearAll:hover { opacity:0.7; }
/* #filters #clearAll b { margin-right:10px; background-image:url(../images/x-pine-green.png); background-size:20px; background-repeat:no-repeat; background-position:5px; } */
#filters .filter-popup, #filters #partnerFilter { display:none; }
#filters .filter-popup #platformsLowerBox { display:flex; flex-direction:row; }
#filters .filter-popup { position:absolute; left:228px; top:0px; background-color:#fff; border: 2px solid var(--jungle-green); }
#filters .filter-popup hr { background-image:none; color:#333; border-bottom:1px solid #333; margin:0 60px 0 30px; width:auto; margin-top:6px; }
#filters .filter-popup h4 { border:none; border-bottom:2px solid var(--jungle-green); color:var(--jungle-green); font-family:"Poppins"; font-size:18px; line-height:28px; margin:0 28px; padding:20px 0 0 0; }
#filters .filter-popup h5 { color:#333; font-size:18px; line-height:18px; margin:16px 30px 0 30px; padding:0; font-family:"Poppins"; font-weight:300; }
#filters .filter-popup h6 { color:var(--jungle-green); font-size:16px; line-height:16px; margin:16px 0 0 30px; padding-bottom:3px; font-family:"Poppins"; font-weight:300; border-bottom:2px solid; }
#filters .filter-popup ul { padding:10px 30px 0 30px; }
#filters .filter-popup li { line-height:20px; background-image:none; height:auto; font-size:11px; margin:0; padding:0; }
#filters .filter-popup li:hover { color:#333; }
#filters .filter-popup li input { vertical-align:middle; position:relative; top:-1px; margin:0 6px; }
#filters .filter-popup li label { font-family:"Arial"; font-size:14px; color:#666; }
#filters .filter-popup .popup-actions { clear:both; padding-top:24px; }
#filters .filter-popup .popup-actions .popup-close { position:absolute; top:12px; right:8px; text-indent:-9999px; cursor:pointer}
#filters .filter-popup .popup-actions .popup-close a { display:block; background:transparent url(../img/clear_input_green.png) no-repeat top left; width:12px; height:12px; }
#filters .filter-popup .popup-actions .suse_button { float:right; margin-right:16px; padding-bottom:18px; cursor:pointer; }

#filters #partnerFilter { position:absolute; width:760px; left:217px; line-height:15px; top:1px; height:57px;
	background-color: #0C322C;
	z-index: 1101;
}
#filters #partnerFilter input { background:#F1FDFF; border:none; font-size:15px; margin:12px 0 0 44px; padding:8px; width:654px; }

#filters #vendorFilter { width:690px; overflow:visible; }
#filters #vendorFilterInput { display:flex; width:625px; line-height:26px; margin:5px 27px; padding:0 3px; color:#444; font-family:"Arial"; font-size:15px; }
#filters #vendorSelect { margin-left:27px; width:635px; height:320px; }
#filters #vendorSelect:focus-visible { outline:none; }

#filters #platformFilter { width:1050px; overflow:visible; top:-69px; }
#filters #platformFilter ul.allPlatformCheckboxes { display:flex; flex-direction:row; flex-wrap:wrap; } 
#filters #platformFilter ul.allPlatformCheckboxes li.platformColumn { margin-bottom:10px; }
#filters #platformFilter ul.allPlatformCheckboxes li span.majorLabel { display:inline-block; width:80%; padding:3px 5px; color:#666; font-size:15px; font-weight:bold; cursor:pointer; }
/* #filters #platformFilter ul.allPlatformCheckboxes li label.majorLabel input { position:absolute; opacity:0; height:0; width:0; margin:0; } */
/* #filters #platformFilter ul.allPlatformCheckboxes li label.majorLabel input:checked ~ span { background-color:var(--pine-green); color:var(--fog); } */
#filters #platformFilter ul.allPlatformCheckboxes li span.majorLabel:hover { color:#fff; opacity:0.8; }
#filters #platformFilter ul.allPlatformCheckboxes li span.majorLabel:active { color:#aaa; }
#filters #platformFilter ul.allPlatformCheckboxes li span.sles { background-color:var(--jungle-green); color:#fff; }
#filters #platformFilter ul.allPlatformCheckboxes li span.sled { background-color:var(--pine-green); color:var(--fog); }
#filters #platformFilter ul.allPlatformCheckboxes li span.sl_micro { background-color:#3c8eef; color:var(--fog); }
#filters #platformFilter ul.allPlatformCheckboxes li span.sle_micro { background-color:var(--waterhole-blue); color:var(--fog); }
#filters #platformFilter ul.allPlatformCheckboxes li span.slepos { background-color:var(--midnight-blue); color:var(--fog); }

#filters #platformFilter ul.platformList { padding: 0 30px 0 0; margin:4px 26px 10px 0; min-width:85px; }
#filters #platformFilter ul.extensionsList li { max-width:175px; }


#filters #architectureFilter { width:320px; overflow:visible; }
#filters #architectureFilter  ul { column-count:2; }
#filters #certificationFilter { width:300px; overflow:visible; }
#filters #compatibilityFilter { width:300px; overflow:visible; }

#filters #componentFilter, #filters #industryFilter { width:830px; }
#filters #componentFilter ul, #filters #industryFilter ul, #filters #languageFilter ul {
	-webkit-column-count:2; -webkit-column-gap:10px; /* Chrome, Safari, Opera */
	-moz-column-count:2; -moz-column-gap:10px; /* Firefox */
	column-count:2; column-gap:10px;
}

#filters #languageFilter { width:400px; overflow:visible; }

#filters #regionFilter { width:300px; overflow:visible; }

#filters #lastModified {width: 320px; }
#filters #lastModified .dateBox {position:absolute; left:70px; line-height:20px; font-size:15px; color:#444; font-family:"Arial"; padding-left:6px; padding-bottom:2px; }
#filters #lastModified li {height:35px; }

#filters #statusFilter { overflow: visible; width: 300px; }

#filters .selectedfilters { position:relative; top:-13px; border-top:1px solid #3C8332; width:219px; color:#fff; }
#filters .filterlist {
	background-color:#7AC143;
	border-radius: 0 0 2px 2px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7AC143', endColorstr='#439539'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7AC143), to(#439539)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #7AC143,  #439539); /* for firefox 3.6+ */ 
}

#filters .filterlist p { position:relative; color:#fff; margin:0; padding:8px 8px 8px 34px; font-size:11px; }
#filters .filterlist p { /*border-bottom:1px solid #5DA33B;*/ border-top:1px solid #74BD42; }
#filters .selectedfilters a.removefilter { display:block; position:absolute; left:15px; top:12px; width:8px; height:9px; text-indent:-9999px; background:transparent url(../img/remove_white.png) no-repeat top left; }

#filters p.clearFilterGroup { cursor:pointer; margin:0; padding:0; font-size:11px; width:135px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
	background-color:#E1E0E2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFF1', endColorstr='#E1E0E2'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFF1), to(#E1E0E2)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EFEFF1,  #E1E0E2); /* for firefox 3.6+ */ 
}

#filters p.clearFilterGroup a { color:#5BA83E; text-decoration:none; display:block; margin:0; padding:7px 0 7px 34px; background:transparent url(../img/remove_green.png) no-repeat 15px 12px;  }

#searchAutoComplete{ position: absolute; top:210px; left:330px; background:#fff; width: 800px; display:none; z-index:1101; }
#searchAutoComplete ul, #searchAutoComplete ul li{ margin:0; padding:0; list-style-type:none; }
#searchAutoComplete ul li{ white-space:nowrap; background-image:none; line-height:20px; height:20px; padding:3px; margin:0; font-size:16px; border-bottom:1px solid var(--fog); color:#666; display:block; cursor:default; }
#searchAutoComplete ul li:last-of-type { border-bottom:none; }
#searchAutoComplete ul li.active { background-color:#FE7C3F; color:#fff; }
#searchAutoComplete ul li i { float:right; color:#c8c8c8; font:italic 12px helvetica,arial,sans-serif; margin-right:8px; }
#searchAutoComplete ul li.active i { color:#fff; }
#searchAutoComplete ul li b { color:#666; font-size:16px; padding-left:5px; }
#searchAutoComplete ul li b.faPartner { padding-right:15px; }
#searchAutoComplete ul li b.faPartner::before { content:"\f2b5"; }
#searchAutoComplete ul li b.faProduct { padding-right:19px; }
#searchAutoComplete ul li b.faProduct::before { content:"\f233"; }
#searchAutoComplete ul li b.faComponent { padding-right:19px; }
#searchAutoComplete ul li b.faComponent::before { content:"\f2db"; }
#searchAutoComplete ul li em { font-style:normal; display:inline-block; width:700px; overflow:hidden; }

/*** Search Results ***/
#searchResults #bulletinTable { width:1200px; border-collapse:collapse; cursor:default; }
#searchResults #bulletinTable th { font-weight:bold; text-align:left; padding:0 6px; border-bottom:1px solid var(--pine-green); }
#searchResults #bulletinTable tr { line-height:20px; height:65px; font-family:"Arial"; font-size:15px; }
#searchResults #bulletinTable tr.headRow { height:unset; }
/* #searchResults #bulletinTable tr.bulletinByIDRow { color:#fff; background-color:var(--pine-green); border:1px solid var(--pine-green); } */
/* #searchResults #bulletinTable tr.bulletinByIDRow:hover { color:#fff; background-color:var(--midnight-blue); border:1px solid var(--midnight-blue); } */
#searchResults #bulletinTable tr:not(.headRow):hover { color:#fff; background-color:var(--pine-green); border:1px solid var(--pine-green); }
#searchResults #bulletinTable td { border-bottom:1px solid var(--pine-green); padding:3px 6px; vertical-align:middle; }
#searchResults #bulletinTable td.vendorName { font-weight:bold; }
#searchResults #bulletinTable td.productName { font-weight:bold; }
#searchResults #bulletinTable td.platformTag { line-height:19px; min-width:95px; }
#searchResults #bulletinTable td.platformTag span { display:block; }
#searchResults #bulletinTable td.virtualTag { min-width:60px; }
#searchResults #bulletinTable .prefix { width:3px; padding:0; border-bottom:none; }
#searchResults #bulletinTable .bulletinNumber { padding-left:0; }
#searchResults #bulletinTable .bulletinNumber a { color:var(--jungle-green); text-decoration:none; font-weight:bold; }
#searchResults #bulletinTable .bulletinNumber a:hover { color:var(--mint); }

#defaultResults, #noResults, #noResultsTile, #searchError, #pageNotFound { margin-top:30px; }
#searchPage #noResultsTile p { position:relative; left:52px; bottom:28px; }

#nowSearching { height:50px; margin-top:26px; }
#content #nowSearching p, #content #nowSearching img { display:inline; padding:0 5px 0 0; vertical-align:middle; }

#searchResults { float:right; width:1000px; margin-top:40px; }
#searchResults h4 { border:none; margin:8px 0 0 0; padding:0; }
#searchResults h4 a { text-decoration:none; font-size:21px; color:#30BA78; font-family:"Poppins"; font-weight:300; }
#searchResults h4 a:hover { /*text-decoration:underline;*/ color:#FE7C3F; }

.productDisplay { margin:10px 0 0 0; border-bottom:2px solid #333; }
/* .productDisplay .certification_level { display:inline-block; font-family:Poppins, Helvetica, Arial, sans-serif; font-weight:bold; text-align:center; padding:4px 8px; border:solid 1px #5f5f5f; border-radius:14px; opacity:0.9; margin-right:5px; } */
/* .productDisplay div.c_suse_ready { background-color:#30BA78; color:#fff; } */
/* .productDisplay div.c_suse_qualified { background-color:#90EBCD; color:#333; } */
/* .productDisplay div.c_rancher_ready { background-color:#809AF7; color:#fff; } */
/* .productDisplay div.c_rancher_qualified { background-color:#BFCBFB; color:#333; } */
#searchPage .productDisplay pre, #productManagementPage .productManagementProductDisplay pre { color:#5f5f5f; font-size:13px; line-height:18px; margin:0; padding:4px 0 22px 0; overflow-wrap:normal; white-space:pre-line; font-family:Helvetica,Arial,sans-serif; }
.productDetailsDisplay ul { list-style-type:none; margin:0; padding:0; border-top:1px solid #e8e8e8; position:relative; }
.productDetailsDisplay li { display:table-cell; border-right:1px solid #e8e8e8; font-family: "omnes-pro-1","omnes-pro-2",Helvetica,Arial,sans-serif; }
.productDetailsDisplay strong { display:block; text-transform:uppercase; font-size:10px; color:#747474; margin:0; padding:10px 0 4px 16px; line-height:14px; font-weight:400; }
.productDetailsDisplay em, #productDetails em { display:block; font-style:normal; font-size:15px; font-weight:6400; line-height:16px; padding:0 0 16px 16px; color:#000; }

li.partnerDisplay { width:288px; }
li.partnerDisplay strong, li.partnerDisplay em { padding-left:0px; }
#content li.partnerDisplay em a { color:#000; text-decoration:none; }
#content li.partnerDisplay em a:hover { text-decoration:underline; }
#content li.partnerDisplay a.edit_button { position:relative; bottom:3px; right:3px; background: transparent url("../img/btn_isvpartner.png") no-repeat scroll -2px -36px; width:24px; height:24px; float:right; }

li.platformDisplay { width:144px; }

li.architectureDisplay { width:114px; }

li.versionDisplay { cursor:pointer; border-right:none; width:169px; position:absolute; top:0px; right:0px; }
li.versionDisplay ul { border:none; position:relative; top:-15px; z-index:1; }
li.versionDisplay li { float:none; border:none; font-style:normal; font-size:15px; font-weight:400; line-height:16px; height:auto; padding:15px 0 16px 16px; color:#333; }
li.versionDisplay li {display:none; }
li.versionDisplay li.firstVersion {display:block; background:transparent url(../img/arrow_down.png) no-repeat 152px 50%; }
li.versionDisplay li:only-of-type { background: inherit; }

#content li.versionDisplay.active li:first-of-type {background:transparent url(../img/button_up.png) no-repeat 152px 50%;}
#content li.versionDisplay.active li:not(:first-of-type) {display:block; }

#content li.versionDisplay li a { text-decoration:none; color:#333; }
#content li.versionDisplay li a:hover { text-decoration:underline; }

#content li.versionDisplay.active { background-color:#333; background-image:none; overflow:visible; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; z-index:1102; }
#content li.versionDisplay.active strong { color:#fff; position:relative; z-index:2; }
#content li.versionDisplay.active ul { height:auto; background-color:#333; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
#content li.versionDisplay.active li { border-bottom:1px solid #666; }
#content li.versionDisplay.active li:last-child { border:none; }
#content li.versionDisplay.active li a { color:#fff; }