.message{color:dimgray;font-style:italic;margin:5px}.hide{display:block;position:absolute;top:6px;right:5px;color:black;height:30px;width:35px;font-size:30px;text-decoration:none;text-align:center;font-weight:bold;cursor:pointer}#cover{position:fixed;top:0;left:0;background:rgba(0,0,0,0.6);z-index:900;width:100%;height:100%;display:none}div{box-sizing:border-box}.disabled{background-color:#fafafa}#successMessage{position:absolute;z-index:1000;background:#dfd;border:2px solid #333;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0.3em 0.3em 0.5em rgba(0,0,0,0.8);-webkit-box-shadow:0.3em 0.3em 0.5em rgba(0,0,0,0.8);box-shadow:0.3em 0.3em 0.5em rgba(0,0,0,0.8);padding:20px;display:none;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;left:0;top:-500px;width:500px;height:200px}#outer .collg,#outer .coll{display:inline-block;width:calc(25% - 5px);float:left;height:10vw;min-height:80px;margin-right:5px;color:white;margin-bottom:5px;padding:6px;font-size:15px;font-weight:bold}#outer .collg:hover,#outer .coll:hover{cursor:pointer;background:#d5acd9}#outer .collg.completed,#outer .coll.completed{background:#72e067;border-color:#72e067}#outer .collg{border:solid 2px #7a2b79;background-color:#7a2b79;color:white}#outer .collg.started{background:#3b2569}#outer .collg.started:hover{background:#d5acd9}#outer .coll{border:solid 2px #d5acd9;background-color:#f8ebf8;color:#7a2b79}#outer .coll.started{background:#d0c9e5}#outer .coll.started:hover{background:#d5acd9}.book{font-weight:bold;color:#3b2569;margin-bottom:10px;margin-right:5px;border:solid 1px lightgray;padding:4px;border-radius:3px;display:inline-block;width:calc(32% - 7px);text-align:center}.book.selectable{color:lightgray;transition:all 0.5s}.book.selectable:hover{cursor:pointer;color:#3b2569;background-color:lightgray}.summary{border:solid 1px darkgray;margin:5px;min-height:500px}.sum_title{color:#3b2767;font-weight:bold;font-size:20px;padding:15px;padding-left:5px}.sum_none{font-style:italic;color:darkgray;margin:5px}.sum_kanji{background-color:#f3e0f4;box-sizing:border-box;min-height:150px;margin-bottom:5px}.sum_kanji *{box-sizing:border-box}.sum_kanji .animation{width:150px;height:150px;float:left}.sum_kanji .meaning{margin-left:150px;padding:15px;font-weight:bold;font-size:24px}.sum_kanji .readings{margin-left:150px;padding:15px;font-weight:bold;font-size:24px;line-height:32px}.sum_kanji .detailslink{margin-left:150px;padding:15px}.word_row{margin:5px;background-color:#f8ebf8;font-size:18px;clear:both;min-height:50px;display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;align-items:center;-webkit-align-items:center;border:1px solid #d4add8;flex-wrap:nowrap;border-radius:10px}.word_reading{padding:5px;padding-left:0;font-size:16px}.word_word{font-weight:500;font-size:18px;float:left;margin:5px;padding:5px;min-width:50px;height:40px;color:#3b2767;background-color:#dbd8e4;border:2px solid #d0cae4;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;text-align:center;white-space:nowrap;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;flex-shrink:0;-webkit-transition:background-color 0.5s;transition:background-color 0.5s}.word_recognition{font-weight:500;font-size:18px;float:left;margin:5px;padding:5px;min-width:50px;height:40px;color:#3b2767;background-color:#f8f0f8;border:2px solid #f8dff8;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;text-align:center;white-space:nowrap;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;flex-shrink:0;-webkit-transition:background-color 0.5s;transition:background-color 0.5s}.coll_div{background-color:white;padding:10px;text-align:center;display:inline-block;float:left;margin-right:1px;margin-bottom:1px}@media only screen and (min-width: 500px){.coll_div{padding:15px}}@media only screen and (min-width: 890px){.coll_div{padding:20px}}.coll2{box-sizing:border-box;display:flex;flex-flow:row wrap;justify-content:space-between}.coll2 .coll2_div{flex-basis:calc(20% - 4px);background-color:white;padding:10px;text-align:center;margin:2px;font-size:14px}.coll2 .coll2_div.noaccess{background-color:#dadada}@media only screen and (min-width: 500px){.coll2 .coll2_div{font-size:16px}}@media only screen and (min-width: 890px){.coll2 .coll2_div{font-size:18px}}@media only screen and (min-width: 890px){.sum_kanji{min-height:250px}.sum_kanji .animation{width:250px;height:250px}.sum_kanji .meaning{margin-left:250px;height:auto}.sum_kanji .readings{margin-left:250px}.sum_kanji .detailslink{margin-left:250px}}.emphasis{border:solid 1px #6b9941;border-radius:5px;padding:10px;background-color:#f6faf5}.infopanel.suit-ctr{max-width:100%;background-color:white;border-radius:10px;padding-top:5px;border-color:#f5f3f3;box-shadow:0px 0px 5px 0px #bebbbb}@media only screen and (min-width: 890px){.infopanel.suit-ctr{width:720px}}.suitability{display:grid;font-size:smaller;grid-template-columns:55px repeat(5, 16vw)}@media only screen and (min-width: 890px){.suitability{grid-template-columns:100px repeat(5, 120px)}}.suitability4{display:grid;font-size:smaller;grid-template-columns:60px repeat(4, 18vw)}@media only screen and (min-width: 890px){.suitability4{grid-template-columns:100px repeat(4, 150px)}}.suitabilityCtr{border:1px solid #eee;box-shadow:0 4px 6px 0 rgba(0,0,0,0.1);padding:10px;margin-top:20px}.ritem{display:flex;justify-content:space-around;margin-top:3px;height:22px}.cbox{background-color:#ecf0f3;border-radius:3px;padding-left:10px;padding-right:10px}.riclickable{background-color:#e1edf4;border-radius:3px;color:#3b749e;padding-left:15px;padding-right:15px;width:50px;text-align:center}.riclickable:hover{cursor:pointer;background-color:#d0e2f2}