/* css changes to the standard Drupal Bootstrap 3 theme and Islandora styles. Assumes the Yeti Bootswatch style to be enabled */

html,
body {
    height: 100%;
    overflow-wrap: break-word;
    background-color: #333333;
}

div.main-container {
    background-color: #ffffff;
    padding: 15px;
    }

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Helvetica Neue", "Lucida Grande", "Arial Unicode MS", Helvetica, Arial, sans-serif;
    color: #3e3e3e;
   }

h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400;
    }

/* remove rounded corners around header, assuming fluid container. Increase font size and weight */


.navbar {
    border-radius: 0px;
    font-size: 15px;
    font-weight: 400;
}


/* change navbar background colour */

.navbar-default {
    background-color: #234c7d;
}

.btn-primary {
    background-color: #234c7d;
    border-color: #234c7d;
}


/* remove margin above navbar in fluid setting */

.navbar.container-fluid {
    margin-top: 0px;
}

/* main content column padding */

@media (min-width: 810px) {
.col-sm-6 {
    padding: 0px;}
}
@media (min-width: 810px) {
.col-sm-9 {
    padding-left: 0px;
    padding-right: 15px;
}
}
@media (max-width: 809px) {
.col-sm-6, .col-sm-9 {
    padding: 15px;
}	
}

/* remove border, padding and rounded corners around Islandora audio and video viewers */

.islandora-audio-content,
.islandora-video-content {
    border: 0px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


/* Simple search box margin */

form#islandora-solr-simple-search-form {
    margin-bottom: 10px;
}


/* Islandora advanced Solr search, align plus and minus buttons with text boxes */

button[id^='edit-terms'] {
    margin-bottom: 4px;
}


/* footer */

.footer {
    background-color: #333333;
    color: #aaaaaa;
    margin-top: 0px;
}

.footer a {
    color: #aaaaaa
}

@font-face {
    font-family: 'Merriweather Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/merriweather-sans-v9-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Merriweather Sans'), local('MerriweatherSans-Regular'), url('../fonts/merriweather-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/merriweather-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/merriweather-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/merriweather-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/merriweather-sans-v9-latin-regular.svg#MerriweatherSans') format('svg');
    /* Legacy iOS */
}

div.footer-div {
    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    padding: 5px;
    max-width: 1000px;
    width: 95%;
    margin: 20px auto;
}

.footer-div1,
.footer-div2,
.footer-div3 {
    display: inline-block;
    margin: 5px 0;
    vertical-align: top;
}

@media screen and (min-width: 850px) {
    .footer-div1 {
        width: 34%;
    }
    .footer-div2 {
        width: 35%;
        text-align: center;
    }
    .footer-div3 {
        width: 29%;
        text-align: right;
    }
}

@media screen and (max-width: 849px) {
    .footer-div1 {
        width: 100%;
    }
    .footer-div2 {
        width: 100%;
        text-align: center;
    }
    .footer-div3 {
        width: 100%;
        text-align: center;
    }
}

.footer-div-bottom {
    text-align: center;
}


/* Icons in Solr search results */

.solr-thumb img {
    border: none;
}

dl.solr-thumb {
    width: 7%;
}

dl.solr-fields {
    width: 90%;
}


/* Islandora Solr facet tweaks */

div.date-range-slider-canvas-wrapper {
    margin-bottom: 10px;
}

div.ui-slider {
    margin-bottom: 15px;
}

span.slider-popup-from {
    font-size: 0.8em;
}

span.slider-popup-to {
    font-size: 0.8em;
}


/* Islandora left column list indent */

.region-sidebar-first ul {
    padding: 0 0 0 1.5em;
}

.region-sidebar-first ul.islandora-solr-facet {
    padding: 0 0 0 1.5em;
}


/* Icons in Islandora object view */

dl.islandora-object-tn {
    width: 10%;
    margin: 0px;
}


/* Islandora list view */

dt.islandora-object-thumb {
    margin-top: -8px;
    margin-bottom: 8px;
}

.islandora-objects-list-item dl dd {
    margin: 0 0 0 100px;
}


/* Show files fieldset instead of hiding initially */

fieldset.collapsed .fieldset-wrapper {
    display: inline!important;
}


/* hide "details" h2 for islandora object */

.islandora-object>h2 {
    display: none;
}


/* smaller heading font sizes */

h1 {
    font-size: 30px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 10px;
}


/* nav menu block remove padding left and add bullet */

div.region-sidebar-first ul.nav li a {
    padding-left: 0px;
}

div.region-sidebar-first ul.nav li {
    list-style: disc;
    display: list-item;
}


/* panel style changes for CMDI metadata rendering */

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.islandora-cmdi-metadata .panel {
    list-style-type: none;
}

div.islandora-cmdi-metadata .panel-group {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

div.islandora-cmdi-metadata .panel-heading {
    padding: 3px 10px;
}

div.islandora-cmdi-metadata ul.panel-group li strong {
    padding-left: 5px;
}

div.islandora-cmdi-metadata ul.panel-group div.panel-title strong {
    padding-left: 0px;
}


/* create panel open/close triangles with css border trick */

div.islandora-cmdi-metadata div.panel-title a:before {
    content: '';
    display: inline-block;
    position: relative;
    left: 0;
    top: 3px;
    border: 6px solid transparent;
    border-color: #000 transparent transparent;
}

div.islandora-cmdi-metadata div.panel-title a.collapsed:before {
    top: 0px;
    left: 3px;
    border: 6px solid transparent;
    border-left-color: #000;
}

div.islandora-cmdi-metadata div.panel-title a:hover {
    cursor: pointer;
}


/* change breadcrumb font weight for Yeti bootswatch style */

.breadcrumb {
    font-weight: 500;
    font-size: 11px;
}


/* solr sort order triangle positioning */

ul.islandora-solr-sort img {
    display: inline;
    vertical-align: baseline;
}


/* thumbnail image sizes */

dl.islandora-object-tn img,
dt.islandora-object-thumb img {
    width: 72px;
}

div.islandora-compound-thumbs {
    margin-top: 0;
    padding-top: 0.20em;
}

div.islandora-compound-thumb {
    padding: 0;
}

div.islandora-compound-thumb img {
    margin-right: 5px;
    margin-top: 1px;
    width: 30px;
}

.islandora-compound-thumbs img.active {
    border: 2px solid;
    }


/* views collection view styling */

div.views-field-TN-Image img {
    width: 70px;
}

div.views-field-TN-Image {
    float: left;
    width: 95px;
    margin-bottom: 15px;
}

div.collection-view-description {
    margin-left: 95px;
}

div.collection-row {
    clear: both;
    min-height: 90px;
    margin-bottom: 15px;
}


/* icon sizes */

.islandora-basic-collection-object dt img {
    width: 72px;
}

.islandora-basic-collection-list-item dl dd {
    margin-left: 100px;
}

.islandora-basic-collection-list-item {
    padding-bottom: 0.5em;
}

dl.solr-thumb {
    width: 72px;
}


/* larger font sizes for alert and table */

.alert {
    font-size: 15px;
}

table {
    font-size: 14px;
}


/* videojs dimensions */

.islandora_videojs-dimensions {
    width: 640px;
    height: 360px;
}


/* menu dropdown fix */

ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}

ul.nav li.dropdown ul.dropdown-menu {
    margin-top: 0;
}


/* deposit dashboard tabs styling */

a#bundles,
a#collections,
a#notifications {
    font-size: 18px;
    background-color: #eeeeee;
}

a#bundles.active,
a#collections.active,
a#notifications.active {
    background-color: #008cba;
}

a#bundles:before,
a#collections:before,
a#notifications:before {
    font-family: 'Glyphicons Halflings';
    vertical-align: top;
}

a#bundles:before {
    content: "\e010\00a0";
    margin-right: -10px;
}

a#collections:before {
    content: "\e118\00a0";
    margin-right: -7px;
}

a#notifications:before {
    content: "\e032\00a0";
    margin-right: -9px;
}


/* ajax throbber position */

div.auto-refresh a {
    position: absolute;
    right: 0px;
    z-index: -1;
}

// .ajax-progress-throbber {  position: absolute; right: 0px; z-index: -1;}

/* views table sort triangles */

.views-table th a .img-responsive {
    float: right;
    display: inline;
    position: relative;
    top: 3px;
}


/* newer bootstrap version uses glyphicon instead of image. Doesn't look so nice so we'll change that back to arrow images */

.glyphicon-chevron-down:before {
    content: url('/misc/arrow-asc.png');
}

