.myinput{background-color:var(--input-background);color:#fff;border-radius:5px;max-width:80rem;margin:4px auto;padding:8px;display:flex;position:relative}.myinput label:first-child{text-align:right;-webkit-user-select:none;user-select:none;cursor:pointer;flex:1;justify-content:flex-end;padding-top:6px;padding-right:15px;font-size:12pt;font-weight:700;display:flex}.myinput div:not(.radiocontainer){background-color:var(--background-color);flex:2;align-items:center;gap:3px;min-height:30px;display:flex;position:relative}.radiocontainer{z-index:2;padding-right:16px}.myinput div input:first-of-type:not(.input_nonr){padding:1px 2px}.myinput div input:first-of-type:not(.input_nonr):not([type=radio]),.myinput div textarea{z-index:2;text-overflow:ellipsis;font-family:var(--font-family);color:var(--drk-text-grey);z-index:2;resize:none;background-color:#0000;border-style:none;flex:2;min-width:12px;font-size:12pt;font-weight:400}.myinput div textarea{min-height:150pt;padding:5px 2px}.myinput div input:focus,.myinput div textarea:focus{outline:none}.myinput div .input_background{background-color:var(--background-color);border:7px solid var(--background-color);z-index:1;border-radius:0 5px 5px 0;width:100%;height:100%;position:absolute;top:-7px;left:-7px}.myinput div .input_nonr{vertical-align:middle;z-index:2;align-items:center;max-width:14px;line-height:30px;display:flex;position:relative}.myinput div .input_nonr_label{z-index:2;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--drk-text-grey);word-break:break-word;flex:1;align-items:center;font-size:15px;display:flex;position:relative}.myinput .optionlabel{color:var(--drk-text-grey);z-index:2;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:12pt}button{background-color:var(--drk-red);color:#fff;cursor:pointer;border:none;border-radius:5px;width:100%;max-width:80rem;min-height:46px;margin:4px auto;padding:8px;font-size:12pt;font-weight:700;transition-duration:.4s}button:hover{box-shadow:0px 3px 1px -2px rgb(var(--drk-text-grey) / .2), 0px 2px 2px 0px rgb(var(--drk-text-grey) / .14), 0px 1px 5px 0px rgb(var(--drk-text-grey) / .12)}.btn_div{text-align:center}@media only screen and (max-width:500px){.myinput{display:block}.myinput label:first-child{text-align:left;justify-content:left;padding:0}.myinput .cdiv{margin-top:15px}.myinput div .input_background{border-radius:5px}}
.colored_container{padding-block:4rem}.grey_container{background-color:var(--drk-light-grey)}.darkgrey_container{background-color:var(--drk-dark-grey)}.white_container{margin-block:4rem}.red_container{background:var(--col-red-gradient)}
.downloads{padding-inline-start:0;box-sizing:border-box;max-width:40rem;margin:0 auto;padding:0;list-style:none}.downloads li{border-bottom:1px solid var(--drk-middle-grey);box-sizing:border-box;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.downloads li a{color:var(--drk-text-grey);box-sizing:border-box;background-color:#0000;flex-grow:1;padding-block:1rem;-webkit-text-decoration:none;text-decoration:none;display:flex}.downloads li a:hover{-webkit-text-decoration:underline var(--drk-text-grey);text-decoration:underline var(--drk-text-grey)}.downloads li a span{line-height:var(--main-line-height)}.downloads li a svg{fill:var(--drk-text-grey);box-sizing:border-box;min-width:1.5rem;margin-block-start:.1em;margin-inline-end:.5rem}.darkgrey_container .downloads li{border-bottom-color:#fff}.darkgrey_container .downloads li a{color:#fff}.darkgrey_container .downloads li a:hover{-webkit-text-decoration:underline #fff;text-decoration:underline #fff}.darkgrey_container .downloads li a svg{fill:#fff}
