.container { padding:60px 0; }
.addoncheckbox { display: none; }

/* label {
    display: block;
    margin: 0;
    padding: 20px 75px 20px 40px;
    border: 2px solid #00b4ff;
    border-radius: 40px;
    position: relative;
    transition: all 0.25s ease-in-out;
} */

@media (max-width:768px) {
    .checkbox label { margin: 10px 20px; }
}

label.input-disabled { cursor: not-allowed; }

.checkbox-icon {
    height: 60px;
    line-height: 60px;
    width: 88%;
    text-align: center;
    display: block;
    background-color: #00b4ff;
    color: #fff;
    font-size: 21px;
    transition: all 0.25s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    margin-top: 10px;
}

label.input-checked .checkbox-icon { transition: all 0.25s ease-in-out; }

label.input-checked { border-color: #5fcf80!important; }
label.input-checked .checkbox-icon { background-color: #5fcf80; }
label.input-checked .upgrade-site-name, label.input-checked .upgrade-site-subtext { color: #5fcf80; }

label.upgrade-has { border-color: #ccc!important; }
label.upgrade-has .checkbox-icon { background-color: #ccc; }
label.upgrade-has .upgrade-site-name, label.upgrade-has .upgrade-site-subtext { color: #999; }

label.input-checked .upgrade-site-name, label.input-checked .upgrade-site-subtext { transition: all 0.25s ease-in-out; }

.upgrade-site-name strong, .upgrade-site-subtext { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.upgrade-site-subtext { margin-left:20px; }