.charsheet { background-color:#F8BE49; } table { width:100%; border:0px; } td { border:0px; background-color:#F9D181; border-radius:25px; } th { font-weight:bold; border:0px; font-size:small; } tr { text-align: center; } input { width:90%; } input[type=checkbox] { width:100%; } input[type=number] { -moz-appearance:textfield; text-align: center; } textarea { width:calc(90% - 10px); padding:4px; } .repcontrol_add, .repcontrol_move { float:left; } .repcontrol_add { border-bottom-left-radius:25px; } .repcontrol_edit { border-bottom-right-radius:25px; } input.sheet-etatSante { width: 210px; height: 22px; position: relative; left: 8px; margin: -1.5px; cursor: pointer; z-index: 1; opacity: 0; } input.sheet-etatSante + span::before { content: attr(title); text-align: center; display: inline-block; margin-left:-200px; width: 205px; height: 22px; font-size: 14px; font-weight:bold; border:1px solid black; border-top-left-radius: 3em 3em; border-top-right-radius: 3em 3em; border-bottom-right-radius: 3em 3em; border-bottom-left-radius: 3em 3em; box-shadow: 3px 3px 6px black; position: relative; background: #F9D080; } input.sheet-etatSante:checked + span::before { background: #F9BE4A; box-shadow: 0px 0px 7px 0px #000000 inset; }