.hidden { display: none }
input.input-s { width: 20px; height: 25px; border: 1px solid #ccc; display: inline-block; padding: 4px; margin: 1px; }
input.input-m { width: 50px; height: 25px; border: 1px solid #ccc; display: inline-block; margin: 1px; }
input.input-xl { width: 80px; height: 25px; border: 1px solid #ccc; display: inline-block; margin: 1px; }
input.input-xxl { width: 120px; height: 25px; border: 1px solid #ccc; display: inline-block; margin: 1px; }
input.input-big { width: 420px; height: 25px; border: 1px solid #ccc; display: inline-block; margin: 1px; }
input.input-extrabig { width: 720px; height: 25px; border: 1px solid #ccc; display: inline-block; margin: 1px; }
.sortable { list-style-type: none; display: inline-block; }
.sortable li { float: left; font-size: 4em; height: 90px; margin: 3px 3px 3px 0; padding: 0 3px; 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%; margin-bottom: 10px }
.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 }
.question_class .picto-ul li { opacity:0.3 }
.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:16px 18px; 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 50px; text-align: center; }
.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 { margin:30px 0 60px; position: relative; width: 550px; }
.graph_table tr { border-bottom:1px solid #000; 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; text-align: center; vertical-align: top; }
.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: -50px; position: absolute; right: -92px; width: 520px; }
.bar_graph .bars td { height: 351px; padding: 20px 7px 0; vertical-align: bottom; }
.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 }
/*Format Number 33 Styles*/
ul.selection-boxes { width: 400px; }
ul.selection-boxes li { list-style: none; padding: 10px; display: inline-block; border: 5px solid #00f2ff; margin: 5px 15px; cursor: pointer; }
ul.selection-boxes li.active { border-color: #20c2ea; color:#fff; }
input.input-for-division { display: inline-block; width: 50px; }
.dividend { display: inline-block; min-width: 50px; border: 2px solid #000; line-height: 15px; margin: 6px 2px 10px; padding: 7px; }
.draggable-ruler { width: 550px; height: 150px; }
.draggable-ruler img { left:30%; top:30% }
.fix-object img { width: 100%; border: 1px solid }
.divide_equation .dividend { border-top: 2px solid #000; border-width: 2px 0 0; display: inline-block; line-height: 15px; margin: 6px 2px 35px; min-width: 67px; padding: 7px 12px; position: relative; text-align: center; }
.divide_equation .dividend::before { background: rgba(0, 0, 0, 0) url("../images/division.png") no-repeat scroll center center; content: ""; height: 39px; left: -1px; position: absolute; top: 0; width: 10px; }
.divide_equation .dividend::after { background: rgba(0, 0, 0, 0) url("../images/division2.png") no-repeat scroll center center; content: ""; height: 39px; right: -1px; position: absolute; top: 0; width: 10px; }
.divide_equation span { display: inline-block; margin-left: 13px; text-align: center; width: 86px; }
.divide_equation.case2 span { width:175px; }
.divide_equation #answers { left: 12px; min-width: 65px; position: relative; text-align: center; top: 15px; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; box-sizing: border-box; color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; font-size: 0.875rem; height: 2.3125rem; margin:0 0px 0px 6px; padding: 0 0.5rem; transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s; }
.case2.divide_equation #answers, .case3.divide_equation #answers, .case4.divide_equation #answers { left:0px; top:0px }
.objects-container { position: relative; margin-top: 20px; }
.objects-container .fix-object.vertical { transform: rotate(270deg); float: left; position:absolute; top: 150px; z-index: 5; }
.objects-container .draggable-ruler.vertical { width: 100%; float: left; height: 500px; }
.draggable-ruler.vertical img { left:30%; top:5% }
.clr { clear:both }
/* Fraction style*/
.fraction { display: inline-block; position: relative; top:14px; min-width: 30px; text-align: center; margin-bottom:15px; }
.fraction span { display: block; }
.fraction span.top { border-bottom: 1px solid #333; }
.fraction span.top input { top: -4px; position: relative; }
.fraction span.bottom input { top: 4px; position: relative; }
.fraction input { margin: 0; }
/* Fraction */
ul.x-axis li { vertical-align:top }
sup { top: -15px; }
.wordstyle table p { margin: 0px; padding: 0px; }
.wordstyle table td { height: 19px !important }
.wordstyle table tr { height: 19px !important }
.wordstyle table tr.even, table tr.alt, table tr:nth-of-type(even) { background: none }
.wordstyle table { background: #fff; margin-bottom: 1.25rem; border: none; }
td .name { left: -10px; position: relative; text-align: center; top:30px; transform: rotate(-60deg); }
table.graph_table ul { margin: 0 10px; width: 65px; }
.bar_graph.format18 table { width: auto; }
.format19 .Number_spun table ul li.active, .bars table ul li.active { border-top: none; }
ul.x-axis label .fraction { min-width: 5px; }
button.submit-format20 { margin-top: 10px; }
h5.center { text-align: center; }
/*===================================*/
.division_solution li.first .divident { border-top: 2px solid #000; border-width: 2px 0 0; display: inline-block; line-height: 15px; margin: 6px 2px 0px; min-width: 67px; padding: 7px 12px; position: relative; text-align: left; }
.division_solution li.first .divident::before { background: rgba(0, 0, 0, 0) url("../images/division.png") no-repeat scroll center center; content: ""; height: 39px; left: -1px; position: absolute; top: 0; width: 10px; }
.division_solution li.first .divident::after { background: rgba(0, 0, 0, 0) url("../images/division2.png") no-repeat scroll center center; content: ""; height: 39px; right: -1px; position: absolute; top: 0; width: 10px; }
.division_solution li { list-style:none }
.division-ul li.first .divisor { display: inline-block; text-align: right; width: 30px; }
.division_solution .quotient { padding-left:45px; }
.division-ul li.first .product { padding-left:48px; }
.division-ul { width:110px; }
.division-ul li.first { border:0px; margin:0px; }
.division-ul li { border-top: 2px solid #000; margin-left: 30px; }
.division_solution li:nth-child(2) { padding-left:40px; }
.division_solution li:nth-child(3) { padding-left:50px; }
.division_solution li:nth-child(4) { padding-left:60px; }
.division_solution li:nth-child(5) { padding-left:70px; }
.division-ul li .product { left: -11px; position: relative; }
.division-ul li { list-style: outside none none !important; }
#table-format-5 table tbody:first-child tr:last-child td {
    border-bottom: 1px solid #000 !important;
}
/*==========shapes============*/
.sliced_shapes .columns { display: inline-block; padding: 0 4.6%; vertical-align:middle; }
.rectangle4 { width:140px; border:1px solid #000; margin:0px 0px 30px; }
.rectangle4 td { height:55px; width: 50%; border:1px solid #000; cursor:pointer }
.rectangle4 td:hover { background:#eeb11b }
td.active-red, .circle li.active-red .text, .jar .inner .items.active-red, .hover-red td:hover, .hover-red .circle li .text:hover, .hover-red .jar .inner .items:hover { background:#FF0000; }
td.active-green, .circle li.active-green .text, .jar .inner .items.active-green, .hover-green td:hover, .hover-green .circle li .text:hover, .hover-green .jar .inner .items:hover { background:#0ca900; }
td.active-black, .circle li.active-black .text, .jar .inner .items.active-black, .hover-black td:hover, .hover-black .circle li .text:hover, .hover-black .jar .inner .items:hover { background:#000000; }
td.active-blue, .circle li.active-blue .text, .jar .inner .items.active-blue, .hover-blue td:hover, .hover-blue .circle li .text:hover, .hover-blue .jar .inner .items:hover { background:#0032d3; }
td.active-orange, .circle li.active-orange .text, .jar .inner .items.active-orange, .hover-orange td:hover, .hover-orange .circle li .text:hover, .hover-orange .jar .inner .items:hover { background:#ff8400; }
.rectangle8 { width:280px; border:1px solid #000; }
.rectangle8 td { border:1px solid #000; height:55px; width: 25%; cursor:pointer }
.circle4 { width:200px; border:1px solid #000; height:200px; border-radius:50%; border-collapse: separate; margin:30px 0px; }
.circle4 td { padding:0px !important; }
.circle4 td a { height:100px; width:100px; display:block; }
.circle4 td.first-half { border-radius: 100px 0 0 0px; }
.circle4 td.second-half { border-radius: 0 100px 0 0px; }
.circle4 td.third-half { border-radius: 0 0 0 100px; }
.circle4 td.fourth-half { border-radius: 0 0 100px 0px; }
.circle4 td { border:1px solid #000 }
.circle { position: relative; border: 1px solid black; padding: 0; margin: 1em auto; width:200px; height:200px; border-radius: 50%; list-style: none; overflow: hidden; }
.circle li { cursor:pointer; border: 1px solid #000; overflow: hidden; position: absolute; top: 0; right: 0; width: 50%; height: 50%; transform-origin: 0% 100%; }
.circle .text { position: absolute; left: -100%; width: 200%; height: 200%; text-align: center; transform: skewY(60deg) rotate(15deg); padding-top: 20px; }
.circle li:first-child { transform: rotate(0deg) skewY(-60deg); }
.circle li:nth-child(2) { transform: rotate(30deg) skewY(-60deg); }
.circle li:nth-child(3) { transform: rotate(60deg) skewY(-60deg); }
.circle li:nth-child(4) { transform: rotate(90deg) skewY(-60deg); }
.circle li:nth-child(5) { transform: rotate(120deg) skewY(-60deg); }
.circle li:nth-child(6) { transform: rotate(150deg) skewY(-60deg); }
.circle li:nth-child(7) { transform: rotate(180deg) skewY(-60deg); }
.circle li:nth-child(8) { transform: rotate(210deg) skewY(-60deg); }
.circle li:nth-child(9) { transform: rotate(240deg) skewY(-60deg); }
.circle li:nth-child(10) { transform: rotate(270deg) skewY(-60deg); }
.circle li:nth-child(11) { transform: rotate(300deg) skewY(-60deg); }
.circle li:nth-child(12) { transform: rotate(330deg) skewY(-60deg); }
.circle li .text:hover { background:#F00; }
.shape-name { display: block; font-size: 18px; margin-top: 20px; text-align: center; }
.jar { background:url(../img/jug.png) no-repeat top left; width:350px; height:324px; display:block; }
.jar .inner { background:transparent; border-radius: 0 0 31px 25px; display: block; height: 288px; left: 31px; position: relative; top: 19px; width: 195px; }
.jar .inner .items { cursor:pointer; background:transparent; height: 25%; position: absolute; width: 100%; }
.jar .inner .items:hover { background: #9fd8ef; }
.jar .inner .part1 { top: 0; }
.jar .inner .part2 { top: 25%; }
.jar .inner .part3 { top: 50%; }
.jar .inner .part4 { top: 75%; border-radius: 0 0 31px 25px; }
.jar .inner .part1:hover::before { border-style: solid; border-width: 32px 2px 0 21px; content: ""; left: -18px; position: absolute; top: 0; }
.jar .inner .part1:hover::after { border-style: solid; border-width:25px 19px 0px 0px; content: ""; right: -18px; position: absolute; top: 0; }
.hover-black .jar .inner .part1:hover::before { border-color: #000000 transparent; }
.hover-black .jar .inner .part1:hover::after { border-color: #000000 transparent; }
.hover-red .jar .inner .part1:hover::before { border-color: #FF0000 transparent; }
.hover-red .jar .inner .part1:hover::after { border-color: #FF0000 transparent; }
.hover-green .jar .inner .part1:hover::before { border-color: #0ca900 transparent; }
.hover-green .jar .inner .part1:hover::after { border-color: #0ca900 transparent; }
.hover-blue .jar .inner .part1:hover::before { border-color: #0032d3 transparent; }
.hover-blue .jar .inner .part1:hover::after { border-color: #0032d3 transparent; }
.hover-orange .jar .inner .part1:hover::before { border-color: #ff8400 transparent; }
.hover-orange .jar .inner .part1:hover::after { border-color: #ff8400 transparent; }
.jar .inner .part1.active-red::before { border-color: #FF0000 transparent; border-style: solid; border-width: 32px 2px 0 21px; content: ""; left: -18px; position: absolute; top: 0; }
.jar .inner .part1.active-red::after { border-color: #FF0000 transparent; border-style: solid; border-width:25px 19px 0px 0px; content: ""; right: -18px; position: absolute; top: 0; }
.jar .inner .part1.active-green::before { border-color: #0ca900 transparent; border-style: solid; border-width: 32px 2px 0 21px; content: ""; left: -18px; position: absolute; top: 0; }
.jar .inner .part1.active-green::after { border-color:#0ca900 transparent; border-style: solid; border-width:25px 19px 0px 0px; content: ""; right: -18px; position: absolute; top: 0; }
.jar .inner .part1.active-black::before { border-color: #000000 transparent; border-style: solid; border-width: 32px 2px 0 21px; content: ""; left: -18px; position: absolute; top: 0; }
.jar .inner .part1.active-black::after { border-color: #000000 transparent; border-style: solid; border-width:25px 19px 0px 0px; content: ""; right: -18px; position: absolute; top: 0; }
.jar .inner .part1.active-blue::before { border-color: #0032d3 transparent; border-style: solid; border-width: 32px 2px 0 21px; content: ""; left: -18px; position: absolute; top: 0; }
.jar .inner .part1.active-blue::after { border-color: #0032d3 transparent; border-style: solid; border-width:25px 19px 0px 0px; content: ""; right: -18px; position: absolute; top: 0; }
.jar .inner .part1.active-orange::before { border-color: #ff8400 transparent; border-style: solid; border-width: 32px 2px 0 21px; content: ""; left: -18px; position: absolute; top: 0; }
.jar .inner .part1.active-orange::after { border-color: #ff8400 transparent; border-style: solid; border-width:25px 19px 0px 0px; content: ""; right: -18px; position: absolute; top: 0; }
.bar_graph.format18 table.graph_table { border-left: 1px solid #000; }
.question-name { margin-bottom: 20px; }
.given-answer button { display: none; }
.solution h3 { color: blue; }
.wrong-answer { border: 2px solid blue; padding: 10px; margin-top: 15px; float: left; width:70%; clear:both; }
.solution { border: 2px solid black; padding: 10px; margin-top: 15px; }
.header-title img { width: 150px; }
.questions.index a.new_question { font-size: 24px; padding: 10px 0; }
.questions.index h3 { font-size: 22px; }
.questions.index form { display: table; table-layout: fixed; width: 100%; }
.questions.index form .input.select { display: table-cell; vertical-align: bottom; }
.questions.index form.search-filter .input.select, .questions.index form.search-filter .input.text { display: inline-block; vertical-align: top; width: 30%; }
.questions.index form .chosen-container { width: 94% !important; }
.questions.index form .submit { display: inline-block; vertical-align: middle; }
.questions.index form .submit input { background: #fab415 none repeat scroll 0 0; border-radius: 5px; border:0px; border-bottom:2px solid #da9800; color: #fff; padding:3px 10px; margin-top:19px; }
.members table { width:100% }
.login_form { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 0 6px #ddd; margin:10vh auto 0; padding: 30px; width: 350px; }
.login_form input[type="submit"] { background: #faae00 none repeat scroll 0 0; border: 0 none; border-bottom:2px solid #d59400; border-radius: 4px; color: #fff; cursor: pointer; padding: 7px 15px; }
select.teacher-writer { width: 30%; }
.format24-ul > li div { display: inline-block; vertical-align: middle; }
.format24-ul > li span { display: inline-block; }
.format24-ul > li { list-style: outside none none; padding:10px 0px; }
.format24-ul > li div table { margin: 0 0 0 10px !important; }
.search-form { background: #2b72f2 none repeat scroll 0 0; border-radius: 4px; color: #fff; display: table; margin: 0 auto 30px; padding: 20px 30px 0; }
.report_div { display: inline-block; vertical-align: top; }
.report_question { display: inline-block; vertical-align: top; }
#chart_div { display: inline-block; vertical-align: top; }
.center_align { display:table; margin:0 auto }
.view-report.teacher h2 { font-size: 22px; margin-bottom: 40px; text-align: center; }
.inline-ul.colums-2 { display: block; margin: 0; }
.inline-ul.colums-2 li { display: inline-block; width:49.8%; }
.inline-ul.colums-2 input.input-xxl { height: 36px; width: 220px; }
.inline-ul.colums-2 li:last-child { text-align: right; }
.inline-ul.colums-2 label { display: inline; font-size: 18px; }
.inline-ul.colums-3 { display: block; margin: 0; }
.inline-ul.colums-3 li { display: inline-block; width:33%; }
.inline-ul.colums-3 label { display: inline; font-size: 18px; }
.inline-ul.colums-3 li:last-child { text-align: right; }
.inline-ul.colums-3 li:nth-child(2) { text-align:center; }
.view-report.teacher table { margin: 30px 0; width: 100%; }
.view-report.teacher table th, .view-report.teacher table td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
.report_div ul { display: block; margin: 0; width:330px; }
.report_div ul li { display: inline-block; font-size: 14px; list-style: outside none none; padding-right: 12px; }
#container { margin: 0 auto; width: 1200px; }
ul.inline-ul.colums-3.vertical li { display: inline; text-align: left; margin-right: 25px; }
input#txtStartDate, input#txtEndDate { width: 100px; }
.teacher_filter .input.select { float: left; margin: 0 2% 10px 0; width: 276px; }
.teacher_filter .input.text { float: left; margin: 0 2% 0 0; width: 150px; }
.teacher_filter .btn { background: #faae00 none repeat scroll 0 0; border-bottom: 2px solid #d59400; border-radius: 5px; margin: 19px 0 0 -47px; padding: 9px 35px; text-transform: capitalize; }
.teacher_filter .chosen-container { -moz-user-select: none; display: inherit !important; font-size: 13px; position: relative; vertical-align: middle; width: 100% !important; }
.teacher_filter .chosen-container-single .chosen-single div b { background-position: 0 9px; display: block; height: 100%; width: 100%; }
.teacher_filter .chosen-container-single .chosen-single { background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%) repeat scroll 0 0 padding-box; border: 1px solid #aaa; border-radius: 5px; box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; display: block; height: 38px; line-height: 24px; overflow: hidden; padding: 7px 0 0 8px; position: relative; text-decoration: none; white-space: nowrap; }
#table-format-5 td p, #table-format-6 td p, #table-format-8 td p { margin: 0; }
ul.question_class { border: 1px dashed #000; }
table.graph_table ul.question_class li:hover, table.graph_table ul.question_class li.selected { border-top: 1px dashed #000; }
.graph_table ul li.active { border-left: 1px solid #000; border-right: 1px solid #000; }
.graph_table ul li.active.first-active { border-top: 1px solid #000; }
.graph_table { margin-bottom:40px; }
button.submit-format18 { margin-left: 120px; margin-top: 40px; }
.explaination > p { margin: 0; }
.question h4 { margin: 0 0 20px; }
button#format1 { margin-top: 15px; }
.selection-boxes.column { margin: 0; padding: 0; width: inherit; }
.sortable.small-font.ui-sortable li { cursor: move; font-size: 32px; height: auto; padding: 5px 15px; }
.sortable.small-font.ui-sortable li .fraction { top:0px; }
.search-filter .input.text > input { border-radius: 6px; height: 28px; width: 94%; }
.questions.index form.search-filter { margin: 0 auto; width: 80%; }
/*================================*/
h4.question_name_heading { display: inline-block; font-family: arial; font-size: 18px; padding-top: 2px; vertical-align: top; }
.wrong-answer .explaination > p, .wrong-answer .explaination > p span, .wrong-answer .explaination span { letter-spacing:2px; font-size: 14px !important; margin: 0; }
.wrong-answer h3 { font-family: arial; font-size: 18px; font-weight: 700; }
#table-format-5 td, #table-format-6 td, #table-format-8 td { padding: 0; vertical-align: top; width: 30px; }
#table-format-5 td p, #table-format-6 td p, #table-format-8 td p { font-size: 18px; margin: 0; text-align:center }
.in-correct { border: 1px solid #ff0000 !important; color:#ff0000 !important }
.correct { border: 1px solid #559000 !important; color:#559000 !important }
.question-name { font-family: arial; font-size: 18px; }
.board_question { margin-top: 25px; }
#format36 table td { text-align: center; }
#format36 { width:400px; }
input.get_correct { height: 25px !important; width: 30px !important; border: none !important; margin: 0px !important; padding: 0; text-align: center; }
.question tr td { padding: 3px 7px !important; }
#table-format-5 td, #table-format-6 td, #table-format-8 td { padding: 0 !important; width: 20px; }
.question-container button.question-submit-btn { height:40px; float: right; font-size: 16px; font-weight: 700; margin-top: 20px; padding: 9px 25px; text-transform: uppercase; }
label[for="answers-0"] { display: block; padding: 5px 0; }
label[for="answers-0"] input { margin: 0 7px 0 0; padding: 3px; }
#given_answer .mic, #given_answer #hintshow { display: none; }
.explaination ul li { list-style: outside none disc; margin: 10px 0 0 15px; }
/*===========================================*/
table { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; margin-bottom: 1.25rem; table-layout: fixed; }
table thead tr th, table thead tr td { color: #222; font-size: 0.875rem; font-weight: bold; padding: 0.5rem 0.625rem 0.625rem; }
table thead { background: #f5f5f5 none repeat scroll 0 0; }
table tr th, table tr td { color: #222; font-size: 0.875rem; padding: 0.5625rem 0.625rem; text-align: left; }
.tally-wrap .tally-five { background: rgba(0, 0, 0, 0) url("../img/five.png") no-repeat scroll center center / 100% auto; display: inline-block; height:80px; margin-right: 2px; margin-top: 5px; width:90px; position:relative; }
.tally-wrap .tally-one { background: rgba(0, 0, 0, 0) url("../img/one.png") no-repeat scroll center center / 100% auto; display: inline-block; height:80px; margin-top: 5px; width: 18px; position:relative; }
.tally-wrap.orange .tally-five { background: rgba(0, 0, 0, 0) url("../img/five_orange.png") no-repeat scroll center center / 100% auto; }
.tally-wrap.pink .tally-five { background: rgba(0, 0, 0, 0) url("../img/five_pink.png") no-repeat scroll center center / 100% auto; }
.tally-wrap.blue .tally-five { background: rgba(0, 0, 0, 0) url("../img/five_blue.png") no-repeat scroll center center / 100% auto; }
.tally-wrap.red .tally-five { background: rgba(0, 0, 0, 0) url("../img/five_red.png") no-repeat scroll center center / 100% auto; }
.tally-wrap.orange .tally-one { background: rgba(0, 0, 0, 0) url("../img/one_orange.png") no-repeat scroll center center / 100% auto; }
.tally-wrap.pink .tally-one { background: rgba(0, 0, 0, 0) url("../img/one_pink.png") no-repeat scroll center center / 100% auto; }
.tally-wrap.blue .tally-one { background: rgba(0, 0, 0, 0) url("../img/one_blue.png") no-repeat scroll center center / 100% auto; }
.tally-wrap.red .tally-one { background: rgba(0, 0, 0, 0) url("../img/one_red.png") no-repeat scroll center center / 100% auto; }
.question_class .picto-ul li.hover.half img { opacity:0.3 }
.question table.format42 tr td .tally-five { float: left; }
.pick-symbols { border: 1px solid #ddd; border-radius: 5px; margin: 0 0 25px; }
.pick-symbols > h4 { background: #1063ea none repeat scroll 0 0; border-radius: 4px 4px 0 0; color: #fff; padding: 5px 15px; }
.pick-symbols .tally-wrap { padding: 10px 15px 30px; }
table.format42 { box-shadow: 0px 1px 0px #ddd; }
table.format42 tr:nth-child(2n) { background: #f7f7f7 none repeat scroll 0 0; }
table.format42 tr th { background:#e4e4e4 }
.question table.format42 tr td { padding: 10px 0 !important; }
.pick-symbols .tally-wrap div { cursor:pointer; position:relative }
.pick-symbols .tally-wrap div:hover::after { background: #fff none repeat scroll 0 0; content: ""; display: block; height: 100%; opacity: 0.7; width: 100%; }
.pick-symbols .tally-wrap div:hover::before { background: #ff0000 none repeat scroll 0 0; border-radius: 50%; color: #fff; content: "+"; font-size: 30px; height: 35px; left: 50%; line-height: 30px; margin-left: -18px; margin-top: -18px; opacity: 1; position: absolute; text-align: center; top: 50%; width: 35px; z-index: 10; }
i.remove { background: #ff0000 none repeat scroll 0 0; border-radius: 50%; color: #fff; cursor: pointer; font-family: open sans; height: 20px; left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 20px; }
.answer-td .tally-wrap div:hover::before { background: #fff none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; }
.question_class .tally-wrap div:hover i { opacity:1; }
.tally-wrap { min-height: 75px; }
#table-format-5 table, #table-format-8 table { margin-bottom: 0px; }
label[for="answers-0"] .fraction { display: inline-block; min-width: 30px; position: relative; text-align: center; top: -10px; vertical-align: top; }
table.graph_table.histogram ul { margin: 0; width: 65px; }
.graph_table.histogram td { padding: 0 !important; }
.graph_table td .name { display: block; left: -10px; line-height: 0; position: relative; text-align: center; top: 30px; transform: rotate(-60deg); }