a:focus, a:hover, /* links */
.link-like:hover,
.link-like:focus,
.quick-panel .see-all a.k-link:hover,
.quick-panel .see-all a.k-link:focus,
.k-button.k-state-active:hover, /* icons hovered */
.k-button:active:hover, /* icons hovered */
.k-panelbar > li.k-state-default > .k-link:not(.k-state-active), .k-tabstrip-items .k-state-default:not(.k-state-active) .k-link /* navigation tabs */
{
    color: #271E3D;
}

a.skip-link:link, a.skip-link:visited, a.skip-link:focus, a.skip-link:hover {
    color: #005D8F;
}

.main-color,
.k-grid tbody a.k-button, /* icons */
.k-grid .icon-wrapper, /* icons */
.k-checkbox:checked + .k-checkbox-label:before, /* checkbox mark */
.action-button:hover:not(.action-button-disabled), /* menu toolbar button */
.action-button:hover:not(.action-button-disabled) .k-icon, /* menu toolbar button */
.sub-header, /* section header */
.km-switch-background, .km-switch-handle /* kendo switch */
{
    color: #271E3D;
}

.mid-blue-color,
.login-page-input:focus ~ label, /* login */
.login-page-input:valid:not(:focus) ~ label /* login */
{
    color: #271E3D !important;
}

.login-page-input:-webkit-autofill ~ label /* login, separated for IE */
{
    color: #271E3D !important;
}

/* menu */
.main-bg-color,
#menuHeaderContainer,
.menu-action-link,
#menuHeaderContainer .k-header,
#menuHeaderContainer .k-widget.k-menu-horizontal > .k-item,
#menuHeaderContainer .k-menu .k-link.k-state-active,
#menuHeaderContainer .k-menu .k-link.k-state-focused,
.mid-blue-background-color,
.k-list > .k-state-selected, /* selected element of dropdown list */
.k-list-container > .k-state-selected /* selected element of dropdown list */
{
    background-color: #271E3D;
}

.basket-badge[data-badge]:after /* menu badge */
{
    background-color: #E5C93D;
    color: #271E3D;
}

.sweet-alert button.confirm /* sweet alert confirm button*/
{
    background-color: #271E3D !important;
}

.k-list-container > .k-state-selected /* selected element of dropdown list */
{
    border-color: #271E3D;
}

/* forms outline */
input,
select,
button,
textarea,
.k-link {
    outline-color: #271E3D !important;
}

/*  selected catalogue item */
.catalogue-item.selected {
    box-shadow: 0 0 5px 2px #271E3D;
}

/* menu dark */
#menuHeaderContainer .k-menu .k-state-hover > .k-link,
#menuHeaderContainer .k-menu .k-state-focused > .k-link,
#menuHeaderContainer > .k-state-hover,
#menuHeaderContainer > .k-state-focused,
#menuHeaderContainer .user-account-menu .glyphicon.menu-action:hover,
#menuHeaderContainer .glyphicon.menu-action:hover,
#menuHeaderContainer .glyphicons.menu-action:hover,
#menuHeaderContainer a:focus .glyphicons.menu-action,
#menuHeaderContainer button:focus .glyphicons.menu-action,
#menuHeaderContainer .k-state-border-down,
#menuHeaderContainer .k-menu .k-link.k-state-active.k-state-border-down,
#menuHeaderContainer .k-menu .k-item.k-state-focused > .k-link,
#menuHeaderContainer .k-menu .k-link.k-state-focused.k-state-border-down {
    background-color: #005D8F;
    outline: none;
}

.sweet-alert button.confirm:active /* sweet alert confirm button*/
{
    background-color: #271E3D !important;
}

/* input glowing */
.k-checkbox-label:active:before,
.k-checkbox:focus + .k-checkbox-label:before,
.k-checkbox:checked + .k-checkbox-label:active:before,
.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-multiselect.k-header.k-state-hover,
.k-multiselect.k-header.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused, .k-textbox:focus {
    -webkit-box-shadow: 0 0 2px 0 #271E3D;
    box-shadow: 0 0 2px 0 #271E3D;
    border-color: #271E3D;
}

/* logo */
#logo-block {
    display: block;
    background: #ffffff url(../../images/keele-logo-right.jpg) no-repeat right 0 center;
}

/*
keele-logo-right.jpg size: 195x65
logo.en_GB_keele.jpg height/paddings depend on keele-logo-right.jpg height
*/
#logo-block > img {
    height: 37px;
    width: auto;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
}

#profileLine {
    display: block;
}

/* login warning */
.login-form-container #flip-container, .login-form-container #frontSide, .login-form-container #flipSide, #spinner {
    height: 370px;
}

.login-warning:after {
    content: "Keele staff must login at https://e-procurement.keele.ac.uk with two factor authentication.";
    color: #BF1722;
    margin-left: 36px;
    top: -20px;
    position: relative;
    display: block;
    width: 350px;
}
