.header-logo { background-image: url("../img/logo.svg"); width: 206px; height: 60px; left: 10px; background-size: contain; top: 20px; }

.header-logo2 { }

.searchbar { top: 33px }

.currentuser { top: 38px }

.bookregbox { background-color: #f3f3f3; margin-top: 30px; border-radius: 15px; padding: 40px; margin-left: 20px; margin-right: 30px; margin-bottom: 40px; overflow: hidden; white-space: nowrap; font-size: 1.3em; text-align: center; cursor: default; position: relative; }

.bookregbox:hover { background-color: #eee; }

.bookregbox-label { font-weight: bold; display: inline-block; }

.bookregbox-regbtn { display: inline-block; background-color: #FB4949; padding: 15px 25px; box-sizing: border-box; color: white; border-radius: 8px; font-size: 17px; cursor: pointer; }

.bookregbox-regbtn:hover { background-color: red; }

.bookregbox-xligo, .bookregbox-popup-xligo { background: url("../img/xligo.svg") top left no-repeat; width: 200px; height: 42px; background-size: 200px auto; display: inline-block; vertical-align: middle; margin-right: 30px; }

.bookregbox-popup { width: 640px; height: 290px; background-color: white; padding: 20px 40px 40px 40px; box-sizing: border-box; }

.bookregbox-popup-content { text-align: center; }

.bookregbox-popup-title { font-weight: bold; font-size: 1.3em; text-align: center; margin-bottom: 30px; }

.bookregbox-popup-title div { display: inline-block; vertical-align: middle; }

.bookregbox-popup-code { padding: 32px; padding-bottom: 15px; }

.bookregbox-popup-code-input { border: 2px solid #c9c9c9; font-size: 26px; border-radius: 7px; padding: 5px; text-transform: uppercase; text-align: center; outline: none; }

.bookregbox-popup-code-input:hover { border-color: #aaa; }

.bookregbox-popup-code-input:focus { outline: none; border-color: #1567ae; }

.bookregbox-popup-info { margin-top: 15px; font-size: 1.1em; }

.bookregbox-popup-msg { color: #1a8d4c; font-weight: bold; }

.bookregbox-popup-msg-error { color: red; }

.bookregbox-popup-buttons { position: absolute; bottom: 0px; right: 0px; }

.bookregbox-miniloader { width: 24%; display: inline-block; overflow: hidden; text-align: center; }

.bookregbox-miniloader .bookregbox-regbtn { width: auto; cursor: pointer; }

.bookregbox-miniloader .bookregbox-xligo { display: block; margin: 0px auto; margin-bottom: 30px; margin-top: 20px; }

.bookregbox-title { font-weight: bold; display: block; line-height: 30px; font-size: 19px; margin: 3px 160px 20px 0px; color: #444; }

.bookregbox:hover .bookregbox-title { color: #222; }

.bookregbox-activated { text-align: left; padding: 30px; padding-top: 15px; padding-bottom: 55px; white-space: unset; }

.bookregbox-activated .book { background-color: transparent; min-height: unset; display: inline-block; }

.bookregbox-activated .book-title { text-align: left; }

.bookregbox-activated .book-info { display: none; }

.bookregbox-bookcontainer { width: 25%; text-align: center; display: inline-block; vertical-align: middle; }

.doc-headerbox { background-color: #dceaf7; padding: 20px; border-radius: 10px; text-align: center; font: 17px/30px 'Oxygen',Arial,Helvetica,sans-serif; }

.doc-headerbox-activate { background-color: #f3f3f3; }

.doc-headerbox-regbtn { display: inline-block; background-color: #FB4949; padding: 5px 15px; box-sizing: border-box; color: white; border-radius: 8px; font-size: 17px; ursor: pointer; margin-top: 10px; cursor: pointer; }

.doc-headerbox-regbtn:hover { background-color: red; }

.statictext-image { width: 100%; display: block; margin-top: 30px; border: 2px solid #ddd; }