.section {
    padding: 10px 0;
}
/* Primary color for links, buttons, portal header, titles  */
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: #3b29a0;
}
.theme2 .section-nav.nav li.active>a {
    color: #3b29a0;
    font-weight: bold;
}
.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: #3b29a0;
}
.bg-primary,.btn-primary,.publications-condensed .portal-single-publication a,.pager li>a:hover,.pager li>span:hover,.colored-top .site-sidebar-header {background: linear-gradient(180deg, rgba(32, 36, 113, 0.1) 0%, rgba(233, 131, 172, 0.1) 100%);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 5%);
    /* background-color: #7e57c2; */
    padding: 15px;
    color: #565360;
    position: relative;
    line-height: 19px;
}
div.feedback-panel {
    border-top: 1px solid #f5f5f5;
    width: 100%;
    margin-left: 16.66666667%;
    padding-left: 0;
    background-color: transparent;
    border-radius: 6px;
    max-width: 66.66666667%;
    float: left;
    text-align: center;
    padding: 20px;
}
.btn-primary,.nav .open>a,.nav .open>a:hover,.nav .open>a:focus,.colored-top .site-sidebar-header {
    border-color: #3b29a0;
}
.titlepage h1.title, .titlepage h2.title, .titlepage h3.title {
    color: #3b29a0;
}
/* Hover primary color */
a:hover,a:focus,a.text-primary:hover,a.text-primary:focus,.btn-link:hover,.btn-link:focus,.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    color: #9f85ff;
}

a.bg-primary:hover,a.bg-primary:focus,.btn-primary:hover,.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,.portal-header .portal-search button:hover {
    background-color: #9f85ff;
}
.site-content {
    /* right: auto; */
    background-size: 100%;
    background-position: bottom;
    background-origin: content-box;
    padding-bottom: 48px;
    padding-top: 60px;
    position: bottom;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding: 0;
}
.nav-site-sidebar li a:focus{
    background-color: transparent;
}
.nav-site-sidebar ul .active > a {
    font-weight: normal;
    color: #9f85ff;
}
.theme2 .portal-header::before {
    background-color: transparent;
}
.section-nav.nav>li:first-child a {
    font-weight: normal;
    color: #3b29a0;
}
.pager li>a, .pager li>span {
    color: #3b29a0;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    font-weight: normal;
    background-color: transparent;
    padding: 22px;
    border-radius: 0;
    border-block-color: #9f85ff;
}
div.feedback-panel .btn {
    position: relative;
    float: left;
    border: 1px solid #9f85ff;
    margin: 10px 20px !important;
    border-radius: 3px !important;
    padding: 5px 30px;
    background-color: transparent;
}
.pager li>a, .pager li>span {

    border-radius: 1;
    position: relative;
    float: left;
    border: 1px solid #9f85ff;
    margin: 10px 20px !important;
    border-radius: 3px !important;
    padding: 5px 30px;
    background-color: transparent;
}
.btn-primary:hover,.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: #9f85ff;
}

/* Secondary color - For portal search button, publication count */
.portal-header .portal-search button {
    background-color:#3b29a0;
}

.publication-contents h4 span {
    background-color: transparent;
}

/* Other colors */
.portal-footer {
    background: #3b29a0;
    color: #3b29a0
;
}
.theme2 .procedure > li::before {
    background-color: #9f85ff;
}
th {
    background-color: #9f85ff;
    color: white;
    text-align: start;
}
.sticky-table-header {
    background-color: #9f85ff;
    color: #f5f5f5;
    border: 1px;
    border-radius: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    visibility: hidden;
    z-index: 990;
    overflow: hidden;
}
.theme2 .section-nav.nav>li.active>a:before {
    content: '';
    border-radius: 50%;
    left: -3px;
    top: 12px;
    background: #3b29a0;
    position: absolute;
    width: 6px;
    height: 6px;
}
.theme2 .nav .dropdown-menu a{
    color: #3b29a0;
}
.theme2 .nav .dropdown-menu a:hover{
    color: #9f85ff;
}
.theme1 .nav .dropdown-menu a:hover{
    color: #9f85ff;
}
.theme2 .site-sidebar{
    background-color: #transparent;
}
body.theme2 {
    background-color: #transparent;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #171b5c;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.table td p{
    padding: 10px

}
td, th {
    padding: 10px;

}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #9f85ff !important;
    padding: 10px;
}
.table th p{
    margin: 0px;
    margin-bottom: 1.5em;
    padding: 10px
}
th {
    text-align: start;
    background: #9f85ff;
    color: white;
    padding: 10px;
}
.theme2 .portal-header::before {
    background-color: transparent;
}

