.switch-check { display: inline-block; width: 80px; margin: 8px 0 0 }
.switch-check input { display: none; }
.switch-check .slider { display: inline-block; cursor: pointer; text-align: center; font-weight: normal }
.switch-check .slider:before { display: inline-block; content: "On"; width: 40px; background-color: #D8DEDE; color: #333; padding: 6px 10px 4px }
.switch-check .slider:after  { display: inline-block; content: "Off"; width: 40px; background-color: #0269a5; color: #fff; padding: 6px 10px 4px }
.switch-check input:checked + .slider:before { color: #fff; background-color: #0269a5 }
.switch-check input:checked + .slider:after { color: #333; background-color: #D8DEDE }

.switch-radio { display: inline-block; margin: 8px 0 0 }
.switch-radio input { display: none }
.switch-radio label { float: left; display: inline-block; background-color: #D8DEDE; color: #333; font-weight: normal; text-align: center; padding: 5px 10px }
.switch-radio label:hover { cursor: pointer }
.switch-radio input:checked + label { background-color: #0269a5; color: #fff }

.item-resources ul li { padding: 10px 0 }