.ab-logo {
    background-image: url('/content/img/AlbertaLogo.svg') !important;
}

.alberta-theme header.site-header .local-nav-top nav ul li.active { background-image: url("/content/img/subnav-active.png") !important; }

.btn {
    border: none;
}

.alberta-theme table thead tr th span {
    color: #fff;  /*make child spans have color. This could maybe be a ...tr th * element */
}

/*fix breadcrumb indentation*/
/*#breadcrumbs {
    margin-left:2em;  
}*/

.btn-primary {
   border-color: #005072; /*fix light blue border*/
}

.alberta-theme #breadcrumbs-share #breadcrumbs ul li.active {
  font-size:12px;   
  float:none; /*fix font size of active items*/
}

@media screen and (max-width: 992px) {
 .alberta-theme header.site-header.compressed {
     z-index: 1010; /*appear over other items that have a z-index*/
    }   
}

/*.alberta-theme table tr td {
    max-width: initial;
    word-wrap: normal;
    white-space: normal;
}*/

/*.alberta-theme table thead tr th {
    max-width: initial;
    word-wrap: normal;
    white-space: normal;
}*/

/*.ui-widget-header {
    border: 1px solid #719500 !important;
    background: #719500 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x !important;
}*/

/** missing popover stuff from bootstrap.css*/

.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.42857; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; }
.popover.top { margin-top: -10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }

.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 3px 3px 0 0; }

.popover-content { padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }

.popover > .arrow { border-width: 11px; }

.popover > .arrow:after { border-width: 10px; content: ""; }

.popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }
.popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; }
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); }
.popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; }
.popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }
.popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; }
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; }