/* Main styles */             

.dispaly_until_ready{
  display:block !important;
}

@font-face {
    font-family: 'eduweb_icons';
    src: url('./fonts/icons.eot');
    src: url('./fonts/icons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/icons.eot') format('embedded-opentype'),
         url('./fonts/icons.woff') format('woff'),
         url('./fonts/icons.ttf') format('truetype'),
         url('./fonts/icons.svg#EduWebRegular') format('svg');         
}

[data-icon]:before { 
      font-family: 'eduweb_icons'; 
      content: attr(data-icon); 
      speak: none; 
      font-weight: normal;           
      line-height: 1;                                          
      -webkit-font-smoothing: antialiased; 
}

ul{
  /*margin:0px;
  padding:0px;*/    
}

*{
  outline: 0px none white
  outline-style: none;
  outline-width: 0px;
  
}

html{
  height:100%;
}

body{
  margin:0px;
  float:left;
  width:100%;
  height:100%;
  font-size:12px;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  background-color:#e6e6e6;
  text-align: center;       
  
  /*overflow-y: scroll;*/     
}      


.open_question_display{
  display:none;
}

.test_display{
  display:none;
}

.text_display{
  display:none;
}

.alway_display_none{
  display:none;
}

h2 .dott_end_line{
  position:absolute;
  right:0px;
  top:0px;
  height:100%;
  width:25px;
  background-color: #e6e6e6;
  display:none;
}



#div_page_container{     
  position:relative; 
  height:100%; 
  width:100%;
  left:0px;    
  top:0px;
  opacity:0;
  filter: alpha(opacity = 0); 
}

#div_header{
  float:left;
  width:100%;
  height:95px;
  background-color:#3d3d3d;
  border-bottom:1px #1e1e1e solid;
  text-align: center;
  overflow:hidden;  
}

#div_header_center{
  width:980px;
  height:95px;
  text-align: left;
  margin:0 auto;
}

#div_logo_header{
  float:left;
  width:221px;
  height:50px;
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-top:18px;
}

#div_content{
  float:left;
  width:100%;
  border-top:1px #f2f2f2 solid;
  border-bottom:1px #f2f2f2 solid;
}

#div_content_2{
  float:left;
  width:100%;
}

#div_content_2.select{
  padding-bottom:32px;
}

#div_content_center{
  width:980px;
  margin:0 auto;
  text-align: left;
  /*display:inline-block;*/    
  /*overflow-x:hidden;*/    
}

#div_content_center_c{
  float:left;
  width:100%;
}

#div_content_left{
  float:left;
  width:255px;     
  position:relative;
  margin-top:0px;
  overflow:hidden;
  z-index:1;
}
#div_content_left_ins{
  float:left;
  width:100%;
  /*margin-top:8px;*/    
}

#div_content_left.assignToRight{
  float:right;
  margin-left:-2px;
}

#div_content_right_b{
  float:left;
  width:725px;
  border:1px #dcdcdc solid;
  margin-left:-2px;
  /*margin-bottom:32px;*/
}

#div_content_right_b.assignToRight{
  margin-left:0px;  
}

#div_content_right{
  float:left;
  width:723px;
  background-color:#f2f2f2;
  border:1px #fcfcfc solid;    
  padding-bottom:15px;
  position:relative;
}     

#div_footer{
  float:left;
  width:100%;
  height:24px;
  background-color:#3d3d3d;
  top:1px #1e1e1e solid;
  text-align: center;
  overflow:hidden;
}       

#div_footer_center{
  width:980px;
  height:24px;
  text-align: left;
  margin:0 auto;
}

.div_licence_number_footer{
  float:right;
  color:#c0c0c0;
  font-size:11px;
  margin:6px 0 0 0;
}

#div_header_info{
  float:right;
  width:400px;
  height:24px;
  text-align: right;
}

#div_header_info .div_info_c{
  display:inline-block;
  font-size:11px;
  margin-top:8px;
  margin-left:25px;
}

#div_header_info .div_info_c .div_left{
  float:left;
  color:#d0d0d0;
}

#div_header_info .div_info_c .div_right{
  float:left;
  color:#ffffff;
  margin-left:8px;
}

#div_header_info .div_info_c .div_right_logout{
  float:left;
  color:#ffffff;
  margin-left:8px;
  text-decoration: none;
}

.span_sett_icon{
  float:left;
  width:18px;
  height:18px;
  font-family:eduweb_icons;
  font-size:21px;
  text-align: left;
  margin:-3px 5px 0 0;
}

.font_icon{
  font-family:eduweb_icons;
  text-transform: none;
  text-decoration: none;
  display:inline-block;
  vertical-align: text-bottom;
}


.font_icon:hover, .font_icon:active{
  text-decoration:none;  
}

#div_header_info .div_info_c .div_right_setting{
  float:left;
  color:#ffffff;
  margin-left:8px;
  text-decoration: none;
}

#div_header_info .div_info_c .div_right_setting:hover{
  text-decoration: underline;
}

#div_header_info .div_info_c .div_right_logout:hover{
  text-decoration: underline;
}
       
#div_content_title{
  float:left;
  width:100%;
  height:50px;
  position:relative;
}

#div_content_title h2{
  float:left;
  color:#3b3b3b;
  font-size:17px;
  padding:0px;
  position:relative;
  font-weight: normal;
  margin:16px 0 0 2px;
  text-transform: uppercase;
  width:670px;
}

#div_content_title h2.home{
  margin:8px 0 0 0;
}

.div_home_icon{
  float:left;
  width:34px;
  height:34px;
  background-color: #3d3d3d;
  border-radius:3px;
  margin-right:15px;
  background-image:url('../images/bg_dashboard_icon.png');
  background-repeat: no-repeat;
  background-position: center center;
}

.div_home_icon.show{
  background-image:url('../images/bg_folder_icon.png');
}

.div_home_icon:hover{
  background-color:#009fdd;
}

h1{
  display:block;
  font-size:16px;
  font-weight:normal;
  text-transform: uppercase;
  padding:0px;
  margin:16px 0 0 16px;
  width:auto;
} 

h3{
  float:left;
  width:100%;
  text-transform: uppercase;
  font-weight:normal;
  font-size:12px;
  color:#5c5c5c;
  margin:10px 0 0 0px;
}

#div_file_containers{
  float:left;
  width:700px;
  margin:12px 0 0 0px;
}              

.div_file_container{
  float:left;
  width:100%;
}

#div_file_containers.modal{
  margin:20px;
  width:auto;
}

#div_file_containers .div_item{
  float:left;
  height:32px;
  width:auto;
  max-width:670px;
  line-height:32px;
  margin-top:8px;
  cursor:pointer;
}

#div_file_containers.modal .div_item{
  width:400px;
}

#div_file_containers .div_item .div_icon{
  float:left;
  width:32px;
  height:32px;
}

#div_file_containers .div_item .div_text{
  float:left;
  margin:0px 0 0 8px;
  width:655px
  color:#858585;
  font-size:12px;
}

#right_icons_t{
  float:right;
  /*position:absolute; 
  right:0px; 
  top:-40px;*/
  position:relative;
  z-index:2;
  margin-top:-40px;
  margin-right:3px;     
  background-color:#e6e6e6;
}

#right_icons_t.right{
  margin-right:-250px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;    
}



#div_file_containers .div_item:hover .div_text{
  text-decoration: underline;
  color:#606060;
}


#div_hide_right_content{
  float:left;
  width:100% !important;
}

.div_white_box{
  float:left;
  width:689px;  
  margin:16px 0 0px 16px;
  background-color:white;
  border:1px #e8e8e8 solid;
  -moz-border-radius: 3px;
  border-radius: 3px;    
}

#div_content_right_b .div_white_box{
  display:block;
  margin-right:17px;
  width:auto;
}

.div_white_box .div_text{
  float:left;
  color:black;
  font-size:12px;
  padding:10px;      
  /*line-height:16px;*/
}

.div_folder_items_target{
  float:left;
  margin:0px 0 16px 17px;
  display:block;
  margin-right:17px;
  width:auto;  
}

.div_folder_items_target .div_item{
  float:left;
  width:100%;
  margin-top:16px;
  position:relative;
  text-decoration: none;
}

.div_folder_items_target .div_image{
  float:left;
  width:25px;
  height:29px;
  position:absolute;
  left:0px;
  top:0px;
  background-repeat: no-repeat;
  background-position: center center;
}

