body{
 margin: 0px;
 padding: 0px;
 font-family: Arial;
 font-size: 14px;
 background-color: #777;
}

.top_bar{
 border-bottom: 2px solid #ddd;
 position: fixed;
 width: 100%;
 background-color: #999;
 color: #fff;
 z-index: 99;
 text-align: center;
 padding: 5px;
}

#header_text, #current_game{
 font-size: 24px;
 font-weight: 600;
 color: #fff;
}

.main_menu{
 border-right: 3px solid #aaa;
 width: 250px;
 height: 100%;
 position: fixed;
 background-color: #555;
 transition-property: all;
 transition-timing-function: ease-out;
 transition-duration: 0.3s;
 z-index: 90;
 overflow: auto;
 box-shadow: 1px 0px 10px 0px #ddd, 3px 0px 20px 4px #333;
 text-shadow: 1px 1px 6px #444;
}

.main_menu_off{
 left: -300px; 
}

.main_menu_on{
 left: 0px; 
}

.menu_item{
 border: 0px solid #bbb;
 padding: 5px 5px 3px 10px;
 margin: 5px;
 font-size: 1em;
 font-weight: 600;
 color: #fff;
 cursor: pointer;
 user-select: none;
 -moz-user-select : none;
 width: auto;
}

.menu_item_on{
 display: block;
}

.menu_item_off{
 display: none;
}

.on{
 background-color: #aaa;
}

.off{
}

.menu_item:hover{
 color: #ff5;
}

.closecross:hover{
 background-color: #ffc;
}

.menu_button_v, .menu_button{
 overflow: hidden;
 border: 3px solid #ddd; 
 border-radius: 50% 50%;
 width: 40px; 
 height: 40px;
 cursor: pointer;
 z-index: 9999;
 position: fixed; 
}

.menu_button_v{
 background-color: #999;
}

.menu_button{
 left: 20px; 
 top: 0px;
 padding: 10px 5px;
 border: 0px solid #fff; 
}

.menu_button_v{
 left: 20px; 
 top: 0px;
 margin: 1px;
}

.menu_draw1, .menu_draw2, .menu_draw3{
 border: 0px solid gray;
 width: 25px;
 height: 3px;
 background: #fff;
 margin: 5px 6px;
 border-radius: 3px 3px;
}

.code_place{
 border: 0px solid #777;
 display: inline-block;
 font-size: 1em;
 width: 75px;
 margin: 0px 0px 0px 20px;
 background-color: #555;
 border-bottom: 1px solid #ccc;
 padding: 5px;
}

.code_place:focus{
 background-color: #fff;
 color: #000;
}

.work_place{
 border: 0px solid red;
 position: absolute;
 z-index: 1;
 padding-top: 50px;
 padding-bottom: 30px;
 transition-property: padding;
 transition-timing-function: ease-out;
 transition-duration: 0.3s;
 eight: 100%;
}

.work_place_menu_on{
 padding-left: 300px;
}

.work_place_menu_off{
 padding-left: 20px;
}


.button{
 border: 1px solid #999;
 display: inline-block;
 cursor: pointer;
 padding : 3px 15px;
 margin : 1px 2px;
 box-shadow: 3px 3px 6px #bbb;
 background-color: #eee;
 border-radius: 5px;
}

.button_live{
 width: 80px;
 font-size: 1.5em;
 margin-top: 0.6em;
}

.button_live:hover, .button_answer_live:hover{
 box-shadow: inset 0px 0px 10px 0px #777;
}

.button_answer_live{
 font-size: 1.5em;
 margin-top: 0.6em;
}




.lusminus_button{
 border: 1px solid #ccc;
 text-align:center;
 display: inline-block;
 padding: 5px 10px;
 cursor: pointer;
 margin: 0px;
 overflow: hidden;
}

.del_button, .gamedate{
 border-bottom: 1px solid #ccc;
 text-align:center;
 display: inline-block;
 padding: 5px 30px;
 cursor: pointer;
 overflow: hidden;
 margin: 5px 5px;
 color: #fff;
 text-shadow: 1px 1px 5px #333;
}

.normal_cursor{
 cursor: default;
}

.del_button_team, .team_number_button, .team_name_button, .sum_team, .add_score{
 border: 0px solid #ccc;
 text-align:center;
 display: inline-block;
 padding: 5px 10px 0px 20px;
 cursor: pointer;
 margin: 0px;
 overflow: hidden;
 color: #fff;
 font-size: 1.1em;
 text-shadow: 1px 1px 5px #333;
}

