input,input.error{transition:.3s}button,input,select,textarea{border:0;border-radius:0;outline:0;resize:none}.btn{display:inline-block;position:relative;border:0;-webkit-border-radius:0;border-radius:0;outline:0}.btn--round{-webkit-border-radius:5px;border-radius:5px}.btn--icon{padding:.5em 1em .5em 1.5em}.btn--fail,.btn--okay,.btn--success,.btn--warning{background:#FFF}.btn--icon>[class^=icon-]{position:absolute;top:50%;left:.75em;margin-top:-.5em;font-size:.8em}.btn--half{width:50%}.btn--full{width:100%}.DefaultBtn300,.NormalBtn{margin:2px auto;font-size:12px;width:calc(100% - 24px);position:relative;word-wrap:break-all}input.error{background:#a00!important;color:#FFF!important}.NormalBtn{padding:10px 2px 10px 18px;border-radius:2px;background:#222;color:#ddd;border:1px solid #555}.NormalBtn:hover{background:#eee;color:#111}.DefaultBtn300{padding:10px;border-radius:2px;background:#222;color:#ddd;border:1px solid #555;max-width:300px;overflow:hidden}.DefaultBtn300:hover{background:#eee;color:#111}.gradColor1{background:-webkit-gradient(linear,left top,left bottom,color-stop(1,#444),color-stop(0,#333));background:-webkit-linear-gradient(#333,#444);background:-moz-linear-gradient(#333,#444);background:-o-linear-gradient(#333,#444);background:-ms-linear-gradient(#333,#444);background:linear-gradient(#333,#444)}.gradColorBlue{background:-webkit-gradient(linear,left top,left bottom,color-stop(.88,#00b8f1),color-stop(0,#0098d1));background:-webkit-linear-gradient(top,#0098d1 0,#00b8f1 88%);background:-moz-linear-gradient(top,#0098d1 0,#00b8f1 88%);background:-o-linear-gradient(top,#0098d1 0,#00b8f1 88%);background:-ms-linear-gradient(top,#0098d1 0,#00b8f1 88%);background:linear-gradient(to bottom,#0098d1 0,#00b8f1 88%)}.gradColorGreen{background:-webkit-gradient(linear,left top,left bottom,color-stop(1,#94fa00),color-stop(0,#88c000));background:-webkit-linear-gradient(#88c000,#94fa00);background:-moz-linear-gradient(#88c000,#94fa00);background:-o-linear-gradient(#88c000,#94fa00);background:-ms-linear-gradient(#88c000,#94fa00);background:linear-gradient(#88c000,#94fa00)}.gradColorRed{background:-webkit-gradient(linear,left top,left bottom,color-stop(1,#c00),color-stop(0,#a00));background:-webkit-linear-gradient(#a00,#c00);background:-moz-linear-gradient(#a00,#c00);background:-o-linear-gradient(#a00,#c00);background:-ms-linear-gradient(#a00,#c00);background:linear-gradient(#a00,#c00)}.gradColorYellow{background:-webkit-gradient(linear,left top,left bottom,color-stop(1,#ffd500),color-stop(0,orange));background:-webkit-linear-gradient(orange,#ffd500);background:-moz-linear-gradient(orange,#ffd500);background:-o-linear-gradient(orange,#ffd500);background:-ms-linear-gradient(orange,#ffd500);background:linear-gradient(orange,#ffd500)}.gradColorWhite{background:-webkit-gradient(linear,left top,left bottom,color-stop(1,#fafafa),color-stop(0,#eee));background:-webkit-linear-gradient(#eee,#fafafa);background:-moz-linear-gradient(#eee,#fafafa);background:-o-linear-gradient(#eee,#fafafa);background:-ms-linear-gradient(#eee,#fafafa);background:linear-gradient(#eee,#fafafa)}.gradColor1,.gradColorBlue,.gradColorGreen,.gradColorRed,.gradColorYellow{color:#FFF}.gradColor1:hover,.gradColorBlue:hover,.gradColorGreen:hover,.gradColorRed:hover,.gradColorWhite:hover,.gradColorYellow:hover{opacity:.9}