/* A.R */
a.smallpadng {
    padding: 10px;
    font-size: 22px;
}
.clear{clear:both;}
.bars .col-md-10{margin:0px;padding:0px;}
.bars .col-sm-2{margin:0px;padding: 0 5px;}
.hidden { display: none }
input.input-s { width: 20px; height: 25px; border: 1px solid #ccc; display: inline-block; padding: 4px; }
input.input-m { width: 50px; height: 25px; border: 1px solid #ccc; display: inline-block; }
input.input-xl { width: 80px; height: 25px; border: 1px solid #ccc; display: inline-block; }
input.input-xxl { width: 120px; height: 25px; border: 1px solid #ccc; display: inline-block; }
.sortable { list-style-type: none; display: inline-block; }
.sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }
.options-container { height:50px; width: 142px; min-height: 20px; list-style-type: none; margin: 0; padding: 5px 0 0 0; margin-right: 10px; }
.options-container li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; display: inline-block; width: 120px; text-align: center; vertical-align:top }
.items { width: 100%; }
.target { vertical-align:top; border: 1px solid #ccc; display: inline-block; margin: 15px; text-align: center; vertical-align: top; width: 30%; }
.target h2 { border-bottom: 1px solid #ccc; }
.target .options-container { width: 80%; margin: 28px auto; height: 200px; }
.question { display: table; width: 100%; }
.incorrect-answer { font-weight: bold; color: red; }
.correct-answer { font-weight: bold; color: green; }
.picto-ul li { display: inline-block; list-style: none; cursor: pointer; }
.question_class li { opacity: 0.4 }
.question_class li.hover { opacity: 0.7 }
.question_class li.selected { opacity: 1 }
.graph { margin: 50px auto; }
ul.x-axis { list-style: none; display:table; border-top: 2px solid #000; position:relative; }
ul.x-axis:after { content: ">"; font-size: 27px; right: -4px; position: absolute; top: -23px; }
ul.x-axis:before { content: "<"; font-size: 27px; left: -4px; position: absolute; top: -23px; }
ul.x-axis li { display: inline-block; border: 2px solid transparent; border-top: 2px solid #000; padding: 5px 37px; margin: -2px 2px 0 0; position: relative; cursor: pointer; }
ul.x-axis li span.dot { margin: -24px 2px; position: absolute; font-size: 20px; }
ul.x-axis li:hover { border: 2px solid #15848f; color: #15848f; }
ul.x-axis li.selected { border: 2px solid #15848f; color: #15848f; }
ul.x-axis.nohover li:hover { border: 2px solid transparent; color: #000; }
/*========================= CSS  =========================*/
.clearfix { width:100%; }
.question-container { padding:18px 37px; }
.Number_spun { border: 1px solid #cdcdcd; float: left; padding: 30px 25px; }
.Number_spun table { width:550px; border:none; }
.Number_spun table td { padding:0; }
.Number_spun table ul, .bars table ul { list-style:none; margin: 0; }
.Number_spun table ul li, .bars table ul li { font-weight: bold; margin: 0; padding: 0; text-align: center; color:#ccc; cursor:pointer; font-size: 29px; height:40px; }
.Number_spun table ul li:hover, .bars table ul li:hover { color:#9A9AEF; }
.Number_spun table ul li.active, .bars table ul li.active { color:#6767bc; border-top: 1px solid black; }
.bar_graph { position:relative; width:550px; }
.graph_table tr { border-bottom:1px solid #ccc; background:none; }
.graph_table tr td, .numbring_table tr td { height: 40px; line-height: 0px }
.bar_graph .numbring_table { border: medium none; width: 31px; margin: 0; }
.bar_graph table { border:none; background:none; }
.bar_graph .numbring_table tr { background:none; }
.bar_graph .numbring_table td { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0; text-align: center; vertical-align: bottom; }
.bar_graph .number_text { float: left; left: -34%; position: absolute; top: 25px; transform: rotate(-90deg); width: 100%; }
.bar_graph .number_text p { }
.bar_graph .bars { bottom: -31px; position: absolute; right: -92px; width: 520px; }
.bar_graph .bars td { height: 371px; vertical-align: bottom; padding: 0 7px; }
.bar_graph .bars .bar { background: gray none repeat scroll 0 0; bottom: 0; position: absolute; width: 100%; max-width: 75px; }
.bar_graph .bars .bar.green { background: green; }
/*========================= CSS  =========================*/

ul.x-axis.no-hover li:hover { border:2px solid transparent; color: #15848f; }
ul.x-axis.no-hover li { border:0px; }
.format-selection li:nth-child(2n+1) { background: #f4f4f4 none repeat scroll 0 0; }
.format-selection li { display: inline-block; margin: 10px 0; min-height: 490px; padding: 20px; vertical-align: middle; width: 32.33%; }
.format-selection li:nth-child(2n) { background: #ddd none repeat scroll 0 0; }
.format-selection li .info-box-number { font-family: arial; font-size: 18px; font-weight: 700; }
.format-selection li .info-box-text { display: inline; font-size: 16px; margin-bottom: 10px; }
.format-selection li .fancybox { display: block; margin-top: 20px; }
.format-selection li .info-box-content span a { background: #fcbd2c; display: block; width: 100px; text-align: center; margin: 10px 0px; border-radius: 3px; cursor: pointer; padding: 7px 0px; font-size: 17px; color: #fff; }
.format-selection li .fancybox img { border: 1px solid; display: block; }
.explaianation-image img { border: 2px solid; }
/**************************/

.x-axis.nohover.x-labels li { display: table-cell; border:2px solid transparent }
.x-axis.nohover.x-labels { display: table; width: 100%; margin:0px 0px 0px 13px }