/* compiled '/css/formix.cssx', compilation time: 2.2199153900146 msec, php css preprocessor by j.svozil */

body {font-family:"Open Sans", helvetica, sans-serif;font-size:14px;}
input,select,textarea,button {font-family:"Open Sans", helvetica, sans-serif;font-size:14px;margin:0;box-sizing:border-box;padding:2px;border:1px solid #aaa;}
input.rgt,select.rgt,textarea.rgt,button.rgt {text-align:right;}
input[type=checkbox],input[type=radio] {position:relative;top:2px;}
select {padding:1px;}
fieldset {padding:1em;border:0;background:#eee;border-radius:4px;margin:0 0 1em 0;}
legend {font-weight:bold;float:left;width:100%;padding:0 0 .5em 0;margin:0 0 .5em 0;border-bottom:1px solid #aaa;}
.fl {clear:both;overflow:hidden;padding:3px 0;}
.fl:hover label:after {display:block;}
.fl > label {width:33%;display:block;float:left;font-weight:bold;padding:4px 0;}
.fl > label.hint:after {font-family:"Font Awesome 5 Free";content:"\f061";color:#0a0;float:right;display:none;padding:2px .5em;}
input.lrg,select.lrg,textarea.lrg {width:67%;}
input.num,select.num,textarea.num {text-align:right;}
input.full,select.full,textarea.full {width:100%;}
button {padding:2px 8px;background:#666;color:#fff;transition:background .5s;}
button:hover {background:#222;transition:background .2s;}
button.btn {color:#fff;border:0;padding:4px 8px;font-weight:bold;box-shadow:2px 2px 2px rgba(0, 0, 0, .33);border-radius:2px;transition:background .5s;}
button.btn:hover {box-shadow:2px 2px 2px rgba(0, 0, 0, .5);transition:background .2s;}
button.btn:disabled {cursor:not-allowed;}
button.btn.grn {background:#080;}
button.btn.grn:hover {background:#0a0;}
button.btn.grn:disabled {color:#6d6;}
button.btn.red {background:#800;}
button.btn.red:hover {background:#b00;}
button.btn.red:disabled {color:#d66;}
button.btn.blu {background:#038;}
button.btn.blu:hover {background:#06f;}
button.btn.blu:disabled {color:#6ba;}
button.btn.mag {background:#808;}
button.btn.mag:hover {background:#b0C;}
button.btn.mag:disabled {color:#d6e;}
button.btn.orn {background:#c80;}
button.btn.orn:hover {background:#fa0;}
button.btn.orn:disabled {color:#fc6;}
button.btn.wht {background:#ccc;color:#000;}
button.btn.wht:hover {background:#fff;}
button.btn.wht:disabled {color:#888;}
button.btn.blk {background:#333;}
button.btn.blk:hover {background:#000;}
button.btn.blk:disabled {color:#666;}
.lg {overflow:hidden;}
.lg label {float:none;width:auto;display:inline-block;font-weight:normal;background:#fff;padding:4px 6px;margin-bottom:4px;transition:background .75s;}
.lg label:hover {background:linear-gradient(0deg, #f00 0, #f00 1px, #fff 2px) #fff;transition:background .25s;}
.lg.list {background:#fff;padding:2px 6px;border-radius:2px;}
.lg.list label {display:block;border-top:1px dotted #ccc;padding:2px 0;margin:0;}
.lg.list label:first-child {border:0px;}
.lg.list label:hover {background:unset;}
.fg {overflow:hidden;}
.fg input,.fg button,.fg select {float:left;border-radius:0;border-left:0;}
.fg input:first-child,.fg button:first-child,.fg select:first-child {border-left:1px solid #aaa;}
.fg .unit {background:#aaa;float:left;padding:3px 1em;font-weight:bold;}
.bg button {float:left;border-radius:0px;border-left:1px solid #ccc;}
.bg button:first-child {border-radius:2px 0px 0px 2px;border:0;}
.bg button:last-child {border-radius:0px 2px 2px 0px;}
.btns {padding:8px 0;overflow:hidden;clear:both;}
.btns .toleft {float:left;}
.btns .toright {float:right;}
.btns.btm {border-top:1px solid #aaa;margin-top:8px;}
.btns.top {border-bottom:1px solid #aaa;margin-bottom:8px;}
.btns .hint {padding:4px 0;}
.fw5 {width:5%;}
.fw10 {width:10%;}
.fw20 {width:20%;}
.fw25 {width:25%;}
.fw33 {width:33%;}
.fw40 {width:40%;}
.fw50 {width:50%;}
.fw60 {width:60%;}
.fw67 {width:67%;}
.fw75 {width:75%;}
.fw80 {width:80%;}
.fw90 {width:90%;}
.fw95 {width:95%;}
.tabnum {width:60px !important;text-align:right;}
.area {height:90px;}
.discrete {outline:none;border:1px solid transparent;background:transparent;}
.discrete:hover {border:1px solid #aaa;background:#fff;}
.discrete:focus {border:1px solid #aaa;background:#fff;}