.div_folder_items_target .div_image.question{background-image:url('../images/folder_icons/ico_open.png');}
.div_folder_items_target .div_image.tests{background-image:url('../images/folder_icons/ico_test.png');}
.div_folder_items_target .div_image.tests_pisemka{background-image:url('../images/folder_icons/ico_test_pisemka.png');}
.div_folder_items_target .div_image.books{background-image:url('../images/folder_icons/ico_celek.png');}

.div_folder_items_target .div_label{
  display:block;
  width:auto;
  margin-left:38px;
  color:#646464;
  font-size:13px;
  padding:6px 0 6px 0;
}

.div_folder_items_target .div_item:hover .div_label:hover{
  text-decoration: underline;
  color:#383838;
}

#div_login_form{
  float:left;
  width:100%;
  min-height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
  background-color:#e6e6e6;
  text-align: center;
  opacity:0;
  filter: alpha(opacity = 0); 
}

#div_login_center{
  width:800px;
  margin:0 auto;
  text-align: left;
}

#div_welcome_text{
  float:left;
  background-color:#fafafa;
  border:1px #c9c9c9 solid;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow:auto; 
  width:100%; 
}

#div_welcome_text .div_text{
  display:block;
  padding:13px;
  line-height:16px;
  color:#717171;
  font-size:12px;
}

.div_logo_login{
  float:left;
  width:210px;
  height:50px;
  margin:0 0 27px 0;
  background-repeat: no-repeat;
  background-position: left bottom;   
}

.div_form_container{
  width:432px;
  margin:0 auto;
  margin-top:30px;
}

.div_min_height{
  float:right;
  width:1px;
}


.div_min_height_b{
  float:right;
  width:1px;       
}

.div_font_size_c{
  float:right;
  width:69px;
  height:26px;
  margin:16px 15px 0 0;
  background-color: white;
  border:1px #dcdcdc solid;
  overflow:hidden;
  position:relative;  
  -moz-border-radius: 2px;
  border-radius: 2px;  
}

.div_font_size_c .div_btn{
  float:left;
  width:34px;
  border-right:1px #dcdcdc solid;
  height:26px;
  position:relative;
    
}

.div_font_size_c .div_btn:hover{
  background-image:url('../images/btn_gradiend.png');
}


.div_font_size_c .div_btn .div_icon{
  float:left;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.div_font_size_c .div_slider{
  position:absolute;
  right:35px;
  top:0px;
  height:26px;
  width:0px;
  background-color: #d7d7d7;
}

.div_font_size_c .div_slider.max{
  left:35px;
}



.div_font_size_c .div_btn .div_icon.plus{
  background-image:url('../images/ico_zoom_plus.png');
}
.div_font_size_c .div_btn .div_icon.minus{
  background-image:url('../images/ico_zoom_minus.png');
}

.div_log_f_input_c{
  float:left;
  width:100%;
  height:43px;
  background-color:white;
  border:1px #c8c8c8 solid;
  -moz-box-shadow:inset 1px 1px 3px #e6e6e6;
  -webkit-box-shadow:inset 1px 1px 3px #e6e6e6;
  box-shadow:inset 1px 1px 3px #e6e6e6;
  -moz-border-radius: 4px;
  border-radius: 4px;  
  position:relative;
  overflow:hidden;
}

#div_pin_header{
  float:right;
  width:400px;
  text-align: right;
  color:white;
  font-size:31px;
  /*font-weight:bold;*/
  margin:16px 0 0 0;
}



.div_log_pin_in{
  float:left;
  width:auto;
  height:33px;
  margin:15px 0 0 15px;
  background-color:white;
  border:1px #c8c8c8 solid;
  -moz-box-shadow:inset 1px 1px 3px #e6e6e6;
  -webkit-box-shadow:inset 1px 1px 3px #e6e6e6;
  box-shadow:inset 1px 1px 3px #e6e6e6;
  -moz-border-radius: 4px;
  border-radius: 4px;  
  position:relative;
  overflow:hidden;
}

.div_log_pin_in input{
  float:left;
  border:none; 
  background-color:white;
  width:286px;
  height:23px;
  margin:5px 0 0 10px;
  color:#b3b3b3;
  font-size:15px;
  line-height:23px;
}


.div_log_f_input_c input{
  float:left;
  border:none; 
  background-color:white;
  width:400px;
  font-style: italic;
  height:33px;
  margin:5px 0 0 17px;
  color:#b3b3b3;
  font-size:15px;
  line-height:33px;
}


.div_log_f_input_small{
  float:left;
  width:400px;
  height:35px;
  margin:0 0 0 11px;
  background-color:white;
  border:1px #c8c8c8 solid;
  -moz-box-shadow:inset 1px 1px 3px #e6e6e6;
  -webkit-box-shadow:inset 1px 1px 3px #e6e6e6;
  box-shadow:inset 1px 1px 3px #e6e6e6;
  -moz-border-radius: 4px;
  border-radius: 4px;  
  position:relative;
}

.div_log_f_input_small input{
  float:left;
  border:none; 
  background-color:white;
  width:360px;
  height:24px;
  margin:4px 0 0 10px;
  color:#7a7a7a;
  font-size:15px;
  line-height:24px;
}

 
#in_login_password{
  position:absolute;
  float:left;
  background-color: transparent;
  background-color: white;
  filter: alpha(opacity = 1);
  opacity:0.01;
  left:0px;
  top:0px;
  z-index:2;
}

.div_btn_password{
  float:right;
  width:130px;
  height:30px;
  background-image:url('../images/btn_gradiend.png');
  background-repeat: repeat-x;
  background-position: center center;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin:15px 0 0 0;    
  text-decoration: none;
  color:white;
  opacity:0.9;
  filter: alpha(opacity = 90);   
}

.div_btn_password .div_label{
  float:left;
  color:white;
  font-size:13px;
  width:100%;
  text-align: center;
  margin:7px 0 0 0px;
}

#div_select_option{
  float:left;
  width:131px;
  height:90px;
  position:absolute;
  left:0px;
  top:0px;
  z-index:5;
  background-color:#686868;
  border:1px #1f1f1f dashed;
  -moz-border-radius: 2px;
  border-radius: 2px;  
  display:none;
  background-image:url('../images/btn_gradiend.png');
  background-repeat: repeat-x;
  background-position: left bottom;
}

#div_select_option .div_arrows{
  float:left
  width:10px;
  height:14px;
  background-image:url('../images/bg_text_sel_arr.png');
  position:absolute;
  left:-10px;
}           

.div_text_inside{
  text-align:left;
  height:100%;
}

.div_text_inside img{
  float:none;
}

#div_select_option .div_item{
  float:left;
  width:33px;
  height:33px;
  background-image:url('../images/bg_search_item.png');
  margin:8px 0 0 8px;  
  opacity:0.9;
  filter: alpha(opacity = 90);
}

#div_select_option .div_item:hover{
  opacity:1.0;
  filter: alpha(opacity = 100);
}

#div_select_option .div_item .div_icon{
  float:left;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center center;
}

#div_select_option .div_item .div_icon.google{
  background-image:url('../images/search_icons/google.png');
}                       

#div_select_option .div_item .div_icon.images{
  background-image:url('../images/search_icons/images.png');
}

#div_select_option .div_item .div_icon.maps{
  background-image:url('../images/search_icons/maps.png');
}            

.div_btn_enter_pin{
  float:left;
  width:175px;
  height:36px;
  background-image:url('../images/btn_gradiend.png');
  background-color:#8c8c8c;
  border:1px #656565 solid;
  background-repeat: repeat-x;
  background-position: center center;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin:34px 0 0 0;    
  text-decoration: none;
  color:white;
  opacity:0.9;
  filter: alpha(opacity = 90);
}

.div_btn_enter_pin:hover .div_label{
  text-decoration: underline;
}


.div_btn_enter_pin .div_icon{
  float:left;
  height:100%;
  width:35px;
  font-size:38px;
  background-repeat: no-repeat;
  background-position: center center;
  font-family:eduweb_icons;
}

.div_btn_enter_pin .div_label{
  float:left;
  color:white;
  font-size:15px;
  width:140px;
  text-align: center;
  margin:10px 0 0 0px;
}

.div_btn_login{
  float:right;
  width:175px;
  height:36px;
  background-image:url('../images/btn_gradiend.png');
  background-repeat: repeat-x;
  background-position: center center;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin:34px 0 0 0;    
  text-decoration: none;
  color:white;
  opacity:0.9;
  filter: alpha(opacity = 90);
}

.div_btn_login:hover .div_label{
  text-decoration: underline;
}

