@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');


.guibutton {
   font-weight: bold;
}
.guimenu {
    font-weight: bold;
}
.guimenuitem {
  font-weight: bold;
}
.guilabel {
    font-style: italic;
}
.filename {
    font-family: "Source Code Pro", monospace;
}

/* ADMONITIONS */

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

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

.warning h3,
.note h3,
.important h3,
.caution h3,
.tip h3{
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 30px 2px 0px;
    background-color: transparent;
    color: inherit;

    font-size: 1.2em;
}

.warning h3:before,
.note h3:before,
.important h3:before,
.caution h3:before,
.tip h3:before{
    content: none;
}

.warning,
.note,
.important,
.tip{
    display: block;
    padding: 8px 8px 0.2px 50px;
    -moz-background-clip: padding;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #2ab27b;
    line-height: 1.2em;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;

    background-color: #eafaf4;
    background-color: rgba(234, 250, 244, 0.08);

    margin-left: 0px !important;
    margin-right: 0px !important;
}


.caution{
    display: block;
    padding: 8px 8px 0.2px 50px;
    -moz-background-clip: padding;
    border-left-width: 5px;

    border-left-style: solid;
    border-left-color: #092142;
    line-height: 1em;
    margin-top: 3px;
    margin-bottom: 3px;
    position: relative;

    background-color: #eafaf4;
    background-color: rgba(9, 33, 66, 0.08);

    margin-left: 0px !important;
    margin-right: 0px !important;
}

.note:before,
.tip:before,
.warning:before,
.caution:before,
.important:before{
    content: '\f040';
    color: #d6323f;
    font-size: 20px;
    font-weight: 300;
    position: absolute;
    left: 15px;
    top: 20px;
    vertical-align: middle;
    font-family: FontAwesome;
}


.important:before{
    content: '\f06a';
    color: #ef5350;
}

.important{
    border-left-color: #ef5350;
    background-color: rgba(239, 83, 80, 0.05);
}

.note:before{
    content: '\f040';
    color: #0072bc;
}

.note{
    border-left-color: #0072bc;
    background-color: rgba(58, 163, 227, 0.08);
}

.notice:before{
    content: '\f05a';
    color: #0072bc;
}

.notice{
    border-left-color: #0072bc;
    background-color: rgba(58, 163, 227, 0.08);
}

.tip{
    border-left-color: #41b77e;
    background-color: rgba(42, 178, 123, 0.08);
}

.tip:before{
    content: '\f0eb';
    color: #41b77e;
}

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

.warning:before{
    content: '\f071';
    color: #ffb526;
}

.warning.danger{
    border-left-color: #ef5350;
    background-color: rgba(239, 83, 80, 0.05);
}

.warning.danger:before{
    content: '\f071';
    color: #ef5350;
}

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

.caution:before{
    content: '\f071';
    color: #ffb526;
}




/* 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: #175dab;
}

.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: #175dab
}

.btn-primary,.nav .open>a,.nav .open>a:hover,.nav .open>a:focus,.colored-top .site-sidebar-header {
    border-color: #50abdd;
}

/* 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: #175dab;
}

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: #50abdd;    
}

.nav-site-sidebar li a:focus{
    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: #175dab;    
}

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

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


/* Other colors */
.portal-footer {
    background: #f2f2f2;
    color: #333;
}

.theme2 .portal-footer{
    background: #f2f2f2;
    color: #333;  
}

.theme2 .version-dropdown .btn.btn-primary.dropdown-toggle {
    background-color: #175dab;
    border-color: #175dab;
    border-radius: 5px;
}


.theme2 .section-nav.nav > li.active > a::before {
  content: '';
  border-radius: 50%;
  left: -3px; 
  top: 12px;
  background: #0072bc;
  position: absolute;
  width: 6px;
  height: 6px;
}

.theme2 .section-nav.nav li.active > a {
  color: #0072bc;
}



/* PORTAL PAGE */
.portal-header {
  color:#fff;
  padding:30px 15px;
  position:relative;
  text-align:center;
  height:350px
}

.portal-header:before {
background: linear-gradient(312deg, rgba(9,33,66,1) 32%, rgba(80,171,221,1) 90%); 
  z-index:-10
}
.portal-header::after {
    opacity: 1;
    background: none;
    filter: none;}

