@-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)}}html,body{height:100%;width:100%;margin:0;padding:0;font-family:Verdana;font-size:10pt;-webkit-box-sizing:border-box;box-sizing:border-box}i.so-logo{font-style:normal;color:#d3d3d3;vertical-align:middle;margin-right:1rem;text-decoration:none;font-weight:bolder}i.so-logo:before{text-decoration:none;content:"SpamOfficer";font-family:Arial;letter-spacing:-2px;font-weight:lighter;color:#d3d3d3;font-size:2rem;vertical-align:middle;margin-right:.75rem;background-image:url('../gfx/logo.svg');background-size:contain;background-repeat:no-repeat;padding-left:3rem}.warning{color:#e82a2a}#spamofficer{display:block;width:100%;height:100%}#spamofficer #top{background-color:#2c3a47;display:block;width:100%;height:3rem;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right;padding:0;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;-webkit-box-shadow:0 -8px 9px 10px #2c3a47;box-shadow:0 -8px 9px 10px #2c3a47}#spamofficer main{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:calc(100% - 3rem);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#spamofficer main.loading #content{overflow:hidden;-webkit-filter:blur(.9);filter:blur(.9)}#spamofficer main.loading #content:after{content:"\f110";color:#2c3a47;font-size:25pt;font-family:FontAwesome;display:block;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;margin:auto;text-align:center;margin-top:25%;z-index:501}#spamofficer main.loading #content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.92);z-index:500}#spamofficer main #menu{-ms-flex-preferred-size:15%;flex-basis:15%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;min-width:15rem;height:100%;overflow:visible;background-color:#2c3a47;background-image:url('../gfx/logo.svg');background-size:contain;background-repeat:no-repeat;background-position:bottom -1.2rem left -0.5rem}#spamofficer main #menu>div:first-child{height:4rem}#spamofficer main #menu>.scroll-wrapper{height:calc(100% - 19rem)!important;overflow:auto}#spamofficer main #menu ul{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;display:block;height:100%;width:100%;color:#d3d3d3}#spamofficer main #menu ul li{padding:.75rem 1rem;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12pt;font-weight:bolder}#spamofficer main #menu ul li:before{font-family:FontAwesome;display:inline-block;width:1.1rem;text-align:left;margin-right:.2rem;font-weight:lighter}#spamofficer main #menu ul li.owndata:before{content:"\f007"}#spamofficer main #menu ul li.user:before{content:"\f0c0"}#spamofficer main #menu ul li.settings:before{content:"\f085"}#spamofficer main #menu ul li.mailboxes:before{content:"\f00a"}#spamofficer main #menu ul li.reports:before{content:"\f200"}#spamofficer main #menu ul li.logout:before{content:"\f08b"}#spamofficer main #menu ul li.loading:before{content:"\f110" !important;color:#d3d3d3;font-size:inherit;font-family:FontAwesome;display:inline-block;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#spamofficer main #menu ul li>ul{padding:0}#spamofficer main #menu ul li>ul>li.mbox{font-size:60%;padding-bottom:0;white-space:nowrap}#spamofficer main #menu ul li>ul>li.mbox:before{content:"\f0c8";font-family:FontAwesome;display:inline-block;width:1.1rem;text-align:left;margin-right:.2rem;font-weight:lighter}#spamofficer main #menu ul li>ul>li.mbox.loading:before{width:.9rem}#spamofficer main #menu ul li>ul>li.mbox a{white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}#spamofficer main #menu ul li>ul>li.mbox ul{padding:0}#spamofficer main #menu ul li>ul>li.mbox ul li{font-size:100%;padding-bottom:0;white-space:nowrap}#spamofficer main #menu ul li>ul>li.mbox ul li:before{content:"\f114";font-family:FontAwesome;display:inline-block;width:1.1rem;text-align:left;margin-right:.2rem;font-weight:lighter}#spamofficer main #menu ul li>ul>li.mbox ul li.opened:before{content:"\f115"}#spamofficer main #menu ul li>ul>li.mbox ul li.loading:before{width:.9rem}#spamofficer main #menu ul li>ul>li.mbox ul li a{white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}#spamofficer main #menu a{color:#d3d3d3;text-decoration:none}#spamofficer main #content{display:block;width:100%;height:100%;position:relative}#spamofficer main #content:before{font-style:normal;color:#2c3a47;vertical-align:middle;font-weight:bolder;text-decoration:none;content:"SpamOfficer";font-family:Arial;letter-spacing:-2px;font-weight:lighter;font-size:6rem;position:absolute;bottom:45%;left:30%;opacity:.08;background-image:url('../gfx/logo.svg');background-size:contain;background-repeat:no-repeat;padding-left:8rem}#spamofficer main #content h1:first-of-type{font-family:Rock Salt;color:#2c3a47;font-weight:lighter;font-size:25pt;margin:-0.5rem 0 0 0;line-height:3rem;margin:1rem 0 2rem 0}#spamofficer main #content h1:first-of-type+p{margin-bottom:2rem}#spamofficer main #content h1:first-of-type+p>a{color:#2c3a47;text-decoration:none;font-size:1.5rem}#spamofficer main #content h1:first-of-type+p>a:hover{color:#d3d3d3}#spamofficer main #content h1:first-of-type+a.refresh{float:right;margin:-5rem 2rem 3rem 0;font-size:15pt;color:#2c3a47}#spamofficer main #content h2{font-family:Orbitron;color:#2c3a47;font-weight:lighter;font-size:13pt;margin:2rem 0 1rem 0}#spamofficer main #content .tabs{position:absolute;top:0;left:0;width:100%;height:100%}#spamofficer main #content .tabs>div{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:calc(100% - 2rem);overflow:auto;padding:1rem .5rem 0 2.5rem;-webkit-box-shadow:0 5px 10px -5px rgba(0,0,0,0.75);box-shadow:0 5px 10px -5px rgba(0,0,0,0.75);z-index:100;display:none}#spamofficer main #content .tabs>div>*:last-child{padding-bottom:3rem}#spamofficer main #content .tabs>div.active{display:block}#spamofficer main #content .tabs hr{display:block;clear:both;height:1px;width:90%;border:none;margin:2.5rem auto 2rem auto;background:#2c3a47;background:-webkit-gradient(left top, right top, color-stop(0, rgba(255,255,255,0)), color-stop(50%, #2c3a47), color-stop(100%, rgba(255,255,255,0)));background:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,0)), color-stop(50%, #2c3a47), to(rgba(255,255,255,0)));background:linear-gradient(to right, rgba(255,255,255,0) 0, #2c3a47 50%, rgba(255,255,255,0) 100%)}#spamofficer main #content .tabheads{position:absolute;bottom:0;left:0;width:100%;height:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#spamofficer main #content .tabheads label{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;background-color:#2c3a47;color:#d3d3d3;padding:.3rem 1rem;white-space:nowrap;max-width:10%;-ms-flex-preferred-size:10rem;flex-basis:10rem;-ms-flex-negative:2;flex-shrink:2;height:1.93rem;overflow:visible;cursor:pointer;text-align:center;position:relative;margin-left:1rem;z-index:50;font-size:7pt;font-weight:bolder;line-height:1.3rem;min-width:4rem}#spamofficer main #content .tabheads label.unsaved{color:#f77}#spamofficer main #content .tabheads label span{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#spamofficer main #content .tabheads label span:before{display:inline-block;font-family:FontAwesome;font-weight:lighter;margin-right:3px;font-size:10pt;line-height:10pt}#spamofficer main #content .tabheads label a.close{display:none}#spamofficer main #content .tabheads label.active{background-color:#fff;color:#2c3a47;z-index:100 !important;-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.75);box-shadow:0 10px 10px 0 rgba(0,0,0,0.75)}#spamofficer main #content .tabheads label.active:before{border-right:1rem solid #fff}#spamofficer main #content .tabheads label.active:after{border-left:1rem solid #fff}#spamofficer main #content .tabheads label.active.unsaved{color:#8b0000}#spamofficer main #content .tabheads label:hover{background-color:#fff;color:#2c3a47;-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.75);box-shadow:0 10px 10px 0 rgba(0,0,0,0.75);z-index:99}#spamofficer main #content .tabheads label:hover:before{border-right:1rem solid #fff}#spamofficer main #content .tabheads label:hover:after{border-left:1rem solid #fff}#spamofficer main #content .tabheads label:hover a.close{display:block;color:#2c3a47;position:absolute;top:5px;right:9px;text-decoration:none;height:auto;line-height:6pt;padding:3px;border-radius:3px;font-weight:lighter}#spamofficer main #content .tabheads label:hover a.close:before{content:"\f00d";font-family:FontAwesome}#spamofficer main #content .tabheads label:hover a.close:hover{background-color:#2c3a47;color:#d3d3d3}#spamofficer main #content .tabheads label:before{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;display:block;content:"";height:100%;width:2rem;top:0;left:-2rem;border-left:1rem solid transparent;border-bottom:2rem solid transparent;border-right:1rem solid #2c3a47}#spamofficer main #content .tabheads label:after{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;display:block;content:"";height:100%;width:2rem;top:0;right:-2rem;border-right:1rem solid transparent;border-bottom:2rem solid transparent;border-left:1rem solid #2c3a47}#spamofficer main #content .tabheads label[data-mod="owndata"] span:before{content:"\f007"}#spamofficer main #content .tabheads label[data-mod="user"] span:before{content:"\f0c0"}#spamofficer main #content .tabheads label[data-mod="settings"] span:before{content:"\f085"}#spamofficer main #content .tabheads label[data-mod="mbox"] span:before{content:"\f115"}#spamofficer main #content .tabheads label[data-mod="reports"] span:before{content:"\f200"}fieldset{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(44,58,71,0.15);padding:1.5rem 0 .5rem 1.5rem;margin-bottom:2rem}fieldset:hover,fieldset:focus,fieldset:active{border:1px solid rgba(44,58,71,0.6)}fieldset legend{font-weight:bolder;margin-left:-0.3rem;margin-bottom:0;border:1px solid #2c3a47;border-radius:1rem;padding:.2rem 1rem;color:#2c3a47}fieldset legend+div{margin-bottom:1.5rem}fieldset input,fieldset label,fieldset select{margin-bottom:.5rem}fieldset input[type="checkbox"]{margin-top:.2rem}fieldset nobr{display:inline-block}label{display:inline-block;min-width:13rem;font-weight:bolder;margin-right:1rem;vertical-align:top;margin-bottom:1.5rem}label+.wysiwyg_toggle{font-size:7pt;display:block;text-align:right;margin:-1rem 2rem 1.2rem 0}label+.wysiwyg_toggle~textarea.wysiwyg,label+.wysiwyg_toggle~.mce-tinymce{margin-top:-1rem}label+.wysiwyg_toggle~textarea.wysiwyg{height:30rem}label.inline{vertical-align:middle;font-weight:lighter}label.inline+input{display:inline-block;width:10rem}label.loading+*{display:none}label.loading:after{content:"\f110";color:#2c3a47;font-size:25pt;font-family:FontAwesome;display:block;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;width:auto;height:auto;display:inline-block;margin-left:14rem;font-size:20pt}input,select{width:25rem;display:inline-block;vertical-align:top;margin-bottom:1.5rem;padding:3px;border:1px solid rgba(44,58,71,0.15)}input:hover,select:hover,input:focus,select:focus,input:active,select:active{border:1px solid rgba(44,58,71,0.6)}input[type="checkbox"],select[type="checkbox"]{width:auto;padding:0;border:0;margin-right:.5rem}input[type="checkbox"]+label,select[type="checkbox"]+label{width:auto;min-width:0;margin-right:2rem;font-weight:lighter}input[type="checkbox"].recommend+label:before,select[type="checkbox"].recommend+label:before{content:"(empfohlen)";font-weight:bold;color:#e82a2a;display:inline-block;margin-right:.3rem}input[type="checkbox"]:checked+label,select[type="checkbox"]:checked+label{font-weight:bolder}input[type="checkbox"]:checked.recommend+label:before,select[type="checkbox"]:checked.recommend+label:before{display:none}select{width:25.65rem}textarea.wysiwyg{display:block;width:97.3%}a.btn_submit{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;width:100%;height:3rem;line-height:3rem;margin-bottom:1.5rem;color:#d3d3d3;border-radius:1rem;font-weight:bold;border-top:1px solid #5bd929;background:#0c4a15;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #17ba4a), to(#169630));background:linear-gradient(to bottom, #17ba4a 0, #169630 100%);-webkit-box-shadow:#2c3a47 0 1px 0;box-shadow:#2c3a47 0 1px 0;color:#fff;text-decoration:none}a.btn_submit:hover{border-top-color:#2d8f2b;background:#169630}a.btn_submit:active{border-top-color:#2d8f2b;background:#169630;-webkit-box-shadow:#2c3a47 0 -1px 0;box-shadow:#2c3a47 0 -1px 0}a.btn_submit:last-child{margin:0}a.btn_reset{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;width:100%;height:3rem;line-height:3rem;margin-bottom:1.5rem;color:#d3d3d3;border-radius:1rem;font-weight:bold;border-top:1px solid #f7c9c9;background:#0c4a15;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #db6d6d), to(#b81212));background:linear-gradient(to bottom, #db6d6d 0, #b81212 100%);-webkit-box-shadow:#2c3a47 0 1px 0;box-shadow:#2c3a47 0 1px 0;color:#fff;text-decoration:none}a.btn_reset:hover{background:#b81212}a.btn_reset:active{background:#b81212;-webkit-box-shadow:#2c3a47 0 -1px 0;box-shadow:#2c3a47 0 -1px 0}a.btn_reset:last-child{margin:0}#mailboxes{margin-bottom:2rem}#mailboxes .mbox_summary{display:block;max-width:40rem;padding:.5rem 1rem}#mailboxes .mbox_summary .imap_name{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}#mailboxes .mbox_summary .imap_name span:first-of-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem}#mailboxes .mbox_summary .imap_name span:last-of-type{white-space:nowrap}#mailboxes .mbox_summary .imap_name input[type=button]{width:auto;margin:0 0 0 .5rem}#mailboxes .mbox_summary .mbox_settings{display:none;margin-top:1.5rem}#mailboxes .mbox_summary .mbox_settings input[type=button]{display:block;margin:auto;margin-top:1rem}#mailboxes .mbox_summary.show_details .mbox_settings{display:block}#mailboxes .mbox_summary:hover{background-color:rgba(44,58,71,0.1)}#mailboxes .mbox_summary+.mbox_summary{border-top:1px solid #2c3a47}.test_mode_notifier{display:block;margin:0 0 2rem 0;padding:.6rem;background-color:#5e1515;color:#fff;border:2px solid #e82a2a;font-weight:bolder}.mbox .mbox_line{display:block;font-family:Arial;font-size:10pt;border:0}.mbox .mbox_line .flex{display:-webkit-box;display:-ms-flexbox;display:flex}.mbox .mbox_line .flex .icon{width:3rem;-ms-flex-negative:0;flex-shrink:0;background-color:#2c3a47;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;border-right:1px solid #a9bac9}.mbox .mbox_line .flex .icon:before{display:block;color:#fff;font-family:FontAwesome;content:"\f003";font-size:22pt;font-weight:bolder}.mbox .mbox_line .flex .icon[data-seen="1"]:before{content:"\f2b7"}.mbox .mbox_line .flex .icon[data-seen="0"]+.mail_overview{font-weight:bolder}.mbox .mbox_line .flex .mail_overview{-ms-flex-preferred-size:75%;flex-basis:75%;-ms-flex-negative:1;flex-shrink:1;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;background-color:#2c3a47;color:#fff}.mbox .mbox_line .flex .mail_overview .mail_date,.mbox .mbox_line .flex .mail_overview .mail_subject,.mbox .mbox_line .flex .mail_overview .mail_from{padding-left:.5rem;display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mbox .mbox_line .flex .mail_overview .mail_date,.mbox .mbox_line .flex .mail_overview .mail_from{display:block;font-size:8pt;background-color:#364757;padding-top:.2rem;padding-bottom:.2rem}.mbox .mbox_line .flex .mail_overview .mail_subject{padding-top:.2rem;padding-bottom:.2rem}.mbox .mbox_line .flex .mail_overview .mail_subject[data-flagged="1"]:before{content:"\f024 ";font-family:FontAwesome;display:inline;margin-right:8px;color:#e82a2a}.mbox .mbox_line .flex .more_link{width:3rem;-ms-flex-negative:0;flex-shrink:0;background-color:#2c3a47;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;border-right:1px solid #a9bac9;border-left:1px solid #a9bac9;cursor:pointer}.mbox .mbox_line .flex .more_link:before{content:"\f107";font-family:FontAwesome;display:block;color:#fff;font-size:22pt;font-weight:bolder;-webkit-transition:-webkit-transform .3s ease-in-out 0s;transition:-webkit-transform .3s ease-in-out 0s;transition:transform .3s ease-in-out 0s;transition:transform .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s}.mbox .mbox_line .flex .abuse{-ms-flex-preferred-size:10%;flex-basis:10%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:#2c3a47;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}.mbox .mbox_line .flex .abuse button.send_abuse{border-top:1px solid #d47f7f;background:#e82a2a;background:-webkit-linear-gradient(top, #e82a2a, #5e1515);padding:7px 14px;border-radius:6px;-webkit-box-shadow:#000 0 1px 0;box-shadow:#000 0 1px 0;text-shadow:rgba(0,0,0,0.4) 0 1px 0;color:#fff;font-size:14px;font-family:Helvetica,Arial,Sans-Serif;text-decoration:none;vertical-align:middle;width:12rem}.mbox .mbox_line .flex .abuse button.send_abuse:hover{border-top-color:#d47f7f;background:#821d1d;color:#fff}.mbox .mbox_line .flex .abuse button.send_abuse:active{border-top-color:#d47f7f;background:#5c1b1b}.mbox .mbox_line .flex .abuse button.send_abuse.reminder{border-top:1px solid #96d1f8;background:#65a9d7;background:-webkit-linear-gradient(top, #65a9d7, #3e779d)}.mbox .mbox_line .flex .abuse button.send_abuse.reminder:hover{border-top-color:#96d1f8;background:#28597a;color:#fff}.mbox .mbox_line .flex .abuse button.send_abuse.reminder:active{border-top-color:#96d1f8;background:#1b435e}.mbox .mbox_line .flex .abuse.done{color:#d3d3d3;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mbox .mbox_line .flex .abuse.done:before{content:"\f00c";display:inline-block;height:100%;width:2rem;margin:0 .7rem 0 1rem;color:#008000;font-family:FontAwesome;font-size:3rem;line-height:4rem;width:4rem}.mbox .mbox_line .flex .abuse.done div{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:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;padding:5px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.mbox .mbox_line .flex .abuse.done div span{font-size:8pt;line-height:9pt;margin-bottom:7px;color:#fff}.mbox .mbox_line .flex .abuse.done div button{padding:3px 5px;margin-left:1.1rem}.mbox .mbox_line .flex .abuse.done div button.reminder{margin-left:.7rem}.mbox .mbox_line .flex .abuse.loading>*{display:none !important}.mbox .mbox_line .flex .abuse.loading:before{content:"\f110";color:#2c3a47;font-size:25pt;font-family:FontAwesome;display:block;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;color:#d3d3d3;width:auto;height:auto;margin:auto}.mbox .mbox_line .more{display:block;background-color:#2c3a47;border-top:0;color:#fff;padding:0;max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease-in-out 0s;transition:max-height .3s ease-in-out 0s}.mbox .mbox_line .more article{padding:.5rem}.mbox .mbox_line .more article label{display:inline-block;min-width:6rem;margin:0 .5rem 0 0;font-weight:bold}.mbox .mbox_line .more article code,.mbox .mbox_line .more article textarea{display:block;width:100%;min-width:33rem;height:12rem;background-color:#fff;padding:.5rem;color:#2c3a47;resize:both;margin-top:6px;overflow:auto;white-space:preserve-breaks}.mbox .mbox_line .flex30{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:2rem}.mbox .mbox_line .flex30>*{-ms-flex-preferred-size:30%;flex-basis:30%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;display:block}.mbox .mbox_line+.mbox_line{border-top:2px solid #a9bac9}.mbox .mbox_line.opened .more_link:before{content:"\f107";-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.mbox .mbox_line.opened .more{border-top:1px solid #a9bac9;max-height:100rem;overflow:auto}#login_space{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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#login_space section{background-color:#2c3a47;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2rem;border-radius:1rem;-webkit-box-shadow:0 0 30px 4px #2c3a47;box-shadow:0 0 30px 4px #2c3a47;color:#d3d3d3;text-align:center;position:relative}#login_space section i.so-logo{top:-17px;left:0;background-color:#2c3a47;position:absolute;padding:.25rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}#login_space section i.so-logo:before{font-size:14pt}#login_space section #error_msg{display:block;padding:.5rem;background-color:#fff;color:#2c3a47;margin-bottom:1rem;border:2px solid #a9bac9}#login_space section #info_msg{display:block;margin-bottom:1rem}#login_space section a{color:#d3d3d3}#login_space section form{white-space:nowrap;line-height:2.8rem;text-align:center;display:inline-block;margin:0}#login_space section form label{display:inline-block;min-width:6rem;text-align:left;margin:0}#login_space section form input[type=text],#login_space section form input[type=password]{background-color:#2c3a47;border:1px solid #d3d3d3;color:#d3d3d3;padding:3px;margin:.5rem 0;width:12rem}#login_space section form input[type=text]:hover,#login_space section form input[type=password]:hover,#login_space section form input[type=text]:active,#login_space section form input[type=password]:active,#login_space section form input[type=text]:focus,#login_space section form input[type=password]:focus{background-color:#d3d3d3;color:#2c3a47}#login_space section form input[type=submit],#login_space section form button.upload_submit{color:#d3d3d3;cursor:pointer;font-weight:bold;height:2.5rem;line-height:2rem;margin-top:1rem;width:50%;background-color:#364757;border-color:#d3d3d3;border-radius:8px}#login_space section #reminder{bottom:-11px;right:0;background-color:#2c3a47;position:absolute;padding:.4rem 1rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;font-size:7pt}#login_space section #reminder a{color:rgba(211,211,211,0.5)}#login_space section #reminder a:hover{color:#d3d3d3}.piechart{display:block;position:relative;width:250px;height:250px;margin-left:3rem;margin-top:2rem;padding:0 !important}.piechart .chart{height:100%}.piechart .chart.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}.piechart .chart.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}.piechart .chart .pieces{position:relative}.piechart .chart .pieces .piece{position:absolute;width:250px;height:250px;clip:rect(0, 250px, 250px, 125px);border-radius:125px}.piechart .chart .pieces .piece .piece-inner{position:absolute;width:250px;height:250px;clip:rect(0, 125px, 250px, 0);border-radius:125px;-webkit-backface-visibility:hidden}.piechart .legend{list-style:none;padding:0 0 0 2rem;margin:0;position:absolute;left:100%;top:0;width:auto;height:100%;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:center;-ms-flex-pack:center;justify-content:center}.piechart .legend li{display:block;white-space:nowrap}.piechart .legend li span{display:inline-block;width:.75rem;height:.75rem;border:1px solid #000;margin-right:.5rem}@-webkit-keyframes rotateIn{from{-webkit-transform:rotate(-360deg) scale(.05);transform:rotate(-360deg) scale(.05)}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}}@keyframes rotateIn{from{-webkit-transform:rotate(-360deg) scale(.05);transform:rotate(-360deg) scale(.05)}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}}@-webkit-keyframes zoomIn{from{-webkit-transform:scale(.05);transform:scale(.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{from{-webkit-transform:scale(.05);transform:scale(.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.barchart{height:250px;margin-top:2rem;padding:0 !important;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.barchart .chart{height:100%;max-width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-preferred-size:20%;flex-basis:20%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.barchart .chart.grow .barsection .bar .inner-bar{-webkit-animation-name:growHeight;animation-name:growHeight;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.barchart .chart .barsection{-ms-flex-negative:1;flex-shrink:1;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:120px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.barchart .chart .barsection:before{content:attr(data-lbl);display:block;position:absolute;bottom:-5.5rem;margin:auto;font-weight:bolder;font-size:10pt;-webkit-writing-mode:sideways-lr;-ms-writing-mode:sideways-lr;writing-mode:sideways-lr;height:5rem;text-align:right;line-height:100%}.barchart .chart .barsection .bar{display:inline-block;height:100%;background-color:rgba(0,0,0,0.07);-ms-flex-preferred-size:20%;flex-basis:20%;-ms-flex-negative:2;flex-shrink:2;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:2rem;position:relative}.barchart .chart .barsection .bar:before{content:attr(data-lbl);display:block;position:absolute;bottom:5px;left:50%;z-index:500;-webkit-writing-mode:sideways-lr;-ms-writing-mode:sideways-lr;writing-mode:sideways-lr;font-size:8pt;margin:0 0 0 -25%}.barchart .chart .barsection .bar:after{content:attr(data-percent) "%";display:block;position:absolute;-webkit-writing-mode:sideways-lr;-ms-writing-mode:sideways-lr;writing-mode:sideways-lr;font-size:8pt;top:4px;background-color:#fff;height:2.8rem;left:50%;margin-left:-10px;width:20px;text-align:center;padding:2px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:14px;border:1px solid #000;overflow:hidden}.barchart .chart .barsection .bar+.bar{margin-left:5px}.barchart .chart .barsection .bar:first-child{margin-left:10px}.barchart .chart .barsection .bar:last-child{margin-right:10px}.barchart .chart .barsection .bar .inner-bar{display:block;position:absolute;bottom:0;width:100%}.barchart .legend{list-style:none;padding:0 0 0 2rem;margin:0;width:auto;height:100%;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:center;-ms-flex-pack:center;justify-content:center;border-left:1px dashed #000}.barchart .legend li{display:block;white-space:nowrap}.barchart .legend li span{display:inline-block;width:.75rem;height:.75rem;border:1px solid #000;margin-right:.5rem}.barchart.horizontal{height:auto;width:auto;margin-left:6rem}.barchart.horizontal .chart{height:auto;width:100%;max-width:100%;display:block;padding-right:1.5rem;border-right:1px dashed #000}.barchart.horizontal .chart.grow .barsection .bar .inner-bar{-webkit-animation-name:growWidth;animation-name:growWidth;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.barchart.horizontal .chart .barsection{display:block;width:500px;height:auto}.barchart.horizontal .chart .barsection:before{left:-5.5rem;bottom:unset;-webkit-writing-mode:unset;-ms-writing-mode:unset;writing-mode:unset;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}.barchart.horizontal .chart .barsection .bar{display:block;margin:0;height:2rem;width:100%;max-width:100%}.barchart.horizontal .chart .barsection .bar:before{-webkit-writing-mode:unset;-ms-writing-mode:unset;writing-mode:unset;left:5px;bottom:unset;margin:0;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}.barchart.horizontal .chart .barsection .bar:after{-webkit-writing-mode:unset;-ms-writing-mode:unset;writing-mode:unset;top:unset;height:1.6rem;width:2.8rem;left:unset;right:5px;margin:2.5px 0 0 0}.barchart.horizontal .chart .barsection .bar+.bar{margin-top:5px}.barchart.horizontal .chart .barsection .bar:first-child{margin-top:10px}.barchart.horizontal .chart .barsection .bar:last-child{margin-bottom:10px}.barchart.horizontal .chart .barsection .bar .inner-bar{bottom:unset;left:0;height:100%}.barchart.horizontal .chart .barsection:first-child .bar:first-child{margin-top:0}.barchart.horizontal .legend{height:100%;border:0}@-webkit-keyframes growHeight{from{max-height:0}to{max-height:100%}}@keyframes growHeight{from{max-height:0}to{max-height:100%}}@-webkit-keyframes growWidth{from{max-width:0}to{max-width:100%}}@keyframes growWidth{from{max-width:0}to{max-width:100%}}