/*********** INSTRUCTIONS ************* ***************************************/ .wrapper, .alert { min-width: 512px; max-width: 768px; margin: 0 auto 20px; } .instructions { width: 100%; height: 100%; background: rgba(255,255,245,0.25); margin: 40px auto; padding: 20px 20px 10px 20px; position:relative; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.05) inset; -moz-border-radius: 5px; border-radius: 5px; } /***************************************************** **************** Elicitation ************************* ******************************************************/ .table { margin-bottom: 0; } .table>thead>tr>th, .table>tbody>tr>td { padding: 10px; vertical-align: middle; border: none; } .header { background-color: #e9e9e9; border: 1px solid #dee2e6; } .center { text-align: center; } .lottery-a { min-width: 160px; text-align: right; } .lottery-b { min-width: 160px; text-align: left; } .formfield { min-width: 80px; text-align: center; }