.glyphicon-chevron-down {
    display: inline!important;
    float: right;
}

.glyphicon-chevron-up:before {
    content: url('/misc/arrow-desc.png');
}

.glyphicon-chevron-up {
    display: inline!important;
    float: right;
}


/* google re-captcha margin */

div.captcha {
    margin-bottom: 14px;
}


/* hide stuff for demo */

div.form-item-serial {
    display: none;
}

article.node-flat-bundle {
    display: none;
}

article.node-flat-collection div.field {
    display: none;
}

article.node-flat-collection header {
    display: none;
}


/* deposit bundle image */

input#edit-bundle-image {
    width: 150px;
}


/* deposit form notes */

div#form-actions-note,
div#update-resources-note {
    font-size: 12px;
    color: #A9A9A9;
}


/* existing resources table */

th.resource-table-select {
    width: 70px;
}


/* hide bundle type field */

div.field-name-flat-type {
    display: none;
}


/* bundle action buttons icons */

button#edit-describe-bundle:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    vertical-align: top;
    content: "\f02c";
    margin-right: 7px;
}

button#edit-validate-bundle:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    vertical-align: top;
    content: "\f560";
    margin-right: 7px;
}

button#edit-reopen-bundle:before {
    font-family: "Glyphicons Halflings";
    vertical-align: top;
    content: "\e030";
    margin-right: 7px;
}

button#edit-archive-bundle:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    vertical-align: top;
    content: "\f187";
    margin-right: 7px;
}

.alert-danger a,
.alert-danger a:focus,
.alert-danger a:hover,
{
    color: #d63333;
}


/* colors/margin for bootstrap site alert module */

.bs-site-alert {
    margin-bottom: 0px;
    background-color: #e46b3d;
    border-color: #e46b3d;
}

/* customising the FLAT compound object view */
div.flat-compound-child {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        border-bottom: 1px solid #dddddd;
        padding-bottom: 2px;
}

div.flat-compound-thumbs {
    margin-top: 0;
    padding-top: 0.20em;
}

div.flat-compound-thumb {
    display: flex;
    flex: 0 0 auto;
}

div.flat-compound-thumb img {

    margin-right: 5px;
    margin-top: 1px;
    width: 30px;
}

.flat-compound-thumbs img.active {
    border: 2px solid;
    }

div.flat-compound-caption {
        display: flex;
        flex: 1 1 auto;
        min-width: 50px;
        padding-top: 7px;
        align-content: flex-start;
        word-break:break-all;
}

div.flat-compound-buttons {
        display: flex;
        flex: 0 0 auto;
        margin-left: auto;
}

div.flat-compound-download {
        padding-top: 4px;}

a.flat-compound-download:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 18px;
    vertical-align: top;
    content: "\f019";
    margin: 0px 7px;
    }

div.flat-compound-thumbs .permission-labels {
        clear: none;
        padding: 4px 0px 0px 0px;
}

div.flat-compound-thumbs .permission-labels span.access {
        font-size: 0.7em;
        width: 60px;
        margin: 0px 3px 0px 0px;
        padding: 3px;
}

/* customising the (customised) compound object view */

div.islandora-compound-thumb .thumb-label {
	float: none;
	overflow: hidden;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

div.islandora-compound-thumb .buttons {
	float:right;
	width:160px;
}

div.islandora-compound-thumb div.thumb {
	display: inline;
}

div.islandora-compound-caption {
	max-width: none!important;
	float: none!important;
	margin: 0!important;
	margin-left: 35px!important;
}

a.islandora-compound-caption-link {
    margin-left: 8px!important;
}

@media (max-width: 809px) {
  span.islandora-compound-title {
      margin-top: 4px;
      line-height: 12px;
      vertical-align: top;
  }
  }

@media (min-width: 810px) {
  span.islandora-compound-title {
      line-height: 12px;
      vertical-align: top;
  }
  }

a.islandora-compound-view, a.islandora-compound-download {
	float: right!important;
}

a.islandora-compound-view:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-size: 18px;
    vertical-align: middle;
    content: "\f06e";
    margin-right: 7px;
    }

a.islandora-compound-download:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 18px;
    vertical-align: top;
    content: "\f019";
    margin-right: 7px;
    }

/* add margin to islandora-compound-prev-next in case that the open gallery link is its preceding sibling. */
a.flat-gallery-link  + .islandora-compound-prev-next {
	margin-top: 12px;
}

