/* Change the background and text color of selected text */
::-moz-selection {
    background: #3B7EA5;
    color: #fff;
}
::selection {
    background: #3B7EA5;
    color: #fff;
}

/* Customize the scrollbar width */
::-webkit-scrollbar {
    width: 10px;
}

/* Customize the scrollbar track */
::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 0;
}

/* Customize the scrollbar handle */
::-webkit-scrollbar-thumb {
    background: #3B7EA5;
}

/* Change the border color of info admonitions and details */
.md-typeset .admonition.info, .md-typeset details.info {
    border-color: #3B7EA5;
}

/* Change the background color of the title and summary of info admonitions */
.md-typeset .info>.admonition-title:before, .md-typeset .info>summary:before{
    background-color: #3B7EA5;
}

/* Change the background color of the title and summary of info admonitions */
.md-typeset .info>.admonition-title, .md-typeset .info>summary{
    background-color: rgba(59, 126, 165, .2) !important;
}

/* Add transition effect to nav links */
.md-nav__link[href]{
    transition: .3s all ease;
}

/* Change the color of nav links on hover */
.md-nav__link[href]:hover{
    color: #3B7EA5;
    transition: .3s all ease;
}

/* Change the color and opacity of links in the text */
.md-typeset a{
    color: #3B7EA5;
    opacity: 1;
    transition: .3s all ease;
}

/* Change the color and opacity of links in the text on hover */
.md-typeset a:hover{
    color: #000000;
    opacity: .87;
    transition: .3s all ease;
}

/* Change the background color of the top element on hover */
.md-top:hover{
    background-color: #3B7EA5;
}

/* Change the color of active nav links */
.md-nav__item .md-nav__link--active{
    color: #3B7EA5 !important;
    transition: .3s all ease;
}

/* Add transition effect and change the opacity and color of tab items */
.md_tabs__item{
    transition: .3s all ease;
    opacity: .7;
    color: #fff;
}

/* Change the color and opacity of tab items on hover */
.md-tabs__item a:hover{
    color: #ccc !important;
    opacity: .7;
    transition: .3s all ease;
}

/* Change the color of footer links on hover */
.md-footer__link:hover {
    color: #fff !important;
}

/* Change the background color of the header, tabs, and footer */
.md-header,
.md-tabs,
.md-footer
{
    background-color: #3B7EA5 !important;
}

/* Change the background color of the nav title for screens with max-width of 76.234375em */
@media screen and (max-width: 76.234375em) {
    html [data-md-color-primary=black] .md-nav--primary .md-nav__title[for=__drawer] {
        background-color: #3B7EA5;
    }
}