.del_button_team{
 float: right;
}

.del_button:hover, .gamedate:hover{
}

.team_number_button{
 width: 20px;
 text-align: right;
}

.team_name_button{
 width: 400px;
 text-align: left;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.sum_team{
 text-align: center;
 width: 35px;
}

.add_score{
 border: 0px solid #ccc;
 padding: 0px 0px 0px 0px;
 width: 100px;
}

.add_score_input{
 width: 50px;
 text-align: center;
 background-color: transparent;
 border: 1px solid #aaa;
 color: #fff;
 font-size: 1.1em;
 text-shadow: 1px 1px 5px #333;
}

.team_line{
 border-bottom: 1px solid #ccc;
 padding: 5px;
 width: 700px;
}

.team_line:hover{
 background-color: #666;
}

.calendar_div{
 border:  0px solid red;
 padding: 10px;
 position: relative;
}

.setting_data_date{
 font-weight: 600;
 font-size: 14pt;
 color: #444444;
 border: 1px solid #cccccc;
 padding : 4px;
 margin : 1px 2px;
 float : left;
 width: 120px;
 text-align : center;
 margin-right : 30px;
}

.team_button{
 border: 1px solid #999;
 width: 1.5em;
 text-align:center;
 display: inline-block;
 padding: 5px 5px 5px 5px;
 cursor: pointer;
 margin: 5px;
 font-size: 1.4em;
 border-radius: 5px;
 user-select: none;
 -moz-user-select : none;
 color: #222;
 text-shadow: 0px 0px 0px #000;
 transition-property: all;
 transition-timing-function: ease-out;
 transition-duration: 0.2s;
}

.tb_true{
 background-color: #6f6;
}

.tb_false{
 background-color: #fff;
}

.tb_wait{
 background-color: #ff6;
}

.tb_error{
 background-color: #f66;
}

.tb_true:hover, .tb_false:hover, .tb_false:hover, .tb_error:hover{
 box-shadow: inset 0px 0px 10px 0px #777;
}

.tb_double{
 box-shadow: inset 0px 0px 0px 0px #fff, 0px 0px 0.5em 2px #00f;
}

.tb_triple{
 box-shadow: inset 0px 0px 0px 0px #fff, 0px 0px 0.5em 2px #f0f;
}

.tb_nobonus{
 box-shadow: inset 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
 color: #000;
 filter: blur(0px);
}

.tb_bonus_mgd0_sch0{
 box-shadow: inset 0px 0px 0px 0px #fff, 0px 0px 0px 0px #fff;
 color: #000;
 filter: blur(0px);
}

.tb_bonus_mgd0_sch1{
 box-shadow: inset 0px 0px 0px 0px #fff, 0px 0px 15px 2px #0ae;
 color: #000;
 border: 1px solid #ccc;
}

.tb_bonus_mgd1_sch0{
 box-shadow: inset 0px 0px 0px 0px #fff;
 color: #999;
 border: 1px solid #ccc;
 filter: blur(1px);
}

.tb_bonus_mgd1_sch1{
 box-shadow: inset 0px 0px 0px 0px #fff, 0px 0px 15px 2px #0ae;
 color: #999;
 border: 1px solid #ccc;
 filter: blur(1px);
}

.tb_double:hover{
 box-shadow: inset 0px 0px 10px 0px #777, 0px 0px 15px 2px #00f;
}

.tb_triple:hover{
 box-shadow: inset 0px 0px 10px 0px #777, 0px 0px 15px 2px #f0f;
}

.tb_bonus_mgd0_sch0:hover, .tb_bonus_mgd1_sch0:hover{
 box-shadow: inset 0px 0px 10px 0px #777;
}

.tb_bonus_mgd0_sch1:hover, .tb_bonus_mgd1_sch1:hover{
 box-shadow: inset 0px 0px 10px 0px #777, 0px 0px 15px 2px #0ae;
}

.result_button{
 width: 5.5em;
}

.team_answer_div{
 display: inline-block;
}

.team_answer_button{
 border: 1px solid #999;
 width: 1.5em;
 text-align:center;
 padding: 5px 5px 5px 5px;
 margin: 0px 5px 0px 5px;
 font-size: 1.4em;
 border-radius: 5px;
 user-select: none;
 -moz-user-select : none;
 transition-property: all;
 transition-timing-function: ease-out;
 transition-duration: 0.2s;
 color: #222;
 text-shadow: 0px 0px 0px #000;
}



.teams_field{
 border: 2px solid #fff;
 background-color: #ccc;
 max-width: 520px;
 box-shadow: inset 0px 0px 1.5em 0px #999, 0px 0px 0.4em 0em #666;
 position: relative;
}

.teams_field_legend{
 border: 1px solid #999;
 background-color: #fff;
 font-size: 1.2em;
 font-weight: 600;
 padding: 0.2em 0.5em;
 border-radius: 10px;
 box-shadow: 1px 1px 4px #999;
 user-select: none;
 -moz-user-select : none;
}

.change_question_field_div{
 border: 1px solid #fff;
 background-color: #eee;
 display: inline-block;
 float: left;
 padding: 10px 10px 20px 10px;
 margin-bottom: 20px;
 margin-right: 40px;
 box-shadow: inset 0px 0px 10px 0px #999, 0px 0px 15px 2px #666;
 position: relative;
}

.change_question_input_div{
 border: 0px solid #999;
 background-color: #eee;
 display: inline-block;
 padding: 0px 10px;
 text-align:center;
 overflow: hidden;
}
.change_question_input_div_small{
 border: 0px solid #999;
 background-color: #eee;
 display: inline-block;
 padding: 0px 10px;
 text-align:center;
 overflow: hidden;
}

.plusminus_button{
 border: 1px solid #ccc;
 text-align:center;
 display: inline-block;
 padding: 4px 10px;
 cursor: pointer;
 margin: 00px;
 font-size: 30px;
 font-weight: 600;
 width: 30px;
 height: 30px;
 user-select: none;
 -moz-user-select : none;
 overflow: hidden;
}

.plusminus_button_small{
 border: 1px solid #ccc;
 text-align:center;
 display: inline-block;
 padding: 4px 10px;
 cursor: pointer;
 margin: 00px;
 font-size: 15px;
 font-weight: 600;
 width: 15px;
 height: 20px;
 user-select: none;
 -moz-user-select : none;
 overflow: hidden;
}

.change_question_field{
 border: 1px solid #ccc;
 font-size: 35px;
 text-align: center;
 width: 100px;
 height: 35px;
}
.change_question_field_small{
 border: 1px solid #ccc;
 font-size: 15px;
 text-align: center;
 width: 50px;
 height: 30px;
 font-weight: 600;
}

.answer_div{
 font-size: 0.84em;
 min-width: 750px; 
}

.type_answer{
 border: 1px solid #777;
 width: auto;
 position: fixed;
 background-color: #fff;
}

.ta_off{
 display: none;
}
.ta_on{
 display: block;
 z-index: 999;
}

.setbonus{
 padding: 7px 10px;
 background-color: #fff;
 user-select: none;
 -moz-user-select : none;
}

.setbonus:hover{
 background-color: #ddd;
}

.pole1_field, .pole2_field{
 border: 0px solid red;
 display: inline-block;
 height: 20px;
 margin: 0px;
 padding: 5px;
}

.pole1_field{
 text-align: right; 
 width: 170px;
}

.pole2_field{
 text-align: left; 
 width: 200px;
}

.flash_fon{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,0.6);
 display: none;
 z-index: 80;
}

