.do-not-show { display: none; } .otree-title { display: none; } #wrapper { display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; padding: 5% 0; margin: 0 auto; } #content-box { padding: 1rem 0; } .content-header { font-size: 1.5rem; font-weight: 600; } .standard-paragraph { margin: 1rem 0; text-align: justify; position: relative; } .first-level-list > li { margin-top: 0.5rem; } .second-level-list > li { margin-top: 0.25rem; } .controls { padding-left: 1rem; } input[type='radio'] { position: relative; top: 1px; } input[type='number'] { width: 6rem; font-weight: 600; text-align: center; } input[type='checkbox'] { margin-top: 5px; margin-left: -0.5rem !important; margin-right: 5px; } #decision-box ._formfield { display: inline-block; } #decision-box input[type='number'] { margin-right: 0.25rem; } #points-for-partner { display: inline-block; min-width: 1.25rem; text-align: center; } table#decisions { width: 30rem; max-width: 100%; text-align: center; } table#decisions th, table#decisions td { width: 50%; padding: 0.25rem 1rem; border-bottom: solid #000 1px; } table#decisions th:first-child, table#decisions td:first-child { border-right: solid #000 1px; } table#risk-options th, table#risk-options td { padding: 0.375rem 0.75rem; border: solid #000 1px; text-align: center; } table#risk-options th:first-child, table#risk-options td:first-child { width: 50%; text-align: left; } #button-box { display: flex; justify-content: space-between; padding: 1rem 0 2rem; } #button-box .otree-btn-last { min-width: 10rem; } #button-box .otree-btn-next { min-width: 10rem; margin-left: auto; }