body{background:linear-gradient(90deg,#114,#002);color:#eee;margin:0;padding:0;box-sizing:border-box}.book-link{cursor:pointer;color:#eee}app-component{background:#114;width:100%;padding:0;margin:0}app-root{width:100%;padding:0;margin:0}div{box-sizing:border-box}app-banner{position:fixed;top:0%;width:100%}app-footer{position:fixed;bottom:0%;width:100%}button{background:#114;color:#faf0be;margin:5px;font-size:12pt;border-radius:5px;border:1px solid #b8860b}button:disabled{color:#555}button:hover{color:gold}button:disabled :hover{color:#555}.red{color:#c33}.danger-red{color:#822}table{width:100%;border:1px solid #222222;border-collapse:collapse;table-layout:fixed}table tr,table tr td,table thead th{border:1px solid #222222}.centered{text-align:center;border:0px solid #222222;height:auto;width:100%}.title{font-size:14pt}.right{float:right}.modal{position:absolute;width:50%;max-width:50%;min-height:50px;max-height:75%;left:25%;right:25%;padding:10px;overflow-x:auto;overflow-y:auto;border:5px solid #ffffff;border-radius:15px;background:#114;box-shadow:5px 10px #0034;z-index:100}.large-modal{width:75%;max-width:75%;left:12.5%;right:12.5%}.fixed-modal{position:absolute;width:90%;max-width:90%;min-height:50%;max-height:75%;left:5%;right:5%;padding:10px;overflow-x:auto;overflow-y:auto;border:5px solid #ffffff;border-radius:15px;background:#114;box-shadow:5px 10px #0034;z-index:10}.hidden{display:none;visibility:hidden}.centered-div{margin-left:auto;margin-right:auto;border:1px solid #ccbb44;width:50%;height:50%;color:#cb4}input{background:#002;color:#cb4;margin:5px;font-size:12pt}textarea{background:#002;color:#cb4;margin:5px;padding:2px;font-size:12pt;font-family:inherit}.quarters{position:relative;width:75%;left:12.5%;right:12.5%;margin:25px}.halves{position:relative;width:50%;left:5%;right:5%;margin:15px}.no-border,.no-border tr{border:0px solid rgba(0,0,0,0)}.no-border tr td{border:0px solid rgba(0,0,0,0);text-align:left}.float-right{float:right}.toaster{position:fixed;width:100%;height:auto;bottom:64px;left:0%;border:0px solid #000000;z-index:5}.toastMessage{position:relative;bottom:10%;width:auto;min-width:200px;max-width:400px;padding:5px;background:#f80;color:#000;font-size:14pt;font-style:bold;border-radius:5px;margin:5px}.background-okay{background:#2b4}.background-danger{background:#f42}.background-warning{background:#882}.color-okay{color:#fff}.fadein{animation:fadeIn 1s}.fadeout{animation:fadeOut 3s}@keyframes fadeIn{0%{left:-500px;opacity:0}to{left:0;opacity:1}}@keyframes fadeOut{0%{opacity:1;left:0}50%{opacity:1;left:0}to{opacity:0;left:-500px}}.pager-div{width:25%;float:left;border:1px solid #ffffff}.pager-button{float:left}input[type=date]::-webkit-calendar-picker-indicator{border-radius:4px;margin-right:2px;opacity:1;filter:invert(100%)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.content-div{margin-top:128px;border:0px solid #000000;overflow-y:auto;overflow-x:auto;height:calc(100vh - 128px);scrollbar-width:none;padding:5px;background:#114}.bordered{border:1px solid #ffffff}.banner-div{width:100%;border:0px solid #ffffff;text-align:center;font-size:24pt;color:#eee;padding:18px;height:auto;min-height:64px;max-height:64px;background:#002;font-weight:bolder}.nav-div{bottom:0%;left:0%;width:100%;height:64px;background:#002;border:0px solid #000000}.nav-div ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background:#002}.nav-div li{float:left}.nav-div li a{display:block;color:#eee;text-align:center;padding:14px 16px;text-decoration:none;font-size:18pt;font-weight:bolder}.nav-div li a:hover{background:#999;color:#111;border-radius:10pt}.nav-div #username{float:right;display:block;color:#eee;text-align:center;padding:14px 16px;text-decoration:none;font-size:18pt;font-weight:bolder}.footer-div{width:100%;text-align:center;background:#002}.copyright{text-align:right;font-size:10pt}.footer-div ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background:#002}.footer-div ul li{float:left}.footer-div ul li:last-of-type{float:right}.footer-div ul li a{display:block;color:#eee;text-align:center;padding:14px 16px;text-decoration:none}.footer-div ul li a:hover{background:#999;color:#111;border-radius:10pt}.card-parent{display:grid;grid-template-areas:"left right"}.card-parent-with-pager{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto}.card-pager{grid-column-start:1;grid-column-end:3}.card-parent-with-pager-books{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:auto;row-gap:5px}.card-pager-books{grid-column-start:1;grid-column-end:5}.card{width:90%;height:90%;float:inline-start;border:solid #999999;border-width:0px 0px 5px 0px;border-radius:15px;background:#114;padding:25px;margin:10px}.card p{text-indent:5%}.small-card{position:relative;width:100%;height:100%;border:solid #999999;border-width:1px 1px 1px 1px;border-radius:15px;background:#114;padding:5px;overflow-y:hidden;margin-left:auto;margin-right:auto}.small-card p{text-indent:5%}.half-div{width:76%;margin-left:auto;margin-right:auto;text-align:left}.half-div p{text-indent:5%}.sinking{position:relative;top:auto;bottom:0%}.full-div{position:relative;width:100%;height:100%}.relative-div{position:relative}.absolute-div{position:absolute}.border-absolute-div{position:absolute;width:100%;height:100%}.div-about{font-size:14pt}.book-carousel{width:800px;height:200px;margin-left:auto;margin-right:auto;background:#0000;border:0px solid #ffffff;box-sizing:border-box;padding:2px;position:relative;overflow-y:hidden;overflow-x:hidden}.book-item{position:absolute;left:140px;width:128px;height:192px;background:#44f;border:1px solid #ffffff}.book-item-display,.book-item-animated{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}.animation-duration-5s{animation:book-carousel-animation-5;animation-duration:5s;animation-iteration-count:infinite}.animation-duration-4s{animation:book-carousel-animation-4;animation-duration:4s;animation-iteration-count:infinite}.animation-duration-3s{animation:book-carousel-animation-3;animation-duration:3s;animation-iteration-count:infinite}.animation-duration-2s{animation:book-carousel-animation-2;animation-duration:2s;animation-iteration-count:infinite}.book-animation-start-1-5{animation-delay:-1s}.book-animation-start-2-5{animation-delay:-2s}.book-animation-start-3-5{animation-delay:-3s}.book-animation-start-4-5{animation-delay:-4s}.book-animation-start-1-4{animation-delay:-1s}.book-animation-start-2-4{animation-delay:-2s}.book-animation-start-3-4{animation-delay:-3s}.book-animation-start-1-3{animation-delay:-1s}.book-animation-start-2-3{animation-delay:-2s}.book-animation-start-1-2{animation-delay:-1s}.animation-paused{animation-play-state:paused}@keyframes book-carousel-animation-5{0%{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}20%{position:absolute;left:208px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg)}40%{position:absolute;left:130px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(80deg);z-index:1}60%{position:absolute;left:535px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(80deg);z-index:1}80%{position:absolute;left:464px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg);z-index:5}to{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}}@keyframes book-carousel-animation-4{0%{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}25%{position:absolute;left:208px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg)}50%{position:absolute;left:336px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(180deg);z-index:1}75%{position:absolute;left:464px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg);z-index:5}to{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}}@keyframes book-carousel-animation-3{0%{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}33%{position:absolute;left:208px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg)}66%{position:absolute;left:464px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg);z-index:5}to{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}}@keyframes book-carousel-animation-2{0%{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}25%{position:absolute;left:208px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg)}50%{position:absolute;left:336px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(80deg);z-index:1}75%{position:absolute;left:464px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg);z-index:5}to{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}}@media only screen and (max-width: 800px){body{background:#114;color:#eee;margin:0;padding:0;box-sizing:border-box}.book-link{cursor:pointer;color:#eee}app-component{background:#114;width:100%;padding:0;margin:0}app-root{width:100%;padding:0;margin:0}div{box-sizing:border-box}app-banner{position:fixed;top:0%;width:100%}app-footer{bottom:0%;width:100%}button{background:#114;color:#faf0be;margin:5px;font-size:10pt;border-radius:5px;border:1px solid #b8860b}button:disabled{color:#555}button:hover{color:gold}button:disabled :hover{color:#555}.red{color:#c33}.danger-red{color:#822}table{width:100%;border:1px solid #222222;border-collapse:collapse;table-layout:fixed}table tr,table tr td,table thead th{border:1px solid #222222}.centered{text-align:center;border:0px solid #222222;height:auto;width:100%}.title{font-size:12pt}.right{float:right}.modal{position:absolute;width:90%;max-width:90%;left:5%;right:5%;border:5px solid #ffffff;border-radius:15px;background:#114;box-shadow:5px 10px #0034;z-index:100}.large-modal{width:75%;max-width:75%;left:12.5%;right:12.5%}.fixed-modal{position:absolute;width:90%;max-width:90%;min-height:50%;max-height:75%;left:5%;right:5%;padding:10px;overflow-x:auto;overflow-y:auto;border:5px solid #ffffff;border-radius:15px;background:#114;box-shadow:5px 10px #0034;z-index:10}.hidden{display:none;visibility:hidden}.centered-div{margin-left:auto;margin-right:auto;border:1px solid #ccbb44;width:50%;height:50%;color:#cb4}input{background:#002;color:#cb4;margin:5px;font-size:10pt}textarea{background:#002;color:#cb4;margin:5px;padding:2px;font-size:10pt;font-family:inherit}.quarters{position:relative;width:75%;left:12.5%;right:12.5%;margin:25px}.halves{position:relative;width:50%;left:5%;right:5%;margin:15px}.no-border,.no-border tr{border:0px solid rgba(0,0,0,0)}.no-border tr td{border:0px solid rgba(0,0,0,0);text-align:left}.float-right{float:right}.toaster{position:fixed;width:100%;height:auto;bottom:64px;left:0%;border:0px solid #000000;z-index:5}.toastMessage{position:relative;bottom:10%;width:auto;min-width:200px;max-width:400px;padding:5px;background:#f80;color:#000;font-size:12pt;font-style:bold;border-radius:5px;margin:5px}.background-okay{background:#2b4}.background-danger{background:#f42}.background-warning{background:#882}.color-okay{color:#fff}.fadein{animation:fadeIn 1s}.fadeout{animation:fadeOut 3s}@keyframes fadeIn{0%{left:-500px;opacity:0}to{left:0;opacity:1}}@keyframes fadeOut{0%{opacity:1;left:0}50%{opacity:1;left:0}to{opacity:0;left:-500px}}.pager-div{width:25%;float:left;border:1px solid #ffffff}.pager-button{float:left}input[type=date]::-webkit-calendar-picker-indicator{border-radius:4px;margin-right:2px;opacity:1;filter:invert(100%)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.content-div{margin-top:128px;border:0px solid #000000;overflow-y:auto;overflow-x:auto;height:calc(100vh - 128px);padding:5px 5px 128px}.bordered{border:1px solid #ffffff}.banner-div{width:100%;border:0px solid #ffffff;text-align:center;font-size:14pt;color:#eee;padding:18px;height:auto;min-height:64px;max-height:64px;background:#002;font-weight:bolder}.nav-div{bottom:0%;left:0%;width:100%;height:64px;background:#002;border:0px solid #000000}.nav-div ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background:#002}.nav-div li{float:left}.nav-div li a{display:block;color:#eee;text-align:center;padding:14px 16px;text-decoration:none;font-size:10pt;font-weight:bolder}.nav-div li a:hover{background:#999;color:#111;border-radius:10pt}.nav-div #username{float:right;display:block;color:#eee;text-align:center;padding:14px 16px;text-decoration:none;font-size:14pt;font-weight:bolder}.footer-div{width:100%;text-align:center;background:#002}.copyright{text-align:right;font-size:8pt}.footer-div ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background:#002}.footer-div ul li{float:left}.footer-div ul li:last-of-type{float:right}.footer-div ul li a{display:block;color:#eee;text-align:center;padding:14px 16px;text-decoration:none}.footer-div ul li a:hover{background:#999;color:#111;border-radius:10pt}.card-parent{display:grid;grid-template-areas:"left right"}.card-parent-with-pager{display:grid;grid-template-columns:1fr;grid-auto-rows:auto}.card-pager{grid-column-start:1;grid-column-end:3}.card-parent-with-pager-books{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;row-gap:5px}.card-pager-books{grid-column-start:1;grid-column-end:5}.card{width:90%;height:90%;float:inline-start;border:solid #999999;border-width:0px 0px 5px 0px;border-radius:15px;background:#114;padding:25px;margin:10px}.card p{text-indent:5%}.small-card{position:relative;width:100%;height:100%;border:solid #999999;border-width:1px 1px 1px 1px;border-radius:15px;background:#114;padding:5px;overflow-y:hidden;margin-left:auto;margin-right:auto}.small-card p{text-indent:5%}.half-div{position:relative;width:100%;height:100%}.half-div p{text-indent:5%}.hidden{display:none}.sinking{position:relative;top:auto;bottom:0%}.full-div{position:relative;width:100%;height:100%}.relative-div{position:relative}.absolute-div{position:absolute}.border-absolute-div{position:absolute;width:100%;height:100%}.book-carousel{display:none}.book-item{position:absolute;left:140px;width:128px;height:192px;background:#44f;border:1px solid #ffffff}.book-item-display,.book-item-animated{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}.animation-duration-5s{animation:book-carousel-animation-5;animation-duration:5s;animation-iteration-count:infinite}.animation-duration-4s{animation:book-carousel-animation-4;animation-duration:4s;animation-iteration-count:infinite}.animation-duration-3s{animation:book-carousel-animation-3;animation-duration:3s;animation-iteration-count:infinite}.animation-duration-2s{animation:book-carousel-animation-2;animation-duration:2s;animation-iteration-count:infinite}.book-animation-start-1-5{animation-delay:-1s}.book-animation-start-2-5{animation-delay:-2s}.book-animation-start-3-5{animation-delay:-3s}.book-animation-start-4-5{animation-delay:-4s}.book-animation-start-1-4{animation-delay:-1s}.book-animation-start-2-4{animation-delay:-2s}.book-animation-start-3-4{animation-delay:-3s}.book-animation-start-1-3{animation-delay:-1s}.book-animation-start-2-3{animation-delay:-2s}.book-animation-start-1-2{animation-delay:-1s}.animation-paused{animation-play-state:paused}@keyframes book-carousel-animation-5{0%{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}20%{position:absolute;left:208px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg)}40%{position:absolute;left:130px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(80deg);z-index:1}60%{position:absolute;left:535px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(80deg);z-index:1}80%{position:absolute;left:464px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg);z-index:5}to{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}}@keyframes book-carousel-animation-4{0%{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}25%{position:absolute;left:208px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg)}50%{position:absolute;left:336px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(180deg);z-index:1}75%{position:absolute;left:464px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg);z-index:5}to{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}}@keyframes book-carousel-animation-3{0%{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}33%{position:absolute;left:208px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg)}66%{position:absolute;left:464px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg);z-index:5}to{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}}@keyframes book-carousel-animation-2{0%{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}25%{position:absolute;left:208px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg)}50%{position:absolute;left:336px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(80deg);z-index:1}75%{position:absolute;left:464px;width:128px;height:192px;background:#000;border:0px solid #ffffff;transform:rotateY(60deg);z-index:5}to{position:absolute;left:336px;width:128px;height:192px;background:#44f;border:0px solid #ffffff;z-index:10}}.div-about{font-size:10pt}textarea{width:90%;left:5%;right:5%}}