.a_btn_blue{
  float:right;  
  font-size:13px;
  padding:7px 20px 7px 30px;
  background-color: #08a8ff;
  -moz-border-radius: 3px;
  border-radius: 2px;
  margin:0px 0 0 0;    
  text-decoration: none;
  color:white;
}

.a_btn_blue:hover{
  background-color:#0097E9;
}

.a_btn_blue.add{
  background-image:url('../images/ico_plus.png');
  background-repeat: no-repeat;
  background-position: 10px center;  
}

.div_btn_login .div_icon{
  float:left;
  height:100%;
  width:35px;
  font-size:38px;
  background-repeat: no-repeat;
  background-position: center center;
  font-family:eduweb_icons;
}

.div_btn_login .div_label{
  float:left;
  color:white;
  font-size:15px;
  width:140px;
  text-align: center;
  margin:10px 0 0 0px;
}

.div_btn_op:hover{
  opacity:1.0;
  filter: alpha(opacity = 100);
  text-decoration: underline;
}

.div_btn_op{
  cursor:pointer;
  opacity:0.8;
  filter: alpha(opacity = 70);
}

.div_info_icon{
  width:15px;
  height:15px;
  background-color:#2f78c4;
  border:1px #2971bc solid;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin:0px 0 0 5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image:url('../images/ico_info_open.png');
}

#div_main_title span{float:left;}

.h1_co{
  float:left;
}

#div_form_h_container{
  float:left;
  width:100%;
}
.div_licence_number{
  float:right;
  text-align: right;
  position:absolute;
  right:12px;
  bottom:12px;
  font-size:12px;
  color:#717171;
}


.div_powered_by{
  float:left;
  text-align: left;
  position:absolute;
  left:12px;
  bottom:12px;
  font-size:12px;
  color:#717171;
}

.div_powered_by a{
  color:white;
}

.div_icon_right_top{
  float:right;
  width:28px;
  height:28px;
  background-repeat: no-repeat;  
  margin:8px 0 0 5px;
  font-family:eduweb_icons;
  background-position: center bottom;
  color:#949494;
  text-decoration: none;
  text-align: center;  
  font-size:33px;
}

.div_icon_right_top:hover{
  text-decoration: none;
}

.div_icon_title_right{
  float:right;
  width:28px;
  height:28px;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin:12px 8px 0 0px;
}

.div_icon_title_right.game{
  background-image: url('../images/ico_game.png');
}

.div_icon_title_right.game_off{
  background-image: url('../images/ico_game_off.png');
  background-position:5px bottom;
  display:none;
}


.div_icon_title_right.graph{
  background-image: url('../images/ico_graph.png');
  margin-right:2px;
}

.div_icon_title_right.graph_off{
  background-image: url('../images/ico_graph_off.png');
  margin-right:2px;
  display:none;
}
.div_icon_right_top.close{  
  background-color: #9e0101;
  color:white;
  height:31px;
  font-size:25px;
  width:80px  ;
  text-align: left;
  margin-left:10px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
}

.div_icon_right_top.close div{
  float:left;
  margin:5px 0 0 4px;
}
.div_icon_right_top.close span{
  font-size:13px;
  font-family: arial, sans-serif;
  float:left;
  margin:8px 0 0 8px;
}

.btn_back_r{
  float:right;
  /*background-color: red;*/
}

.btn_back_r span{
  float:right;
  font-weight:bold;
  margin:16px 0 0 10px;
}

.div_icon_right_top.presentation{
}

.div_icon_right_top.presentation_off{
  display:none;
  position:relative;
}


.div_icon_right_top.menuRight{
}

.div_icon_right_top.menuLeft{
  display:none;
}

.div_icon_right_top.teacher{

}

.div_icon_right_top.teacher_off{
  display:none;
  position:relative;  
}


.div_icon_right_top.chat{                         
  
}

.div_icon_right_top.chat_off{
  display:none;
  position:relative;
}

.div_icon_right_top.interactive{
}

.div_icon_right_top.interactive_off{
  display:none;
  position:relative;
}

.div_tabs{
  float:left;
  width:730px;
  height:34px;
  overflow:hidden;
  margin:0px 0 0 0px;
  position:relative;
  z-index:1;
}

.div_loading_container{
  float:left;
  width:100%;
  text-align: center;
  margin-top:20px;
  height:84px;
}

.div_loading_container img{
  margin:0 auto;
}

.div_tabs .div_tab{
  float:left;
  padding:0 13px 0 13px;
  text-decoration: none;
  line-height:33px;
  height:33px;
  color:#525252;
  text-transform: uppercase;
  border-bottom:1px transparent solid;
  border-left:1px transparent solid;
  border-right:1px transparent solid;  
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;    
}

.div_tabs .div_tab.active{
  background-color: white;
  border-bottom:1px #e8e8e8 solid;
  border-left:1px #e8e8e8 solid;
  border-right:1px #e8e8e8 solid;
}

.div_tabs .div_tab:hover{
  background-color: white;
  border-bottom:1px #e8e8e8 solid;
  border-left:1px #e8e8e8 solid;
  border-right:1px #e8e8e8 solid;
}

.div_subfooter{
  float:right;
  width:727px;
  height:62px;
  overflow:hidden;  
}

.div_arrow_bottom{
  float:left;
  width:40px;
  height:62px;
  background-repeat: no-repeat;
  background-position: center center;
  margin:0;
  visibility:hidden;
  font-size:45px;
  text-align: center;
  line-height:62px;
  color:#949494;
}

.div_arrow_bottom:hover{
  text-decoration: none;
}

.div_arror_full{
  float:left;
  width:21px;
  height:200px;
  background-repeat: no-repeat;
  background-position: center center;
  display:none;
  visibility:hidden;
  position:fixed;
  z-index:3;  
}

.div_arror_full.left{
  background-image: url('../images/ico_left.png');
  left:15px;
  top:50%;
  margin-top:-100px;  
}

.div_arror_full.right{
  background-image: url('../images/ico_right.png');
  right:15px;
  top:50%;
  margin-top:-100px;
}

.div_arrow_bottom.left{
  text-align: left; 
}

.div_arrow_bottom.right{
  float:right;
}

.div_student_info{
  float:left;
  margin:0 0 10px 0px;
  width:100%;
  background-color: #f2f1e4;
  border:1px #d3d1b4 solid;  
  -moz-border-radius: 2px;
  border-radius: 2px;  
}

#div_folder_description{
  display:none;
}                      

a{
  cursor:pointer;
}                

a:hover{
  text-decoration: underline;
}

#div_show_text img{
  float:none;
}


.div_description{
  float:left;
  width:730px;
  display:none;
}

#div_main_text_target{
  line-height:auto;
  overflow-x:auto;
  width:100%;
  margin:0px;
  padding:10px 0 10px 0;
}

.div_next_item_container{
  float:left;
  width:730px;
  margin-left:0px;
  margin-top:7px;
}

.div_next_item_container .div_tree_icon{
  float:left;
  margin-left:5px;
}

.div_next_item_container .div_tree_item.show .div_label{
  margin-left:5px;
}

.div_next_item_container .div_tree_item{
  float:left; 
  width:600px;  
}                        

.div_next_item_container .div_main_b, .div_next_item_container .div_main{
  width:600px !important; 
  margin:0px !important; 
  padding:4px 0 0 0 !important;
}

.div_next_item_container .div_main.hovered{
  border:1px transparent solid !important;
  background-color:transparent !important;
}

.div_next_item_container .div_open_close{
  display:none;
}

.div_next_item_container .div_label{
  float:left;
  margin:0px 0 0 6px;
  text-decoration:none;
  font-size:12px;
  color:#1885a0;
  width:auto !important;
}

.div_next_item_container .div_label:hover{
  text-decoration: underline;
}   

#div_hide_next_items{
  display:none;
}

a img{
  border:none;
}

.div_alert_table{
  float:left;
  width:420px;
  border:none;
  border-collapse:collapse;
  table-layout:fixed;
  text-align: left;
  margin:10px;
  font-size:14px;
  line-height:22px;
  color:#454545;
  font-weight:bold;
  height:107px;
}

.div_alert_table .div_alert_table_img{
  float:left;
  width:67px;
  height:67px;
  margin-left:20px;
}

.div_older_browser{
  float:left;
  width:247px;
  margin-top:10px;
  margin-left:185px;
}

.div_older_browser .img_aler_icon{
  float:left;
  margin:5px 0 0 0;
}

