@import url("https://www.waikato.ac.nz/include/fontawesome/css/all.min.css"); 

/* set base colours and customisations for our Primo */


#chat_icon_online circle.st0 {
    fill: #FFFFFF;
    stroke:#0FA1C9;
    stroke-width:0.1;
    stroke-miterlimit:10;
}
#chat_icon_online .st1 {fill:#0FA1C9}
#chat_icon_online:hover path.st1 {
    fill: green;
}

#chat_icon_online:hover circle.st0 {
    stroke: green;
}

#chat_icon_offline .st0 {fill:#FFFFFF;stroke:#444;stroke-width:0.1;stroke-miterlimit:10; }
#chat_icon_offline .st1 {fill:#444}
.libraryh3lp  a { border:none; background:none;}
.libraryh3lp  {

    position: fixed;
    bottom: 40px;
    right: 40px;
}



prm-topbar,
div.top-nav-bar {
  height: 66px;
  background: black;
}

prm-user-area
  md-fab-toolbar.md-is-open
  md-fab-trigger
  ._md-fab-toolbar-background {
  background: black !important;
}

prm-search-bar,
div.advanced-search-backdrop {
  background: #444;
}

div.product-logo a.md-primoExplore-theme:hover {
  /* prevent weird background and underline on logo link */
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
}

prm-journals-search-bar {
  background: #444;
}

prm-tags-search-bar {
  background: #444;
}

prm-browse-search-bar {
  background: #444;
}

.search-bar-title {
  color: white;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.6);
  font-size: 50px;
  font-weight: bold;
  font-family: "Helvetica", "Arial", sans-serif;
  margin-bottom: 10px;
}

.advanced-search-wrapper,
.search-element-inner {
  opacity: 0.9;
}

prm-user-area .user-menu-button .user-name {
  color: gold;
}

#getit_link2 prm-full-view-service-container {
  display: none;
}

body {
  background: #eee; /* fix for background colour when viewing source record */
  -webkit-font-smoothing: subpixel-antialiased; /* fix the fact some designer disabled modern anti-aliasing */
}

button.switch-to-advanced {
  border: 1px solid white;
}
button.switch-to-simple {
  border: 1px solid white;
  color: white !important;
}

/* force size of our logo as Primo doesn't intelligently handle providing a HiDPI file */

prm-logo div.product-logo img {
  height: 35px;
}

/*
fix ordering of "tabs" due to flaws in admin
using display: flex to force ordering
*/

#getit_link1_0 {
  order: 0;
}
#getit_link2_0 {
  order: 1;
}
#action_list {
  order: 2;
} /* send to */
#details {
  order: 3;
}
#links {
  order: 4;
}
#tags {
  order: 4;
}
#citations {
  order: 5;
}
#virtualBrowse {
  order: 6;
}

.full-view-inner-container {
  padding-bottom: 10em;
  display: flex;
  flex-direction: column;
}

[aria-label="View it"] {
  order: 0 !important;
}
[aria-label="Get it"] {
  order: 1 !important;
}
[aria-label="Send to"] {
  order: 2 !important;
}
[aria-label="Details"] {
  order: 3 !important;
}
[aria-label="Links"] {
  order: 4 !important;
}
[aria-label="Tags"] {
  order: 5 !important;
}
[aria-label="Citations"] {
  order: 6 !important;
}
[aria-label="Virtual Browse"] {
  order: 7 !important;
}

/* Browzine styles */

.browzine-icon {
  margin-right: 2px;
}

.browzine-external-link {
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
}



/* force size of our logo as Primo doesn't intelligently handle providing a HiDPI file */

prm-logo div.product-logo img {
  height: 35px;
}

/* StackMap buttons */

.map-button {
  z-index: 1000;
  cursor: pointer;
  margin-left: 20px;
  background-color: #444;
  color: white;
  border-width: 0;
  border-radius: 3px;
  padding: 3px 12px;
  font-size: 9pt;
}

/**** CSS for Floating Chat ****/
@font-face {
  font-family: "FontAwesome";
  src: url("//www.waikato.ac.nz/__matrix-data/assets/file/0028/19675/fontawesome-webfont.eot?v=4.7.0");
  src: url("//www.waikato.ac.nz/__matrix-data/assets/file/0028/19675/fontawesome-webfont.eot?#iefix&v=4.7.0")
      format("embedded-opentype"),
    url("//www.waikato.ac.nz/__matrix-data/assets/file/0032/19679/fontawesome-webfont.woff2?v=4.7.0")
      format("woff2"),
    url("//www.waikato.ac.nz/__matrix-data/assets/file/0031/19678/fontawesome-webfont.woff?v=4.7.0")
      format("woff"),
    url("//www.waikato.ac.nz/__matrix-data/assets/file/0030/19677/fontawesome-webfont.ttf?v=4.7.0")
      format("truetype"),
    url("//www.waikato.ac.nz/__matrix-data/assets/file/0029/19676/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-comments:before {
  content: "\f086";
}

.top-of-page-show {
  display: none !important;
}
   #library_chat {
        background: none;
        cursor: pointer;
        position: fixed;
        bottom: 20px;
        right: 30px;
        border: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: flex;
        animation: bounce-7 1s;
        animation-delay: 5s;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
	   color: rgb(15, 161, 201);
	   z-index:9999;

    }
     #library_chat:hover {
        background-color: transparent;
    }
     #library_chat:hover i {
        transition: text-shadow 500ms;
        opacity: 1;
        color: #333;
        text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.14);

        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.14);
    }
     #library_chat:hover>span.active {
        display: flex;
    }


     #library_chat:hover>span.active {
        display: flex;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.14);
    }
    #library_chat i {
        font-size: 2.5em;
        text-shadow: -3px 2px 3px rgba(0, 0, 0, 0.2);
        border-radius: 100%;
        padding: 15px;
        background-color: white;
        box-shadow: -10px 2px 11px rgba(115, 115, 115, 0.4);
        border: 1px rgb(15, 161, 201) solid;
    }
  
    @keyframes bounce-7 {
        0% {
            transform: scale(1, 1) translateY(0);
        }
        10% {
            transform: scale(1.1, .9) translateY(0);
        }
        30% {
            transform: scale(.9, 1.1) translateY(-50px);
        }
        50% {
            transform: scale(1.05, .95) translateY(0);
        }
        57% {
            transform: scale(1, 1) translateY(-7px);
        }
        64% {
            transform: scale(1, 1) translateY(0);
        }
        100% {
            transform: scale(1, 1) translateY(0);
        }
    }
    
md-tab-content>div .bar.alert-bar {
    background-color: transparent;
    border:none;
}


.md-button.sm-button {    
	z-index: 1000;
    cursor: pointer;
    margin-left: 0px;
    background-color: #444;
    color: white;
    border-width: 0px;
    border-radius: 3px;
    display: inline !important;
    padding: 5px 15px;
    min-height: auto;
    min-width: auto;
	line-height:normal;
    white-space: nowrap;
    width: auto;
    font-size: 9pt;
}