@media (min-width: 767px) {
    body.diary #topHeader {
        padding-left: 143px;
    }
    body.equinoxx #topHeader {
        padding-left: 205px;
    }
    body.portal #topHeader {
        padding-left: 310px;
    }
    body.customer-portal #topHeader {
        padding-left: 261px;
    }
    body.operative #topHeader {
        padding-left: 262px;
    }
}

a {
    text-decoration: none;
}

.svg-thumbnail,
#brandBanner {
    background-color: hsla(210, 70%, 30%, 1);
    overflow: hidden;
}

header .dropdown-menu li a:hover {
    border-left-color: hsla(210, 60%, 30%, 1);
}


/* ===== App Hub Thumbnails ====== */

.svg-thumbnail:hover {
    background-color: hsla(210, 60%, 35%, 1);
}

.svg-thumbnail:active {
    background-color: hsla(210, 60%, 40%, 1);
}


/* ===== End App Hub Thumbnails ====== */

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu>li>a:hover {
        border-left: 5px solid hsla(210, 60%, 30%, 1);
    }
}

.btn-brand {
    color: #fff;
    background-color: #337ab7;
    border-color: #245580;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 20%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
}

.btn-brand:hover, .btn-brand:active {
    color: #fff;
    background-color: #245580;
}