@font-face{
     font-family:"Avenir-Book";
     src:url("../fonts/Avenir-Light-webfont.woff") format("woff") 
}
 @font-face{
     font-family:"Avenir-Book";
     src:url("../fonts/Avenir-Medium-webfont.woff") format("woff");
     font-weight:bold 
}
 @font-face{
     font-family:"Avenir-Book";
     src:url("../fonts/Avenir-Oblique-webfont.woff") format("woff");
     font-style:italic 
}
 @font-face{
     font-family:"Avenir-Book";
     src:url("../fonts/Avenir-MediumOblique-webfont.woff") format("woff");
     font-weight:bold;
     font-style:italic 
}
 body{
     width:100%;
     font-size:1rem;
     font-family:"Avenir-Book", Helvetica, Arial, serif;
     box-sizing:border-box;
     padding:0 5vw;
     margin:0;
     align-items: center;
}
 @media only screen and (max-width: 900px){
     body{
         padding:.375rem 
    }
}
 header{
     display:-webkit-flex;
     display:flex;
     -webkit-justify-content:space-between;
     justify-content:space-between;
     -webkit-align-items:stretch;
     align-items:stretch;
     width: 100%;
     box-sizing: border-box;
     border: #244983 4px solid;
     border-radius: 0.375rem;
     margin: 0.75rem 0;
     padding: 0.375rem;
}
 header .login-form{
     display:-webkit-flex;
     display:flex;
     -webkit-flex-direction:column;
     flex-direction:column;
     -webkit-justify-content:center;
     justify-content:center 
}
 header .spacer{
     -webkit-flex-grow:1;
     flex-grow:1 
}
 input[type="text"]{
     border:#5E595F 1px solid 
}
 .logo{
     display:-webkit-flex;
     display:flex;
     -webkit-flex-direction:column;
     flex-direction:column;
     -webkit-align-items:center;
     align-items:center 
}
 .logo img{
     max-height:80px 
}
 .logo .logo-annotations{
     display:-webkit-flex;
     display:flex;
     -webkit-flex-direction:column;
     flex-direction:column;
     -webkit-align-items:center;
     align-items:center 
}
 .logo .logo-annotations .logo-annotation{
     margin:.375rem 0 
}
 .logo .logo-annotations .logo-annotation:nth-child(1){
     font-size:1.3em;
     font-weight:bold 
}
 #loading-modal-bg{
     display:none;
     position:fixed;
     top:0;
     left:0;
     height:100%;
     width:100%;
     z-index:2;
     -webkit-align-items:center;
     align-items:center;
     -webkit-justify-content:center;
     justify-content:center;
     background:rgba(255,255,255,0.5) 
}
 #loading-modal-bg.visible{
     display:-webkit-flex;
     display:flex 
}
 #loading-modal-bg.visible .loading-modal{
     opacity:1 
}
 .loading-modal{
     min-height:25vh;
     min-width:25vw;
     display:-webkit-flex;
     display:flex;
     -webkit-flex-direction:column;
     flex-direction:column;
     border:#244983 4px solid;
     border-radius:.5em;
     box-sizing:border-box;
     opacity:0;
     -webkit-transition:all 1s;
     transition:all 1s;
     background:white 
}
 .loading-modal-header{
     font-weight:bold;
     font-size:1.2em;
     padding:.375rem 
}
 .loading-modal-icon{
     -webkit-align-self:center;
     align-self:center;
     font-size:2em;
     margin:1.5rem 
}
 .loading-modal-body{
     -webkit-align-self:center;
     align-self:center;
     text-align:center;
     margin-bottom:3rem 
}
 button{
     text-align:initial;
     font-size:inherit;
     font-family:inherit 
}
 a{
     color:#315997;
     text-decoration:none 
}
 a:hover{
     text-decoration:underline 
}
 button,a.button-link,a.button-link:active,a.button-link:visited{
     color:#F4F4F4;
     box-sizing:border-box;
     padding:.375rem .75rem;
     border:none;
     border-radius:.5em;
     text-decoration:none;
     -webkit-transition:background-color 0.2s;
     transition:background-color 0.2s;
     background-color:rgba(94,89,95,0.74) 
}
 button:hover,a.button-link:hover,a.button-link:active:hover,a.button-link:visited:hover{
     background-color:#5E595F 
}
 button.blue-button,a.button-link.blue-button,a.button-link:active.blue-button,a.button-link:visited.blue-button{
     background-color:rgba(36,73,131,0.8) 
}
 button.blue-button:hover,a.button-link.blue-button:hover,a.button-link:active.blue-button:hover,a.button-link:visited.blue-button:hover{
     background-color:#244983 
}
 button.red-button,a.button-link.red-button,a.button-link:active.red-button,a.button-link:visited.red-button{
     background-color:rgba(154,88,88,0.8) 
}
 button.red-button:hover,a.button-link.red-button:hover,a.button-link:active.red-button:hover,a.button-link:visited.red-button:hover{
     background-color:#9A5858 
}
 .flex-spacer{
     -webkit-flex-grow:1;
     flex-grow:1 
}
 .cover-wrapper{
     width:100%;
     display:-webkit-flex;
     display:flex;
     -webkit-flex-direction:column;
     flex-direction:column;
     -webkit-align-items:center;
     align-items:center 
}
 body{
     display:-webkit-flex;
     display:flex;
     -webkit-flex-direction:column;
     flex-direction:column;
     -webkit-align-items:center;
     align-items:center 
}
 .copyright {
     position: fixed;
     left: 40%;
     bottom: 0px;
     margin: 0 auto;
}
 .logout {
     position:fixed;
     bottom:0;
     width:100%;
     left:90%;
}
 #buttons {
     margin-top: 200px;
}
 #covers {
     margin-top: -200px;
}
 #lnkBtnSearch{
     background-color: #9a5858CC;
     border: #9a5858CC 0px solid;
     color: #ffffff;
     font-weight: 800;
     text-shadow: .5px .5px .5px #5e595fBD;
     border-radius: 15px;
     height: 50px;
     width: 300px;
     padding-top: 17px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
}

 #loginbtn {
     background-color: #9a5858CC;
     border: #9a5858CC 0px solid;
     color: #ffffff;
     font-weight: 800;
     text-shadow: .5px .5px .5px #5e595fBD;
     border-radius: 15px;
     height: 27px;
     width: 100px;
     padding-top: 11px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
}

 #imgBtnBrowse {
     background-color: #9a5858CC;
     border: #9a5858CC 0px solid;
     color: #ffffff;
     font-weight: 800;
     text-shadow: .5px .5px .5px #5e595fBD;
     border-radius: 15px;
     height: 50px;
     width: 300px;
     padding-top: 15px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
}

 #imgCIBtnSearch {
    background-color: #9a5858CC;
     border: #9a5858CC 0px solid;
     color: #ffffff;
     font-weight: 800;
     text-shadow: .5px .5px .5px #5e595fBD;
     border-radius: 15px;
     height: 50px;
     width: 300px;
     padding-top: 10px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
}
 #lnkBtnSearch:hover, #imgBtnBrowse:hover, #imgCIBtnSearch:hover {
     background-color:#9a5858;
}
 #imgbtnTwoDbs {
     background-color: #5e595fBD;
     border: #9a5858CC 0px solid;
     color: #ffffff;
     font-weight: 800;
     text-shadow: .5px .5px .5px #5e595fBD;
     border-radius: 15px;
     height: 30px;
     width: 200px;
     padding-top: 10px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
}
 #imgbtnPubList {
     background-color: #5e595fBD;
     border: #9a5858CC 0px solid;
     color: #ffffff;
     font-weight: 800;
     text-shadow: .5px .5px .5px #5e595fBD;
     border-radius: 15px;
     height: 30px;
     width: 215px;
     padding-top: 10px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
}
 #imgbtnTwoDbs:hover, #imgbtnPubList:hover {
     background-color: #5e595f;
}
 #lnkBtnLogOut {
     color: #244983;
     text-align: center;
     width: 100px;
     display: block;
     margin-left:85vw;
     text-decoration: none;
}
/* Cookie Dialog */
 #gdpr-cookie-message {
     position: fixed;
     right: 30px;
     bottom: 30px;
     max-width: 375px;
     background-color: var(--purple);
     padding: 20px;
     border-radius: 5px;
     box-shadow: 0 6px 6px rgba(0,0,0,0.25);
     margin-left: 30px;
     font-family: system-ui;
}
 #gdpr-cookie-message h4 {
     color: var(--red);
     font-family: 'Quicksand', sans-serif;
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 10px;
}
 #gdpr-cookie-message p {
     color: black;
     font-size: 15px;
     line-height: 1.5em;
}
 #gdpr-cookie-message p:last-child {
     margin-bottom: 0;
     text-align: right;
}
 #gdpr-cookie-message a {
     color: var(--red);
     text-decoration: none;
     font-size: 15px;
     padding-bottom: 2px;
     border-bottom: 1px dotted rgba(255,255,255,0.75);
     transition: all 0.3s ease-in;
}
 #gdpr-cookie-message a:hover {
     color: black;
     border-bottom-color: var(--red);
     transition: all 0.3s ease-in;
}
 #gdpr-cookie-message button {
     border: none;
     background: var(--red);
     color: black;
     font-family: 'Quicksand', sans-serif;
     font-size: 15px;
     padding: 7px;
     border-radius: 3px;
     margin-left: 15px;
     cursor: pointer;
     transition: all 0.3s ease-in;
}
 #gdpr-cookie-message button:hover {
     background: black;
     color: var(--red);
     transition: all 0.3s ease-in;
}
 @media only screen and (max-width: 1236px) {
     #covers {
         display: none;
    }
}
 @media only screen and (max-width: 648px) {
     #lnkBtnSearch {
         display: block;
    }
     #imgBtnBrowse {
         display: block;
    }
}