/* hide large image SP clipping tool icon */

div.islandora-large-image-content-wrapper a#clip {
    display: none;
}


/* basic/large image SP get rid of border */

.islandora-large-image-content,
.islandora-basic-image-content {
    border: none;
    padding: 0px;
}


/* user manual image border */

div.book div.figure-contents img {
    border: 3px solid #ddd;
}


/* islandora txt/html solution pack */

div.islandora-sp-text-html div.plain-text {
    font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, "Lucida Sans Typewriter", "Lucida Console", "Liberation Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
    white-space: pre-wrap;
}


/* form styling */

form fieldset.panel {
    margin-top: 25px;
}


/* islandora metadata section */

div.islandora-default-metadata legend {
    margin-bottom: 0px;
}


/* detailed metadata section */

div.islandora-cmdi-metadata h2 {
    font-weight: 400;
    margin-bottom: 0px;
}


/* download metadata section */

legend.dl-metadata {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    padding-top: 10px;
}


/* access request link */

div.access-request-link {
    float: right!important;
}

div.access-request-link a {
    text-decoration: none;
    background-color: #E99002;
    color: #FFF;
    padding: 0.4rem 0.7rem;
    border: 1px solid transparent;
}

div.access-request-link a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    vertical-align: top;
    content: "\f084";
    margin-right: 7px;
}

div.flat-gallery-link-container {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

a.flat-gallery-link {
    text-decoration: none;
    background-color: #008cba;
    color: #FFF;
    padding: 0.375rem 0.7rem;
    border: 1px solid transparent;
    display: inline-block;
}

a.flat-gallery-link:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    vertical-align: top;
    content: "\f302";
    margin-right: 7px;
}

div#islandora-bookmark {
    float: right;
}

div#islandora-bookmark button:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    vertical-align: top;
    content: "\f291";
    margin-right: 7px;
}

div#edit-owned-bookmarks-fieldset-body td a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    vertical-align: top;
    content: "\f291";
    margin-right: 7px;
}

div#edit-bookmarks-fieldset-body h3 {
    margin-top: 25px;
}

form#islandora-bookmark-detailed-form-manage fieldset.collapsible a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    vertical-align: top;
    content: "\f0d7";
    margin-right: 7px;
}

form#islandora-bookmark-detailed-form-manage fieldset.collapsible a.collapsed:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    vertical-align: top;
    content: "\f0da";
    margin-left: 4px;
    margin-right: 7px;
}

#edit-bookmarks-fieldset-format-opts-export-selected:before, #edit-bookmarks-fieldset-format-opts-export-all:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 15px;
    vertical-align: top;
    content: "\f14d";
    margin-left: 4px;
    margin-right: 7px;
    }

#edit-running-zip-jobs-fieldset-body td {
       word-wrap: break-word;
}

.islandora-compound-thumbs .permission-labels {
    padding-top: 0px;
    clear: none;
    float: right;
}

.islandora-solr-facet-wrapper h3 span {
   font-size: 13px;
   display: block;
}

.islandora-solr-facet-wrapper .permission-labels-list li {
   margin-left: -25px;
   }

.islandora-solr-facet-wrapper .permission-labels-list a:hover {
   text-decoration: none;
   }

.islandora-solr-facet-wrapper .permission-labels {
   padding-top: 0px;
   margin-top: -10px;
   }

.islandora-solr-facet-wrapper .permission-labels div.access-level-help {
   margin-bottom: 10px;
}

.islandora-solr-facet-wrapper .permission-labels a.access-level-help {
   font-size: 13px;   
}

.access {
   font-size: 0.8em;
   width: 80px;
   }

.access {
    color: white;
    padding: 4px 4px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    width: 80px;
    margin: 3px;
    display: inline-block;
    font-size: 0.8em;
}

.public {
    background: #43ac6a;
}

.authenticated {
    color: #82888e;
    background: #fff12d;
}

.registered {
    color: #82888e;
    background: #fff12d;
}

.academic {
    background: #46b8da;
}

.restricted {
    background: #e99002;
}
/* annotation viewer styles */

/* spinner while loading */
.loading div:after {
	background: #234c7d!important;
}

