body{font-family:Arial, Helvetica, sans-serif;max-width:850px;margin:0.5rem auto}header,footer{background-color:#2d2d2f;box-shadow:0 0 5px rgba(0,0,0,0.7);color:white;padding:1em}.dock__buttons{display:flex}.dock__buttons .action__group{width:calc(100% - 65px - 1rem)}.dock__buttons .main__group{width:calc(65px + 1rem)}.dock__buttons .main__group div{float:left;margin-right:.5rem}.dock__buttons .action__group div{float:right;margin-left:.5rem}.link__button{background:#B8BBC1;border-radius:4px;color:white;padding:.5rem;text-decoration:none}.link__button.primary{background:red}.listing{width:100%;padding:0.1rem}.listing__header{background:#4fd3e9}.listing__row{width:100%;margin-top:0.5rem;padding:.5rem 0 .5rem 0;display:flex}.listing__row:nth-child(odd){background:#d5d5d5}.listing__cell{text-align:center}.listing__cell.published__cell{width:5%}.published__cell div{border-radius:100%;height:16px;width:16px;background:red;display:inline-block;box-shadow:inset 0 -15px 15px #ff000a,inset -20px -10px 40px rgba(255,225,225,0.4),0 0 1px #000}.published__cell div.published__ok{box-shadow:inset 0 -15px 15px #00ff0a,inset -20px -10px 40px rgba(255,225,225,0.4),0 0 1px #000}.listing__cell.id__cell{width:10%}.listing__cell.title__cell{width:70%;text-align:left}.listing__cell.action__cell{width:15%}.post__field{padding-top:.5rem;padding-bottom:.5rem;overflow:auto}.post__field .label-el{width:15%;float:left;text-align:right}.post__field .input-el{width:calc(85% - 5rem);float:right;text-align:right}.post__field .input-el input{width:100%;box-sizing:border-box}.post__field .input-el input[type="checkbox"]{width:auto;float:left}