.toolbar {
    background-color: #171b5c; 
    padding: 15px;
    position: relative;
    line-height: 19px;
    min-height: 63px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #3b29a0;
}
.site-sidebar-header {
    background-color: #171b5c; 
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 5%);
}
.breadcrumb>li {
    color: #565360;
    display: inline-block;
}
.breadcrumb a {
    color: #9f85ff;
}
a {
    color: #9f85ff;
    text-decoration: none;
    font-size: 1em;
}
.breadcrumb {

    font-size: 12px;
}
.site-sidebar .logo {
    height: 63px;
    max-width: 90%;
    padding: 5px 0;
    display: inline-block;
}

p, pre {
    margin: 0 0 .5em;
}
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #565360;
    background-color: #f9f2f4;
    border-radius: 4px;
}
div.sidebar-title {
    font-weight: bold;
    font-size: 18px;
    color: #3b29a0;
}
.warning, .note, .important, .caution {
    display: block;
    padding: 5px 5px 5px 65px;
    -moz-background-clip: padding;
    border-left-width: 5px;
    border-left-style: solid;
    ine-height: 1em;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.hljs {
    display: block;
    overflow-x: auto;
    font-size: 14px;
    background: #000;
    padding:1.2em !important;
    color: #2fd4d4;
}
.fa-paste:before, .fa-clipboard:before {
    color: #aaa;
    font-size: 16px;
    content: "\f0ea";
}
.bg-primary, .btn-primary, .publications-condensed .portal-single-publication a, .pager li>a:hover, .pager li>span:hover, .colored-top .site-sidebar-header {
    background: linear-gradient(180deg, rgba(32, 36, 113, 0.1) 0%, rgba(233, 131, 172, 0.1) 100%);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 5%);
    /* background-color: #7e57c2; */
    padding: 5px;
    color: #565360;
    position: relative;
    line-height: 19px;
}
.btn-primary {
    border-color: #aaa;
}
.notice h3, .caution h3, .important h3, .note h3, .tip h3, .warning h3{
    display: none;
}
.notice > p, .warning > p, .note > p, .important > p, .caution > p {
    margin-left: 0px;
    padding-top: 10px;
    -webkit-margin-before: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 40px;
}
.notice:before, .warning:before, .caution:before, .important:before,.note:before {
    font-size: 24px;
    font-weight: 300;
    position: absolute;
    left: 20px;
    top: 20px;
    vertical-align: middle;
    font-family: FontAwesome;
}

.important {
    border-left-color: #3aa3e3;
    background-color: rgba(58, 163, 227, 0.08);
}
.important:before {
    content: '\f084';
    color: #3aa3e3;
}
.notice {
    border-left-color: #3b29a0!important;
    background-color: #fcf9fe!important;
}
.notice:before {
    content: '\f040' !important;
    color: #3b29a0!important;
}

.note {
    border-left-color: #109CF1;
    background-color: rgba(58, 163, 227, 0.08);
}
.note:before {
    content: '\f05a';
    color: #109CF1;
}

.warning, .caution{
    border-left-color: #ffb74d;
    background-color: rgba(255, 183, 77, 0.08);
}

.warning:before, .caution:before{
    content: '\f071';
    color: #ffb74d;
}
body.theme2 {
    font-size: 16px;
}
.nav-site-sidebar ul .active a {
    font-weight: normal;
}
.pager li>a, .pager li>span {
    color: #3b29a0;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 200000s;
    font-weight: normal;
    background-color: transparent;
    padding: 22px;
    border-radius: 0;
    border-block-color: #9f85ff;
}
.nav-site-sidebar .topic-link {
    position: relative;
    padding-right: 38px;
    padding-top: 2px;
    line-height: 140%;
    font-size: 12px;
    font-weight: normal;
}
.section-nav.nav>li a {
    line-height: 150%;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 15px;
    color: #333;
}
.theme2 .section-nav.nav li.active>a {
    color: #3b29a0;
    font-weight: bold;
}
.theme2 .nav-site-sidebar>li>a {
    font-weight: normal;
    color: #3b29a0;
    font-weight: bold;
}
.portal-footer .inner, .site-footer .inner {
    padding-bottom: 30px!important;
    padding-left: 25px!important;
    padding-top: 10px!important;
    font-size: 12px!important;
    color: white!important;
    background-color: #3b29a0!important;
    align-content: top;
}
.theme2 .site-footer {
    display: block;
    position: relative;
    min-height: 1px;
    padding-left: .001px!important;
    padding-right: .001px!important;
    width: 100%;
    float: left;
}
.inlinemediaobject img:not([height]):not([width]) {
    height: 100%;
    width: auto;
    vertical-align: 0.1em;
}
h5, .h5 {
    text-transform: none!important;
}
.label-info {
    background-color: #109CF1;
}
.label-success {
    background-color: #2ab27b;
}
.label-primary {
    background-color: #bb2a31 !important;
}

