.control-group{display:inline-block;vertical-align:top;background:#fff;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,0.1);padding:30px;width:200px;height:210px;margin:10px}.control{display:block;position:relative;padding-left:30px;margin-bottom:15px;cursor:pointer;font-size:18px}.control input{position:absolute;z-index:-1;opacity:0}.control__indicator{position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6}.control--radio .control__indicator{border-radius:50%}.control input:disabled ~ .control__indicator{background:#e6e6e6;opacity:0.6;pointer-events:none}.control__indicator:after{content:'';position:absolute;display:none}.control input:checked ~ .control__indicator:after{display:block}.control.control--checkbox{line-height:22px}.control--checkbox .control__indicator:after{left:8px;top:4px;width:3px;height:8px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.control--checkbox input:disabled ~ .control__indicator:after{border-color:#7b7b7b}.control--radio .control__indicator:after{left:7px;top:7px;height:6px;width:6px;border-radius:50%;background:#fff}.control--radio input:disabled ~ .control__indicator:after{background:#7b7b7b}.select{position:relative;display:inline-block;margin-bottom:15px;width:100%}.select select{display:inline-block;width:100%;cursor:pointer;padding:10px 15px;outline:0;border:0;border-radius:0;background:#e6e6e6;color:#7b7b7b;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select select::-ms-expand{display:none}.select select:hover,.select select:focus{color:#000;background:#ccc}.select select:disabled{opacity:0.5;pointer-events:none}.select__arrow{position:absolute;top:16px;right:15px;width:0;height:0;pointer-events:none;border-style:solid;border-width:8px 5px 0 5px;border-color:#7b7b7b transparent transparent transparent}.select select:hover ~ .select__arrow,.select select:focus ~ .select__arrow{border-top-color:#000}.select select:disabled ~ .select__arrow{border-top-color:#ccc}