/* OTREE ELEMENTS */
.otree-btn-next {
    float: right;
    margin: 40px auto;
}


/* EQUATION */
.equation {
    text-indent: 50px;
}


/* SCREENSHOTS */
.screenshot {
    border: 2px dashed lightgrey; 
    display: block;
    margin: auto;
}


/* LIKERT TABLE */
.likert-table {
    width: 100%;
    text-align: center;
    border-collapse: collapse; /* Ensures cleaner spacing */
}

/* Define column widths */
.likert-table col:first-child { width: 35%; }
.likert-table col:not(:first-child) { width: 8%; }

/* Header styling */
.likert-table th {
    background-color: white;
}

/* Alternate row coloring for better readability */
.likert-table tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
}

/* Align first column (statement labels) to the left */
.likert-table td:first-child {
    text-align: left;
}


/* PAYOFF TABLE */
.payoff-table {
    border-collapse: collapse;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.payoff-table td, .payoff-table th {
    border: 1px solid black;
    text-align: center;
}
.payoff-table th {
    background-color: #dddddd;
}


/* PRODUCTION COST TABLE */
.production-cost-table col:first-child { width: 50%; }
.production-cost-table col:not(:first-child) { width: 5%; }


/* EXAMPLE TABLE */
.example-table {
    width: auto;
    border-collapse: collapse; /* Ensures cleaner spacing */
    margin-left: auto;
    margin-right: auto;
}

.example-table th {
    text-align: center;
    border-bottom: 1px solid black;
}

.example-table col:first-child {width: auto;}
.example-table col:nth-child(2) {width: 10px;}
.example-table col:nth-child(3) {width: auto;}

/* CALCULATE PAYOFFS BUTTON */
.button {
    background-color: #007bff;
    color: white;
    border-radius: 3px;
    border: none;
    padding: 5px 25px;
    margin-bottom: 20px;
}
.button:hover {
    background-color: white;
    border: 1px solid #008CBA;
    color: black;
    border-radius: 3px;
}