.edit_team_field{
 position: fixed;
 width: 600px;
 left: calc(50% - 300px);
 top: calc(50% - 150px);
 border: 2px solid #999;
 background-color: #ddd;
 display: none;
 text-align: center;
 padding: 30px;
 z-index: 81;
}

.edit_team_info{
 position: fixed;
 width: 200px;
 left: calc(50% - 200px);
 top: calc(50% - 250px);
 border: 2px solid #999;
 background-color: #ddd;
 display: none;
 text-align: center;
 padding: 10px 0px;
 z-index: 81;
}

.closecross{
 border: 2px solid #999;
 width: 17px;
 height: 17px;
 text-align: center;
 padding: 3px;
 font-weight: 600;
 border-radius: 50%;
 background-color: #fff;
 font-size: 0.8em;
 position: absolute;
 top: 0px;
 left: calc(100% - 30px);
 cursor: pointer;
 color: #000;
}

div.instruction .closecross{
 top: 5px;
 left: calc(100% - 30px);
 box-shadow: 0px 0px 10px 0px #555;
}

.team_list_area{
 width: 270px;
 height: 100px;
 margin: 5px;
}

.req_field::after{
 content: "*"; 
 color: #f55; 
 font-weight: 600;
 font-size: 1.1em;
}

.message{
 color: #f55;
 border: 1px solid #999;
 padding: 5px 10px;
 margin: 0px 0px 15px 2px;
 font-weight: 600;
 font-size: 0.8em;
 background-color: #eee;
 width: 500px;
 display: none;
}

