body{font-family:Arial,Helvetica,sans-serif;font-size:16px;margin:auto;padding:0;height:100%;max-width:970px}#theCode{width:100%;min-height:310px;font-family:monospace;resize:both}.noblock{display:inline}@media print{#hideBtn,#printBtn,.container,.header-title,.selectbox,.subheader,.tooltip,.topnav,button,details,footer,h1,header,label,summary,textarea,title{display:none!important}code{overflow-wrap:break-word}}.button{background-color:#04aa6d;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-top:10px;margin-bottom:15px}.button:hover{background-color:#03915d}.btnblue{background-color:#008cba}.btnblue:hover{background-color:#0079a1}.btnyellow{background-color:#ef9b0f}.btnyellow:hover{background-color:#f7b90a}.btnred{background-color:#f44336}.btnred:hover{background-color:#d2190b}.btnteal{background-color:teal}.btnteal:hover{background-color:#066}.btnblack{background-color:#777}.btnblack:hover{background-color:#04aa6d}input[type=text]{font-size:14px;width:96%;padding:8px;border:2px solid #ccc;border-radius:4px;margin-top:4px}.header{color:#000;text-align:center}.header-title{overflow:hidden;background-color:#fff;color:#096;text-align:center;padding:25px;font-size:35px;font-weight:700}.header-sitename{color:#960;text-align:center;margin-top:20px;font-family:monospace;font-weight:700}.subheader{color:#000;text-align:center;font-size:20px;margin-top:20px;margin-bottom:10px;font-weight:400}textarea{width:100%;padding:12px 20px;box-sizing:border-box;border:4px solid #ccc;border-radius:10px;background-color:#fff;resize:none;margin-top:8px;font-family:monospace;font-size:12px}label{font-weight:700;font-size:16px}footer{display:flex;justify-content:center;padding:10px;background-color:#fff;color:#000;margin-top:10px;margin-bottom:10px;font-size:16px;font-family:monospace}footer a{color:#fff}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:115px;background-color:#777;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-75px;opacity:0;transition:opacity .3s}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#777 transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.topnav{position:relative;overflow:hidden;background-color:#fff}.topnav a{float:left;color:#000;text-align:center;padding:10px 16px;text-decoration:none;font-size:16px;border-radius:10px;margin-right:20px}.topnav a:hover{background-color:#eee;color:#f60}.topnav a.active{background-color:#eee;color:#04aa6d}.topnav a.activeyellow{background-color:#fada5e;color:#000}.topnav-centered a{float:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topnav-right{float:right}@media screen and (max-width:600px){.topnav a,.topnav-right{float:none;display:block}.topnav-centered a{position:relative;top:0;left:0;transform:none}}summary{font-size:1.25rem;font-weight:600;background-color:#eee;color:#333;padding:1rem;margin:auto;margin-bottom:1rem;outline:0;border-radius:.25rem;text-align:left;cursor:pointer;position:relative;width:96%}details[open] summary~*{animation:sweep .5s ease-in-out}@keyframes sweep{0%{opacity:0;margin-top:-10px}100%{opacity:1;margin-top:0}}details>summary::after{position:absolute;content:"+";right:20px}details[open]>summary::after{position:absolute;content:"-";right:20px}details>summary::-webkit-details-marker{display:none}.pfaq{font-size:16px;width:96%;margin:auto;margin-bottom:1rem}.h1faq{text-align:center}.selectbox{padding:10px 10px;border:2px solid #04aa6d;color:#04aa6d;background-color:#fff;border-radius:4px;font-weight:700;margin-top:10px;margin-bottom:15px;text-align:left}.codeoption{color:#04aa6d;font-size:16px;font-weight:700}.showfm{background-color:#fdfdfd;border-left:4px solid #d4d5d8;padding:10px 10px;border-radius:5px;color:#555;font-size:16px;font-weight:700;text-align:center}.showfmred{background-color:#ffebec;border-left:4px solid #e13238}.showfmblue{background-color:#eef9fd;border-left:4px solid #4cb3d4}.showfmgreen{background-color:#e6f6e6;border-left:4px solid #009400}.showfmyellow{background-color:#fff8e6;border-left:4px solid #e6a700}