.field-group { position: relative; display: block; width: 400px; height: 40px; border-radius: 0.25rem;} textarea { display: block; width: 400px; max-width: 50%; padding: 15px; } input { width: 250px; height: 20px; } select { margin-right: -1; max-width: 400px; height: 36px; line-height: 25px; width: 400px; background-color: #95959521; } .checkbox .skin { background-color: #fff; border: 1px solid #d2d2d2; border-radius: 3px; display: inline-block; height: 24px; width: 24px; position: absolute; left: 0; top: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type=search] { -webkit-appearance: textfield; } input[type=search]:-webkit-search-cancel-button, input[type=search]:-webkit-search-decoration { -webkit-appearance: none; } table, tr, td, th { border: 0; } table caption { text-align: left; } table thead th { vertical-align: bottom; } table th, table td { padding: 13px 20px; line-height: 1.2rem; color: rgb(112, 111, 111); font-size: 1rem; text-align: left; vertical-align: top; word-wrap: break-word; } table th { text-transform: uppercase; font-size: 1.2rem; font-weight: normal; color: #000; padding: 13px 20px; } label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row { margin-top: 5px; } [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; color: #666; } [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 25px; height: 25px; border: 1px solid #087ac2; border-radius: 100%; background: #fff; } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 17px; height: 17px; background: #087ac2; border: 1px solid #08598b; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }