#tpContainer, button, #pagejumper, .pubThumbTitle, td {
    font-family: 'Ubuntu',sans-serif;
}

#btn-prev svg, #btn-next svg {
    fill: rgb(218, 242, 218);
}

.no-touch #btn-prev:hover svg, .no-touch #btn-next:hover svg, .touch #btn-prev:active svg, .touch #btn-next:active svg, .touch #btn-prev.active svg, .touch #btn-next.active svg {
    fill: rgb(65, 141, 65);
}

svg {
    fill: rgb(65, 141, 65);
}

.no-touch button:hover, .touch button:active, .touch button.active {
    background-color: rgba(218, 242, 218, 0.5);
}

#publicationsPanel {
    border-top: 1px solid rgb(65, 141, 65);
    background-color: rgba(218, 242, 218, 0.75);
}

.pubThumbImage.currentPublication {
    box-shadow: 0 0 10px #000;
    border-color: rgb(65, 141, 65);;
}

.no-touch .pubThumbImage:hover, .touch .pubThumbImage:active, .touch .pubThumbImage.active {
    border-color: rgb(65, 141, 65);
}

#btnAbout {
    display: none;
}

.pgThumbContainer.current {
    border-color: rgb(218, 242, 218);
}

.no-touch .pgThumbContainer:hover, .touch .pgThumbContainer:active, .touch .pgThumbContainer.active {
    border-color: rgb(65, 141, 65);
}

.no-touch .pgThumbContainer:hover .pageLabel, .touch .pgThumbContainer:active .pageLabel, .touch .pgThumbContainer.active .pageLabel {
    background-color: rgb(65, 141, 65);
}

.sectionHead span {
    background-color: rgb(218, 242, 218);
}

.no-touch .sectionHead > span:hover, .touch .sectionHead > span:active {
    background-color: rgb(65, 141, 65);
}

.sectionThumbs {
    border-color: rgb(65, 141, 65);
}

.spinner > div {
    background-color: rgba(65, 141, 65, 0.4);
}