.div_older_browser .span_older_title{
  float:right;
  color:#4f4f4f;
  font-size:12px;
  width:200px;
  margin-top:7px;
}

.div_older_browser .span_older_text{
  float:right;
  color:#727272;
  font-size:11px;
  width:200px;
  margin-top:3px;
}

.full_width_content{
  float:left;
  width:100%;
  border:none;
  border-collapse:collapse;
  table-layout: fixed;
  vertical-align: top;
}

.full_width_content tr, .full_width_content tr td{
  margin:0px;
  padding:0px;
}

.full_width_content .td_l{
  width:16px;
}

.full_width_content .td_r{
  width:16px;
}

#div_show_text img{
  vertical-align:middle;
}

#div_attachement_container{
  width:100%;
  float:left;
}

.div_questions_cb{
  float:left;
  width:100px;
  height:24px;
  background-color:white;
  border-top:1px #e8e8e8 solid;
  border-left:1px #e8e8e8 solid;
  border-right:1px #e8e8e8 solid;
  position:relative;
  z-index:3;
}   

.div_questions_cb.opened{
  border-color: #b1b1b1;
}

.div_questions_cb.disable{
  width:60px;
}

.div_questions_cb.disable .cb_arrow{
  display:none;
}

.div_questions_cb.disable .div_sel_value{width:100%;}

.div_timer_cont{
  float:left;
  width:90px;
  height:24px;
  background-color:white;
  border-top:1px #e8e8e8 solid;
  border-left:1px #e8e8e8 solid;
  border-right:1px #e8e8e8 solid;
  background-repeat: no-repeat;
  background-position: 4px center;
  background-image: url('../images/ico_clock.png');
  position:relative;
  z-index:2;
  margin-left:5px;
  display:none;
}

.div_begin_test{
  float:left;
  width:100%;
  padding-bottom:60px;
  display:none;
}

.div_timer_cont .timer_target{
  float:left;
  margin:5px 0 0 20px;
  font-weight:bold;
  width:62px;
  text-align: center;
}

.div_questions_cb.language{
  border:1px #c9c9c9 solid;
  width:65px;
}

.div_questions_cb.language .div_open_target{
  border:1px #c9c9c9 solid;
  width:65px;
}

.div_questions_cb.language .div_open_target .selected{
  display:none;
}

.div_questions_cb.language .div_flag_sel{
  float:left;
  width:22px;
  height:14px;
  border:1px #c9c9c9 solid;
  background-repeat: no-repeat;
  margin:4px 0 0 4px;
}                                                                                           

.div_questions_cb.language .div_flag_sel.cze{background-image:url('../images/flags/cze.png');}
.div_questions_cb.language .div_flag_sel.en{background-image:url('../images/flags/en.png');}
.div_questions_cb.language .div_flag_sel.sk{background-image:url('../images/flags/sk.png');}
.div_questions_cb.language .div_flag_sel.ge{background-image:url('../images/flags/ge.png');}

.div_questions_cb .div_sel_value{
  float:left;
  width:59px;
  text-align: center;
  color:#6a6a6a;
  font-size:12px;
  margin-top:5px;  
  font-weight:bold;
}
.div_questions_cb .cb_arrow{
  float:right;
  width:23px;
  height:22px;
  background-image:url('../images/bg_cb_arrows.png');
  margin-top:1px;
  cursor:pointer;
  border-left:1px transparent solid; 
}

.div_questions_cb .cb_arrow:hover{
  border-left:1px #e8e8e8 solid;
}

.div_questions_cb .cb_arrow.open{
  background-position: left top;
}

.div_questions_cb .cb_arrow.close{
  background-position: left bottom;
}

.div_questions_cb .div_open_target{
  float:left;
  width:100px;
  position:absolute;
  left:-1px;
  top:24px;
  max-height:168px;
  background-color: white;
  border:1px #b1b1b1 solid;
  border-top:1px #f6f6f6 solid;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px; 
  overflow-y:auto;
  overflow-x:hidden; 
  display:none;
}               

.div_questions_cb .div_open_target .div_item{
  float:left;
  width:100%;
  text-align: center;
  color:#6a6a6a;
  padding:4px 0px;
  height:15px;
  overflow:hidden;
  border-top:1px #f6f6f6 solid;
  cursor:pointer;
  text-decoration: none;
}

.div_questions_cb .div_open_target .div_item.selected{
  background-color:#e2e2e2;
}

.div_questions_cb .div_open_target .div_item.seen{
  background-image: url('../images/ico_seen_quest.png');
  background-repeat: no-repeat;
  background-position: 7px 9px;
}

.div_questions_cb .div_open_target .div_item:hover{
  background-color:#f6f6f6;  
}

.div_questions_cb .div_open_target .div_item.selected:hover{
  background-color:#e2e2e2;  
}

.div_next_prev_quest{
  float:right;
  width:69px;
  height:24px;
  background-color:white;
  border-top:1px #e8e8e8 solid;
  border-left:1px #e8e8e8 solid;
  border-right:1px #e8e8e8 solid;
  margin-right:-2px;  
}
.div_next_prev_quest .div_btn_q_nbr{
  float:left;
  width:34px;
  height:100%;  
  background-position: left bottom;
  background-color: white;
  cursor:pointer;
}


.div_next_prev_quest .div_btn_q_nbr:hover{
  background-image:url('../images/btn_gradiend.png');
}

.div_next_prev_quest .div_btn_q_nbr.disabled{
  opacity:0.2;
  filter: alpha(opacity = 20);
}