td, th {
    vertical-align: top!important;
}
td a{
    word-break:break-word!important;
}

td p{
    word-break:break-word!important;
}
.h3, h3 {
    font-size: 23px;
}
.h4, h4 {
    font-size: 20px;
}

.h5, h5 {
    font-size: 18px;
}
.tip {
    display: block;
    padding: 2px 2px 2px 45px;
    -moz-background-clip: padding;
    border-left-width: 5px;
    border-left-style: solid;
    ine-height: 1em;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-left-color: #3b29a0;
    background-color: #fcf9fe!important;
}

.tip:before {
    font-size: 24px;
    font-weight: 300;
    position: absolute;
    left: 10px;
    top: 10px;
    vertical-align: middle;
    font-family: FontAwesome;
    content: '\f040' !important;
    color: #3b29a0!important;
}

.tip > p {
    margin-left: 0px;
    padding-top: 5px;
    -webkit-margin-before: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 5px;
}
div.figure-title {
    font-weight: bold;
    color: white!important;
}
.caption {
    font-size: 1.2em!important;
}
.fa-print:before {
    color: #ffffff!important;
    content: "\f02f";
}
.fa-search:before {
    content: "\f002";
    color: #ffffff;
}
@media print {
    a[href]:after {
        content: none !important;
    }
}
@media print {
    a[href] {
        color: #9f85ff !important;
    }
}
@media print {
    th {
        background: #9f85ff !important;
        color: white !important;
    }
}

@media print {
    .label {
        display: inline !important;
        padding: 0.2em 0.6em 0.3em !important;
        font-size: 75% !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        color: #fff !important;
        text-align: center !important;
        white-space: nowrap !important;
        vertical-align: baseline !important;
        border-radius: 0.25em !important;
    }
    .label-success {
        background-color: #2ab27b !important;
        color:white !important;
    }
    .label-info {
        background-color: #A0ACE3 !important;
        color: white !important;
    }
    .label-warning {
        background-color: #f0ad4e !important;
        color: white !important;
    }
    .label-primary {
        background-color: #bb2a31 !important;
        color: white !important;
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: 'Roboto', sans-serif!important;
        font-weight: 500!important;
        line-height: 1.1!important;
        color: #3b29a0!important;
    }
    .h3, h3 {
        font-size: 23px!important;
    }
    .h4, h4 {
        font-size: 20px!important;
    }

    .h5, h5 {
        font-size: 18px!important;
    }
}



/*search field CSS overrides*/
.aa-dropdown-menu {
    background-color: #fafafa;
}
.aa-search-body {
    color: #333;
}
.aa-search-title {
    color: #9f85ff!important;
}
.aa-suggestion .aa-search-title em {
    color: #3b29a0;
}
.aa-suggestion:hover,
.aa-suggestion.aa-cursor {
    background-color:#f0ecf3;
}
.ais-RatingMenu-link:hover {
    color: #333;
}
/*glossary*/
a.glossterm {
    padding: 2px 4px !important;
    font-size: 90% !important;
    color: #333 !important;
    background-color: #f9f2f4 !important;
    border-radius: 4px !important;
}
abbr.acronym {
    font-size: 90% !important;
}
/*search field tags*/
.aa-search-tags{
    display: flex;
    gap:0.5em;
    flex-wrap: wrap;
    padding-top: 0.5em;
    padding-block-start: 0.5em;
}
.aa-search-tag{
    color: white;
    background: #9f85ff;
    font-weight: bold;
    padding: 0.1em 0.7em;
    font-size: 0.8em;
    border-radius: 4px;
}
/*top button*/
.sm-simple > li > a, .sm-simple > li > a:hover, .sm-simple > li > a:focus, .sm-simple > li > a:active, .sm-simple > li > a.highlighted {
    /* padding-right: 30px !important; */
    color: #ffffff!important;
    font-weight: 600;
    background: transparent !important;
}

/*search page layout*/
.portal-header::after {
    z-index: -5;
    background: url(image/portal-bg.jpg) no-repeat center center;
    background-size: cover;
    background-position: top;
    opacity: .8 !important;
    filter: none !important; 
}
.toolbar {
    background: url(image/portal-bg.jpg) no-repeat center center; 
    background-position: top;
    background-size: 100%;
    padding: 15px;
    position: relative;
    line-height: 19px;
    min-height: 63px;
}
.site-sidebar-header {
    background: url(image/portal-bg.jpg) no-repeat center center; 
    background-position: left;
    background-size: 500%;
    background-si
}    

.important:before {
    content: '\f084';
    color: #3aa3e3;
}