@import url("https://use.typekit.net/qgr5tfo.css");

/* Icon Font */

@font-face {
  font-family: 'Tempo-Icons';
  src:  url('https://cdn2.hubspot.net/hubfs/2814970/Pages/Global/Fonts/Tempo%20Icon%20Font/Tempo-Icons.eot?e7l3wo');
  src:  url('https://cdn2.hubspot.net/hubfs/2814970/Pages/Global/Fonts/Tempo%20Icon%20Font/Tempo-Icons.eot?e7l3wo#iefix') format('embedded-opentype'),
    url('https://cdn2.hubspot.net/hubfs/2814970/Pages/Global/Fonts/Tempo%20Icon%20Font/Tempo-Icons.ttf?e7l3wo') format('truetype'),
    url('https://cdn2.hubspot.net/hubfs/2814970/Pages/Global/Fonts/Tempo%20Icon%20Font/Tempo-Icons.woff?e7l3wo') format('woff'),
    url('https://cdn2.hubspot.net/hubfs/2814970/Pages/Global/Fonts/Tempo%20Icon%20Fonts/Tempo-Icons.svg?e7l3wo#Tempo-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.tmp-icn {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Tempo-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

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

.tmp-icnarrow-medium:before {
  content: "\e902";
}
.tmp-icnarrow-heavy:before {
  content: "\e901";
}
.tmp-icnarrow-light:before {
  content: "\e900";
}

body {
	font-family: proxima-nova,sans-serif;
}

.videoobject iframe {
  width: 100%!important;
  height: 100%!important;
}


/* Typography */

h1 {
	font-family: proxima-nova,sans-serif;
	font-size: 56px;
	font-weight: 700;
  	color: #004976;
	line-height: 62.2px;
	margin: 0 0 31px 0;
}

h2 {
	font-family: proxima-nova,sans-serif;
	font-size: 32px;
	font-weight: 800;
	line-height: 40px;
	color: #004976;
	margin: 0 0 13px 0;
}

h5.featured-content-label {
    font-family: proxima-nova,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30.4px;
    color: #0073a9;
    letter-spacing: .42px;
    margin: 0 0 18px 0;
    text-transform: uppercase;
}

h5, .h5 {
	text-transform: none;
}

h5.bridgehead {
	font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #001c3d;
    margin: 0 0 12px 0;
}

h1,
h3,
h4,
h5,
.procedure-title,
.itemizedlist-title,
h6 {
	font-family: proxima-nova,sans-serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
	color: #001C3D;
	margin: 0 0 16px 0;
}

p {
  font-family: proxima-nova,sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #4B7682;
  margin: 0 0 20px 0;
} 

p:last-child {
	margin: 0 0 0 0!important;
}

a {
	color: #0093C9;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #0093C9;
    text-decoration: none;
}

small {
  font-size: 16px;
  line-height: 23px;
}

strong {
  color: #001C3D;
}

/* Lists */

main ul,
ul {
  list-style: none;
  list-style-type: none!important;
  font-family: proxima-nova,sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 30px;
  padding: 0 0 0 0;
  margin: 11px 0 20px 0;
  color: #4B7682;
}

li {
  font-size: 20px;
  font-weight: normal;
  line-height: 30px;
  color: #4B7682;
  position: relative;
  text-align: left;
}

ul li:before {
  position: absolute;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0073A9;
  top: 10px;
  left: 20px;
}

li:last-child {
  margin: 0 0 0 0;
}

ul li {
  margin: 0 0 10px 0;
  padding: 0 0 0 46px;
}

ul li:last-child {
  margin: 0 0 0 0;
}

ul ul {
  margin: 17px 0 17px 0;
  padding: 0 0;
  font-size: 16px;
  line-height: 26px;
}

ul ul li {
  font-size: 16px;
  line-height: 23px;
  padding: 0 0 0 22px;
}

ul ul li:before {
  width: 6px;
  height: 6px;
  background-color: #00BCE7;
  left: 0;
  top: 8px;
}

ol {
  font-family: proxima-nova,sans-serif;
  padding: 0 0 0 46px;
  margin: 20px 0 26px 0;
  counter-reset: li;
  list-style: decimal;
  *list-style: decimal;
}

ol li {
  counter-increment: list;
  list-style-type: none;
  position: relative;
  margin: 0 0 10px 0;
}

ol li:before {
  content: counter(li) "";
  counter-increment: li;
  top: 1px;
  left: -31px;
  position: absolute;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #0073A9;
}

ol ol {
  list-style: lower-alpha;
  margin: 12px 0 0 0;
  padding: 0 0 0 35px;
}

ol ol li {
  counter-increment: listStyle;
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 7px 0;
}

ol ol li:before {
  color: #00BEE9;
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
  top: 2px;
  left: -31px;
}

ol.procedure,
ul.procedure {
	padding: 0 0 0 46px;
    margin: 20px 0 26px 0;
}

.procedure > li {
	margin: 0 0 10px 0;
}

.procedure > li::before {
	margin-left: 0;
	background-color: transparent!important;
	font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #0073A9;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	width: auto;
    height: auto;
	display: block;
	background-clip: initial;
}

ol ul li {
	padding: 0 0 0 46px;
}

ol ul li:before {
	counter-increment: none;
	content: '';
	top: 10px;
    left: 20px;
}

.topic-content .breadcrumb-container {
	display: none;
}

.warning,
.note,
.important,
.caution,
.tip {
	padding: 15px 15px 15px 55px;
    margin: 20px 0;
	position: relative;
}

.warning h3,
.note h3,
.important h3,
.caution h3,
.tip h3 {
	display: none;
	font-size: 20px;
    font-weight: 700;
    line-height: 28px;
	margin: 0 -15px 15px -15px;
	padding: 10px 10px 10px 10px;
}

.warning h3:before,
.note h3:before,
.important h3:before,
.caution h3:before,
.tip h3:before {
	font-size: 20px;
	margin-right: 10px;
}

.warning > p,
.note > p,
.important > p,
.caution > p,
.tip > p {
	margin: 0 0 20px 0;
}

.warning:before,
.note:before,
.important:before,
.caution:before,
.tip:before {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	width: 40px;
}

.warning:after,
.note:after,
.important:after,
.caution:after,
.tip:after {
	position: absolute;
    font-family: FontAwesome;
	left: 11px;
    top: 17px;
    font-size: 18px;
    color: #ffffff;
}

.warning {
	background-color: #FFE9EE;
}

.warning:before {
	background-color: #CC0027;
}

.warning:after {
	content: '\f071';
}

.note {
	background-color: #e5f7f2;
}

.note:before {
	background-color: #007A41;
}

.note:after {
	content: '\f040';
}

.important {
	background-color: #E5F9FD;
}

.important:before {
	background-color: #0093C9;
}

.important:after {
	content: '\f05a';
}

.caution {
	background-color: #FCF1E0;
}

.caution:before {
	background-color: #F58B1F;
}

.caution:after {
	content: '\f071';
}

.tip {
	background-color: #FDF7DF;
}

.tip:before {
	background-color: #F1C400;
}

.tip:after {
	content: '\f0eb';
}

.inlinemediaobject {
	vertical-align: text-bottom;
}

.table-title {
	font-family: proxima-nova,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #001c3d;
    margin: 0 0 12px 0;
}

table,
.frame-box {
	border: 1px solid #bcd8e0;
    color: #274f5c;
	font-size: 18px;
    font-weight: 500;
}

table img {
	height: auto!important;
}

table p .inlinemediaobject {
	display: block;
	height: auto;
}

table th {
	border-bottom: none!important;
	background-color: #eef3f8;
	border: 1px solid #bcd8e0!important;
	padding: 4px 12px 4px 12px!important;
    font-size: 18px;
    font-weight: 500;
    line-height: normal!important;
}

table td {
	border: 1px solid #bcd8e0!important;
	padding: 4px 12px 4px 12px!important;
    font-size: 18px;
    font-weight: 500;
    line-height: normal!important;
}

.figure-title {
	font-family: proxima-nova,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #001c3d;
    margin: 0 0 12px 0;
}

.orderedlist-title {
	font-family: proxima-nova,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #001c3d;
    margin: 0 0 12px 0;
}

.show-all-categories {
	font-size: 16px;
	margin-top: 10px;
}

.show-all-categories a {
	font-family: proxima-nova,sans-serif;
	line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #004976;
    border-radius: 4px;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
    padding: 4px 14px 5px 14px;
}

.show-all-categories a:hover {
	background-color: #004976;
    color: #ffffff;
}

.publication-contents h4 {
	font-family: proxima-nova,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #001c3d;
    margin: 0 0 12px 0;
}

.publication-contents h4 a {
	color: #001c3d;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.publication-contents h4 a:hover {
	color: #0093c9;
}

.publication-contents h4 span.toc-count {
	font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #0073A9;
	background-color: transparent;
	border-radius: 0;
    margin-top: 0;
	margin-left: 0;
	left: 15px;
}

.publication-contents ul {
	padding-left: 0;
}

.publication-contents li {
	line-height: 20px;
	margin: 0 0 15px 0;
}

.publication-contents li:before {
	background-color: transparent;
    border-radius: 0;
	width: auto;
    height: auto;
    top: 0;
    left: 14px;
    color: #0093C9;
	margin-left: 0;
	opacity: 1;
}

.publication-contents {
	width: 23.5%;
	margin-right: 2%;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
	position: relative;
}

.publication-contents:nth-child(4n) {
	margin-right: 0;
}

.publication-contents a {
	color: #0093C9;
}

.publication-contents a:hover {
	color: #0093C9;
}

.publication-contents .more-toc {
	text-decoration: none;
	position: absolute;
	bottom: 0;
	left: 0;
}

.category-more-toc .showmore,
a.more-toc .showmore,
.category-more-toc .showless,
a.more-toc .showless {
    font-family: proxima-nova,sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 19.2px;
    background-color: transparent;
	padding: 0 27px 0 0;
    margin: 0 25px 15px 0;
    position: relative;
	color: #004976;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.category-more-toc .showmore:after,
a.more-toc .showmore:after,
.category-more-toc .showless:after,
a.more-toc .showless:after {
	position: absolute;
    content: "\e902";
    font-family: 'Tempo-Icons';
    font-size: 13px;
    right: 0;
    top: 0;
    color: inherit;
}

.category-more-toc .showmore:hover,
a.more-toc .showmore:hover,
.category-more-toc .showless:hover,
a.more-toc .showless:hover {
	color: #001c3d;
}

.abstract {
	display: none;
}


/* Navigation */

.toolbar {
	min-height: auto;
	padding: 0;
}

.toolbar-tools .navbar-collapse.collapse {
    margin-right: 0;
	padding: 0;
	display: inline-block;
	float: right;
	width: 80%;
}

.navbar-collapse.collapse {
	max-height: none!important;
	margin-right: 0;
    margin-left: 0;
}

.navbar-collapse .sm.sm-simple {
	float: right;
}

.toolbar-tools {
	max-width: 1480px;
    float: none;
    padding: 0 30px;
    width: 100%;
    margin: 0 auto;
}

.navbar,
.toolbar {
	display: block;
    width: 100%;
    position: fixed;
    z-index: 999;
    background-color: #fff;
    padding: 0;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.08), 0 1px 2px 0 rgba(0,0,0,0.12);
}

.sm,
.navbar ul.top-nav-menu.sm-simple,
.navbar ul.version-menu.sm-simple {
	list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.sm li,
.navbar ul.top-nav-menu.sm-simple li {
	display: inline-block;
    float: left;
    padding: 0;
    margin: 0px 24px 0 0;
    position: relative;
    color: #4b7682;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    cursor: default;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.navbar ul.top-nav-menu.sm-simple li:last-child {
	margin-right: 0;
}

.sm li:before,
.navbar ul.top-nav-menu.sm-simple li:before {
	display: none;
}

.sm-simple a,
.navbar ul.top-nav-menu.sm-simple li a {
	font-size: 16px;
    font-weight: 500;
    line-height: 20px;
	padding: 29px 19px 26px 19px!important;
    display: block;
	color: #4b7682;
    -webkit-transition: padding .2s ease-in-out, color .2s ease-in-out;
    -moz-transition: padding .2s ease-in-out, color .2s ease-in-out;
    -o-transition: padding .2s ease-in-out, color .2s ease-in-out;
    -ms-transition: padding .2s ease-in-out, color .2s ease-in-out;
    transition: padding .2s ease-in-out, color .2s ease-in-out;
	text-decoration: none;
}

.sm-simple > li > a:hover,
.sm-simple a:hover,
.navbar ul.top-nav-menu.sm-simple li a:hover {
	color: #274f5c!important;
	padding: initial;
}

.navbar ul.sm-simple ul {
	top: 65px!important;
    left: -8px!important;
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.08), 0 1px 1px 0 rgba(0,0,0,0.08), 0 4px 8px 0 rgba(0,0,0,0.08);
    border-radius: 4px;
	padding: 15px 15px 15px 15px;
}

.navbar ul.sm-simple ul li {
	display: block;
    width: 100%;
	padding: 0;
    margin: 0 0 5px 0;
}

.navbar ul.sm-simple ul li a {
	margin: 0;
    padding: 6px 15px 5px 15px!important;
    color: #274f5c;
    display: block;
    width: 100%;
    border-radius: 4px;
    background-color: transparent;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.navbar ul.sm-simple ul li a:hover {
	background-color: #eef3f8;
}

.navbar-container {
	max-width: 1480px;
    float: none;
    padding: 0 30px;
    width: 100%;
    margin: 0 auto;
}

.navbar-header {
	display: block;
    float: left;
    width: 11%;
}

.portal-header-navbar .logo {
	width: 136px;
	height: auto;
	-webkit-transition: width .2s ease-in-out;
    -moz-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    -ms-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
}

.portal-header-navbar .navbar-brand {
	padding: 17px 0 18px 0;
}

.toolbar .version-menu {
	display: none;
}


/* Footer */

.copyright {
	font-family: proxima-nova,sans-serif;
	font-size: 12px;
    line-height: 23px;
    font-weight: normal;
	color: #4b7682;
}

.dropup.languages {
	padding: 0;
}

.dropup.languages .btn {
	font-family: proxima-nova,sans-serif;
    font-size: 18px;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fbfcfd;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #bcd8e0;
    color: #274f5c;
	line-height: normal;
    width: 100% !important;
    height: 39px;
	background-image: url(https://cdn2.hubspot.net/hubfs/2814970/Pages/Global/Icons/dropdown-select.svg);
    background-size: 15px 10px;
    background-repeat: no-repeat;
    background-position: top 13px right 15px;
    padding: 6px 40px 6px 12px;
	text-align: left;
}

.dropup.languages.open .btn {
	background-color: #fbfcfd;
	border: 1px solid #bcd8e0;
}

.dropup.languages .btn .caret {
	display: none;
}

.dropup.languages ul.dropdown-menu {
	bottom: 39px;
    margin: 0;
    padding: 0;
    box-shadow: none;
    width: 100%;
    border: 1px solid #bcd8e0;
	overflow: hidden;
}

.dropup.languages ul.dropdown-menu li {
	padding: 0;
	font-family: proxima-nova,sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.dropup.languages ul.dropdown-menu li:before {
	display: none;
}

.dropup.languages ul.dropdown-menu li a {
	text-decoration: none;
	padding: 6px 15px 5px 15px;
	background-color: #ffffff;
	color: #274f5c;
}

.dropup.languages ul.dropdown-menu li a:hover {
	background-color: #eef3f8;
}

.pager {
	padding: 0
}


/* Sidebar */

.site-sidebar {
	background-color: #eef3f8;
	padding: 30px 30px;
	width: 20%;
}

ul.nav-site-sidebar {
	margin: 0;
}

ul.nav-site-sidebar li {
	position: static;
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #001c3d;
}

ul.nav-site-sidebar li:before {
	display: none;
}

ul.nav-site-sidebar li:last-child {
	margin: 0;
}

ul.nav-site-sidebar li a {
	text-decoration: none;
	color: #001c3d;
	padding: 0!important;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

ul.nav-site-sidebar li a:hover {
	color: #0093C9;
	text-decoration: none;
}

.nav-site-sidebar .active>a {
/*	color: #0093C9;*/
	color: #001c3d;
}

ul.nav-site-sidebar li ul {
	margin: 8px 0;
}

ul.nav-site-sidebar li ul li {
	font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: #4b7682;
	margin: 0;
}

ul.nav-site-sidebar li.opened {
	font-weight: bold;
}

.toc.nav-site-sidebar li .glyphicon {
	-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.toc.nav-site-sidebar li.opened .glyphicon {
	-webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.toc.nav-site-sidebar li.opened ul li .glyphicon {
	-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.toc.nav-site-sidebar li ul li.opened .glyphicon {
	-webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.toc.nav-site-sidebar li.opened ul li ul li .glyphicon {
	-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.toc.nav-site-sidebar li ul li ul li.opened .glyphicon {
	-webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.toc.nav-site-sidebar li ul li .glyphicon {
	top: 8px;
}

.nav-site-sidebar li a:focus,
.nav-site-sidebar li a:hover {
	background-color: transparent;
	text-decoration: none;
}

.nav-site-sidebar .topic-link {
	padding: 0 38px 0 0!important;
}

.nav-site-sidebar ul li .topic-link {
	padding: 8px 38px 8px 20px!important;
}

.site-sidebar-header {
	display: block;
	width: 100%;
	margin-bottom: 50px;
	text-align: left;
}

.site-sidebar-header a {
	display: inline-block;
}

.site-sidebar .logo {
	display: block!important;
    width: auto!important;
    margin: 0 auto;
    max-width: none!important;
    padding: 0!important;
}

.site-sidebar-search {
	margin-bottom: 30px;
}

.site-sidebar-search .search-field {
	border-radius: 2px;
	background-color: #ffffff;
	color: #274F5C;
	border: solid 1px #BCD8E0;
	font-size: 16px;
}

ul.nav-site-sidebar li ul {
	background-color: #DDE8F1;
}

ul.nav-site-sidebar li ul li ul {
	background-color: #BCD8E0;
}

ul.nav-site-sidebar li ul li ul li ul {
	background-color: #A7C7D1;
}

ul.nav-site-sidebar li ul li:first-child a {
	padding: 16px 38px 8px 20px!important;
}

ul.nav-site-sidebar li ul li:first-child .glyphicon {
	top: 16px;
}

ul.nav-site-sidebar li ul li:last-child a {
	padding: 8px 38px 16px 20px!important;
}

.toc.nav-site-sidebar .glyphicon {
	font-family: 'Tempo-Icons';
	-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	margin: 0;
    top: -5px;
}

.toc.nav-site-sidebar .glyphicon:before {
	content: "\e901";
}

.toc.nav-site-sidebar .opened .glyphicon:before {
	content: "\e901";
}


/* Body */

.pager, .site-footer, main article {
	margin-left: 20%;
}

.site-content {
	width: 80%;
	margin-left: 20%;
}

.pager li {
	position: static;
	padding: 0;
	margin: 0;
}

.pager li:before {
	display: none;
}

div.section-toc-title {
	font-family: proxima-nova,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #001c3d;
    margin: 20px 0 12px 0;
}


/* Homepage */

.portal-header {
	background-color: #004976;
	height: auto;
	padding: 168px 0 68px 0;
}

.portal-header-navbar + .inner {
	margin-top: 0;
	padding: 0 20px;
}

.portal-header:before {
	display: none;
}

.portal-header:after {
	display: none;
}

.portal-header h1 {
    font-size: 56px;
	color: #ffffff;
}

form {
	font-family: proxima-nova,sans-serif;
}

.portal-header .search-field,
.portal-header .portal-search .search-field {
	background-color: #fbfcfd;
    font-weight: 500;
	line-height: normal;
	padding: 7px 71px 7px 19px;
	border: 0;
    border-radius: 4px;
    font-size: 18px;
    color: #004976;
    height: 43px;
	width: 100%!important;
    max-width: 500px;
}

.portal-header .search-field:focus {
	background-color: #dde8f1;
}

.portal-header .search-field::-webkit-input-placeholder { /* Webkit Browsers */
	color: #004976;
	pacity: 1;
	font-weight: 500;
}
.portal-header .search-field:-moz-placeholder { /* Firefox 18- */
	color: #004976;
  	opacity: 1;
  	font-weight: 500;
}
.portal-header .search-field::-moz-placeholder { /* Firefox 19+ */
	color: #004976;
  	opacity: 1;
  	font-weight: 500;
}
.portal-header .search-field:-ms-input-placeholder { /* IE10 */
	color: #004976;
  	opacity: 1;
  	font-weight: 500;
}

.site-sidebar-search .search-field::-webkit-input-placeholder { /* Webkit Browsers */
	color: #274F5C;
	pacity: 1;
	font-weight: 500;
}
.site-sidebar-search .search-field:-moz-placeholder { /* Firefox 18- */
	color: #274F5C;
  	opacity: 1;
  	font-weight: 500;
}
.site-sidebar-search .search-field::-moz-placeholder { /* Firefox 19+ */
	color: #274F5C;
  	opacity: 1;
  	font-weight: 500;
}
.site-sidebar-search .search-field:-ms-input-placeholder { /* IE10 */
	color: #274F5C;
  	opacity: 1;
  	font-weight: 500;
}

.portal-header .portal-search {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	position: relative;
}

.portal-header .portal-search button {
	color: #274f5c;
	background-color: #ffffff;
	width: 52px;
	height: 43px;
	position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

.portal-header .portal-search button:hover {
	background-color: #0073A9;
	color: #ffffff;
}

.portal-search-result {
	padding: 50px 150px 50px;
}

.portal-contents.featured-content .inner {
	margin-right: 0;
	margin-left: 0;
}

.onscroll .sm-simple a, 
.navbar.onscroll ul.top-nav-menu.sm-simple li a {
	padding: 20px 19px 16px 19px!important;
}

.portal-header-navbar.onscroll .logo {
	width: 110px;
}


/* Search Results */

.search-container h2 {
	
}

.searchresultitem.selected-searchresultitem {
	background-color: transparent;
	border-radius: 0;
	border-bottom: none;
}

.search-container ul.searchresults {
	padding: 0;
    margin: 0;
}

.search-container ul.searchresults li {
	position: static;
	padding: 0;
	margin: 0 0 40px 0;
	border-bottom: none;
}

.search-container ul.searchresults li:before {
	display: none;
}

.search-container ul.searchresults li a {
	display: block;
	text-decoration: none;
}

.search-container ul.searchresults li a:hover h3 {
	text-decoration: underline;
}

.search-container ul.searchresults li h3.searchresulttitle {
	color: #001c3d;
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 11px;
}

.search-container ul.searchresults li h3.searchresulttitle .search-highlight {
	font-style: initial;
	font-weight: 800;
}

.search-container ul.searchresults li p.searchresultsnippet {
	font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #4b7682;
}

.search-container ul.searchresults li p.searchresultsnippet .search-highlight {
	font-style: initial;
	font-weight: 800;
    color: #001c3d;
}

.search-container ul.searchresults li p.search-result-breadcrumbs {
	font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #4b7682;
}

.search-container ul.searchresults li p.search-result-breadcrumbs .search-highlight {
	font-style: initial;
	font-weight: 800;
}


/* Homepage Cards */

.portal-publications .inner-row {
	margin-left: 0;
	margin-right: 0;
	-webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
}

.portal-single-publication {
	width: 23.5%;
	margin-left: 0;
    margin-right: 2%;
    margin-bottom: 22px;
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.08), 0 1px 1px 0 rgba(0,0,0,0.08), 0 4px 8px 0 rgba(0,0,0,0.08);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out;
    transition: background-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out;
	padding: 0;
	text-align: left;
	overflow: hidden;
}

.portal-single-publication:nth-child(2n) {
	margin-left: 0;
}

.portal-single-publication:nth-child(4n) {
    margin-right: 0;
}

.portal-single-publication img {
	width: 100%;
}

.portal-single-publication:hover {
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.04), 0 2px 2px 0 rgba(0,0,0,0.04), 0 4px 4px 0 rgba(0,0,0,0.02), 0 12px 16px 0 rgba(0,0,0,0.16);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.portal-single-publication a {
	color: #001c3d;
    text-decoration: none;
	padding: 0;
    background-color: transparent;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
}

.portal-single-publication a:hover {
	text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portal-single-publication h3 {
	font-size: 28px;
    margin: 0;
	padding: 27px 30px 32px 30px;
}


/* Pagination */

.pager li a {
	line-height: 30px;
    font-size: 16px;
    font-weight: 500;
	text-decoration: none;
    color: #004976;
	border-radius: 4px;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
	padding: 0px 14px;
}

.pager li a:hover {
	background-color: #004976;
	color: #ffffff;
}

.pager li span {
	display: none;
}

.sm-simple a,
.navbar ul.top-nav-menu.sm-simple li a {
	margin: 0!important;
}


/* Featured Content */

.featured-content-label {
	margin-top: 30px;
}

.publication-contents h4 span.toc-count {
	display: none;
}


@media only screen and (max-width: 1300px) {
	
	.navbar-header {
		width: 13%;
	}
	
	.sm li,
	.navbar ul.top-nav-menu.sm-simple li {
		margin: 0px 15px 0 0;
	}
	
}



@media only screen and (max-width: 1200px) {
	
	.site-sidebar {
		width: 30%;
	}
	
	.site-content {
		width: 70%;
		margin-left: 30%;
	}
	
	.pager, .site-footer, main article {
		margin-left: 0;
		width: 100%;
	}
	
	.toolbar-tools .navbar-collapse.collapse {
		width: 70%;
	}
	
	.sm-simple a,
	.navbar ul.top-nav-menu.sm-simple li a {
		padding: 29px 15px 26px 15px!important;
		margin: 0px 5px 0 0;
	}
	
	.sm-simple a,
	.navbar ul.top-nav-menu.sm-simple li a,
	.onscroll .sm-simple a,
	.navbar.onscroll ul.top-nav-menu.sm-simple li a {
		padding: 28px 10px 16px 10px!important;
	}
	
	.sm li,
	.navbar ul.top-nav-menu.sm-simple li {
		margin: 0 0 0 0;
	}
	
	.version-menu.sm-simple a {
		
	}
	
}


@media only screen and (max-width: 1100px) {
	
}


@media only screen and (max-width: 992px) {
	
	.navbar-container {
		padding: 0;
	}
	
	.sm-simple a,
	.navbar ul.top-nav-menu.sm-simple li a,
	.onscroll .sm-simple a,
	.navbar.onscroll ul.top-nav-menu.sm-simple li a {
		font-size: 14px;
		line-height: 18px;
		padding: 22px 6px 20px 6px!important;
	}
	
	.sm-simple li:last-child a,
	.navbar ul.top-nav-menu.sm-simple li:last-child a,
	.onscroll .sm-simple li:last-child a,
	.navbar .onscroll ul.top-nav-menu.sm-simple li:last-child a {
		padding: 22px 0 20px 6px!important;
	}
	
	.portal-header-navbar .logo {
		width: 110px;
	}
	
	.portal-single-publication {
		width: 47%;
		margin-right: 3%;
	}
	
	.portal-single-publication:nth-child(2n) {
		margin-right: 0;
	}
	
}


@media only screen and (max-width: 992px) {
	
	.portal-search-result {
    	padding-left: 30px;
    	padding-right: 30px;
	}
	
}


@media only screen and (max-width: 991px) {
	
	.publication-contents {
		width: 49%;
	}
	
	.publication-contents:nth-child(2n) {
		margin-right: 0;
	}
	
}


@media only screen and (max-width: 900px) {
	
	.toolbar-tools {
		padding: 0 20px;
	}
	
	.site-sidebar {
		padding: 30px 20px;
		width: 26%;
	}
	
	.site-content {
		width: 74%;
    	margin-left: 26%;
	}
	
	.toolbar-tools .navbar-collapse.collapse {
		width: 74%;
	}
	
}


@media only screen and (max-width: 767px) {
	
	.portal-header {
		padding: 120px 0 50px 0;
	}
	
	h1,
	.portal-header h1 {
		font-size: 40px;
    	line-height: 50px;
    	margin: 0 0 20px 0;
	}
	
	h2 {
    	font-size: 28px;
    	line-height: 36px;
	}
	
	h3,
	.portal-single-publication h3,
	.search-container ul.searchresults li h3.searchresulttitle {
    	font-size: 24px;
    	line-height: 30px;
	}
	
	h4 {
    	font-size: 18px;
    	line-height: 24px;
	}
	
	h5 {
		font-size: 16px;
		line-height: 24px;
	}	
	
	p,
	.search-container ul.searchresults li p.searchresultsnippet {
    	font-size: 16px;
    	line-height: 24px;
	}	
	
	.delimiter li {
    	font-size: 16px;
    	line-height: 24px;
	}
	
	.delimiter ul li {
		padding: 0 0 0 36px;
	}
	
	.delimiter ul li:before {
		width: 6px;
		height: 6px;
		top: 9px;
		left: 16px;
	}
	
	.delimiter ol {
		padding: 0 0 0 36px;
	}
	
	.delimiter ol li:before {
		font-size: 16px;
		line-height: 23px;
	}
	
	.delimiter ol ol {
		padding: 0 0 0 31px;
	}
	
	.site-content {
		width: 100%;
		margin-left: 0;
	}
	
	.pager, .site-footer, main article {
		margin-left: 0;
	}
	
	.portal-single-publication,
	.portal-single-publication:nth-child(2n),
	.portal-single-publication:nth-child(3n) {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		max-width: 370px;
	}
	
	.portal-single-publication:last-child {
		margin-bottom: 0;
	}
	
	.portal-footer .inner {
		padding: 25px;
	}
	
	.dropup.languages ul.dropdown-menu {
		min-width: 100%;
	}
	
	.site-sidebar {
		width: 100%;
		padding: 17px 30px 30px 30px;
	}
	
	
	/* Homepage Nav */
	
	.portal-header-navbar .container-fluid {
		margin-left: -15px;
    	margin-right: -15px;
	}
	
	.navbar-container {
		padding: 0;
	}
	
	.navbar-collapse {
		margin-left: -15px!important;
    	margin-right: -15px;
	}
	
	.navbar-header {
		width: 100%;
		padding: 0 30px;
	}
	
	.portal-header-navbar .navbar-brand {
		padding: 18px 0 19px 0;
	}
	
	.navbar {
		height: 69px;
		-webkit-transition: height .2s ease-in-out;
		-moz-transition: height .2s ease-in-out;
		-o-transition: height .2s ease-in-out;
		-ms-transition: height .2s ease-in-out;
		transition: height .2s ease-in-out;
		margin: 0;
		box-shadow: 0 0 1px 0 rgba(0,0,0,0.08), 0 1px 2px 0 rgba(0,0,0,0.12);
	}
	
	.navbar.open {
		height: 100vh;
	}
	
	.sm,
	.navbar ul {
		float: none!important;
		width: 100%;
		max-height: calc(100vh - 69px);
    	overflow-y: scroll;
		border-top: solid 1px #eef3f8;
	}
	
	.navbar ul.top-nav-menu.sm-simple li,
	.navbar .sm li {
		display: block;
		float: none;
		border-bottom: solid 1px #eef3f8;
		margin: 0;
	}
	
	.sm-simple a,
	.navbar ul.top-nav-menu.sm-simple li a {
		padding: 16px 28px 16px 28px!important;
	}
	
	.navbar-collapse.collapse {
		padding-right: 0;
	}
	
	
	/* Sidebar Pages Nav */
	
	.site-sidebar .logo {
		width: 110px;
    	height: auto;
	}
	
	.portal-header .logo {
		margin-bottom: 0;
		width: 110px;
    	height: auto;
	}
	
	.fixed-toolbar .toolbar {
		z-index: 99999999999;
		background-color: transparent;
		box-shadow: none;
	}
	
	.toolbar-tools {
		position: relative;
	}
	
	.toolbar-tools .navbar-collapse.collapse {
		display: none;
	}
	
	.navbar-toggle {
		display: block;
		right: 30px;
		top: 17px;
		position: absolute;
		width: 24px;
		height: 24px;
		padding: 0;
	}
	
	.sr-only {
		display: none;
	}
	
	.navbar-toggle .icon-bar {
		display: block;
		width: 24px;
		height: 2px;
		background-color: #6f99a3;
		margin: 6px auto;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
	.navbar-toggle.open .icon-bar:nth-child(2) {
		-webkit-transform: translateY(6px) rotate(45deg);
		-ms-transform: translateY(6px) rotate(45deg);
		-o-transform: translateY(6px) rotate(45deg);
		transform: translateY(6px) rotate(45deg);
	}
	
	.navbar-toggle.open .icon-bar:nth-child(3) {
		display: none;
	}
	
	.navbar-toggle.open .icon-bar:nth-child(4) {
		-webkit-transform: translateY(-2px) rotate(-45deg);
		-ms-transform: translateY(-2px) rotate(-45deg);
		-o-transform: translateY(-2px) rotate(-45deg);
		transform: translateY(-2px) rotate(-45deg);
	}
	
	.portal-header .navbar-toggle {
		margin: 0;
    	padding: 0;
	}
	
	.portal-contents.featured-content .inner {
		display: block;
	}
	
	.publication-contents,
	.publication-contents:nth-child(2n),
	.publication-contents:nth-child(4n) {
		width: 100%;
		margin-left: auto;
    	margin-right: auto;
    	max-width: 370px;
	}
	
	.publication-contents:last-child {
		margin-bottom: 0;
	}
	
	.publication-contents h4 {
		text-align: center;
	}
	
	.featured-content-label {
		text-align: center;
	}
	
	.publication-contents .more-toc {
		left: 14px;
	}
	
	.portal-contents {
		margin-bottom: 0;
	}
	
}