@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap");

body {
  background-color: #FAFAFA;
}

body,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter", sans-serif !important;
}

.portal-single-publication{ width: 20%;}

.portal-content > .portal-header {
  height: 285px;
  padding: 0;
}

.portal-content > .portal-header::before,
.portal-content > .portal-header::after {
  display: none;
}

.portal-content > .portal-header {
  opacity: 1;
  filter: none;
  background: #E8EEFB;
   background-image: url("/assets/portal-header__bg-left01.png"), url("/assets/portal-header__bg-right01.png");
  background-repeat: no-repeat;
 background-size: 564px 237px, 564px 237px;
  background-position: bottom left, bottom right;
}

.portal-content > .portal-header > .inner > .logo-link {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: white;
  padding: 24px 16px;
}

.portal-content > .portal-header > .inner > .logo-link > img.logo {
  max-height: 20px;
  cursor: pointer;
}

.portal-content > .portal-header > .inner > h1 {
  margin-top: 64px;
  font-size: 28px;
  font-weight: 400;
	color: #0B2862;
}

.portal-content
  > .portal-header
  > .inner
  > .portal-search
  > input.search-field {
  background-color: #6E6E6E;
  border-radius: 4px 0 0 4px;
	  color: #6E6E6E;
}

.site-sidebar-header {
    text-align: left;
	padding-left: 10px;
}

@media (min-width: 992px) {
  .portal-header .portal-search .search-field {
      width: 525px;
	  border: 1px solid #D6D6D6;
	  height: 42px;
	  color: #202020;
	  font-size: 14px;
  }
	
	.search-field::placeholder {
    
	  color: #6E6E6E;
  }
}

.portal-content > .portal-header > .inner > .portal-search > button.btn {
  border-radius: 0 4px 4px 0;
  background-color: #F3F3F3;
  background-image: url("/assets/icon__search01.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
	height: 42px;
	border: 1px solid #D6D6D6;
}

.portal-content
  > .portal-header
  > .inner
  > .portal-search
  > button.btn
  > .fa::before {
  content: none;
}

.portal-content > .portal-body > .portal-body-container .portal-publications {
  margin-top: 38px;
}

.portal-content > .portal-body > .portal-body-container .portal-search-result {
  padding: 0px;
}

.portal-content
  > .portal-body
  > .portal-body-container
  .portal-search-result
  > .search-container {
  padding: 10px 120px;
}

.portal-content
  > .portal-body
  > .portal-body-container
  .portal-publications
  .portal-single-publication
  a {
  border-radius: 16px;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.portal-content
  > .portal-body
  > .portal-body-container
  .portal-publications
  .show-all-categories
  .category-more-toc
  .toggle-label {
    color: #2A4888;
  }

.portal-content
  > .portal-body
  > .portal-body-container
  .portal-publications
  .portal-single-publication
  .publication-icon {
  background: none;
}

.portal-content
  > .portal-body
  > .portal-body-container
  .portal-publications
  .portal-single-publication
  h3,
.portal-content
  > .portal-body
  > .portal-body-container
  .featured-content-label {
  color: #0A172C;
  font-size: 14px;
  font-weight: 500;
}

.portal-content > .portal-body > .portal-body-container .portal-contents {
  margin-bottom: 12px;
}

.portal-content
  > .portal-body
  > .portal-body-container
  .portal-contents
  .publication-contents
  .featured-title
  .toc-count {
  background-color: #0A172C;
	      height: 24px;
    width: 24px;
    font-weight: 600;
	      font-size: 11px;
}

.portal-content
  > .portal-body
  > .portal-body-container
  .portal-contents
  .publication-contents
  .featured-title
  a {
  font-size: 16px;
  font-weight: 500;
  color: #0A172C;
}

.portal-content
  > .portal-body
  > .portal-body-container
  .portal-contents
  .publication-contents
  .featured-subtopics
  li {
  display: flex;
  align-items: center;
}

.portal-content
  > .portal-body
  > .portal-body-container
  .portal-contents
  .publication-contents
  .featured-subtopics
  li:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 6px;
  opacity: 1;
  background-image: url("/assets/icon__subtopic__3r4a5g.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.portal-content
  > .portal-body
  > .portal-body-container
  .portal-contents
  .publication-contents
  .featured-subtopics
  li
  > a,
.portal-content
  > .portal-body
  > .portal-body-container
  .portal-contents
  .publication-contents
  .more-toc {
  font-weight: 400;
  font-size: 14px;
  color: #202020;
}

.portal-content
  > .portal-body
  > .portal-body-container
  .portal-contents
  .publication-contents
  .more-toc {
  color: #2A4888;
}

.portal-content > .portal-footer {
  margin-top: 24px;
}

.site-body .site-body-container .site-content {
  background-color: white;
}

.site-body .site-body-container .site-sidebar {
  background-color: #0A172C;
}

.site-body .site-body-container .site-sidebar .site-sidebar-header a img.logo {
  width: 80%;
  max-width: 142px;
}

.site-body
  .site-body-container
  .site-sidebar
  .site-sidebar-search
  input.search-field {
  font-size: 12px;
  font-weight: 500;
}

.site-body .site-body-container .site-sidebar ul.nav-site-sidebar li a {
  font-size: 12px;
  font-weight: 500;
}

.note, 
.important {
  border-left-color: #008132;
}

.note:before,
.important:before {
  color: #008132;
}

.tip {
  border-left-color: #ADBCDB;
}

.tip::before {
  color: #ADBCDB;
}

.notice {
  border-left-color: #195ADA;
}

.notice:before {
  color: #195ADA;
}

.warning,
.caution {
  border-left-color: #F19C1B;
}

.warning:before,
.caution:before {
  color: #F19C1B;
}

.theme1 .procedure > li::before {
  background-color: #2A4888;
}

div.feedback-panel .btn {
  border-color: #195ADA;
}

div.feedback-panel .btn.active, 
div.feedback-panel .btn:active {
 background-color: #195ADA;
}

/* Theme overwrite */
a,
.text-primary,
.btn-link,
.pagination > li > a,
.pagination > li > span,
.publication-contents a:hover {
  color:#195ADA;
}

.bg-primary,
.btn-primary,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color:#195ADA;
}

.btn-primary, .pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  border-color:#195ADA;
}

a:hover, 
a:focus,
.btn-link:hover,
.btn-link:focus {
  color: #2A4888;
}

a.text-primary:hover,
a.text-primary:focus,
.btn-primary:hover,
a.bg-primary:hover,
a.bg-primary:focus,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color: #2A4888;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  border-color: #2A4888;
}

