@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes errorIn{0%{top:-5rem;opacity:0}100%{top:1rem;opacity:1}}@keyframes errorIn{0%{top:-5rem;opacity:0}100%{top:1rem;opacity:1}}*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Quicksand"}*::-moz-selection{background-color:#076580;color:#ce9205}*::selection{background-color:#076580;color:#ce9205}html,body{display:block;height:100%;width:100%;margin:0;background-color:#ce9205;color:#ce9205}body.loading{overflow:hidden}body.loading:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";content:"\f1ce";margin:0;color:inherit;font-weight:900}body.loading:before{position:fixed;top:calc(50% - 1rem);left:calc(50% - 1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:3rem;height:3rem;background-color:transparent;color:#ce9205;font-size:3rem;z-index:1000;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}body.loading:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(7,101,128,0.95);z-index:999}body .headline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:1.5rem;width:100%}body .headline:before,body .headline:after{content:"";-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:10;-ms-flex-positive:10;flex-grow:10;background-color:#ce9205;height:2px}body .headline:before{margin-right:2vh}body .headline:after{margin-left:2vh}body p{margin-bottom:1rem}body p.center{text-align:center}body .profilepic{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:40px;height:40px;border-radius:20px;overflow:hidden;-webkit-box-shadow:0 0 30px -13px #076580;box-shadow:0 0 30px -13px #076580}body .profilepic.small{width:40px;height:40px;border-radius:20px}body .profilepic.medium{width:60px;height:60px;border-radius:30px}body .profilepic.large{width:90px;height:90px;border-radius:45px}body .profilepic.xlarge{width:150px;height:150px;border-radius:75px}body .profilepic.xxlarge{width:220px;height:220px;border-radius:110px}body .profilepic figure{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:0;margin:0}body .profilepic figure img{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%}body .helpus{display:block;margin-bottom:1rem;font-size:85%;line-height:110%}body .bookinfo{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:1rem auto}body .bookinfo figure{margin:0 1rem 0 0}body .bookinfo figure i{display:block;text-align:center;font-size:3rem}body .bookinfo .infos{display:block}body .bookinfo .infos .author{font-size:80%;font-weight:600}body .bookinfo .infos .title{font-size:130%;font-weight:800;line-height:115%;margin:0 0 .1rem 0;font-family:"Playfair Display"}body .bookinfo .infos .publisher{font-size:75%;font-weight:200}body .bookinfo .infos input{display:block;margin-bottom:.2rem;padding:3px;width:100%}body #gui{display:block;width:100%;height:100%;min-height:100%;color:#222229}@media (max-width:700px){body #gui{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}body #gui main{overflow:auto;width:100%;height:100%;color:initial}body #gui main h1{color:#076580;font-size:1.7rem}@media (max-width:700px){body #gui main{overflow:unset}}body #gui main .jutho_upload{min-width:15rem;margin:2rem auto;background-color:rgba(206,146,5,0.1);border-color:#076580}body #gui main .jutho_upload .jutho_upload_placeholder{background-color:transparent;color:#076580;font-size:1rem;line-height:120%;width:80%}@media (max-width:420px){body #gui main .jutho_upload .jutho_upload_placeholder{font-size:.7rem}}body #gui main .crop{display:block;margin:2rem auto}body #gui main .crop .jcrop-holder{margin:auto}body #gui main .crop_helper{display:none;text-align:center}body #gui main .content{display:block;width:100%;min-height:100%;background-color:#ce9205;padding:8rem 1vw 2.5rem 1vw}body #gui main .content.login,body #gui main .content.create_account,body #gui main .content.error{padding:1rem 1vw 2.5rem 1vw;height:100%;width:100%;background-image:url('../gfx/bg.jpg');background-size:cover;background-repeat:no-repeat;background-position:left center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}body #gui main .content .loginform,body #gui main .content .createform,body #gui main .content .error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:60vw;font-family:"Quicksand";overflow:auto;background-color:rgba(255,255,255,0.7);padding:2rem;border-radius:4px}@media (max-width:1024px){body #gui main .content .loginform,body #gui main .content .createform,body #gui main .content .error{width:95vw}}@media (max-width:700px){body #gui main .content .loginform,body #gui main .content .createform,body #gui main .content .error{padding:1rem}}@media (max-width:420px){body #gui main .content .loginform,body #gui main .content .createform,body #gui main .content .error{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}body #gui main .content .loginform .lr_description,body #gui main .content .createform .lr_description,body #gui main .content .error .lr_description{-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%}@media (max-width:420px){body #gui main .content .loginform .lr_description,body #gui main .content .createform .lr_description,body #gui main .content .error .lr_description{margin-bottom:1rem}}body #gui main .content .loginform .lr_description figure,body #gui main .content .createform .lr_description figure,body #gui main .content .error .lr_description figure{margin:0;height:15rem;overflow:hidden;margin-bottom:1rem}@media (max-width:700px){body #gui main .content .loginform .lr_description figure,body #gui main .content .createform .lr_description figure,body #gui main .content .error .lr_description figure{height:20vh}}body #gui main .content .loginform .lr_description figure img,body #gui main .content .createform .lr_description figure img,body #gui main .content .error .lr_description figure img{height:100%}body #gui main .content .loginform .lr_description p,body #gui main .content .createform .lr_description p,body #gui main .content .error .lr_description p{color:#222229;font-family:"Playfair Display";font-size:1.6rem;line-height:160%;font-weight:600}@media (max-width:700px){body #gui main .content .loginform .lr_description p,body #gui main .content .createform .lr_description p,body #gui main .content .error .lr_description p{font-size:90%}}body #gui main .content .loginform .lr_description p b,body #gui main .content .createform .lr_description p b,body #gui main .content .error .lr_description p b{font-weight:800;font-family:"Playfair Display"}body #gui main .content .loginform .layer_content,body #gui main .content .createform .layer_content,body #gui main .content .error .layer_content{-ms-flex-preferred-size:50%;flex-basis:50%;-ms-flex-negative:1;flex-shrink:1;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media (max-width:420px){body #gui main .content .loginform .layer_content,body #gui main .content .createform .layer_content,body #gui main .content .error .layer_content{-ms-flex-preferred-size:unset;flex-basis:unset;width:100%}}body #gui main .content .loginform .layer_content h4,body #gui main .content .createform .layer_content h4,body #gui main .content .error .layer_content h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:1.5rem;width:100%}body #gui main .content .loginform .layer_content h4:before,body #gui main .content .createform .layer_content h4:before,body #gui main .content .error .layer_content h4:before,body #gui main .content .loginform .layer_content h4:after,body #gui main .content .createform .layer_content h4:after,body #gui main .content .error .layer_content h4:after{content:"";-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:10;-ms-flex-positive:10;flex-grow:10;background-color:#ce9205;height:2px}body #gui main .content .loginform .layer_content h4:before,body #gui main .content .createform .layer_content h4:before,body #gui main .content .error .layer_content h4:before{margin-right:2vh}body #gui main .content .loginform .layer_content h4:after,body #gui main .content .createform .layer_content h4:after,body #gui main .content .error .layer_content h4:after{margin-left:2vh}body #gui main .content form{font-size:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:35%;flex-basis:35%;-ms-flex-negative:0;flex-shrink:0}@media (max-width:700px){body #gui main .content form{font-size:90%}}@media (max-width:420px){body #gui main .content form{margin:auto}}body #gui main .content form h4{display:block;color:#076580;margin-bottom:1rem;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:1.5rem;width:100%}body #gui main .content form h4:before,body #gui main .content form h4:after{content:"";-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:10;-ms-flex-positive:10;flex-grow:10;background-color:#ce9205;height:2px}body #gui main .content form h4:before{margin-right:2vh}body #gui main .content form h4:after{margin-left:2vh}body #gui main .content form label{display:inline-block;font-weight:700;font-family:"Playfair Display";font-size:70%;color:#fac23f;font-weight:lighter;background-color:#076580;border-radius:4px;padding:4px .7rem;margin:5px 0}body #gui main .content form input{display:block;font-size:1.4rem;width:100%;margin:0 auto 1rem auto;border-radius:4px;border:1px solid #808080;background-color:transparent;border:2px solid #076580;padding:.5rem .7rem;color:#076580;font-weight:700}body #gui main .content form input.dummy{display:none !important}@media (max-width:700px){body #gui main .content form input{font-size:90%;padding:.4rem .6rem;margin:0 auto .6rem auto}}body #gui main .content form input:focus,body #gui main .content form input:hover{background-color:rgba(255,255,255,0.75)}body #gui main .content form textarea{border-radius:4px;border:1px solid #808080;outline:none}body #gui main .content form button{display:inline-block;color:#fff;background-color:#076580;border:0;border-radius:4px;padding:.8rem .8rem;margin:1rem 0;text-decoration:none;text-align:center;cursor:pointer;font-family:"Playfair Display";font-size:100%;margin:0 auto 1rem auto}@media (max-width:700px){body #gui main .content form button{padding:.4rem .8rem}}body #gui main .content form button>i{margin-right:5px}body #gui main .content form button.fullwidth{display:block;width:100%}body #gui main .content form button.proceed:after{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f101";font-weight:600;margin-left:10px}body #gui main .content form button:hover{-webkit-box-shadow:inset 0 0 10px -4px rgba(255,255,255,0.75);box-shadow:inset 0 0 10px -4px rgba(255,255,255,0.75)}@media (max-width:700px){body #gui main .content form button{margin:0 auto .6rem auto}}body #gui main .content form a{margin:0 auto 1rem auto}@media (max-width:700px){body #gui main .content form a{margin:0 auto .6rem auto}}body #gui main .content form a.btn{display:inline-block;color:#fff;background-color:#ce9205;border:0;border-radius:4px;padding:.8rem .8rem;margin:1rem 0;text-decoration:none;text-align:center;cursor:pointer;font-family:"Playfair Display";font-size:100%;margin:0 auto 1rem auto}@media (max-width:700px){body #gui main .content form a.btn{padding:.4rem .8rem}}body #gui main .content form a.btn>i{margin-right:5px}body #gui main .content form a.btn.fullwidth{display:block;width:100%}body #gui main .content form a.btn.proceed:after{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f101";font-weight:600;margin-left:10px}body #gui main .content form a.btn:hover{-webkit-box-shadow:inset 0 0 10px -4px rgba(255,255,255,0.75);box-shadow:inset 0 0 10px -4px rgba(255,255,255,0.75)}@media (max-width:700px){body #gui main .content form a.btn{margin:0 auto .6rem auto}}body #gui main .content form a:not(.btn){font-size:50%}body #gui main .content form hr{display:block;width:100%;margin:1rem auto 2rem auto;border:0;border-bottom:1px solid rgba(206,106,5,0.5)}@media (max-width:700px){body #gui main .content form hr{margin:0 auto .6rem auto}}body #gui main .content form>*:last-child{margin-bottom:0}body #gui main .content form.formslider{overflow:hidden;width:100%}body #gui main .content form.formslider .steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}body #gui main .content form.formslider .steps .step{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}body #gui main .content form.formslider .steps .step .error{display:block;margin:2rem auto;color:#bf0c0c;font-weight:800}body #gui main .content form.formslider .steps .step .error ul li{margin-bottom:1.5rem}body #gui main .content form.formslider .steps .step p{margin-bottom:1.5rem}body #gui footer#footer{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(255,255,255,0.75);height:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-top:1px solid #142b8c}@media (max-width:700px){body #gui footer#footer{position:static}}body #gui footer#footer:before{display:block;content:"";position:absolute;left:0;top:-2px;height:1px;width:100%;background-color:#ce6a05}body #gui footer#footer ul.legals{list-style:none;font-size:9px;padding:0;margin:0;text-align:right;margin-left:auto}body #gui footer#footer ul.legals li{display:inline-block;padding:10px}body #gui footer#appfooter{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:fixed;bottom:0;left:0;z-index:5;width:100%;height:2.2rem;margin:0;padding:0;border-top:1px solid #ce9205;background-color:#fffcf4;-webkit-box-shadow:0 0 30px -13px #076580;box-shadow:0 0 30px -13px #076580}body #gui footer#appfooter:before{display:none}body #gui footer#appfooter .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;height:100%;list-style:none;padding:0;margin:0}body #gui footer#appfooter .buttons li{display:inline-block;-ms-flex-preferred-size:30%;flex-basis:30%;background-color:#fff;border:0;margin:0;overflow:hidden}body #gui footer#appfooter .buttons li a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:#076580;text-decoration:none;font-size:18px;padding:8px}body #gui footer#appfooter .buttons li a:hover{color:#ce9205}body #gui nav#menu{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;position:fixed;background-color:rgba(255,255,255,0.97);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:calc(100vh - 8.2rem);top:100%;overflow:auto}body #gui nav#menu.visible{top:6rem;z-index:4}body #gui nav#menu ul{display:block;list-style:none;padding:0;margin:0;width:25vw;border-left:2px solid #ce9205}@media (max-width:800px){body #gui nav#menu ul{width:100%;border-left:0}}body #gui nav#menu ul li{display:block;width:100%;font-size:1.2rem;font-weight:600;color:#076580}body #gui nav#menu ul li a{color:#076580;text-decoration:none;padding:.75rem;display:block;width:100%}body #gui nav#menu ul li a i{display:inline-block;width:1.8rem;height:100%}body #gui nav#menu ul li a:hover,body #gui nav#menu ul li a:active{background-color:#ce9205;color:#fff}body #gui nav#menu ul li+li{border-top:1px solid #076580}body #errormsg{position:fixed;top:1rem;left:0;right:0;display:block;width:95%;margin:auto;padding:13px;background-color:#076580;color:#ce9205;font-size:13px;font-weight:800;text-align:center;border-radius:4px;z-index:2001;-webkit-animation-name:errorIn;animation-name:errorIn;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}body #errormsg a{color:#ce9205}body .btn{display:inline-block;color:#fff;background-color:#076580;border:0;border-radius:4px;padding:.8rem .8rem;margin:1rem 0;text-decoration:none;text-align:center;cursor:pointer;font-family:"Playfair Display";font-size:100%}@media (max-width:700px){body .btn{padding:.4rem .8rem}}body .btn>i{margin-right:5px}body .btn.fullwidth{display:block;width:100%}body .btn.proceed:after{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f101";font-weight:600;margin-left:10px}body .btn:hover{-webkit-box-shadow:inset 0 0 10px -4px rgba(255,255,255,0.75);box-shadow:inset 0 0 10px -4px rgba(255,255,255,0.75)}body a{color:#142b8c}#gui #panel{display:block;width:100%;height:100%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}#gui #panel header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;height:6rem;border-bottom:1px solid #ce9205;margin-bottom:2.5rem;background-color:#fffcf4;padding:0 1.5rem;-webkit-box-shadow:0 0 30px -13px #076580;box-shadow:0 0 30px -13px #076580}@media (max-width:420px){#gui #panel header{padding:0 .5rem}}#gui #panel header figure.logo{margin:0 2rem 0 0;padding:0;height:100%;border:8px solid transparent;border-left:0;-webkit-box-sizing:border-box;box-sizing:border-box}#gui #panel header figure.logo a{display:block;height:100%}#gui #panel header figure.logo img{-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;width:100%;height:100%}#gui #panel header .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;list-style:none;padding:0;margin:0}#gui #panel header .buttons li{display:inline-block;width:40px;height:40px;background-color:#fff;border:1px solid #ce9205;border-radius:20px;margin-left:10px;overflow:hidden}#gui #panel header .buttons li:hover{-webkit-box-shadow:0 0 30px -13px #ce6a05;box-shadow:0 0 30px -13px #ce6a05}#gui #panel header .buttons li a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:#ce9205;text-decoration:none}#gui #panel header .buttons li a:hover{background-color:#fffcf4}#gui #panel main{display:block;width:100%;height:auto;padding:0 8px 55px 8px}#gui #panel main section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:rgba(255,252,244,0.5);border-radius:8px;overflow:hidden;padding:8px;margin-bottom:1rem;-webkit-box-shadow:0 0 2px 0 rgba(206,106,5,0.4);box-shadow:0 0 2px 0 rgba(206,106,5,0.4)}#gui #panel main section.add_book{padding:8px 8px 15px 8px}#gui #panel main section .profilepic{margin-right:1rem}#gui #panel main form .input_wrapper{position:relative}#gui #panel main form .input_wrapper input+button{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-5px;height:35px;width:35px;border:2px solid #076580;border-radius:100%;background-color:#076580;padding:0;color:#fff;-webkit-box-shadow:0 0 30px -13px #ce9205;box-shadow:0 0 30px -13px #ce9205}#gui #panel main form .input_wrapper input+button.btn_isbn_scanner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#gui #panel main form .input_wrapper input+button.btn_isbn_scanner:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f030"}#gui #panel main form input,#gui #panel main form textarea{border:1px solid #808080;border-radius:4px;outline:none}#gui #panel main .library{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:1rem 0;width:100%}#gui #panel main .library .book{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 2px 0 2px;margin-bottom:.5rem;-ms-flex-preferred-size:25%;flex-basis:25%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;border:0;border-bottom:8px solid #076580;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none}#gui #panel main .library .book .title,#gui #panel main .library .book .subtitle,#gui #panel main .library .book .autor,#gui #panel main .library .book .publisher,#gui #panel main .library .book .comment{display:none}#gui #panel main .library .book .rating_stars{font-size:10px;color:#ce9205;margin:4px 0}#gui #panel main .library .book .rating_stars>i.star{font-size:10px;width:auto;height:auto}#gui #panel main .library .book .rating_stars>span:last-child{margin-top:2px;margin-left:4px;color:#076580}#gui #panel main .library .book figure{margin:0;padding:0;width:100%;max-width:100%;text-align:center;margin-top:auto;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-negative:1;flex-shrink:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(7,101,128,0.1);position:relative}#gui #panel main .library .book figure img{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%}#gui #panel main .library .book figure i{font-size:3rem;color:#076580}#gui #panel main .library .book figure i.dummy{opacity:.1}#gui #panel main .library .book figure i.dummy+span.title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;color:#ce6a05;font-size:14px;font-weight:600;overflow:hidden}.rating_stars{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;white-space:nowrap;font-size:1px}.rating_stars .star{display:inline-block;position:relative;width:2rem;height:2rem;font-size:1.8rem}.rating_stars .star:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f005";font-weight:300;display:block;width:100%;height:100%;color:#ce9205}.rating_stars .star.half:before{content:"\f5c0";font-weight:600}.rating_stars .star.full:before{content:"\f005";font-weight:600}.rating_stars .star.empty:before{content:"\f005";font-weight:400}.rating_stars.center{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-left:auto;margin-right:auto}.rating_stars.small .star{width:17px;height:17px;font-size:.9rem}.rating_stars.big .star{width:3rem;height:3rem;font-size:2.7rem}.rating_stars input[type=radio]{display:none}.rating_stars input[type=radio]+.star.clickable{cursor:pointer}.rating_stars input[type=radio]+.star.clickable.dummy{display:none !important}.rating_stars input[type=radio]+.star.clickable:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f005";font-weight:600}.rating_stars input[type=radio]:checked+.star.clickable~.star.clickable:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f005";font-weight:300}.rating_stars:hover .star.clickable:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f005";font-weight:600 !important}.rating_stars:hover .star.clickable:hover~.star.clickable:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f005";font-weight:300 !important}body #overlay{background-color:rgba(0,0,0,0.4);position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2000}body #overlay #overlay_content{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fffcf4;border-radius:.5rem;padding:1rem;display:block;-webkit-box-shadow:0 0 13px -1px #076580;box-shadow:0 0 13px -1px #076580;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;max-width:70%;max-height:95%;position:relative;border:2px solid #ce9205}@media (max-width:420px){body #overlay #overlay_content{width:93%;max-width:unset;min-width:unset}}body #overlay #overlay_content #overlay_close{display:block;top:0;left:100%;width:1.5rem;height:1.5rem;background-color:#076580;color:#ce9205;text-align:center;border-radius:.75rem;position:absolute;margin:-0.7rem 0 0 -0.7rem;cursor:pointer;text-decoration:none}body #overlay #overlay_content #overlay_close:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";content:"\f00d";line-height:1.4rem;width:100%;height:100%;display:block;font-weight:900;font-size:.9rem}body #overlay #overlay_content.loading{width:6rem;height:6rem}body #overlay #overlay_content.loading:before{font-size:3rem;width:100%;height:100%;overflow:hidden}body #overlay #overlay_content.loading:before:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";content:"\f1ce";margin:0;color:inherit;font-weight:900}body #overlay #overlay_content.loading:before:before{position:fixed;top:calc(50% - 1rem);left:calc(50% - 1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:3rem;height:3rem;background-color:transparent;color:#ce9205;font-size:3rem;z-index:1000;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}body #overlay #overlay_content.loading:before:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(7,101,128,0.95);z-index:999}body #overlay #overlay_content:not(.loading){min-width:30%}body #overlay #overlay_content #overlay_inner_content{max-width:100%;max-height:100%;overflow:auto;color:#076580}body #overlay #overlay_content #overlay_inner_content h2{font-family:"Playfair Display"}body #overlay #overlay_content #overlay_inner_content .camera_stream{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:1rem auto;border:3px solid #ce9205;border-radius:.3rem;width:320px;max-width:25rem;height:320px;overflow:hidden;position:relative}@media (max-width:420px){body #overlay #overlay_content #overlay_inner_content .camera_stream{max-width:100%}}body #overlay #overlay_content #overlay_inner_content .camera_stream video{position:static;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%}body #overlay #overlay_content #overlay_inner_content .camera_stream canvas{position:absolute;top:0;left:0;width:100%;height:100%}body #overlay #overlay_content #overlay_inner_content form .jutho_upload.coverupload{min-width:unset;width:100%;height:40vh}body #overlay #overlay_content #overlay_inner_content form label{display:block;font-weight:600;margin-bottom:.3rem}body #overlay #overlay_content #overlay_inner_content form input,body #overlay #overlay_content #overlay_inner_content form textarea{border:1px solid #808080;border-radius:4px;outline:none}body #overlay #overlay_content #overlay_inner_content form textarea{display:block;width:100%;height:5rem;margin-bottom:1rem}body #overlay #overlay_content #overlay_inner_content form .rating_stars{margin-bottom:1.5rem}body #overlay #overlay_content #overlay_inner_content form button[type=submit],body #overlay #overlay_content #overlay_inner_content form input[type=submit]{display:inline-block;color:#fff;background-color:#076580;border:0;border-radius:4px;padding:.8rem .8rem;margin:1rem 0;text-decoration:none;text-align:center;cursor:pointer;font-family:"Playfair Display";font-size:100%;display:block;margin:auto;font-size:1.25rem;padding:.6rem .9rem}@media (max-width:700px){body #overlay #overlay_content #overlay_inner_content form button[type=submit],body #overlay #overlay_content #overlay_inner_content form input[type=submit]{padding:.4rem .8rem}}body #overlay #overlay_content #overlay_inner_content form button[type=submit]>i,body #overlay #overlay_content #overlay_inner_content form input[type=submit]>i{margin-right:5px}body #overlay #overlay_content #overlay_inner_content form button[type=submit].fullwidth,body #overlay #overlay_content #overlay_inner_content form input[type=submit].fullwidth{display:block;width:100%}body #overlay #overlay_content #overlay_inner_content form button[type=submit].proceed:after,body #overlay #overlay_content #overlay_inner_content form input[type=submit].proceed:after{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f101";font-weight:600;margin-left:10px}body #overlay #overlay_content #overlay_inner_content form button[type=submit]:hover,body #overlay #overlay_content #overlay_inner_content form input[type=submit]:hover{-webkit-box-shadow:inset 0 0 10px -4px rgba(255,255,255,0.75);box-shadow:inset 0 0 10px -4px rgba(255,255,255,0.75)}body #overlay #overlay_content #overlay_inner_content form button[type=submit]+.btn_divider,body #overlay #overlay_content #overlay_inner_content form input[type=submit]+.btn_divider{display:block;text-align:center;font-size:.9rem;margin:.5rem}body #overlay #overlay_content #overlay_inner_content form button.btn_alternative{display:inline-block;color:#fff;background-color:#ce9205;border:0;border-radius:4px;padding:.8rem .8rem;margin:1rem 0;text-decoration:none;text-align:center;cursor:pointer;font-family:"Playfair Display";font-size:100%;display:block;margin:auto;font-size:.9rem}@media (max-width:700px){body #overlay #overlay_content #overlay_inner_content form button.btn_alternative{padding:.4rem .8rem}}body #overlay #overlay_content #overlay_inner_content form button.btn_alternative>i{margin-right:5px}body #overlay #overlay_content #overlay_inner_content form button.btn_alternative.fullwidth{display:block;width:100%}body #overlay #overlay_content #overlay_inner_content form button.btn_alternative.proceed:after{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f101";font-weight:600;margin-left:10px}body #overlay #overlay_content #overlay_inner_content form button.btn_alternative:hover{-webkit-box-shadow:inset 0 0 10px -4px rgba(255,255,255,0.75);box-shadow:inset 0 0 10px -4px rgba(255,255,255,0.75)}