.div_next_prev_quest .div_btn_q_nbr .div_icon{
  float:left;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.div_next_prev_quest .div_l_m{
  float:left;
  width:1px;
  height:100%;
  overflow:hidden;
  background-color:#e8e8e8;
}

.div_next_prev_quest .div_next .div_icon{
  background-image:url('../images/sm_arrow_r.png');
}
.div_next_prev_quest .div_prev .div_icon, .div_prev_ic{
  background-repeat: no-repeat;
  background-position: left 11px;
  background-position: center center; 
  background-image:url('../images/sm_arrow_l.png');
}

.div_prev_back{
  background-repeat: no-repeat;
  background-position: left 11px;
  background-image:url('../images/bg_arrow_l_white.png');
}

.div_open_question{
  float:left;
  width:100%;
  height:auto;
  position:relative;
  margin-top:1px;
}

.div_open_question .div_nbr{
  float:left;
  position:absolute;
  left:-33px;
  top:0px;
  width:23px;
  height:22px;
  z-index:3;
  text-align: center;
  color:#a2a2a2;
  font-size:11px;
  line-height:22px;
  background-color:white;
  border-top:1px #e8e8e8 solid;
  border-left:1px #e8e8e8 solid;
  border-bottom:1px #e8e8e8 solid;
}

.div_open_question .div_task{
  float:left;
  width:100%;    
  padding-bottom:5px;
  padding-top:8px;  
}

.div_open_question .div_display_id{
  position:absolute;
  right:5px;
  top:3px;
  color:#ababab;
  font-size:8px;
}

.div_open_question .div_editable_open_answer{
  float:left;
  border:1px #c6c6c6 solid;
  width:100%;
  cursor:text;
  position:relative;
  border:1px #c8c8c8 solid;
  -moz-border-radius: 2px;
  border-radius: 2px; 
  background-color:#fbfbfb;
  -moz-box-shadow:inset 1px 1px 4px #dadada;
  -webkit-box-shadow:inset 1px 1px 4px #dadada;
  box-shadow:inset 1px 1px 4px #dadada;    
}

.div_disable_left_fade{
  float:left;
  width:100%;
  height:100%;
  position:absolute;
  left:0px;
  top:0px;
  display:none;
  z-index:2;
}

.div_open_question .div_answer_content{
  float:left;
  width:100%;
  min-height:50px;
  max-height:250px;
  margin-top:8px;
  overflow:auto;
  -moz-border-radius: 2px;
  border-radius: 2px;   
}

.div_open_question .div_answer_content.not_saved{
  /*background-color: #f1f1f1;*/
}

.teacher_evaluation_under{
  float:left;
  width:100%;
  background-color: #ededed;
  border-top:1px #dbdbdb solid;
  padding:10px 0 10px 0;
}

.teacher_evaluation_under span{
  padding-left:10px;
  float:left;
}


.div_open_question .div_open_part_test{
  float:left;
  margin-top:10px;                      
  width:99%;  
  color:#606060;  
}


.div_open_box_q{
  float:left;
  width:39px;
  height:19px;
  border:1px #e8e8e8 solid;
  -moz-border-radius: 2px;  
  border-radius: 2px;               
  background-color: white;  
  background-repeat: no-repeat;
  background-position: center center; 
  cursor:pointer;                  
  position:relative;  
}

.div_open_box_c{
  float:left;
  width:39px;
  height:19px;
  border:1px #e8e8e8 solid;
  -moz-border-radius: 2px;  
  border-radius: 2px;               
  background-color: white;  
  background-repeat: no-repeat;
  background-position: center center; 
  cursor:pointer;                  
  position:relative;  
}

.div_open_box_q:hover{
  background-color:#f4f4f4;
}

.div_open_box_stepper:hover{
  background-color:#f4f4f4;
}

.div_open_part_test.opened .div_open_box_q{
  border-right:1px white solid;
}   

.div_open_part_test.opened .div_open_box_c{
  border-right:1px white solid;
}   

.div_open_box_stepper.second{
  border:1px #e8e8e8 solid;
  border-right:none;
  position:absolute; bottom:-1px; left:-21px;
  cursor:pointer;
  display:none;
}

.div_open_box_q.instructions{
  background-image:url('../images/ico_show_instructions.png');
}  

.div_open_box_q.solution{
  background-image:url('../images/ico_show_solution.png');
}

.div_open_box_q.answer{
  cursor:default;
  background-image:url('../images/ico_show_answer.png');
}

.div_open_box_q.teacher{
  cursor:default;
  background-image:url('../images/ico_show_answer.png');

}

.div_open_box_q.answer:hover{
  background-color: white;
}


.div_open_box_stepper{
  float:left;
  height:19px;
  width:19px;
  border-left:1px #e8e8e8 solid;
  background-image:url('../images/ico_show_solution_stepper.png');
  background-repeat: no-repeat;
  background-position: center center;
}  

.div_open_box_q.result{
  background-image:url('../images/ico_show_result.png');
}                                                          

.div_open_item_c_r{
  float:left;
  width:100%;    
  border:1px #e8e8e8 solid;
  -moz-border-radius: 2px;
  border-radius: 2px;  
  display:none;    
    
}

.div_open_item_c_r.opened{
  display:block;
  padding-bottom:8px;
}
         
.div_hor_del{
  float:left;
  width:100%;
  height:1px;
  overflow:hidden;
  font-size:0px;
  border-top:1px #bababa solid;
  margin-top:40px;            
}         

.div_btn_save_open_answer{
  float:right;
  text-align: center;
  width:98px;
  height:20px;
  line-height:20px;
  color:white;
  display:none;
  position:absolute;
  right:5px;
  z-index:2;
  bottom:-12px;
  background-color:#adadad;
  border:1px #838383 solid;
  background-image:url('../images/btn_gradiend.png');
  background-repeat: repeat-x;
  background-position: center center;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;  
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;    
  text-decoration: none;
}


.saved_correctly{
  background-color:white;
  opacity:1.0;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;  
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;   
  background-image:url('../images/bg_saved.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;   
  width:98px;
  height:20px;
  line-height:20px;
  text-align: center;
  position:absolute;
  right:5px;
  bottom:-12px;
  border:1px #599e09 solid;
  /*border-top:1px white solid;*/
  display:none;
  color:black;
  z-index:3;
}

.div_fade_top_img{
  float:left;
  width:100%;
  height:2px;
  background-color:#fbfbfb;
  position:absolute;
  left:0px;
  top:-2px;
}

.div_stepper{
  float:left;
  width:25px;
  height:19px;
  background-color: white;
  border:1px #e8e8e8 solid;
  -moz-border-radius: 2px;
  margin-left:-2px;  
  border-radius: 2px; 
  cursor:pointer;         
  background-repeat: no-repeat;
  background-position: center center;    
  background-image:url('../images/ico_show_solution_stepper.png');    
}

.div_stepper:hover{
  background-color:#fbfbfb;
}

.div_answers_container{
  float:left;
  width:100%;
  margin-top:10px;
  padding-bottom:10px;
}            

.div_sort_answers_container{
  float:left;
  width:100%;
  margin-top:10px;
  padding-bottom:10px;
  -ms-touch-action: none;
}

.div_assi_answers_container{
  float:left;
  width:100%;
  margin-top:10px;
  padding-bottom:10px;
}

.div_sort_answer_item{
  float:left;
  width:100%;
  height:auto;
  margin-top:4px;
}

.div_assig_sortable{
  float:left;
  width:100%;
  position:relative;
  -ms-touch-action: none;
}

.div_counter{
  float:left;
  color:#7a7a7a;
}

.div_sort_right_p{
  float:left;
  width:100%;
  background-color:#fbfbfb;
  border:1px #c8c8c8 solid;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position:relative;   
}

.div_sort_right_p.left{
  border:1px #e8e8e8 solid;
}


.div_sort_answer_item .div_sort_right_p .div_ans_cont{
  float:left;
  width:100%;
  padding:4px 0 4px 0;
  color:black;
}

.div_ans_cont{
  padding-bottom: 1px;
}

.div_sort_right_p .div_sort_quest_dragger{
  float:left;
  width:42px;
  margin-left:-22px;
  padding-top:12px;
  position:relative;
  height:19px;
  cursor: pointer;
  background-image:url('../images/bg_sort_dragger.png');
  background-repeat: no-repeat;
  background-position: 29px center;
  
}


.div_classic_answer_container{
  float:left;
  width:100%;
  margin-top:6px;
  padding:3px 0 3px 0;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:1px transparent solid;
  position:relative;   
} 

.div_classic_answer_container td{
  vertical-align:top;
}

.placeholder{
  float:left; 
  width:100%;
}    

.span_class_q_oznaceni{
  float:left;
  margin:4px 0 0 4px;
  color:#7a7a7a;
  width:11px;
}

div.placeholder{
  margin-top:4px;
}

.div_table_container{
  float:left;
  width:100%;
  border:none;
  table-layout:fixed;
  border-collapse:collapse;
}

.div_table_container tr, .div_table_container tr td{
  border:none;
  padding:0px;
  margin:0px;
} 

.right_padding_test{
  width:5px;
  
}

.div_answ_checkbox_c{
  float:left;
  width:23px;
  height:23px;
  margin-left:7px;
  position:relative; 
  cursor:pointer;

}

.div_answ_checkbox_c .squer{
  float:left;
  width:15px;
  height:15px;
  background-color: white;
  border:1px #c8c8c8 solid;
  margin:3px 0 0 0;
  -moz-border-radius: 1px;
  border-radius: 1px;   
}

.div_answ_checkbox_c .check{
  float:left;
  width:22px;
  height:17px;
  background-image:url('../images/bg_checkbox_check.png');
  position:absolute;
  left:0px;
  top:0px;
  display:none;
}


.div_classic_answer_container .answ_text{
  float:left;
  width:100%;
  color:black;
}

.div_answ_checkbox_c.checked .check{
  display:block;
}

.div_answer_text_c{
  float:left;
  width:100%;
  height:28px;
  border:1px #c8c8c8 solid;
  -moz-border-radius: 3px;
  border-radius: 3px; 
  background-color:#fbfbfb;
  -moz-box-shadow:inset 1px 1px 4px #dadada;
  -webkit-box-shadow:inset 1px 1px 4px #dadada;
  box-shadow:inset 1px 1px 4px #dadada;   
  position:relative; 
}

.div_question_container .div_icon{
  float:left;
  width:45px;
  height:45px;
  background-repeat: no-repeat;
  margin:8px 0 0 8px;
  background-position: left top;
}

.answer_text_input{
  float:left;
  width:100%;
  background-color:#fbfbfb;
  color:#4c4c4c;
  border:none;
  margin-top:5px;  
}

.div_text_answer_ico{
  float:left;
  width:16px;
  height:16px;
  background-image:url('../images/bg_text_answer_ico.png');
  margin-left:8px;  
}

.div_result_container{
  float:left;
  width:130px;
  position:absolute;
  top:-1px;
  right:-132px;
  height:100%;       
}

#add_margin_under_res.hideResults .div_result_container{
  display:none;
}

.div_main_show_button{
  float:left;
  height:32px;
  padding:0px 15px 0 30px;
  line-height:32px;
  background-color: #a5a5a5;
  -moz-border-radius: 3px;
  border-radius: 3px;   
  color:white;
  text-align: left;
  background-repeat: no-repeat;
}           


.div_pagination_bottom .div_btn_q_nbr{
  float:left;
  margin-top:20px;
  text-align: left;
}



.div_evaluate_test{
  float:none !important; 
  display:block; 
  margin:20px auto 0px auto;
  width:220px;
  text-align: center;
  background-image:url('../images/ico_resolved_white.png');
  background-position: 6px 11px;
}

.div_start_test{
  float:right;
  margin-top:20px;
  margin-left:70px;
  background-image:url('../images/ico_start_white.png');
  background-position: 8px 9px;
}

.div_generate_new{
  float:none !important; 
  display:block; 
  margin:20px auto 0px auto;
  width:130px;
  text-align: center;
  background-image:url('../images/ico_generate_white.png');
  background-position: 6px 8px;
}             

.div_send_open_to{
  float:none !important; 
  display:block; 
  margin:20px auto 0px auto;
  width:130px;
  text-align: center;
  background-image:url('../images/ico_resolved_white.png');
  background-position: 6px 11px;
} 

.resolveAllForcedTests{
  float:left;  
  border:1px #587b35 solid;
  background-color:#638936;
  -moz-border-radius: 3px;
  border-radius: 3px;    
  width:190px;
  height:45px;
  background-image:url('../images/ico_resolved_white.png');
  background-repeat: no-repeat;
  background-position: center center; 
  display:none;
  margin:20px 0 0 150px;
}



.div_generate_new_open{
  float:none !important; 
  display:block; 
  margin:20px auto 0px auto;
  width:130px;
  text-align: center;
  background-image:url('../images/ico_generate_white.png');
  background-position: 6px 8px;
}   

.div_main_result_container{
  float:left;
  width:100%;
  -moz-border-radius: 3px;
  border-radius: 3px;     
  background-color: #4a4a4a;
  border:1px #363636 solid;
  /*margin-left:16px;*/
  margin-top:10px;  
  display:none;
}

.result_table{
  width:50%;
  margin-top:4px; 
  color:white;  
}

.result_table td{
  height:30px;
  line-height:30px;
}

.div_btn_again, .div_btn_again_open{
  float:right;
  width:auto;
  height:26px;
  border:1px white solid;
  background-color:#ededed;
  line-height:26px;
  color:#262626;
  padding:0 15px 0 30px;
  margin:10px;
  -moz-border-radius: 3px;
  border-radius: 3px;    
  background-image:url('../images/ico_again.png');
  background-repeat: no-repeat;
  background-position: 5px center;
  position:absolute;
  right:0px; 
  bottom:0px;  
}

.div_btn_reload_results{
/*  float:left;
  width:auto;
  height:18px;
  border:1px white solid;
  background-color:#ededed;
  width:18px;
  background-size: 70%;
  margin:10px;
  -moz-border-radius: 3px;
  border-radius: 3px;    
  background-image:url('../images/ico_reload.png');
  background-repeat: no-repeat;
  background-position: center center;
  position:absolute;
  left:0px; 
  bottom:0px;  
*/  
  float:right;
  width:auto;
  height:26px;
  border:1px white solid;
  background-color:#ededed;
  line-height:26px;
  color:#262626;
  padding:0 15px 0 30px;
  margin:10px;
  -moz-border-radius: 3px;
  border-radius: 3px;    
  background-image:url('../images/ico_reload.png');
  background-repeat: no-repeat;
  background-position: 5px center;
  position:absolute;
  right:0px; 
  bottom:0px; 
  display:none;
}

.div_btn_reload_results_big{
  float:right;
  width:auto;
  height:26px;
  border:1px white solid;
  background-color:#ededed;
  line-height:26px;
  color:#262626;
  padding:0 15px 0 30px;
  margin:10px;
  -moz-border-radius: 3px;
  border-radius: 3px;    
  background-image:url('../images/ico_reload.png');
  background-repeat: no-repeat;
  background-position: 5px center;
  position:absolute;
  right:0px; 
  bottom:0px; 
  display:none;
}

.div_title_result{
  float:left;
  color:white;
  text-transform: uppercase;
  margin:8px 0 0 30px;
}

.div_result_container.correct{
  background-color: #dee9be;
  border:1px #d4e0ae solid;
}

.div_result_container.partial{

}

.div_result_container.open_quest{
  background-color: #c1e1f0;
  border:1px #a2c8dd solid;
  top:-2px;  
}


.div_result_container.correct .div_icon{
  background-image:url('../images/bg_results_correct.png');  
}
.div_result_container.wrong .div_icon{
  background-image:url('../images/bg_results_wrong.png');  
}

.div_result_container.wrong{
  background-color: #edcdcd;
  border:1px #e3b5b5 solid;
}

.div_question_container{
  float:left;
  width:100%;
  position:relative;
  margin-bottom:-1px;  
}

.div_result_info_sm{
  float:left;
  width:120px;
  border:none;
  border-collapse: collapse;
  table-layout: fixed;
  margin:0px 0 0 8px;
}

.div_result_info_sm tr td{
  padding-top:5px;
  color:#4c4c4c;
  font-size:12px;
  line-height:16px;
}

.div_small_icon_result{
  float:left;
  width:16px;
  height:16px;
  background-position: center center;
  background-repeat: no-repeat;
}       

.div_small_icon_result.seen{
  background-image:url('../images/bg_result_seen.png');
}
.div_small_icon_result.correct{
  background-image:url('../images/bg_result_correct.png');
}
.div_small_icon_result.percent{
  background-image:url('../images/bg_result_points.png');
}

.div_small_icon_result.points{
  background-image:url('../images/bg_result_points2.png');
}

.div_small_icon_result.game_points{
  background-image:url('../images/bg_result_points_game.png');
}


#div_main_questions_target{
  float:left;
  width:100%;
}