.pager li > a,
.pager li > span {
  color: #2A4888;   
}

.pager li > a:hover,
.pager li > span:hover {
  background-color: #2A4888;
}    

/* Version control on */
.portal-content.theme1 > header.portal-header > nav.portal-header-navbar {
  display: flex;
  background-color: #0A172C;
  align-items: center;
  justify-content: space-between;
  padding-top: 2px;
}

.portal-content.theme1 > header.portal-header > nav.portal-header-navbar > .container-fluid {
  flex: 1;
}

.portal-content.theme1 > header.portal-header > nav.portal-header-navbar > .container-fluid > .navbar-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.portal-content.theme1 > header.portal-header > nav.portal-header-navbar > .container-fluid > .navbar-container > .navbar-header > .navbar-brand {
  padding: 0;
}

.portal-content.theme1 > header.portal-header > nav.portal-header-navbar > .container-fluid > .navbar-container > .navbar-header > .navbar-brand > img.logo {
  height: 24px;
}

.portal-content.theme1 > header.portal-header > nav.portal-header-navbar > .container-fluid > .navbar-container > #navbar.navbar-right.navbar-collapse.collapse > ul.version-menu {
  margin: 0;
}

.portal-content.theme1 > header.portal-header > nav.portal-header-navbar > .container-fluid > .navbar-container > #navbar.navbar-right.navbar-collapse.collapse > ul.version-menu > li.version-dropdown {
  color: #E9E9E9;
  cursor: pointer;
}

.portal-content.theme1 > header.portal-header > .inner {
  margin: 0;
  padding-top: 44px;
}

input[placeholder=search] {
    color: #000 !important;
}

.portal-content.theme1 > header.portal-header > .inner > a.logo-link {
  display: none;
}

@media (max-width: 768px) {
  .portal-content.theme1 > header.portal-header > nav.portal-header-navbar > .container-fluid > .navbar-container > .navbar-header {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    align-items: center;
    flex: 1;
    padding-top: 10px;
  }

  .portal-content.theme1 > header.portal-header > nav.portal-header-navbar > .container-fluid > .navbar-container > .navbar-header > .navbar-brand > img.logo {
    margin-bottom: 0;
  }
}

/* Ensure portal titles appear on screen in smaller screen sizes */
@media(max-width: 768px) {
  .inner-row .portal-single-publication {
    width: 33%; 
  }
}

@media (max-width: 479px) {
  .inner-row .portal-single-publication {
    width: 50%; 
  }
}

@media (max-width: 768px) {
  .portal-content .portal-header form.portal-search .search-field {
      width: 425px;
      border: 1px solid #D6D6D6;
      height: 42px;
      color: #202020;
      font-size: 14px;
  }
}

@media (max-width: 479px) {
  .portal-content .portal-header form.portal-search .search-field {
    width: 225px;
   }
}
/* Ensure language selector appears on screen in smaller screen sizes */
@media (max-width: 479px) {
  .pull-right>.dropdown-menu {
    right: 15%;
  }
}
/* Style for the "NEW" tag */
  a.taxonomy-toc-labels-new::after {
  content: "New";
  text-transform: uppercase;
  display: inline-block;
  background-color: #4CAF50;  /* Green background */
  color: white;
  font-size: 0.7em;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 8px;
  vertical-align: middle;
}
/* Style for the "UPDATED" tag */
  a.taxonomy-toc-labels-updated::after {
  content: "Updated";
  text-transform: uppercase;
  display: inline-block;
  background-color: #4C70AF;  /* Blue background */
  color: white;
  font-size: 0.7em;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 8px;
  vertical-align: middle;
}