main article {
    float: none !important;
    max-width: 980px !important;
    margin: 0 auto;
    margin-top: 74px;
}


.site-sidebar-header {
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
   
    background-color: #fff;
}

.site-sidebar .logo {
    height: 92px;
    max-width: 100%;
    padding: 18px 12px;
    display: inline-block;
}



.toolbar {
    min-height: 92px;
}

body.theme2 {
    font-size: 18px;
}

.nav-site-sidebar li a {
    font-size: 15px;
}

.bg-primary,
.btn-primary,
.publications-condensed .portal-single-publication a,
.toolbar,
.tool-search-form .search-field,
.pager li>a:hover,
.pager li>span:hover,
.colored-top .site-sidebar-header {
    background-color: #fff;
}

.toolbar {
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
    color: #215369;
}

.theme2 .tool-print.print-icon a {
    color: #215369;
}

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    line-height: 1.1;
}


h5,
h6 {
    font-size: 15px;
font-weight: regular;
    font-style: italic;
}

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

body {
    font-family: 'Lato', sans-serif;
    background-color: #fff;
    font-weight: normal;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb a {
    color: #215369;
}

.emphasis {
    font-style: italic;
    font-size: 15px;
    line-height: 0;
}

.caution {
    border-radius: 12px;
    outline-color: #604920;
    outline-style: auto;
}

.warning {
    border-radius: 12px;
    outline-color: #9c0d1d;
    outline-style: auto;
}

.note {
    border-radius: 12px;
    outline-color: #215369;
    outline-style: auto;
}


main ol,
main ul {
    margin: 0 0 1.5em;
    padding-left: 79px;
    margin-right: 30px;
}

.note h3::before {
    font-family: FontAwesome;
    margin-right: 15px;
    color: #215369;
    font-size: 18px;
}

.note h3 {
    margin-top: 0em;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 0px 0px 20px;
    color: #215369;
    font-size: 18px;
    background-color: #fff;
}

.warning h3:before {
    font-family: FontAwesome;
    margin-right: 15px;
    color: #9c0d1d;
    font-size: 18px;
}

.warning h3 {
    margin-top: 0em;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 0px 0px 20px;
    color: #9c0d1d;
    font-size: 18px;
    background-color: #fff;
}

.caution h3:before {
    font-family: FontAwesome;
    margin-right: 15px;
    color: #604920;
    font-size: 18px;
}

.caution h3 {
    margin-top: 0em;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 0px 0px 20px;
    color: #604920;
    font-size: 18px;
    background-color: #fff;
}

.warning,
.note,
.important,
.caution,
.tip {
    background-color: #fff;
}

.procedure-title,
.variablelist-title,
.orderedlist-title,
.itemizedlist-title,
.task-title {
    font-weight: 700;
}

.warning>p,
.note>p,
.important>p,
.caution>p,
.tip>p {
    margin-left: 50px;
    -webkit-margin-before: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 40px;
    margin-bottom: 0.5em;
}

.note h3:before {
    content: "\f0f6";
}

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

.procedure>li::before {
    float: left;
    margin-left: -40px;
    width: 24px;
    padding-left: 0px;
    height: 24px;
    line-height: 33px;
    border-radius: 13px;
    background-clip: padding-box;
    color: #333;
    display: block;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    content: counter(step-counter) '.';
}

.itemizedlist-title {
    margin: 1.2em 54px 0em;
}

a.link.linktype-component {
    font-style: normal;
    font-weight: bold;
    color: #215369;
}

a.link {
    font-style: normal;
    font-weight: bold;
    color: #215369;
}

a.xref.linktype-component {
    font-style: normal;
    font-weight: bold;
    color: #215369;
}

a:hover {
    color: #215369;
    text-decoration: underline;
}

.theme2 .nav-site-sidebar>li>a {
    font-weight: bold;
}

@media (min-width: 110px) {
    .breadcrumb {
        font-size: 15px;
        font-weight: bold;
    }

    .informaltable td p:last-child,
    .informaltable th p:last-child,
    .table td p:last-child,
    .table th p:last-child {
        margin-bottom: 0;
        margin-left: 1em;
    }

    .informaltable td p,
    .informaltable th p,
    .table td p,
    .table th p {
        margin: 0px;
        margin-bottom: 1.5em;
        margin-left: 1em;
    }
}

@media (min-width: 992px) {
    .tool-search-form .search-field {
        font-size: 18px;
        color: #333;
    }
}

.pager li>a:hover,
.pager li>span:hover {
    color: #215369;
}

.pager li>a:focus,
.pager li>a:hover {
    text-decoration: underline;
}

.pager li>a,
.pager li>span {
    border: 0;
    transition: all 0.15s ease-out;
    font-weight: bold;
    background-color: transparent;
    padding: 22px;
    border-radius: 0;
}

.inlinemediaobject {
    display: inline-block;
    height: 1.5em;
    vertical-align: 0.09em;
}

.inlinemediaobject img:not([height]):not([width]) {
    height: 90%;
    width: auto;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

.navbar-toggle .icon-bar {
    background-color: #215369;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.site-sidebar {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: none;
    font-size: 13px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff
}

@media (min-width: 768px) {
    .site-sidebar {
        float:left;
        width: 25%
    }
}

@media (min-width: 1200px) {
    .site-sidebar {
        float:left;
        width: 16.66666667%
    }
}

@media (min-width: 768px) {
    .site-sidebar {
        display:block
    }
}

@media (min-width: 768px) {
    .site-sidebar {
        height:auto!important
    }
}

.tool-search-form .search-field {
    line-height: 19px;
    background-color: #fff;
    color: #333;
    padding: 15px;
    font-size: 13px
}
 
@media (min-width: 110px) {
    .tool-search-form .search-field {
        padding:22px 25px
    }
}
 
@media (min-width: 110px) {
    .tool-search-form .search-field {
        font-size:16px
    }
}

@media (min-width: 110px) {
    .informaltable td p:last-child, .informaltable th p:last-child, .table td p:last-child, .table th p:last-child {
        margin-bottom: 0;
        margin-left: 0em;
    }
}

@media (min-width: 110px) {
    .informaltable td p, .informaltable th p, .table td p, .table th p {
        margin: 0px;
        margin-bottom: 0em;
        margin-left: 0em;
    }
a, .text-primary, .btn-primary .badge, .btn-link, .pagination>li>a, .pagination>li>span, .nav-site-sidebar .active>a, .portal-single-publication .publication-icon i, .portal-single-publication .publication-icon .fa, .publication-contents a:hover, .publication-contents h4 a, .titlepage h1.title, .titlepage h2.title, .titlepage h3.title {
    color: #215369;
}

@media (min-width: 110px) {
    .tool-search-form .search-field {
        max-width: 75%;
    }


 
.acknowledgements {
     font-size: 10px;
     margin-top: -15px;
     margin-left: 2px;
     margin-bottom: 50px;
}

.revision {
     font-size: 10px;
     margin-left: 0px; 
     
  
/* Adding the navigation buttons in mobile */  
}

.prev.pull-left.prev.visible-lg.visible-md {
    display: block!important;
}
.pull-right.next.visible-lg.visible-md {
    display: block!important;
}

/* Adding a close button for the menu in mobile */

@include mobile {
/* The next code block adds a close button to the slide in mobile menu, change color, font-size and use left or right to position it */
    #{$wrap} .mega-menu-toggle.mega-menu-open + #{$menu}:after {
        content: '\f158';
        font-family: 'dashicons';
        font-size: 30px;
        margin: 0;
        display: block;
	right: 10px;
	top: 0;
        cursor: pointer;
        color: white;
        position: absolute;
    }
}

/* Customize language switch button */

.dropdown-toggle.btn.btn-default{
    padding: inherit;
    float: right;
margin-top:10px;
}

/* === Layout and Main Content === */
main article {float: none !important;
    max-width: 980px !important;
    margin: 74px auto 0 auto;}

.site-sidebar {float: left;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    font-size: 13px;
    display: none;
    min-height: 1px;}

@media (min-width: 768px) {.site-sidebar {
        display: block;
        height: auto !important;
        width: 25%;}

}

@media (min-width: 1200px) {.site-sidebar {
        width: 16.666667%;}

}

/* === Header, Toolbar, and Sidebar === */
.site-sidebar-header {border-bottom: 1px solid #e0e0e0;
    text-align: left;
    background-color: #fff;}

.site-sidebar .logo {height: 92px;
    max-width: 100%;
    padding: 18px 12px;
    display: inline-block;}

.toolbar {min-height: 92px;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.12),
                0 7px 10px -5px rgba(0, 0, 0, 0.15);
    color: #215369;
    background-color: #fff;}

/* === Typography === */
body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Lato', sans-serif;}

body {font-size: 18px;
    font-weight: normal;
    background-color: #fff;}

h4, h5, h6 {font-size: 18px;}

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

.breadcrumb {font-size: 15px;
    font-weight: bold;}

.breadcrumb > li {display: inline-block;}

.breadcrumb a {color: #215369;}

/* === Lists and Notes === */
main ol,
main ul {margin: 0 30px 1.5em 0;
    padding-left: 79px;}

.itemizedlist-title {margin: 1.2em 54px 0;}

.procedure-title,
.variablelist-title,
.orderedlist-title,
.itemizedlist-title,
.task-title {font-weight: 700;}

.procedure > li::before {float: left;
    margin-left: -40px;
    width: 24px;
    height: 24px;
    line-height: 33px;
    border-radius: 13px;
    background-clip: padding-box;
    color: #333;
    display: block;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    content: counter(step-counter) '.';}

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



/* === Links and Buttons === */
a,
a.link,
a.xref.linktype-component,
a.link.linktype-component,
a:hover,
.btn-link,
.text-primary,
.btn-primary .badge,
.pagination > li > a,
.pagination > li > span,
.nav-site-sidebar .active > a,
.portal-single-publication .publication-icon i,
.portal-single-publication .publication-icon .fa,
.publication-contents a:hover,
.publication-contents h4 a,
.titlepage h1.title,
.titlepage h2.title,
.titlepage h3.title {font-style: normal;
    font-weight: bold;
    color: #215369;}

a:hover {text-decoration: underline;}

/* === Search and Navigation === */
.nav-site-sidebar li a {font-size: 15px;}

.theme2 .nav-site-sidebar > li > a {font-weight: bold;}

.tool-search-form .search-field {line-height: 19px;
    background-color: #fff;
    color: #333;
    font-size: 13px;
    padding: 15px;
    max-width: 100%;}

@media (min-width: 110px) {.tool-search-form .search-field {
        padding: 22px 25px;
        font-size: 16px;
        max-width: 75%;}

}

@media (min-width: 992px) {.tool-search-form .search-field {
        font-size: 18px;}

}


/* === Pager === */
.pager li > a,
.pager li > span {border: 0;
    font-weight: bold;
    background-color: transparent;
    padding: 22px;
    border-radius: 0;
    transition: all 0.15s ease-out;
    color: #333;}

.pager li > a:hover,
.pager li > span:hover {color: #215369;
    text-decoration: underline;}

.pager li > a:focus {text-decoration: underline;}

/* === Images and Media === */
.inlinemediaobject {display: inline-block;
    height: 1.5em;
    vertical-align: 0.09em;}

.inlinemediaobject img:not([height]):not([width]) {height: 90%;
    width: auto;}

/* === Navbar Toggle (Mobile) === */
.navbar-toggle .icon-bar {display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #215369;}

.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}

/* === Tables === */
@media (min-width: 110px) {.informaltable td p,
    .informaltable th p,
    .table td p,
    .table th p {
        margin: 0 0 1.5em 1em;}

.informaltable td p:last-child,
    .informaltable th p:last-child,
    .table td p:last-child,
    .table th p:last-child {margin-bottom: 0;
        margin-left: 1em;}

}

/* === Misc === */
.acknowledgements,
.revision {font-size: 10px;
    margin-left: 2px;
    margin-bottom: 50px;}

.acknowledgements {margin-top: -15px;}

/* === Mobile Navigation Buttons (Visible only on larger screens) === */
.prev.pull-left.prev.visible-lg.visible-md,
.pull-right.next.visible-lg.visible-md {display: block !important;}

/* === SASS ONLY: Close button for mobile menu === */
/*
@include mobile {#{$wrap}

.mega-menu-toggle.mega-menu-open + # {$menu}

:after {content: '\f158';
        font-family: 'dashicons';
        font-size: 30px;
        margin: 0;
        display: block;
        right: 10px;
        top: 0;
        cursor: pointer;
        color: white;
        position: absolute;}