@charset "utf-8";
/* CSS Document */
.svg_object {width:100%; overflow-x: auto; text-align: center;}
/*.answer_check {width:100%; height:100px; resize: vertical; overflow:auto; background-color: azure;   z-index: 99999999;  position:fixed; bottom:0; left:0px;} */
.answer_check {width:100%; height:50px; display: table; background-color: rgba(241, 241, 241, 0.78);   z-index: 99999999;  position:fixed; bottom:0; left:0px;}
.bottom_footer_container {width:100%; z-index: 99999999;  position:fixed; bottom:0; left:0px;}
.question_text_output {padding:0.4em; font-size: 1em;}
.question_answer_options {width:30%; float:right;}
#current_question {display: table-cell; vertical-align: middle; color:rgb(22, 21, 21);}
.question_text_output {padding: 0.4em; font-size: 1em; width: 65%; display: table-cell; color:rgb(22, 21, 21); vertical-align: middle;}
.question_answer_options { display: table-cell; width: 100%; padding-top: 0.4em;}
#yes_tick {display:none; width:11%; height:40px;}
#wrong_cross{display: none; width:11%; height: 40px;}
.need_a_hint_text {cursor: pointer;   color: rgb(124, 124, 124);}
.hints_nav_arrows {cursor:pointer;}
#dialog_confirm_see_full_answer {min-height: 60px;}


@media screen and (min-width: 1000px) {.answer_check {font-size: larger;}}
@media screen and (max-width: 460px) {.answer_dropdown {min-width: 130px; width: 40%;}.need_a_hint_text.bottom_hit {visibility: hidden;}}