markdown{display:inline-block;width:100%;box-sizing:border-box;position:relative;padding:1em 1em 1em 3em;margin-bottom:1em;border-left:6px solid transparent;animation-name:wiggle-left-right;animation-duration:1.2s;animation-delay:0.3s;font-size:15.2px;line-height:16.2px}markdown::before{position:absolute;left:0;width:3em;height:100%;text-align:center;font-family:"Font Awesome 5 Free";font-weight:900;font-size:1.1em}markdown.info{animation:none;border-left-color:#0075ca;background-color:#dbe8ff;color:#0075ca}markdown.info::before{content:"\f05a"}markdown.success{border-left-color:#1baf00;background-color:#dbffdf;color:#1baf00}markdown.success::before{content:"\f058"}markdown.warn{animation:none;border-left-color:#c7b000;background-color:#f8ffdb;color:#c7b000}markdown.warn::before{content:"\f071"}markdown.fail,markdown.error{border-left-color:#ca0000;background-color:#ffdbdb;color:#ca0000}markdown.fail::before,markdown.error::before{content:"\f06a"}@keyframes wiggle-animation{0%{transform:rotate(0deg)}20%{transform:rotate(-7deg)}60%{transform:rotate(7deg)}90%{transform:rotate(-3deg)}100%{transform:rotate(0deg)}}@keyframes wiggle-left-right{0%{transform:translateX(0)}8%{transform:translateX(-3px)}30%{transform:translateX(8px)}100%{transform:translateX(0)}}body{margin:0;padding:0;font-family:"Roboto", sans-serif;font-size:92%;line-height:normal}.fa,.far,.fas{font-size:120%}table,input,markdown{font-size:92%}h1{font-size:3ex;font-weight:900;color:#00356e;margin:1em}h2{padding:0;font-size:180%;font-weight:bold;color:#00224d}h3{font-size:190%;font-weight:900;color:#156ca4;margin-bottom:1em}h4{color:#43abee}h5{font-size:90%;font-weight:900;color:#128ad6;margin-bottom:0.5em;padding-left:0.5em}h6{font-size:70%;font-weight:900;color:#128ad6;margin-bottom:1em}select,select option{font-family:"Font Awesome 5 Free", "Roboto", sans-serif;font-weight:501}.fa-1_5x{font-size:1.5em !important}strong{font-weight:bold}.container .input,.container select{border-radius:3px;font-size:90%}.container .input:focus,.container select:focus{box-shadow:0 0 0 2px rgba(39,94,254,0.3);outline:none}.container .input{width:100%;padding:20px 10px;height:30px;box-sizing:border-box;border:1px solid #bbc1e1;padding:0.4rem 0.8rem}.container .input:hover,.container .input:focus{border:1px solid #275efe;transition:border-color 0.3s}.container select{outline:none;padding:0.4rem 0.8rem;padding-left:10px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;cursor:pointer;box-sizing:border-box;background-color:#fff;color:#00224d;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:1px solid #bbc1e1;position:relative}.container select:hover{border-color:#275efe}@supports (-webkit-appearance: none) or (-moz-appearance: none){input[type="checkbox"],input[type="radio"]{-webkit-appearance:none;-moz-appearance:none;height:21px;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid #bbc1e1;background:#fff;transition:background 0.3s, border-color 0.3s, box-shadow 0.2s}input[type="checkbox"]:after,input[type="radio"]:after{content:"";display:block;left:0;top:0;position:absolute;transition:transform 0.3s ease, opacity 0.2s}input[type="checkbox"]:checked,input[type="radio"]:checked{background:#275efe;border-color:#275efe}input[type="checkbox"]:checked:after,input[type="radio"]:checked:after{transition:transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2),opacity 0.3s}input[type="checkbox"]:disabled,input[type="radio"]:disabled{background:#f6f8ff;cursor:not-allowed;opacity:0.9}input[type="checkbox"]:disabled:checked,input[type="radio"]:disabled:checked{background:#275efe;border-color:#bbc1e1}input[type="checkbox"]:disabled+label,input[type="radio"]:disabled+label{cursor:not-allowed}input[type="checkbox"]:hover:not(:checked):not(:disabled),input[type="radio"]:hover:not(:checked):not(:disabled){border-color:#275efe}input[type="checkbox"]:not(.switch),input[type="radio"]:not(.switch){width:21px}input[type="checkbox"]:not(.switch):after,input[type="radio"]:not(.switch):after{opacity:0}input[type="checkbox"]:not(.switch):checked:after,input[type="radio"]:not(.switch):checked:after{opacity:1}input[type="checkbox"]+label,input[type="radio"]+label{font-size:100%;line-height:105%;display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px;margin-top:auto;margin-bottom:auto}input[type="checkbox"]:not(.switch){border-radius:7px}input[type="checkbox"]:not(.switch):after{width:5px;height:9px;border:2px solid #fff;border-top:0;border-left:0;left:6px;top:3px;transform:rotate(20deg)}input[type="checkbox"]:not(.switch):checked:after{transform:rotate(43deg)}input[type="checkbox"].switch{width:38px;border-radius:11px}input[type="checkbox"].switch:after{left:2px;top:2px;border-radius:50%;width:15px;height:15px;background:#275efe;transform:translateX(0)}input[type="checkbox"].switch:checked:after{background:#fff;transform:translateX(17px)}input[type="checkbox"].switch:disabled:not(:checked):after{opacity:0.6}input[type="radio"]{border-radius:50%}input[type="radio"]:after{width:19px;height:19px;border-radius:50%;background:#fff;opacity:0;transform:scale(0.7)}input[type="radio"]:checked:after{transform:scale(0.5)}}.slidebox{display:none !important}.slidebox+label{width:35px;height:19px;box-sizing:border-box;border-radius:30px;border:2px solid #bbc1e1;background-color:#efefef;display:inline-block;content:"";margin-right:11px;transition:background-color 0.5s linear}.slidebox+label:hover{cursor:grabbing}.slidebox+label:focus{box-shadow:0 0 0 2px rgba(39,94,254,0.3);outline:none}.slidebox+label::before{width:15px;height:15px;border-radius:30px;background-color:#fff;display:block;content:"";float:left;transition:margin 0.1s linear;box-shadow:0 0 5px #aaa}.slidebox:checked+label{background-color:#275efe}.slidebox:disabled+label{cursor:not-allowed;background-color:#fff}.slidebox:checked:disabled+label{background-color:#ffcd98}.slidebox:checked+label::before{margin:0 0 0 20px}setting{width:100%}setting.container{height:max-content;margin-right:0}setting cardgrid{display:flex;flex-direction:row;flex-wrap:wrap;border-radius:1em}setting part{display:flex;flex-direction:row;flex-wrap:wrap}setting img{user-select:none;-webkit-user-drag:none}setting .card{user-select:none;flex-basis:20%;min-width:max-content;border:2px solid #ddd;display:grid;align-items:center;grid-template-columns:1fr 3em;grid-template-areas:"title check" "options options";margin:0.5em;background-color:#fff;box-shadow:1px 1px 2px #777;border-radius:4px;flex-grow:1;height:max-content;align-self:center}@media screen and (max-width: 700px){setting .card{flex-basis:100%}}setting .card label{cursor:pointer}setting .card .labeloptions{grid-area:title;display:grid;justify-items:center;grid-template-columns:4em 1fr;grid-template-rows:0.5em 1fr 0.5em;grid-template-areas:"img ." "img title" "img arrow"}setting .card .labeloptions>titel{font-size:110%;grid-area:title;padding:0 0.5em;font-weight:bold;align-self:center;text-align:center}setting .card .labeloptions>.cardimg{grid-area:img;width:4em;height:4em;background-color:#d8ecff;padding:0.5em;border-right:2px solid #ddd}setting .card .labeloptions>i{font-size:120%;grid-area:arrow;color:#888;align-self:end}setting .card .labelcheck{display:grid;place-content:center;grid-area:check}setting .card .labelcheck>input[type="checkbox"]{display:none;background-color:inherit;margin-right:0.5em}setting .card .labelcheck>input[type="checkbox"]:checked ~ .check{display:flex}setting .card .labelcheck>input[type="checkbox"]:checked ~ .cross{display:none}setting .card .labelcheck>.check{display:none;margin:0.5em}setting .card .labelcheck>.cross{margin:0.7em}setting .card>input[type="checkbox"]{display:none}setting .card>input[type="checkbox"]:checked+options{display:flex}setting .card>options{display:none;flex-direction:column;grid-area:options;border-top:2px solid #eee;width:100%;padding:0.5em}setting .card:hover{box-shadow:2px 2px 5px #777}setting #dnsrecord ~ options div{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1em auto;grid-template-areas:"title title" "table table" ". ." ". del";padding:1em 0.5em 0.5em 0.5em}setting #dnsrecord ~ options div opt{grid-area:title;grid-column:span 2;font-weight:600;color:#004a8e;padding:0.5em}setting #dnsrecord ~ options div table{grid-area:table}setting #dnsrecord ~ options div post{grid-area:del;display:flex;justify-content:center;align-content:center;height:100%;width:100%}setting #dnsrecord ~ options div textarea{width:100%;height:8em;overflow-y:scroll}setting #spamoptions ~ options>spamarea{display:grid;grid-template-areas:"switch range num";grid-template-columns:4em 1fr auto}setting #spamoptions ~ options>spamarea>span{font-weight:bold;color:#004a8e;margin:1em 0 0.5em 0;place-self:center}setting #spamoptions ~ options>spamarea .option-key{grid-area:range;padding:0 0.3em;place-self:center}setting #spamoptions ~ options>spamarea .option-key>span{font-size:85%;color:#999}setting #spamoptions ~ options>spamarea .option-value{grid-area:num;margin:1em 0.5em;place-self:center}setting #spamoptions ~ options>spamarea h2{grid-area:switch;margin:1em;place-self:center}setting #spamoptions ~ options>spamarea span{grid-area:option;align-self:start}setting #changemail ~ options domain{padding:0.5em;padding-top:0;text-align:center}setting #autoreplymsg ~ options textarea{font-size:100%;font-family:"Font Awesome 5 Free", "Roboto", sans-serif}setting #avoptions ~ options div{display:grid;grid-template-columns:auto auto;grid-template-rows:2em 2em 1em;place-items:center}setting #avoptions ~ options div opt{grid-column:span 2;font-weight:600;color:#004a8e}setting #aliases ~ options opt{font-weight:600;color:#004a8e;padding:1em}setting #aliases ~ options p{margin:0}setting #changepw ~ options div,setting #quota ~ options div,setting #maxmsgsize ~ options div,setting #forward_to ~ options div{display:flex;align-content:center;align-items:center;justify-content:center}setting #changepw ~ options div div,setting #quota ~ options div div,setting #maxmsgsize ~ options div div,setting #forward_to ~ options div div{flex:1 1 50%}setting #changepw ~ options div dice,setting #quota ~ options div dice,setting #maxmsgsize ~ options div dice,setting #forward_to ~ options div dice{width:2.5em;height:2.5em;margin:0.5em;cursor:pointer}setting #changepw ~ options div dice img,setting #quota ~ options div dice img,setting #maxmsgsize ~ options div dice img,setting #forward_to ~ options div dice img{width:100%;height:100%}setting #changepw ~ options div dice:hover,setting #quota ~ options div dice:hover,setting #maxmsgsize ~ options div dice:hover,setting #forward_to ~ options div dice:hover{top:-2px}setting #changepw ~ options div dice:focus,setting #changepw ~ options div dice:active,setting #quota ~ options div dice:focus,setting #quota ~ options div dice:active,setting #maxmsgsize ~ options div dice:focus,setting #maxmsgsize ~ options div dice:active,setting #forward_to ~ options div dice:focus,setting #forward_to ~ options div dice:active{top:2px}setting #changepw ~ options div span,setting #quota ~ options div span,setting #maxmsgsize ~ options div span,setting #forward_to ~ options div span{margin:0.5em;white-space:nowrap}setting #changepw ~ options div post,setting #quota ~ options div post,setting #maxmsgsize ~ options div post,setting #forward_to ~ options div post{margin:0.5em}setting #changepw ~ options input[type="checkbox"],setting #quota ~ options input[type="checkbox"],setting #maxmsgsize ~ options input[type="checkbox"],setting #forward_to ~ options input[type="checkbox"]{margin:0.5em}setting #changepw ~ options p,setting #quota ~ options p,setting #maxmsgsize ~ options p,setting #forward_to ~ options p{flex:1 1 80%}setting #changepw ~ options select,setting #quota ~ options select,setting #maxmsgsize ~ options select,setting #forward_to ~ options select{margin-top:1em}setting #catchall ~ options div{place-items:center;padding:0.5em;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:2em}setting #catchall ~ options addr{grid-column:span 3;padding:0.5em}setting #catchall ~ options addnew{width:100%;grid-column:span 3}setting #catchall ~ options post{margin:0.5em}setting>titel{width:100%;background-color:#eee;border-bottom:2px solid grey}setting>post{display:flex;width:100%;justify-content:flex-end;padding:1.5em;cursor:pointer}setting>post .square_btn{height:2.5em;font-size:110%;font-weight:bold;padding:0.6em 1em}infotext{display:grid;grid-template-columns:3em auto;grid-template-rows:3em auto;grid-template-areas:"icon h2" "text text";align-items:center}infotext h4{grid-column:span 2}infotext h2{grid-area:h2}infotext img{grid-area:icon;width:100%;height:100%}infotext p{grid-area:text}more{display:flex;justify-content:center;align-content:center}moreinfo p,infotext p{padding:0 0.5em;text-align:justify;line-height:1.5em}wraptd{display:flex;flex-wrap:nowrap;width:100%}@media screen and (max-width: 700px){wraptd{flex-direction:column}}wraptd div{display:block;text-align:left;flex:1 0 50%;line-height:auto;align-self:center;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}@media screen and (max-width: 700px){wraptd div{align-self:flex-start;margin-left:1em}}wraptd div i{margin:auto 1em;align-self:center}.addAccount{display:flex;flex-direction:column;align-items:flex-end}.addAccount addnew{width:100%}.addAccount post{width:max-content;margin:0.5em}.container.info{padding:0}.container.info infotext,.container.info moreinfo{padding:1em}moreinfo h3{margin-top:3em}moreinfo h4{margin-top:2em;margin-bottom:0}.square_btn,input[type="button"],input[type="submit"]{display:inline-block;padding:0.5em 1em;font-weight:bold;font-size:100%;border-radius:2px;color:#ffffff;height:max-content;border:none;border-bottom:2px solid #005a9b;background-color:#0072c3;color:#fff;border-color:#005a9b;transition:none}.square_btn:active,.square_btn:focus,input[type="button"]:active,input[type="button"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-bottom:none;border-top:2px solid #005a9b}*{position:relative;box-sizing:border-box}#sa_reset{text-decoration:underline;cursor:pointer;color:#005fab}#sa_reset:hover{color:#0072c3}a{text-decoration:inherit;color:inherit}table{width:100%}table tr{background-color:#84cff7}table tr:nth-of-type(even){background-color:#bae6fc}table td p,table th p{padding:6px}table tbody{background-color:white}table td>*,table th>*{text-overflow:ellipsis;overflow:hidden}cspan{white-space:nowrap;text-overflow:ellipsis;position:relative}cspan[data-tooltip]:hover::before,cspan[data-tooltip]:hover::after{opacity:100;transition:opacity 0.2s;transition-delay:0.1s}[data-tooltip]::after{content:attr(data-tooltip);opacity:0;pointer-events:none;width:100%;overflow:visible;color:#fff;z-index:10000;width:auto;height:auto;border-radius:5px;padding:5px 7px;position:absolute;left:0;transform:translate(calc(-30% + 10px), -100%);background-color:#292929}.help-radio+label::before{position:relative;content:"+ ";margin-right:1em}.help-radio ~ .help-content{display:none}.help-radio:checked ~ .help-content{display:block}.main_page{display:flex;flex-direction:row;flex-wrap:wrap;max-width:1200px;margin:auto;padding:0 50px}.main_page_divider,.main_page_divider-50{display:flex;flex-direction:row;justify-content:center;box-sizing:border-box}.main_page_divider{width:100%}.main_page_divider-50{width:50%}.main-page{display:flex;flex-direction:row;flex-wrap:wrap;margin:auto;width:100%;box-sizing:border-box;justify-content:space-around;max-width:1700px}@media screen and (max-width: 800px){.main_page_divider,.main_page_divider-50{width:100%;justify-content:flex-start}}.option-box{margin:0;height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start}.option-inner-row{width:100%;height:100%;display:flex;flex-direction:row}.option-row{width:100%;display:flex;flex-direction:row;padding:0.8em}.option-inner-row:not(:last-child),.option-row:not(:last-child){margin-bottom:1.2em}.option-row:not(:last-child){padding-bottom:0.9em;border-bottom:2px solid #ddd}.option-key{width:100%;margin-right:11px;color:#555}.num{width:40px;height:40px;box-sizing:border-box;text-align:center;border:none;background-color:#eaeaea;border:2px solid #dcdcdc;color:#444;display:block}.num::-webkit-inner-spin-button,.num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num[type="number"]{-moz-appearance:textfield}.num-range[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:10px;background-color:#275efe;box-sizing:border-box;outline:none;opacity:0.7;-webkit-transition:0.2s;transition:opacity 0.2s}.num-range[type="range"]:hover{opacity:1;cursor:pointer}.num-range[type="range"]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background-color:#ddd;width:100%;height:10px}.num-range[type="range"]::-moz-range-progress{background-color:#ddd;content:"";height:10px}.num-range[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:20px;background:#eee;border:1px solid #275efe;border-radius:1px;cursor:grabbing;margin-top:-4px}.num-range[type="range"]::-moz-range-thumb{width:10px;height:20px;background:#eee;border:1px solid #275efe;border-radius:1px;cursor:grabbing}.userslist-box{width:100%;padding:0.8em}#users-list{padding-top:1em;flex-direction:column;width:100%}.users_table{width:100%}.filter_users{width:100% !important;padding:0.5em;border:1px solid #555}.users_table{border-collapse:collapse;width:100%;border:1px solid #ddd}.users_table th{padding:0.5em;background-color:#f1f1f1;cursor:pointer}.users_table td{padding:0.5em}.users_table tr.header,.users_table tr:hover{background-color:#f1f1f1}.sa_save{width:100%;display:flex;flex-direction:row;justify-content:flex-end;padding-top:1.5em;align-items:center}#sa_reset{margin:1em}html{height:100%}body{background-color:#f2fbff;color:#000;height:100%;overflow-x:hidden;margin:0;display:flex;box-sizing:border-box}body.login{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-content:center}body.login .container{width:100%;background-color:#00224d;position:relative}body.login .staff{position:absolute;left:100%;background-color:#55b9ef;border-radius:0 5px 5px 0;top:20;bottom:20;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}body.login .logo{text-align:right;margin-bottom:10px}body.login h1{color:#00224d}body.login p{margin-top:10px;color:#fff}body.login input{margin-top:8px;margin-bottom:8px}body.login input[type="submit"]{margin-top:10px;margin-bottom:10px;padding:0 20px;height:30px;background-color:#128ad6;color:#000;box-sizing:border-box}body.login select{outline:none;margin-top:10px;margin-bottom:10px;width:100%;height:40px;padding-left:10px;cursor:pointer;box-sizing:border-box;background-color:#fff;color:#00224d;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:1px solid rgba(214,240,254,0.5)}body.login select:hover{border-color:#000}.login-container{margin:auto}.login-form{display:flex;flex-direction:column}.column{height:100%;display:flex;flex-grow:1;flex-direction:column}header.column{overflow-y:auto;flex-grow:0;width:250px;font-size:110%;box-shadow:0 8px 10px rgba(155,155,155,0.85);z-index:900}.content{flex-grow:1;overflow-y:auto;background-color:#d6f0fe;-ms-overflow-style:none;scrollbar-width:none}.content::-webkit-scrollbar{display:none}.content>markdown{margin-left:2em;margin-right:2em;width:-webkit-fill-available;width:-moz-available;width:stretch}header{position:sticky;flex-shrink:0;flex-grow:0}header .content{background-color:#292929}header .site-logo{padding-bottom:25px;flex-shrink:0;user-select:none;background-color:#292929}header .site-logo .small{display:none;height:50px}header .site-logo img{width:100%;max-width:298px}header hr{width:100%;height:2px;background-color:#505050;border:none;margin:0}header nav{display:flex;flex-direction:column;width:100%;height:100%}header a{text-decoration:none}header nav-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:50px;min-height:50px;display:flex;align-items:center;cursor:pointer;background-color:#292929;color:#fff;border-top:2px solid transparent;border-bottom:2px solid #1d1d1d}header nav-button.selected{background-color:#005fab;border-top-color:#004d8b;border-bottom-color:transparent}header nav-button:hover{background-color:#0072c3;border-top-color:#0065ad;border-bottom-color:transparent}header nav-button:hover .logo img{animation:wiggle-animation 1s ease 0.3s}header nav-button .logo,header nav-button .text{height:100%;display:flex;align-items:center;background-color:transparent;overflow:hidden}header nav-button .logo{flex-grow:0;width:40px}header nav-button .logo img{margin:auto;user-select:none}header nav-button .text{flex-grow:1;padding-left:7px}header header_menu{margin:0;padding:0;border-left:10px solid #1d1d1d;width:100%;max-height:0;transition:max-height 0.15s ease-out;overflow:hidden;box-sizing:border-box}.active+header_menu{max-height:1000px;display:table;transition:max-height 0.25s ease-in}.toggleable::after{color:#fff;display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0.4em solid;border-right:0.4em solid transparent;border-bottom:0;border-left:0.4em solid transparent;margin-right:10px}.active.toggleable::after{border-top:0;border-right:0.4em solid transparent;border-bottom:0.4em solid;border-left:0.4em solid transparent}mobile-header{display:none;flex-shrink:0;width:100%;height:50px;background-color:#292929}mobile-header .site-logo{width:auto;height:50px;margin:auto}mobile-header .site-logo img{height:100%;width:100%}.mobile-nav-button{margin:2px;position:absolute;top:0;left:0;width:45px;height:45px;border-radius:3px;background-color:#292929}.mobile-nav-button:hover{cursor:pointer;transform:scale(0.95)}.mobile-nav-button::before{box-sizing:border-box;position:absolute;top:7px;left:7px;content:"";width:30px;height:30px;border-top:solid 4px #fff;border-bottom:solid 4px #fff;background-color:none}.mobile-nav-button::after{position:absolute;top:20px;left:7px;content:"";width:30px;height:4px;background-color:#fff}.mobile-nav-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);display:none;z-index:99;cursor:pointer}.asc::before{color:#fff;display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0;border-right:0.4em solid transparent;border-bottom:0.4em solid;border-left:0.4em solid transparent;margin-right:10px}.desc::before{color:#fff;display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0.4em solid;border-right:0.4em solid transparent;border-bottom:0;border-left:0.4em solid transparent;margin-right:10px}input[type="text"]:required:valid:not(:placeholder-shown),input[type="password"]:required:valid:not(:placeholder-shown),input[type="email"]:required:valid:not(:placeholder-shown){background:url(../images/svg/form_valid.svg);background-size:18px;background-repeat:no-repeat;background-position-x:6px;background-position-y:center;padding-left:30px;border-color:#00a91c;background-color:#f2fbff}input[type="text"]:required:valid:not(:placeholder-shown) ~ helper,input[type="password"]:required:valid:not(:placeholder-shown) ~ helper,input[type="email"]:required:valid:not(:placeholder-shown) ~ helper{display:none}input[type="text"]:required:invalid:not(:placeholder-shown),input[type="password"]:required:invalid:not(:placeholder-shown),input[type="email"]:required:invalid:not(:placeholder-shown){background:url(../images/svg/form_invalid.svg);background-size:20px;background-repeat:no-repeat;background-position-x:5px;background-position-y:center;padding-left:30px;background-color:#f2fbff;border-color:#d80000}input[type="text"]:required:invalid:not(:placeholder-shown) ~ helper,input[type="password"]:required:invalid:not(:placeholder-shown) ~ helper,input[type="email"]:required:invalid:not(:placeholder-shown) ~ helper{display:inline}input[type="text"]:disabled:-moz-read-only,input[type="password"]:disabled:-moz-read-only,input[type="email"]:disabled:-moz-read-only{background:url(../images/svg/textfield_lock.svg);background-size:20px;background-repeat:no-repeat;background-position-x:5px;background-position-y:center;padding-left:30px;border-color:#3e7efb}input[type="text"]:disabled:read-only,input[type="password"]:disabled:read-only,input[type="email"]:disabled:read-only{background:url(../images/svg/textfield_lock.svg);background-size:20px;background-repeat:no-repeat;background-position-x:5px;background-position-y:center;padding-left:30px;border-color:#3e7efb}.container,.settings-box,.expl-box{background-color:#fff;padding:1em 1em}.container h1,.settings-box h1,.expl-box h1{font-size:2em;color:#00224d;margin:0;margin-bottom:1em}.container h2,.settings-box h2,.expl-box h2{font-size:1.6em;color:#00224d;margin-left:1em}.container h3,.settings-box h3,.expl-box h3{font-size:1.4em;margin-left:0.5em}.container h4,.settings-box h4,.expl-box h4{font-size:1.1em;margin-bottom:1em;margin-left:0.5em}.container{border-radius:20px;margin:auto;max-width:2000px;margin:2em}.center{text-align:center}.center>*{margin:auto}@media screen and (max-width: 1024px) and (min-width: 700px){header.column{width:50px}header .site-logo .normal{display:none}header .site-logo .small{display:block}header nav-button .logo{width:50px}header nav-button .text{width:0;position:absolute;padding:0}}@media screen and (max-width: 700px){.content>markdown{margin-left:1em;margin-right:1em}.container{border-radius:0;margin:0;width:100%}.container:nth-of-type(even){background-color:#f0f8ff}.main-page{flex-direction:column;align-items:center}.expl-box,.settings-box{width:100%}.column{width:100%;height:auto}body{flex-direction:column}header.column{width:100%;height:100%;box-shadow:none}header{background-color:#00000066;position:fixed;top:0;max-width:0;transition:max-width 0.1s ease-out;z-index:900}header.open{max-width:82%;transition:max-width 0.2s ease-in}mobile-header{display:flex;position:sticky;top:0;left:0;z-index:800}.mobile-nav-background.open{display:block}.mobile-nav-close-button{position:absolute;right:10px;top:10px;width:50px;height:50px}.mobile-nav-close-button::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"\2715";color:#fff;line-height:48px;font-size:22px;text-align:center;cursor:pointer}}.flexcontainer{display:flex;flex-direction:column;max-width:900px}users_table{display:grid;grid-template-columns:1.5em 1.5fr 3fr 0.7fr 0.7fr 1fr 1fr 0.5fr 1.5em;width:auto;height:auto}accheader{background-color:#128ad6;color:#fff;cursor:pointer}attr,attrheader{padding-bottom:5px;padding-top:10px;border-bottom:2px solid transparent}attr{border-color:#bbb}attrheader{border-color:#128ad6}attrheader{background-color:#128ad6;font-weight:bold;color:#fff}.fa-check-circle{color:pink}.fa-times-circle{color:pink}.opt{cursor:pointer}.opt .fa-user-edit{color:pink}.opt:hover .fas{color:pink}.opt:hover .fa-trash-alt{color:red}section{grid-column:1 / -1;background-color:#eee;display:none;box-sizing:border-box;overflow-x:hidden;overflow-y:hidden;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.6);margin-bottom:1em}section close{justify-self:stretch;align-self:stretch;cursor:pointer}section save{justify-self:center;align-self:center;cursor:pointer}section opt{grid-column:span 1;grid-row:span 1;padding:0.5em;cursor:pointer}section div{width:100%}section menu_head{margin-left:20px;margin-right:20px}section menu_body div{width:auto;margin:20px}section h1{font-size:1.5em !important;margin-top:20px !important;padding-left:20px !important;padding-right:20px !important;margin-bottom:1em !important;box-sizing:border-box}.filters{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding-top:0.5em;padding-bottom:0.5em}.filter_button{cursor:pointer;font-size:initial;background-color:pink;white-space:nowrap;padding:0.2em 0.5em;border-radius:2px;border:1px solid pink;border-radius:0.25em;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;font-style:normal;font-size:0.8em;font-weight:400;margin-right:20px}.filter_button.on,.filter_button:active,.filter_button:focus,.filter_button:hover{background-color:pink;transition-duration:0.2s;color:white}.filter[type="checkbox"]{display:none}menu{display:flex;flex-direction:column;padding:0;margin:0;width:100%;height:100%}menu menu_head{width:auto;display:flex;flex-direction:row;border-radius:20px;margin-bottom:1em}menu menu_head menu_title{width:100%;height:60px;font-size:1.2em;text-align:center;vertical-align:middle}menu menu_head menu_item{width:100%;height:30px;vertical-align:middle;background-color:#fff;color:#000;border-radius:0px;display:flex;justify-content:center;align-items:center;text-align:center}menu menu_head menu_item:hover{background-color:#128ad6;color:#fff;cursor:pointer}menu menu_head menu_item *{width:100%;height:100%}menu menu_head menu_item.last{margin-top:auto}menu menu_head menu_item.selected{background-color:#128ad6;color:#fff}menu menu_head menu_item:first-of-type{border-radius:20px 0 0 20px}menu menu_head menu_item:last-of-type{border-radius:0 20px 20px 0}menu menu_body{background-color:#fff;height:100%}menu menu_body>div:not(:first-of-type){display:none}.selected{background-color:#bbb}.tab{color:#f67000}clickme{display:block;width:fit-content;border:1px solid pink;background-color:pink;border-radius:2px;padding:2px}clickme:hover{background-color:pink;cursor:pointer}clickme .fa-user-times{color:red}clickme .fa-user-check{color:green}clickme .fa-plus-circle{color:green}content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}listbox{margin:0 1em 2em 1em;border-radius:1.5em;width:100%;max-width:650px;background-color:#f2fbff;box-shadow:1px 1px 2px #777}listbox:hover,listbox:focus,listbox:active{box-shadow:3px 3px 8px #777}listbox .list{display:flex;flex-direction:column;height:100%;padding-bottom:0.7em}listbox .list listheader{display:grid;grid-template-rows:auto;grid-template-columns:3em 1fr 3em;grid-template-areas:". title question" "info info info";margin:0;text-align:center;padding:0.5em;border-top-left-radius:1.2em;border-top-right-radius:1.2em}listbox .list listheader h2{grid-area:title;margin:0;line-height:150%}listbox .list listheader h6{grid-area:info;margin:0;font-size:80%}listbox .list listheader tooltip{grid-area:question;justify-self:end}listbox .list row{display:grid;grid-template-columns:1fr 1em 3em;grid-template-rows:auto;grid-template-areas:"address . del" "info info info";align-items:center;padding:0.3em 0.3em 0.3em 1.3em}listbox .list row user{grid-area:address;overflow:hidden;overflow-wrap:break-word}listbox .list row>post{grid-area:del;place-self:center}listbox .list add{display:grid;grid-template-columns:1fr 2em;grid-template-rows:auto;margin-top:auto;border-top:#caf0f8 2px solid;padding:0.3em 0.5em 0.5em 0.5em;align-items:center}listbox .list add label{transition:0.5s}listbox .list add label img{width:2em;transition:0.5s}listbox .list add form{justify-self:end;display:flex;justify-content:end;width:100%}listbox .list add new{display:grid;grid-template-columns:5% 1em 1fr 0.5em auto;grid-template-areas:"input input input . save" ". arrow domain . save" "helper helper helper helper save";align-items:center;visibility:hidden;width:0%;overflow:hidden;margin-left:-5px;transition:0.5s}listbox .list add new helper{grid-area:helper;font-size:75%;font-weight:500;color:#00224d}listbox .list add new input{grid-area:input;margin:0}listbox .list add new post{grid-area:save;place-self:center}listbox .list add new domain{grid-area:domain;font-size:80%;color:#333;overflow:hidden;overflow-wrap:break-word}listbox .list add new img{grid-area:arrow;width:1.2em;align-self:start}listbox .list add input[type="checkbox"]{display:none}listbox .list add input[type="checkbox"]:checked ~ label{transition:0.5s 0.3s;transform:translate(0, -50%)}listbox .list add input[type="checkbox"]:checked ~ label>img{transform:rotate(45deg) scale(0.7, 0.7);transition:0.5s}listbox .list add input[type="checkbox"]:checked ~ form>new{visibility:visible;width:100%;opacity:1;transition:0.5s 0.3s;padding:0.5em;border:2px solid #bae6fc;background-color:#55b9ef;border-radius:8px}listbox blacklist{border:3px solid black;border-radius:1.5em}listbox blacklist>listheader{background-color:black}listbox blacklist>listheader h2{color:white}listbox whitelist{border:3px solid white;border-radius:1.5em}listbox whitelist>listheader{background-color:white}listbox whitelist>listheader h2{color:black}listbox faillist{border:3px solid #128ad6;border-radius:1.5em}listbox faillist>listheader{background-color:#128ad6}listbox faillist>listheader h2{color:white}post{cursor:pointer;transition:0.5s}post i.fa-check-circle{color:inherit}post i.fa-check-circle:hover{color:green}post:hover i.fa-users{color:#4ba0c2}post:hover i.fa-cog{color:#9c9c9c}post:hover i.fa-plus-circle{color:#1bc33f}post:hover i.fa-trash-alt{color:#f52a23}post:hover i.fa-copy{color:#f5bd23}post:hover i.fa-angle-down{top:3px}.hidden{display:none}lists-grid{display:grid;grid-template:auto / 60% 30%}table.gridTable thead{background-color:#128ad6;color:#fff}table.gridTable td,table.gridTable th{align-items:center;min-width:0;box-sizing:border-box;padding:8px}table.gridTable td{display:grid;grid-auto-flow:column}table.gridTable th{display:flex}table.gridTable tr{display:flex;flex-direction:row;flex-wrap:nowrap;background-color:transparent}table.gridTable tbody tr{background-color:transparent;border-bottom:1px solid transparent;border-color:#bbb}table.gridTable tbody tr:last-child{border:0}tooltip{grid-area:question;justify-self:end;position:relative;display:inline}tooltip input[type="checkbox"]{display:none}tooltip p{position:absolute;width:250px;color:#fff;background:#005fab;text-align:center;visibility:hidden;opacity:0;padding:0.5em;border:5px solid #00356e;border-radius:0.5em;top:50%;right:0;box-shadow:5px 5px 10px 3px #8c8c8c;transition:opacity 0.5s linear}tooltip p::before{content:"";position:absolute;right:10px;bottom:100%;width:0;height:0;border-top:15px solid transparent;border-right:15px solid #00356e}tooltip input{display:none}tooltip input:checked ~ p{visibility:visible;opacity:1;z-index:999}.highlighted{font-size:110%;text-shadow:0px 0px 5px #84cff7;color:#2fa1e5}addnew{padding:1em 1em 0.5em 1em;position:relative;display:grid;grid-template-columns:1fr 0.5em 1.5em;grid-template-areas:"input . plus" "domain . ." "helper helper helper";align-items:start}addnew helper{grid-area:helper;font-size:75%;font-weight:600;color:#275efe}addnew input{font-size:90%;outline:none;grid-area:1 / 1 / 2 / 2;background-color:inherit;padding:0.5em 0 0 0.5em;border-top-left-radius:2px;border-top-right-radius:2px;border:none;border-bottom:2px solid black;width:100%;z-index:15}addnew input:focus{grid-area:input;border-bottom:2px solid #275efe}addnew input:focus+label{top:-0.1em;color:#275efe;font-size:70%;font-weight:600;transition:color 0.5s ease-out}addnew input:focus ~ domain{color:#275efe;transition:color 0.5s ease-out}addnew input:focus ~ post{visibility:visible;color:#275efe}addnew input:placeholder-shown+label{visibility:visible}addnew input:not(:placeholder-shown)+label{top:-0.1em;color:#275efe;font-size:70%;font-weight:600;transition:color 0.5s ease-out}addnew domain{color:grey;grid-area:domain;font-size:80%;justify-self:end}addnew post{grid-area:plus;color:grey}addnew label{padding:0.5em;font-size:90%;color:grey;position:absolute;left:1em;width:100%;z-index:10;top:0.9em;width:max-content}.help2{-webkit-user-select:none;user-select:none;cursor:pointer;-moz-box-shadow:inset -1px 1px 2px 0px #bbdaf7;-webkit-box-shadow:inset -1px 1px 2px 0px #bbdaf7;box-shadow:inset -1px 1px 2px 0px #bbdaf7;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));background:-moz-linear-gradient(center top, #79bbff 5%, #378de5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');background-color:#79bbff;-webkit-border-radius:42px;-moz-border-radius:42px;border-radius:42px;text-indent:0px;border:1px solid #84bbf3;display:inline-block;color:#ffffff;font-weight:bold;font-size:20px;height:28px;line-height:28px !important;width:28px;text-align:center}.help2:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));background:-moz-linear-gradient(center top, #378de5 5%, #79bbff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');background-color:#378de5}.help2:active{position:relative;top:1px}.clickable{font-weight:bold;color:#005fab}.clickable:hover{color:#0072c3}confirm{grid-area:info;margin-right:1em;font-weight:bold;padding:0.8em;margin:0.5em 0;color:#ca0000;background-color:#ffdbdb;border-radius:0.5em;display:grid;grid-template-columns:1fr auto 0.5em auto;grid-template-areas:"text text text text" ". yes . no"}confirm p{grid-area:text}confirm .yes{grid-area:yes}confirm .no{grid-area:no}.tabsetting,.tabmember{border:3px solid #70bcf9;border-radius:5px;background-color:#fff;box-shadow:4px 4px 8px grey;margin-bottom:1.5em}.tabsetting{border-top-right-radius:0}.activeTab{border:3px solid #70bcf9;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#fff;border-bottom:none;margin-bottom:-4px;z-index:10;box-shadow:11px 0px 9px -8px gray}members div{width:100%;display:flex;padding:0 0.5em;margin-bottom:1em}members div select{flex:1;margin:0.5em;width:inherit}members div .button{margin:0.5em}members div>post{display:flex}members memberrow{display:grid;grid-template-columns:1fr 1em 2fr 0.5fr 2em;align-items:center;margin:0 1em;line-height:1.8em}members memberrow:last-of-type{margin-bottom:1em}members memberrow name{overflow:hidden;text-overflow:ellipsis;overflow-wrap:initial}members memberrow user{overflow:hidden;text-overflow:ellipsis;overflow-wrap:initial}@media screen and (max-width: 1199px){members memberrow user{grid-column:1 / 5}}members memberrow post{justify-self:center}members memberrow confirm{grid-column:1 / 6}groups h3{margin:0.8em 0.8em 0.5em 0.8em}groups helper{margin:1em;color:#004a8e;font-weight:bold}formular{width:100%;display:flex;flex-direction:column;padding:0.5em;align-content:center}formular div{display:flex;align-items:center}formular div p,formular div span{margin-left:0.5em}formular addnew{margin:0.5em 0}formular input[type="checkbox"]{margin:0.5em}@media print{header{display:none;visibility:hidden}header.column{display:none}mobile-header{display:none}}@media screen and (max-width: 1199px){.denseView{display:none !important}}@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-duration:0s !important;transition-delay:0s !important}}
/*# sourceMappingURL=style.css.map */