.boxcontainer{display:block;position:relative;padding-left:50px;margin-bottom:8px;cursor:pointer;padding-top:8px;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.boxcontainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:35px;width:35px;background-color:#ccc}.boxcontainer:hover input~.checkmark{background-color:#ccc}.boxcontainer input:checked~.checkmark{background-color:#186dd8}.checkmark:after{content:"";position:absolute;display:none}.boxcontainer input:checked~.checkmark:after{display:block}.boxcontainer .checkmark:after{left:12px;top:2px;width:10px;height:20px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.boxcontainer input:disabled~.checkmark{background-color:#ccc;cursor:none}.radiocontainer{display:block;position:relative;padding-left:30px;margin-bottom:0;padding-top:8px;cursor:pointer;cursor:hand;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radiocontainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radiobtn{position:relative;top:7px;left:0;height:35px;width:35px;background-color:#ccc;border-radius:50%;cursor:pointer}.radiocontainer:hover input~.radiobtn{background-color:#ccc}.radiocontainer input:checked~.radiobtn{background-color:#186dd8}.radiobtn:after{content:"";position:absolute;display:none}.radiocontainer input:checked~.radiobtn:after{display:block}.radiocontainer .radiobtn:after{top:10px;left:10px;width:15px;height:15px;border-radius:50%;background:#fff}.radiocontainer input:disabled~.radiobtn{background-color:#ccc;cursor:none}