| 1 | .c-button{border:1px solid transparent;background-color:#96a8b2;color:#fff;display:inline;max-width:100%;margin:0;padding:.5em;border-radius:4px;outline:0;font-family:inherit;font-size:1em;line-height:normal;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-button.c-button--active{background-color:#7b929e}.c-button:not(:disabled):hover{background-color:#b0bec5}.c-button:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button:not(:disabled):active{background-color:#7b929e}.c-button:disabled{cursor:not-allowed;opacity:.5}.c-button--close{border:1px solid transparent;color:inherit;position:absolute;right:.5em;padding:0;outline:0;font-size:1.4em;font-weight:700;line-height:1}.c-button--close,.c-button--close.c-button--active{background-color:transparent}.c-button--close:not(:disabled):hover{background-color:hsla(0,0%,9%,0)}.c-button--close:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--close:not(:disabled):active{background-color:transparent}.c-button--block{display:inline-block;width:100%}.c-button--rounded{border-radius:30em}.c-button--brand{border:1px solid transparent;background-color:#2c3e50;color:#fff}.c-button--brand.c-button--active{background-color:#1c2732}.c-button--brand:not(:disabled):hover{background-color:#3c556e}.c-button--brand:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--brand:not(:disabled):active{background-color:#1c2732}.c-button--info{border:1px solid transparent;background-color:#2196f3;color:#fff}.c-button--info.c-button--active{background-color:#0c7fda}.c-button--info:not(:disabled):hover{background-color:#4dabf5}.c-button--info:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--info:not(:disabled):active{background-color:#0c7fda}.c-button--warning{border:1px solid transparent;background-color:#ff9800;color:#fff}.c-button--warning.c-button--active{background-color:#d17d00}.c-button--warning:not(:disabled):hover{background-color:#ffab2e}.c-button--warning:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--warning:not(:disabled):active{background-color:#d17d00}.c-button--success{border:1px solid transparent;background-color:#4caf50;color:#fff}.c-button--success.c-button--active{background-color:#3e8f41}.c-button--success:not(:disabled):hover{background-color:#6abe6e}.c-button--success:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--success:not(:disabled):active{background-color:#3e8f41}.c-button--error{border:1px solid transparent;background-color:#f44336;color:#fff}.c-button--error.c-button--active{background-color:#ef1d0d}.c-button--error:not(:disabled):hover{background-color:#f66c62}.c-button--error:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--error:not(:disabled):active{background-color:#ef1d0d}.c-button--ghost{border:1px solid #96a8b2;background-color:transparent;color:#96a8b2}.c-button--ghost.c-button--active{border-color:#7b929e;background-color:#7b929e;color:#fff}.c-button--ghost:not(:disabled):hover{background-color:#96a8b2;color:#fff}.c-button--ghost:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost:not(:disabled):active{border-color:#7b929e;background-color:#7b929e;color:#fff}.c-button--ghost-brand{border:1px solid #2c3e50;background-color:transparent;color:#2c3e50}.c-button--ghost-brand.c-button--active{border-color:#1c2732;background-color:#1c2732;color:#fff}.c-button--ghost-brand:not(:disabled):hover{background-color:#2c3e50;color:#fff}.c-button--ghost-brand:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost-brand:not(:disabled):active{border-color:#1c2732;background-color:#1c2732;color:#fff}.c-button--ghost-info{border:1px solid #2196f3;background-color:transparent;color:#2196f3}.c-button--ghost-info.c-button--active{border-color:#0c7fda;background-color:#0c7fda;color:#fff}.c-button--ghost-info:not(:disabled):hover{background-color:#2196f3;color:#fff}.c-button--ghost-info:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost-info:not(:disabled):active{border-color:#0c7fda;background-color:#0c7fda;color:#fff}.c-button--ghost-warning{border:1px solid #ff9800;background-color:transparent;color:#ff9800}.c-button--ghost-warning.c-button--active{border-color:#d17d00;background-color:#d17d00;color:#fff}.c-button--ghost-warning:not(:disabled):hover{background-color:#ff9800;color:#fff}.c-button--ghost-warning:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost-warning:not(:disabled):active{border-color:#d17d00;background-color:#d17d00;color:#fff}.c-button--ghost-success{border:1px solid #4caf50;background-color:transparent;color:#4caf50}.c-button--ghost-success.c-button--active{border-color:#3e8f41;background-color:#3e8f41;color:#fff}.c-button--ghost-success:not(:disabled):hover{background-color:#4caf50;color:#fff}.c-button--ghost-success:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost-success:not(:disabled):active{border-color:#3e8f41;background-color:#3e8f41;color:#fff}.c-button--ghost-error{border:1px solid #f44336;background-color:transparent;color:#f44336}.c-button--ghost-error.c-button--active{border-color:#ef1d0d;background-color:#ef1d0d;color:#fff}.c-button--ghost-error:not(:disabled):hover{background-color:#f44336;color:#fff}.c-button--ghost-error:not(:disabled):focus{border-color:#2196f3;box-shadow:inset 0 0 0 2px #4dabf5}.c-button--ghost-error:not(:disabled):active{border-color:#ef1d0d;background-color:#ef1d0d;color:#fff}.c-button__icon-left{padding-right:.5em}.c-button__icon-right{padding-left:.5em} |