code {
    padding: 2px 4px;
    font-size: 90%;
    color: #000000;
    background-color: #ffffff;
    border-radius: 4px
}

/*materail icons
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),
        local('MaterialIcons-Regular'), 
        url(http://docs.cpacket.com/variablefont/MaterialIcons-Regular.woff2) format('woff2'),
        url(http://docs.cpacket.com/variablefont/MaterialIcons-Regular.woff) format('woff');
}*/

table {
    margin-bottom: 60px;
}

th {
background-color: #2CA7DF;
color: white;
}

table td {
border-top: .25pt solid #e7e7e7;
border-bottom:.25pt solid #e7e7e7;
border-left: .25pt solid #e7e7e7;
border-right: .25pt solid #e7e7e7;

}

.inlinemediaobject img:not([height]):not([width]), .inlinemediaobject img {
    height: 80%;
    margin-bottom: 0 !important;
    vertical-align: baseline;
}

/* inline images */
/*.inlinemediaobject img:not([height]):not([width]) {
    height: 80%;
    margin-bottom: 0;
    vertical-align: baseline;
}

.inlinemediaobject img {
    vertical-align: baseline;
    margin-bottom: 0;
}*/

img:not(.materialboxed){
    margin-bottom: 60px !important;
}

.image-viewport {
    margin-bottom: 60px; /*!important;*/
}

.mediaobject .caption {
    margin-top: 0;  /* remove the margin between the image and the caption */
    margin-bottom: 60px; /*!important;*/  /* add a margin below the caption */
    font-style: italic;
}

.mediaobject {
    margin-bottom: 60px;
}

/* glossary term */
.glossterm {
	color: inherit;
    text-decoration: 2px #2CADF8 underline dotted ; 
}

.warning, .note, .important, .caution, .tip {
    margin-bottom: 60px;
}

/* visited links */
/*a:visited {
    color: #551A8B;
}*/

/* .portal-header::before {
background-color: #3e4e70; 
} */

.portal-header .portal-search button, .publication-contents h4 span {
    background-color: #2ca7df;
}

/* remove filter color from portal header */
.portal-header:after {
    z-index: -5;
    background: url(../images/portal1-bg.jpg) no-repeat center center;
    background-size: cover;
    opacity: 1.0;
}

.portal-header::after {
    z-index: -5;
    background: url(image/portal2b-bg.jpg) no-repeat center center;
    background-size: cover;
    opacity: 1.0;
    filter: grayscale(0%);
}

.site-sidebar {
    background-color: #343a40
}

div.portal-body {
    background-color: #f2f2f2
}

/*get rid of featured content panel on portal page*/
.featured-content-label {
    display:none;
}

.portal-contents featured-content {
    display:none;
}

.portal-contents .inner {
    display:none;
}

/*portal tile and font*/

.portal-single-publication h3 {
    font-size: 22px;
    justify-self: center;
    align-self: anchor-center;
    color: #394e70;
    }

/* .portal-single-publication h3:hover {
        color: #2CA7DF;  /* change hover color 
    }*/
    

element.style {
    margin-bottom: 0 !important;
}

.portal-single-publication a {
    border-radius: 12px;
}

/*.portal-single-publication a {
    border-radius: 12px;
    color: #394e70;
    display: inline-block;
    padding: 20px 20px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.09);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.09);
    -webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
    transition: -webkit-box-shadow 0.25s ease-in-out;
    -o-transition: box-shadow 0.25s ease-in-out;
    transition: box-shadow 0.25s ease-in-out;
    transition: box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.1s ease-in-out
}*/

/*.portal-single-publication a:hover {
    color: #2CA7DF;
}*/

/*.portal-single-publication .publication-icon {
    background-color: #00A4E8;
}*/

/*.cat-panel-1:before{
    content: "\f233";
}
.cat-panel-2:before{
    content: "\f0ad";
}
.cat-panel-3:before{
    content: "\f0e8";
}
.cat-panel-4:before{
    content: "\f135";
}
.cat-panel-5:before{
    content: "\f1e0";
}
.cat-panel-6:before{
    content: "\f1aa";
}
.cat-panel-7:before{
    content: "\f0ac";
}
.cat-panel-8:before{
    content: "\f0b0";
}
.cat-panel-9:before{
    content: "\f247";
}
.cat-panel-10:before{
    content: "\f1de";
}
.cat-panel-11:before{
    content: "\f085";
}
.cat-panel-12:before{
    content: "\f27b";
}
.cat-panel-13:before{
    content: "\f0e4";
}
.cat-panel-14:before{
    content: "\f121";
}
*/