.div_open_question_loading_container.loading{
  float:left;
  width:100%;
  height:150px;
  border-bottom:1px #e8e8e8 solid;
  background-image:url('../images/loading.gif');
  background-repeat: no-repeat;
  background-position: center center; 
}

#div_loading_whole_page{
  float:left;
  width:100%;
  height:122px;
  margin: 0px 0 0px 0px;
  background-color: white;
  border: 1px #E8E8E8 solid;  
  background-image:url('../images/loading.gif');
  background-repeat: no-repeat;
  background-position: center center;
  display:block;
}

.div_pagination_bottom{
  float:left;
  width:100%;
}


.div_pagination_bottom .div_btn_q_nbr.div_next{
  float:right;
  padding:0px 30px 0 15px;
  background-image: url('../images/bg_arrow_r_white.png');
  background-position:right 11px;
}

.div_pagination_bottom .div_btn_q_nbr.div_prev{
  background-image: url('../images/bg_arrow_l_white.png');
  background-position:left 11px;
}

.div_pagination_bottom .div_btn_q_nbr.disabled{
  background-color: #bcbcbc;
  border:1px #aaaaaa solid;
  opacity:0.6;
  filter: alpha(opacity = 60);
}

.div_evaluate_test.disabled, #disable_send_open.disabled, .div_generate_new_open.disabled{
  background-color: #bcbcbc;
  border:1px #aaaaaa solid;
  opacity:0.6;
  filter: alpha(opacity = 60);
}

.div_res_title_cont{
  float:left;
  width:100%;
  height:28px;
  border-bottom:1px #3c3c3c dashed;
  background-image: url('../images/ico_result_icon.png');
  background-repeat: no-repeat;
  background-position: 11px 8px;
}


.dotted_line_res{
  background-image:url('../images/bg_dotted_line.png');
  background-repeat: repeat-x;
  background-position: left 20px;
}

.fade_dott_res{
  height:100%;
  padding:0px; margin:0px;
  background-color: #4a4a4a;
}


.teacher_add_result{
  background-color: #8e8e8e;
  border:1px #747474 solid;
}

/* Combobox Checbox */

.div_checkbox_combobox_c{
  float:left;
  width:120px;
  height:19px;
  margin-top:2px;
  border:1px #ffffff solid;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color:#e8e8e8;
  position:relative;
}

.div_checkbox_combobox_c.light{
  background-color:white;
  border:1px #dcdcdc solid;
  height:20px;
  -moz-border-radius: 2px;
  border-radius: 2px;  
  margin-top:1px;
  margin-right:21px;
}

.div_checkbox_combobox_c.teacher_panel{
  border:1px #c4c4c4 solid;
  margin:5px 0 0 7px;
}

.div_checkbox_combobox_main{
  float:left;
  height:100%;
  width:100%;
}

#div_fade_page_forced{
  float:left;
  width:100%;
  position:absolute;
  left:0px;
  top:0px;
  background-color:#e6e6e6;
  z-index:15;
  display:none;    
}