annotation-viewer .table-viewer {
	background-color: #ededed;
	border: 1px solid #dddddd;
	margin-top: -1px;
	font-weight: bold;
	padding-left: 5px;
	grid-template-columns: 40px 1fr 110px 110px 110px;
}



annotation-viewer .table-viewer.annotation {
	background-color: white;
	font-weight: normal;
}

annotation-viewer .table-viewer.annotation:hover {
        background-color: #ededed;
}

annotation-viewer .table-viewer.active {
	background-color: #008cba!important;
}

annotation-viewer video {
	background-color: black;
	height: 330px;
}

annotation-viewer select.tier-names {
	margin-bottom:7px;
}

app-table-viewer div div:nth-type-of(2n) div {
	background-color: #eeeeee;
}

/* top nav menu adaptations */
section#block-system-main-menu.clearfix, section#block-system-main-menu.clearfix:after {
	clear: none;
}

/* front page styling */

.front-container {
  padding: 20px;
  max-width: 1084px;
  margin: 0 auto; }

.repository__item {
  display: flex;
  flex-direction: column;
  margin-bottom: 2em; }

.repository__preview {
  width: 100%; }

.repository__label {
  display: flex;
  flex-direction: row;
  padding: 10px; }
  .theme-mpi .repository__label {
    color: #ffffff;
    background: #007562; }
  .theme-tla .repository__label {
    color: #ffffff;
    background: #234c7d; }
  .repository__label img {
    width: 50px;
    height: 50px;
    margin: 5px 10px; }

.repository__name {
  font-size: 2.4em;
  align-self: center; }
  .theme-mpi .repository__name {
    font-size: 1.7em; }

.repository__description {
  margin: 0;
  padding: 10px;
  text-align: justify;
  font-weight: 300;
  font-size: 1em;
  color: #777777; }

/* 67.5em = 1080px */
@media only screen and (min-width: 67.5em) {
  .repository {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .repository__item {
      width: 500px; } }

.category {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: space-between;
  height: 100%; }
  .category__item {
    width: 320px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    margin-bottom: 3em; }
    .category__item img {
      width: 100%; }
    .theme-tla .category__item p {
      color: #666666; }
    .theme-mpi .category__item p {
      color: #666666; }
    .category__item-title {
      font-size: 18px;
      margin-top: 0.5em;
      display: inline-block; }
      .theme-mpi .category__item-title {
        color: #017562; }
      .theme-tla .category__item-title {
        color: #234c7d; }
      .category__item-title:hover {
        text-decoration: none; }
    .category__item a.category__item-button {
      padding: 0.2em 1.5em;
      align-self: flex-start; }
      .theme-mpi .category__item a.category__item-button {
        background: #017562;
        border: 1px solid #017562;
        color: #ffffff; }
      .theme-tla .category__item a.category__item-button {
        background: #234c7d;
	border: 1px solid #234c7d;
        color: #ffffff; }
      .theme-mpi .category__item a.category__item-button:hover {
        background: #ffffff;
        color: #017562;
        border: 1px solid #017562;
	text-decoration: none; }
      .theme-tla .category__item a.category__item-button:hover {
        background: #ffffff;
        color: #234c7d;
        border: 1px solid #234c7d;
	text-decoration: none; }

/* 64em = 1024px */
@media only screen and (max-width: 64em) {
  .category__item {
    width: 48%; }
    .category__item-button {
      align-self: stretch; } }

/* 48em = 768px */
@media only screen and (max-width: 48em) {
  .category__item {
    width: 98%; } }

div.region-pre-content {
  margin-bottom: 20px;
  }

section.theme-tla {
  margin-top: 30px;
  }

/* front page navbar styling */

.navbar-top {
    background-color: #FFFFFF;

}

@media screen and (min-width: 768px) {
.navbar .logo {
    padding-left: 15px;
    }
    }

@media screen and (min-width: 810px) {
.navbar .logo {
    padding-left: 0px;
    }
    }

.navbar-top .navbar-nav > li > a {
    color: #777777; }

.navbar-top .navbar-toggle .icon-bar {
    background-color: #777777; }

@media (max-width: 809px) {
.navbar-top .navbar-nav > li {
    top: 0px;
    }
.navbar-top .navbar-nav > li > a {
   padding-left: 30px;
   }
.navbar-top .navbar-collapse ul.secondary {
   float: none;
   }
   }

@media (min-width: 810px) {
.navbar-top .navbar-nav > li {
    top: 16px;
    }
    }

.navbar-top .navbar-toggle {
    top: 16px;
}

.navbar-top .navbar-collapse {
    border-color: #cccccc;
    }

.navbar-top .navbar-collapse .navbar-nav {
    margin: 0px -15px;
    }

.navbar-top .dropdown-menu {
    background-color: #999999;
    }

.navbar-top .dropdown-menu > li > a:hover,
.navbar-top .dropdown-menu > .active > a,
.navbar-top .dropdown-menu > .active > a:hover,
.navbar-top .navbar-nav > li > a:hover,
.navbar-top .navbar-nav > li > a:focus,
.navbar-top .navbar-nav > .active > a,
.navbar-top .navbar-nav > .active > a:hover,
.navbar-top .navbar-nav > .active > a:focus {
    background-color: #aaaaaa;
    }

section#block-system-user-menu {
  float: right;
  max-width: 500px;
  }

header#page-header {
  min-height: 45px;
  background-color: #234c7d;
  margin-bottom: 0px;
 } 

.navbar-top .dropdown-menu {
    background-color: #999999;
    }
  
.navbar-top {
    margin-bottom: 0px;
    padding-left: 0px;
} 

.navbar-btn {
    margin: 0px;
    }

.navbar-header img {
   width: 166px;
   height: 78px;
   padding: 10px;
}

.navbar-brand {
  padding-left: 0px;
  }

/* making the archive menu in the top bar look like the standard bootstrap menu */

#block-menu-menu-archive-menu .nav {
    margin: 6px -15px;
}

#block-menu-menu-archive-menu .nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px;
}

@media (max-width: 809px) {
    #block-menu-menu-archive-menu .nav {
        margin: 0px -15px;
    }
    #block-menu-menu-archive-menu .nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>li>a,
    #block-menu-menu-archive-menu .nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>li>a {
        line-height: 21px;
    }
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>li>a:hover,
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>li>a:focus {
        background-image: none;
    }
}

@media (min-width: 810px) {
    #block-menu-menu-archive-menu .nav {
        float: left;
        margin: 0;
    }
    #block-menu-menu-archive-menu .nav>li {
        float: left;
    }
    #block-menu-menu-archive-menu .nav>li>a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

#block-menu-menu-archive-menu .nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}



#block-menu-menu-archive-menu .nav>li>a {
    color: #ffffff;
}

#block-menu-menu-archive-menu .nav>li>a:hover,
#block-menu-menu-archive-menu .nav>li>a:focus {
    color: #ffffff;
    background-color: #272727;
}

#block-menu-menu-archive-menu .nav>.active>a,
#block-menu-menu-archive-menu .nav>.active>a:hover,
#block-menu-menu-archive-menu .nav>.active>a:focus {
    color: #ffffff;
    background-color: #272727;
}

#block-menu-menu-archive-menu .nav>.disabled>a,
#block-menu-menu-archive-menu .nav>.disabled>a:hover,
#block-menu-menu-archive-menu .nav>.disabled>a:focus {
    color: #cccccc;
    background-color: transparent;
}

#block-menu-menu-archive-menu .nav>.open>a,
#block-menu-menu-archive-menu .nav>.open>a:hover,
#block-menu-menu-archive-menu .nav>.open>a:focus {
    background-color: #272727;
    color: #ffffff;
}

@media (max-width: 809px) {
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>li>a:hover,
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>li>a:focus {
        color: #ffffff;
        background-color: #272727;
    }
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>.active>a,
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>.active>a:hover,
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>.active>a:focus {
        color: #ffffff;
        background-color: #272727;
    }
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>.disabled>a,
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>.disabled>a:hover,
    #block-menu-menu-archive-menu .nav .open .dropdown-menu>.disabled>a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

/* pagination */

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
        background-color: #5f7d8b;
}

/* feedback button */
.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
        background-color: #40358a!important;
}

.mat-form-field.mat-focused .mat-form-field-label {
        color: #afa6ea!important;
}

.mat-form-field.mat-focused .mat-form-field-ripple {
        background-color: #afa6ea!important;
}

.mat-input-element {
        caret-color:  #afa6ea!important;
}

/* deposit manual adjustments */
div.manual figcaption {
        font-style: italic;
        margin-bottom: 15px;
}

div.manual p {
        margin-bottom: 20px;
}