<style>
.container{display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}
.container:hover input~.checkmark{background-color:#ccc}
.container input:checked~.checkmark{background-color:#2196F3}.checkmark:after{content:'';position:absolute;display:none}
.container input:checked~.checkmark:after{display:block}
.container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}body{max-width:100%;margin:auto}.card-header{margin:10px 10px 10px 10px;border:3px solid #25b1b6;color:#033;padding:10px;box-shadow:3px 3px #888}.card-body{margin:10px 10px 10px 10px;padding:10px}
</style>