#div_forced_height_sim{
  float:left;
  width:1px;
  display:none;
}

#div_fade_page_forced_q{
  float:left;
  width:100%;
  position:absolute;
  left:0px;
  top:0px;
  background-color:#e6e6e6; 
  z-index:16;
  display:none;    
}

#div_forced_height_sim_q{
  float:left;
  width:1px;
  display:none;
}

.div_checkbox_combobox_main .div_sel_value{
  float:left;
  margin:0px;
  width:100%;
  text-align: center;
  height:19px;
  line-height:19px;
  overflow:hidden;
}

.div_checkbox_combobox_main .cb_arrow{
  float:right;
  width:23px;
  height:19px;
  background-image:url('../images/bg_cb_arrows.png');
  background-position: 0px -1px;
  margin-top:0px;
  cursor:pointer;
  border-left:1px transparent solid; 
}

.div_checkbox_combobox_main .cb_arrow:hover{
  border-left:1px #cccccc solid;
  background-color:#eeeeee;
}

.div_checkbox_combobox_c.opened .cb_arrow{
  background-position: center 21px;
}

.div_checkbox_combobox_c .div_open_part{
  float:left;
  width:100%;
  position:absolute;
  left:-1px;
  top:20px;  
  display:none;
}

.div_checkbox_combobox_c.opened .div_open_part{
  display:block;
}

.div_checkbox_combobox_c .div_open_part .div_open_bg{
  float:left;
  width:100%;
  height:auto;
  max-height:192px;
  overflow:auto;
  background-color: #e0e0e0;
  border:1px #848484 solid;
  border-top:none;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;  
}

.div_checkbox_combobox_c .div_open_part .div_open_bg .line_vertical{
  float:left;
  width:1px;
  margin-top:1px;
  height:17px;
  background-color:#cacaca;
}

.div_checkbox_combobox_c .div_open_part .div_open_bg .div_item{
  float:left;
  width:100%;
  height:23px;
  border-top:1px #c1c1c1 solid;
}

.div_checkbox_combobox_c .div_open_part .div_open_bg .div_item:hover{
  /*background-color:#f1f1f1;*/
}

.div_checkbox_combobox_c .div_open_part .div_open_bg .div_item .div_label{
  float:left;
  width:100%;
  overflow:none;
  height:100%;
  text-align: center;
  line-height:23px;
  cursor:pointer;
}

.div_checkbox_combobox_c .div_open_part .div_open_bg .div_item .div_label:hover{
  background-color:#ffffff;
}

.div_checkbox_combobox_c .div_open_part .div_open_bg .div_item.selected{
  background-color:#ffffff;
}

.div_c_checkbox{
  float:left;
  width:12px;
  height:12px;
  background-color:white;
  border:1px #b6b6b6 solid;
  margin:3px 0 0 8px;
  cursor:pointer;
  position:relative;
}

.div_c_checkbox:hover{
  border:1px #a6a6a6 solid;
}


.div_c_checkbox .div_checked{
  float:left;
  position:absolute;
  left:1px;
  top:-1px;
  width:14px;
  height:11px;
  background-image:url('../images/bg_checkbox_check_c.png');
  display:none;
}

.div_checkbox_combobox_c .div_open_part .div_open_bg .div_item.selected .div_c_checkbox .div_checked{
  display:block;
}

/* DATE SELECT BOX */

.div_date_select_c{
  float:left;
  width:120px;
  height:19px;
  margin-top:2px;
  border:1px #ffffff solid;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color:#e8e8e8;
  position:relative;
}

.div_date_select_c.light{
  background-color:white;
  border:1px #dcdcdc solid;
  height:20px;
  -moz-border-radius: 2px;
  border-radius: 2px;  
  margin-top:1px;
  margin-right:21px;
}


.div_date_select_c .div_date_select_c{
  float:left;
  height:100%;
  width:100%;
}

.div_date_select_c .div_sel_value{
  float:left;
  margin:0px;
  width:100%;
  text-align: center;
  height:19px;
  line-height:19px;
  overflow:hidden;
}

.div_date_select_c .cb_arrow{
  float:right;
  width:23px;
  height:19px;
  background-image:url('../images/bg_cb_arrows.png');
  background-position: 0px -1px;
  margin-top:0px;
  cursor:pointer;
  border-left:1px transparent solid; 
}

.div_date_select_c .cb_arrow:hover{
  border-left:1px #cccccc solid;
  background-color:#eeeeee;
}

.div_date_select_c.opened .cb_arrow{
  background-position: center 21px;
}

.div_date_select_c .div_open_part{
  float:left;
  position:absolute;
  left:-1px;
  top:20px;
  width:270px;
  display:none;
}

.div_date_select_c .div_open_part .div_open_bg{
  float:left; 
  width:100%;
  height:auto;
  padding-bottom:3px;
  background-color:#e0e0e0;
  border:1px #848484 solid;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;    
}

.div_date_select_c .div_last_date_sel{
  float:left;
  width:121px;
  padding-left:9px;
  height:22px;
  text-decoration: none;
  line-height:22px;
  font-size:11px;
  margin:2px 0 0 2px;
  background-color:#f3f3f3;
  border:1px #bdbdbd solid;
  -moz-border-radius: 2px;
  border-radius: 2px;  
}

.div_date_select_c .div_last_date_sel:hover{
  background-color: white;
}

.div_date_select_c .div_month_select{
  float:left;
  width:100%;
  height:23px;  
}

.div_date_select_c .div_month_select .div_prev_month{
  float:left;
  width:20px;
  height:20px;
  margin:2px 0 0 2px;
  background-image:url('../images/sm_arrow_l.png');
  background-repeat: no-repeat;
  background-position: center center;
}

.div_date_select_c .div_month_select .div_prev_month:hover{
  background-color: white;
}

.div_date_select_c .div_month_select .div_next_month{
  float:right;
  width:20px;
  height:20px;
  margin:2px 2px 0 0;
  background-image:url('../images/sm_arrow_r.png');
  background-repeat: no-repeat;
  background-position: center center;  
}

.div_date_select_c .div_month_select .div_next_month:hover{
  background-color: white;
}

.div_date_select_c .div_month_select .div_sel_month{
  float:left;
  width:225px;
  height:23px;
  line-height:23px;
  text-align: center;
}


.div_date_select_c .div_calendar_titles{
  float:left;
  width:100%;
}

.div_date_select_c .div_calendar_titles span{
  float:left;
  width:14.28%;
  height:23px;
  line-height:23px;
  text-align: center;
  margin-top:4px;
  color:#383838;
}

.div_date_select_c .div_mont_days_c{
  float:left;
  width:100%;
}

.div_date_select_c .div_mont_days_c .month_day{
  float:left;
  width:14.28%;
  height:23px;
  line-height:23px;
  text-align: center;
  margin-top:4px;
  color:#383838;
  text-align: center;
  text-decoration: none;
}                          


.div_date_select_c .div_mont_days_c .month_day_in{
  float:left;
  width:14.28%;
  height:23px;
}

.div_date_select_c .div_mont_days_c .month_day.today span{
  background-color: #a5c300;
}

.div_date_select_c .div_mont_days_c .month_day.selected span{
  background-color: #2fb1c8;
}

.div_date_select_c .div_mont_days_c .month_day.disabled{
  cursor: default;
}
.div_date_select_c .div_mont_days_c .month_day.disabled span{
  opacity:0.3;
  cursor: default;
}

.div_date_select_c .div_mont_days_c .month_day span{
  float:left;
  margin-left:7%;
  width:86%;
  height:100%;
  background-color: #474747;
  -moz-border-radius: 2px;
  border-radius: 2px;    
  color:white;
  text-align: center;
}

.div_date_select_c .div_mont_days_c .month_day:hover span{
  background-color:#2fb1c8;
}

.div_date_select_c .div_mont_days_c .month_day.disabled:hover span{
  opacity:0.3;
  background-color: #474747;
}


.div_remove_filter{
  float:left;
  width:21px;
  height:19px;      
  background-color: #474747;
  border:1px #a5a5a5 solid;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;    
  cursor:pointer;
  background-image:url('../images/bg_remove_filter.png');
  visibility:hidden;
  background-repeat: no-repeat;
  background-position: center center;
  line-height:20px;
  
  text-align: center;
  text-decoration: none;
  color:black;
  position:absolute;
  right:-23px;
  top:-1px;
}


.div_date_select_c.light .cb_arrow{
  height:20px;  
}

.div_date_select_c.light .cb_arrow:hover{
  background-color: white;
}

