﻿a:not(.btn), a:not(.btn) * { color: #006993; }
a:not(.btn):hover a:not(.btn):hover * { color: rgb(33, 97, 142); }

.btn-primary, .btn-login { background-color: #098FCA; border-color: #098FCA; }
.btn-primary:active,.btn-primary:hover,.btn-primary:focus,
.btn-login:active,.btn-login:hover,.btn-login:focus { background-color: #0887a9; border-color: #0887a9; }

.navbar .logo img { margin-top: -10px; width: 100%; }
.navbar .mini.logo img { max-width: 72px; margin-top: -5px; }
.navbar .headerRow .rightCol { background-color: #306ab2; }
.navbar a:not(.btn), .navbar a:not(.btn) .linkText  { color:#ffffff; }
.navbar a:not(.btn):hover,.navbar a:not(.btn):active { color: #ffffff; }
.navbar .navbar-links ul.headerLinks li { border-right: solid 1px #A6CBEB;  }

body { background-color: #F3F6F9; }
.body-content, .alerts-content { background-color: white; }
.sidebar li a, .sidebar li a .linkText { color: #0092CD; }
.sidebar li a.active .linkText, .sidebar li a:active .linkText, .sidebar li a:hover .linkText, .sidebar li a:focus .linkText { color: rgb(33, 97, 142); }

.search-bar { background-color: rgb(224, 237, 248); }

.action-col a { background: #dae1e6; }
.action-col a:hover,
.action-col a:active,
.action-col a:focus { background: #ffffff; }
.action-col a.disabled:hover,
.action-col a.disabled:active,
.action-col a.disabled:focus { background: #F3F6F9; }

.subTitleBar { background-color: rgb(46,96,140); color: white; }
.subTitleBar .docIdentifierRow .documentLink { color: #098FCA; }
.subTitleBar .docIdentifierRow .documentLink:active,
.subTitleBar .docIdentifierRow .documentLink:focus,
.subTitleBar .docIdentifierRow .documentLink:hover { color: #21618E; text-decoration: none; }
.subTitleBar .docIdentifierRow .documentLink.active { color: #21618E; }
.subTitleBar .docIdentifierRow .documentLink.active:active,
.subTitleBar .docIdentifierRow .documentLink.active:focus,
.subTitleBar .docIdentifierRow .documentLink.active:hover { color: #21618E; text-decoration: none; }

.languagePickerExternal .language-picker-container .chosen-container ul.chosen-results .active-result { color: #006993;  }
.languagePickerInternal .language-picker-container .chosen-container ul.chosen-results .active-result { color: #006993;  }

.singleDocument .docIdentifier, .singleDocument .documentTitle a, .groupMember .documentTitle a { color: #0092cd; }
.singleDocument .docIdentifier:hover, .singleDocument .documentTitle a:hover, .groupMember .documentTitle a:hover { color: rgb(33, 97, 142); }

.fixed-footer.padded-content .container { background-color: #f2f2f2; }
footer .container { background-color: #EEF6FB; }
footer .text-muted { color: #21618E }



/* Home Page */
.coloured-well { background-color: #EFF6FB; }
section.trialRegisterForm { border-color: #EFF6FB; }

/* Section Display page */
.viewSectionDisplay .headerRow { background-color: #E2EDF7;  }
.viewSectionDisplay .content-wrapper > .container { background-color: #F3F6F9; }
.viewSectionDisplay .content { border: none; background-color: #306ab2; }
.viewSectionDisplay .navbar a.closeDocument { line-height: 80px; color: #2A6893; }
.viewSectionDisplay .subTitleBar { border: none; background-color: #F3F6F9; }

table.licenses .licenseDetails .license-details-wrapper { background-color: #EEF6FB; }
table.licenses .licenseDetails .numStandards,
table.licenses .licenseDetails .numUsers { color: #555555; }
table.licenses .licenseDetails.selected-licence .license-details-wrapper { border: solid 2px #098FCA; }

/* TODO: the following should have a different font and border colour than in HKZ, but I don't know what colours' */
.licenseDetails.other-licence-details .btn-licence-option { background-color: #ffffff; color: #555555; border: solid 2px #aaaaaa; }

/* Icons */
span.webtool-icon.webtool-icon-footer-email { background-image:url("/content/images/icons/nen/icon-footer-email.svg"); }
span.webtool-icon.webtool-icon-footer-phone { background-image:url("/content/images/icons/nen/icon-footer-phone.svg"); }

/* Header/Sidebar Icons */

/* For Glyphicons and icon fonts: */
.sidebar span.webtool-icon { color: #A6CBEB; }
.sidebar .active span.webtool-icon,
.sidebar a:hover span.webtool-icon,
.sidebar a:active span.webtool-icon,
.sidebar a:focus span.webtool-icon { color: #0092CD; }

span.webtool-icon.webtool-icon-external-link {  background-image:url("/content/images/icons/nen/icon-external-link.svg"); }
.active span.webtool-icon.webtool-icon-external-link, 
a:hover span.webtool-icon.webtool-icon-external-link,
a:active span.webtool-icon.webtool-icon-external-link,
a:focus span.webtool-icon.webtool-icon-external-link { background-image: url("/content/images/icons/nen/icon-external-link-active.svg"); }

span.webtool-icon.webtool-icon-help { background-image:url("/content/images/icons/nen/icon-help.svg"); }
.active span.webtool-icon.webtool-icon-help, 
a:hover span.webtool-icon.webtool-icon-help,
a:active span.webtool-icon.webtool-icon-help,
a:focus span.webtool-icon.webtool-icon-help { background-image:url("/content/images/icons/nen/icon-help-active.svg"); }

span.webtool-icon.webtool-icon-user { background-image:url("/content/images/icons/nen/icon-user.svg"); width: 14px; height: 14px; }
.active span.webtool-icon.webtool-icon-user, 
a:hover span.webtool-icon.webtool-icon-user,
a:active span.webtool-icon.webtool-icon-user,
a:focus span.webtool-icon.webtool-icon-user { background-image:url("/content/images/icons/nen/icon-user-active.svg"); }

span.webtool-icon.webtool-icon-home { background-image: url("/content/images/icons/nen/icon-home.svg") ; }
.active span.webtool-icon.webtool-icon-home, 
a:hover span.webtool-icon.webtool-icon-home,
a:active span.webtool-icon.webtool-icon-home,
a:focus span.webtool-icon.webtool-icon-home { background-image: url("/content/images/icons/nen/icon-home-active.svg"); }

span.webtool-icon.webtool-icon-standards { background-image: url("/content/images/icons/nen/icon-standards.svg"); }
.active span.webtool-icon.webtool-icon-standards, 
a:hover span.webtool-icon.webtool-icon-standards,
a:active span.webtool-icon.webtool-icon-standards,
a:focus span.webtool-icon.webtool-icon-standards {  background-image: url("/content/images/icons/nen/icon-standards-active.svg"); }

span.webtool-icon.webtool-icon-users { background-image: url("/content/images/icons/nen/icon-users.svg"); }
.active span.webtool-icon.webtool-icon-users, 
a:hover span.webtool-icon.webtool-icon-users,
a:active span.webtool-icon.webtool-icon-users,
a:focus span.webtool-icon.webtool-icon-users { background-image: url("/content/images/icons/nen/icon-users-active.svg"); }

span.webtool-icon.webtool-icon-subprocess { background-image: url("/content/images/icons/nen/icon-subprocess.svg"); }
.active span.webtool-icon.webtool-icon-subprocess,
a:hover span.webtool-icon.webtool-icon-subprocess,
a:active span.webtool-icon.webtool-icon-subprocess,
a:focus span.webtool-icon.webtool-icon-subprocess { background-image: url("/content/images/icons/nen/icon-subprocess-active.svg"); }

span.webtool-icon.webtool-icon-licenses { background-image: url("/content/images/icons/nen/icon-licenses.svg"); }
.active span.webtool-icon.webtool-icon-licenses,
a:hover span.webtool-icon.webtool-icon-licenses,
a:active span.webtool-icon.webtool-icon-licenses,
a:focus span.webtool-icon.webtool-icon-licenses { background-image: url("/content/images/icons/nen/icon-licenses-active.svg"); }