.monitorsetting_field{
 border-top: 2px dashed #aaa;
 padding: 15px 0px 5px 20px;
 margin: 15px 0px;
 font-size: .85em;
 color: #fff;
}

.instruction{
 border: 0px solid #ccc;
 width: 850px;
 height: 700px;
 position: fixed;
 left: calc(50% - 450px);
 top: calc(50% - 350px);
 padding: 20px 20px;
 font-size: 1.1em;
 overflow: hidden;
 z-index: 100; 
}

.instruction_text{
 border: 2px solid #ccc;
 overflow: auto;
 height: 95%;
 color: #ddd;
 background-color: #555;
 padding: 10px 30px;
 margin: 10px 10px;
 text-shadow: 1px 1px 6px #333;
 box-shadow: inset 0px 0px 10px 3px #444, 0px 0px 15px 3px #555;
}

.instruction p{
 text-indent: 30px;
 text-align: justify;
 line-height: 1.5;
}                 

.instruction li{
 list-style: disc; 
 margin-left: 50px;
 list-style-position: outside;
}

.instruction li.comment{
 list-style: none; 
 margin-left: 50px;
 list-style-position: outside;
 text-align: justify;
}

li.ins_simple{
 list-style-position: outside;
 text-align: justify;
}

.instruction_on{
 display: block;
}

.instruction_off{
 display: none;
}

.sel{
 font-size: 1.1em;
 font-weight: 600;
 color: #fff
}

.AllAnswersDoneButton{
 margin-top: 12px;
 font-size: 1.3em;
}

#lookwindow{
border: 1px solid #fff;
position: fixed; 
left: 0px;
top: 0;
z-index: 99999;
font-weight: 800;
font-size: 12px;
color: #fff;
text-shadow: 2px 2px 5px #555;
padding: 10px;
background-color: rgba(100,100,100,0.7);
box-shadow: inset 0px 0px 10px #aaa, inset -13px -5px 5px rgba(200,200,200,0.2), 2px 2px 40px 10px rgba(0,0,0,.5);
border-radius: 5px;
display: block;
}

.type_game_div{
 border: 2px solid #aaa;
 color: #555;
 padding: 5px 20px;
 margin: 5px 10px;
 display: inline-block;
 cursor: pointer;
 font-weight: 600;
}

.type_game_div:hover{
 border: 2px solid #955;
}

.type_game_div_select{
 background-color: #9d9;
}

.type_game_div_noselect{
 background-color: #ccc;
}

.button_off{
 background-color: #ddd;
 box-shadow: inset 0px 0px 0px 0px #fff, 3px 3px 6px #bbb;
}

.button_on{
 background-color: #7f7;
 box-shadow: inset 0px 0px 15px 0px #aaa, 0px 0px 0px #000;
}

.button_warning{
 background-color: #f77;
 box-shadow: inset 0px 0px 15px 0px #aaa, 0px 0px 0px #000;
}


.razdel_line{
 margin: 3em 0em;
 background: #fff;
 height: 1px;
 border: 0px solid #fff;
 ;
}

.button_off, .button_on, .button_live, .button_answer_live, .button_live:hover, .button_answer_live:hover{
 transition-property: all;
 transition-timing-function: ease-out;
 transition-duration: 0.2s;
}

.answer_string{
 border: 1px solid #999;
 width: 17.5em;
 text-align: left;
 display: inline-block;
 padding: 5px 5px 5px 15px;
 margin: 5px;
 font-size: 1.4em;
 border-radius: 5px;
 user-select: none;
 -moz-user-select : none;
 color: #222;
 text-shadow: 0px 0px 0px #000;
 transition-property: all;
 transition-timing-function: ease-out;
 transition-duration: 0.2s;
}

.div_on{
display: inline-block;
}

.div_off{
display: none;
}

.div_answer_on{
pacity: 1;
display: block;
}

.div_answer_off{
pacity: 0.3;
display: none;
}

.minigame_type_ii{
 background-color: #ccc;
}

.team_list_button{
 width: 133px;
 text-align: center;
 position: absolute;
 top: -2px;
 left: calc(100% - 165px);
}

.field_center{
 text-align: center;
}

.updown_button{
 text-align: center;
 position: absolute;
 top: 2px;
 left: calc(100% - 25px);
 font-size: 0.6em;
 padding: 0.6em 0.8em;
}