.div_checkbox_combobox_c.light .cb_arrow{
  height:20px;  
}

.div_checkbox_combobox_c.light .cb_arrow:hover{
  background-color: white;
}

.div_date_select_c.light .div_remove_filter{
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  border:1px #dcdcdc solid;    
  background-color:#717171;
}

.div_checkbox_combobox_c.light .div_remove_filter{
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  border:1px #dcdcdc solid;    
  background-color:#717171;
}

.div_remove_filter:hover{
  background-color: #393939;
  text-decoration: none;
}

/* Konec date */

.div_total_score_perc{
  float:left;
  width:230px;
  height:40px;
  margin-top:19px;
  margin-left:-115px;
  background-color: #2f2f2f;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color:white;
  text-align: center;
  color:#a3a3a3;
}

.div_total_score_perc span{
  float:left;
  margin:8px 0 0 15px;
  color:white;
  font-size:20px;
}

.div_total_score_perc div{
  float:left;
  margin:13px 0 0 20px;
}

.div_alert_nbr{
  float:right;
  height:15px;
  margin-right:-5px;
  line-height:15px;
  padding:0px 5px 0 5px;
  background-color:#0084c1;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size:10px;
  font-weight:bold;
  color:white;
  display:none;
  position:relative;
  z-index:4;
}

.div_graph_filter_icon{
  float:right;
  width:20px;
  height:20px;
  background-repeat: no-repeat;
  background-position: center center;  
  margin-left:10px;
  margin-right:3px;
  margin-top:1px;
}

.div_graph_filter_icon.class{
  background-image:url('../images/ico_class_tp_dark.png');    
}
.div_graph_filter_icon.date_from{
  background-image:url('../images/ico_callendar_dark.png');
}
.div_graph_filter_icon.date_to{
  background-image:url('../images/ico_callendar_to_dark.png');
  background-position:center 6px;
}

#div_s_his_graph_param{
  float:left;
  width:280px;
  height:40px;
  position:absolute;
  left:50%;
  top:50%;
  background-color: #efefef;
  border:1px #dbdbdb solid;
  text-align: center;
  color:#808080;
  line-height:40px;
  margin:-20px 0 0 -140px;
  -moz-border-radius: 3px;
  border-radius: 3px;  
}

#div_loading_pin{
  float:left;
  width:360px;
  height:130px;
  position:absolute;
  left:50%;
  top:50%;
  margin:-65px 0 0 -180px;
  background-color: #eeeeee;
  border:1px white solid;
  -moz-border-radius: 4px;
  border-radius: 4px;   
  -moz-box-shadow:    0 0 10px #b3b3b3;
  -webkit-box-shadow: 0 0 10px #b3b3b3;
  box-shadow:         0 0 10px #b3b3b3;
}

.div_load_title{
  float:left;
  font-size:18px;
  color:#8b8b8b;
  width:210px;
  margin:35px 0 0 25px;
}

.div_loading_icon_pin{
  float:left;
  width:80px;
  height:80px;
  background-color: white;
  border:1px #d9d9d9 solid;
  -moz-border-radius: 4px;
  border-radius: 4px;   
  margin:25px 0 0 24px;
  background-image: url('../images/loading.gif');
  background-repeat: no-repeat;
  background-position: center center;
}


.margin_top_9{
  position:relative;
  margin-top:9px;
}

.width_380{
  width:380px;
}
.width_300{
  width:300px;
}
  
.div_center_page_table{
  float:left;
  width:100%;
  height:100%;
  border-collapse: collapse;    
}
  
.div_center_page_table tr, .div_center_page_table tr td{
  padding:0px;
  margin:0px;
}

/* Font Icons */

.div_close_btn_red_sm{
  position:absolute;
  top:4px;
  left:23px;
  color:#a30f0f;
  font-size:14px;
}

.div_close_btn_red_sm.inter{
  left:3px;
}

.div_close_btn_red_sm.presentation{
  left:10px; top:8px;
}


.teacher_off .div_close_btn_red_sm{
  left:0px; top:2px;
}

.font_icon.footer{
  color:#b6b6b6;
}

.div_loading_sub_tree{
  float:left;
  width:100%;
  height:25px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image:url('../images/loading_tree/loading.gif');
}


#white_body{
  background-color: white;
}

#white_body .div_icon_right_top{
  background-color:white;
}

.div_quest_count{
  float:left;
  color:#6a6a6a;
  border:1px #e8e8e8 solid;
  border-bottom:0px;
  margin-left:-1px;
  padding:5px 10px 4px 10px;
  background-color:white;
}

#img_table{
  border-collapse:collapse;
}

#img_table_fourth_tr_text_second{
  text-align: center;
  font-size:12px;
  padding-top:8px;
  font-style: italic;
  font-family: arial, sans-serif;
  font-weight:normal;
  color:black;
}

.div_reg_passw_con{
  float:left;
  width:100%;
  margin-top:15px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.div_reg_passw_con a{
  text-decoration: none;
}

.div_reg_passw_con a:hover{
  text-decoration: underline;
}

#div_activity_white_display{
  float:left;
  width:100%;
  /*min-height:100%;*/
  position:fixed;
  top:0px;
  left:0px;
  background-color:white;
  display:none;
  z-index:10;
}

#div_activity_white_display .div_color_over{
  float:left;
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  min-height:100%;
  background-color:white;
}

#div_activity_white_display .div_color_over iframe{
  float:left;
  width:100%;
  height:100%;
}

#div_close_iframe{
  float:left;
  position:fixed;
  right:1%;
  top:1%;
  z-index:2;
  width:6%;
  height:6%;
  background-color: #c63333;
  border:6px white solid;
  background-image:url('../images/dashboard/ico_close.png');
  background-repeat: no-repeat;
  background-position: center center;
  border-radius:5px;
  display:none;
}

.div_preview{
  float:left;
  width:25px;
  height:25px;
  margin:10px 0 0 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image:url('../images/ico_eye_preview.png');
  cursor:pointer;
}

.sp_arr_sm{
  width:20px;
  height:20px;
  display:inline-block;
  vertical-align:middle;
  background-image:url('../images/ico_arr_fin.png');
  background-repeat: no-repeat;
  background-position: center 4px;
}

.div_flash_it_container{
  background-repeat: no-repeat;
  background-position: center center;
  background-image:url('../images/loading.gif');
}

.folders_left_button{  
  width:100%;
  float:left;
  background-color: #3d3d3d;
  padding:15px 0 13px 0;
  margin-top:8px;
  background-image:url('../images/bg_folder_icon.png');
  background-repeat: no-repeat;
  background-position: 12px center;
  text-decoration: none;
  border-radius:0px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;  
  position:relative;
}

.folders_left_button.show{
  background-image:url('../images/bg_dashboard_capitols.png');
  
}

.div_open_close_menu_res{
  float:right;
  width:35px;
  height:35px;
  position:absolute;
  background-color: rgba(0, 0, 0, 0.11);
  background-image:url('../images/ico_menu_mob.png');
  background-repeat: no-repeat;
  background-position: center center;
  border-radius:3px;
  right:6px;
  top:13px;
  cursor:pointer;
  display:none;
}

.div_open_close_menu_res:hover{
  background-color:#008cc3;
}


.folders_left_button:hover, .folders_left_button.selected{
  text-decoration: none;
  background-color:#009FDD;
}

.folders_left_button span{
  margin-left:45px;
  font-size:14px;
  color:white;    
}

.div_help_left{
  float:left; 
  width:180px; 
  margin-top:20px;
}

.div_help_left.dashboard{
  display:none;
}

.div_icon_help{
  float:left;
  width:25px;
  height:25px;
  background-color: #009FDD;
  border-radius:3px;
  color:white;
  font-size:17px;
  font-weight:bold;
  text-align: center;
  line-height:28px;
}
.div_help_left a{
    float:left; width:100%;
}

.div_help_left span{
  float:left;
  margin:5px 0 0 10px;
  color:#0096DD;
  
}

#div_eu_image_link{
  float:left;
  width:100%;
  margin-top:10px;
}

#div_eu_image_link img{
  float:left;
  max-width:100%;
}

#div_pin_header .p_tet{
  float:left;
}

#div_pin_header .span_sett_icon{
  float:left;
}

#div_pin_header .div_r_t_m{
  float:right;
}

.highlighted{
  background-color:#e21a09 !important;
}

.highlighted div, .highlighted span{
  color:white !important;
}

.zoomIn{
  cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}

.h2_hide_title{
  display:none;
}