.button,button,input[type=button]{background-color:#eee;border:1px solid #999;border-radius:4px;color:var(--color);cursor:pointer;font-size:15px;padding:12px 14px;text-align:center;transition:all 80ms ease-in-out}.button i,button i,input[type=button] i{margin-right:.4em}.button span,button span,input[type=button] span{font-size:15px}.button:hover,button:hover,input[type=button]:hover{background-color:#999}.button[color=primary],button[color=primary],input[type=button][color=primary]{background-color:#40ab86;border-color:#24704c;color:#fff}.button[color=primary].icon-button,button[color=primary].icon-button,input[type=button][color=primary].icon-button{background-color:transparent;border:none;color:#40ab86}.button[color=primary]:hover,button[color=primary]:hover,input[type=button][color=primary]:hover{background-color:#24704c}.button[color=primary]:hover.icon-button,button[color=primary]:hover.icon-button,input[type=button][color=primary]:hover.icon-button{background-color:#ddd}.button[color=light],button[color=light],input[type=button][color=light]{background-color:#a5a5a5}.button[color=accent],button[color=accent],input[type=button][color=accent]{background-color:#75a78e;border-color:#329270;color:#fff}.button[color=accent]:hover,button[color=accent]:hover,input[type=button][color=accent]:hover{background-color:#329270}.button[color=warn],button[color=warn],input[type=button][color=warn]{background-color:#f44336;border-color:#a82f2f;color:#fff}.button[color=warn]:hover,button[color=warn]:hover,input[type=button][color=warn]:hover{background-color:#a82f2f}.button[disabled],button[disabled],input[type=button][disabled]{background-color:#bbb;border-color:#777;color:#777;pointer-events:none}.button a,button a,input[type=button] a{color:inherit}.input{margin:1em .5em}.input label{margin-bottom:.5em}.input .controls{display:flex;flex-direction:column}.input .controls button{display:flex;flex-wrap:nowrap;justify-content:center;margin-top:.5em}@media(min-width:600px){.input .controls{flex-direction:row}.input .controls .field,.input .controls>input{flex:1 1;margin-right:1em}.input .controls button{flex:0 0 155px;margin-top:unset}}.input .controls .field{display:flex;position:relative}.input .controls .field .field-label{left:1em;position:absolute;top:.8em}.input .controls .field label{position:relative;z-index:2}.input .controls .field input{background-color:var(--background-color);color:var(--color);pointer-events:auto}.input .controls .field input:not(:-moz-placeholder)+.field-label{display:none;left:.5em;pointer-events:none;top:-.7em}.input .controls .field input:focus+.field-label,.input .controls .field input:not(:placeholder-shown)+.field-label{display:none;left:.5em;pointer-events:none;top:-.7em}.input .controls .field input:not(:-moz-placeholder)+.field-label .cover-bar{background-color:var(--background-color);display:block;height:2px;position:absolute;top:calc(.6em + 1px);width:100%;z-index:1}.input .controls .field input:focus+.field-label .cover-bar,.input .controls .field input:not(:placeholder-shown)+.field-label .cover-bar{background-color:var(--background-color);display:block;height:2px;position:absolute;top:calc(.6em + 1px);width:100%;z-index:1}.input .controls .field input:not(:-moz-placeholder)+.field-label label{padding:.3em}.input .controls .field input:focus+.field-label label,.input .controls .field input:not(:placeholder-shown)+.field-label label{padding:.3em}.input .controls .field input:not(:-moz-placeholder)+.field-label{display:block}.input .controls .field input:focus+.field-label,.input .controls .field input:not(:placeholder-shown)+.field-label{display:block}.input input,.input select{border:1px solid #aaa;border-radius:.2em;font-family:Nunito,sans-serif!important;outline:0;padding:1em}.input input:not([type=submit]):not([type=checkbox]),.input select:not([type=submit]):not([type=checkbox]){display:block;width:100%}.input input[type=checkbox]{margin-right:.8em}.input input[type=checkbox]+label{cursor:pointer}.input span.error{color:var(--color-danger);margin-top:.5em}.input .error input,.input .error select{border:1px solid var(--color-danger)}.input .error label{color:var(--color-danger)}