body {
    background-color:#EEE;
    text-align:center;
    }

.otree-body {
        max-width:100%
    }

.debug-info {
    display: none;
}

/* ring */


@keyframes appear {
    from {opacity:0}
    to {opacity:1}
}

#ring_outcome {
    width: 220px;
    margin: auto;
    padding:20px;
    font-size:10em;
    text-align: center;
    animation-name: appear;
    animation-duration: 750ms;
    animation-fill-mode: both;
}

.ring_outcome_0 {
    color:rgb(0,230,0);
}
.ring_outcome_1 {
    color:rgb(255,20,20);
}


/* cursor for previous response */
#prev_cursor_container {
    display:flex;
    width: 1030px;
    margin:auto;
    padding:none;
}

#prev_cursor_blank {
    display:block;
    width:500px;
    margin:0;
    padding:0;
    border:0;
    float:left;
}

#prev_cursor {
    display:block;
    width:30px;
    margin:0;
    padding:0;
    border:0;
    text-align:center;
    font-size:1em;
    /*color:rgb(100,100,100);*/
    float:left;
}

/* slider and bar */

.input-group {  max-width: 1000px;  width: 1000px !important; }

.slider { max-width: 1000px;  width: 1000px !important; }

.myslider { max-width: 1000px;  width: 1000px !important; }

#id_response, #id_response:disabled {
    max-width: 1000px;
    width: 1000px;
    margin:auto;
    box-shadow: none;
    box-sizing: content-box;
    display:inline;
    background-color:white;
    /*
    outline: #AAA solid 0px;
    -webkit-appearance: slider-horizontal;
    appearance: none;
    /*outline: none !important;
    height: 25px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: default;
    */
}

#pct_bar_container {
    display:block;
    width: 1000px;
    margin:auto;
    padding:none;
}

#pct_bar_left {
    display:block;
    height:20px;
    background-color:rgb(255,20,20);
    width: 500px;
    padding:0;
    margin:0;
    border:0;
    float:left;
}

#pct_bar_right {
    display:block;
    height:20px;
    background-color:rgb(0,230,0); /*green;*/
    width: 500px;
    padding:0;
    margin:0;
    border:0;
    float:left;
}

#pct_show_container {
    height:120px;
    width: 1000px;
    margin:auto;
    padding:none;
}

#pct_show_left {
    display:block;
    color:rgb(255,20,20);
    font-weight: bold;
    width: 100px;
    float:left;
    font-size:2em;
}

#pct_show_right {
    display:block;
    color:rgb(0,230,0);
    font-weight: bold;
    width: 100px;
    float:right;
    font-size:2em;
}



/* results table */

#results_table, #results_table td, #results_table th {
    margin:auto;
    border: 1px solid #999;
    padding:5px;
}


#part_id {
    color:#777;
}