@media (min-width:768px) {
  .portal-header {
    padding:50px 50px;
    height:400px
  }

.portal-header .logo {
  height:30px;
  margin-bottom:20px
}
@media (min-width:768px) {
  .portal-header .logo {
    margin-bottom:0;
    height:35px
  }

.cat-panel-1:before {font-family: 'FontAwesome';
    content:"\f0c2"}
    .cat-panel-2:before {font-family: 'FontAwesome';
    content:"\f1ac"}
    .cat-panel-3:before {font-family: 'FontAwesome';
    content:"\f086"}
    .cat-panel-4:before {font-family: 'FontAwesome';
    content:"\f233"}
    .cat-panel-5:before {font-family: 'FontAwesome';
    content:"\f0c0"}
    .cat-panel-6:before {font-family: 'FontAwesome';
    content:"\f108"}
    .cat-panel-7:before {font-family: 'FontAwesome';
    content:"\f02f"}
    .cat-panel-8:before {font-family: 'Material Icons';
    content:"\ebba"}

.portal-header h1 {
    color: #fff;
    text-shadow: 1px 1px #181818;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 26pt;
    font-weight:normal;
    margin: 2.6em 0.085 .5em 0; }
}

@media (min-width:768px) {
  .portal-header h1 {
    font-size:35px
  }
}


.publication-contents li {
  font-size: 14px;
  font-weight: 400;
}
    
.portal-header .search-field {
    background-color: rgba(255, 255, 255, 1);
}

.portal-header .portal-search button {
    background-color: #0072bc;
}

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


.featured-content-label {
    display:    inherit;
    font-size: large;
    text-transform: capitalize;
}

.nav-site-sidebar ul a {
  padding: 6px 20px 6px 35px;
    padding-right: 20px;
  font-weight: 400;
  font-size: small;
}

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

.inlinemediaobject img:not([height]):not([width]) {
    height: 80%;
    vertical-align: top;
}
.inlinemediaobject {
    vertical-align: middle;
}

/* TABLES */

.no-border table tbody tr td {
  border: none;
}


.table td,
.informaltable.bg1 td {
  background-color: #E0EBF7;
}

th{
    background: #092142;
    color: #FFF; 
}

table {
  border-collapse:collapse;
  border-spacing:0;
}
td,
th {
  padding:0;
    vertical-align: top;
}

/*Modern CSS table styles:*/
.frame-void{
    border: none;
}

.frame-box{
    border: 1px solid #ddd;
}

.frame-above{
    border-top: 1px solid #ddd;
}

.frame-below{
    border-bottom: 1px solid #ddd;
}

.frame-hsides{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


.frame-vsides{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.frame-lhs{
    border-left: 1px solid #eee;
}

.frame-rhs{
    border-right: 1px solid #eee;
}

.rules-all td,
.rules-all th{
    border: 1px solid #eee;
    padding: 8px;
}

.rules-cols td,
.rules-cols th{
    border-left-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: #eee;
    padding: 8px;
}

.rules-rows td,
.rules-rows th{
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #eee;
    padding: 8px;
    vertical-align: top;

}

.rules-none td,
.rules-none th{
    border-style: none;
    border-width: 1px;
    border-color: #eee;
    padding: 8px;
}

.rules-groups thead,
.rules-groups tbody,
.rules-groups tfoot{
    border-bottom: 1px solid #eee;
    vertical-align: top;

}

.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th {
    background-color: #fff;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #ddd;
}


/* Countering the class put on the div around an informaltable by the tabstyle class.value mode in html5.xsl > custom.classes.xsl */


div.informaltable{
    border: none;
}


.panel{
    margin-top:var(--margin);
    margin-bottom:var(--margin)
    }
.panel-default > .panel-heading{
    background-color: transparent;
    padding: 0.5em 0em;
}

.panel{
    border: none;
    border-bottom: 0.5px solid #EFEFEF;
}

/* No border for nested accordions */
.panel.panel-default .panel.panel-default{
    border: none;
}

.panel-body{
    padding: 0em 1em;
    margin-left: 10px;
}

h1,h2,h3,h4,h5{
    margin:0.5em 0 0.5em
}

.h1,
h1 {
  font-size:32px;
}
.h2,
h2 {
  font-size:26px;

}
.h3,
h3 {
  font-size:22px;
}
.h4,
h4 {
  font-size:18px;
}
.h5,
h5 {
  font-size:16px;
  font-weight: 700;
  text-transform: uppercase;
}
.h6,
h6 {
  font-size:14px;
  text-transform: uppercase;
}

a {
  color:#0072bc;
  text-decoration:none
}
a:focus,
a:hover {
  color:#50abdd;
  text-decoration:underline
}