body{
overflow-x:auto !important;

}



.sidebar a:hover,.link-menu a:hover{
         color:#1482FF;
         text-decoration:none;
         
           }

.link-menu a kbd{
   background:#3F51B5;
        
         
           }
.para:hover{
text-decoration: underline !important;

}

.link-menu   .drill kbd{
   background:#B3332C !important;
        
         
           }

.link-menu a:hover kbd{
   background:#1482FF;
        
         
           }
     .sidebar a,.link-menu a{
       
       color:#28364F;
           }  
.link-menu kbd, .sidebar kbd{
  font-size:12px;

}

.link-menu .drill:hover, .sidebar .drill:hover{
         color:#FF6135;
           text-decoration:none;
         
           }
 
.link-menu .drill:hover kbd{
         background:#FF6135!important;
           text-decoration:none;
         
           }

      .sidebar{
             
           font-size:17px;font-family: 'Slabo 27px', serif !important;border: 1px solid #ccc;margin:1em auto 1em auto; border-radius:2px;;
           border-bottom: 2px solid #E97900;
       }
.sidebar kbd{
font-family:krutidev;
 font-size:18px !important;
}



#lsns kbd{
font-family:krutidev;
font-size:14px;
}
.lnk:hover{
color:#DC3545;
}
.lnk{
color:#585858;
}
.old_paper{

  background-color: white;
 
    border-radius: 1px;
 
 padding: 0 3em 0 3em;
    
  background-image: linear-gradient(to right, rgba(214,214,214,0.4), rgba(214, 214, 214, 0.1) 11%, rgba(0,0,0,0) 35%, rgba(214, 214,214, 0.1) 65%);
  box-shadow: inset 0 0 75px rgba(161,161,161,0.1), inset 0 0 20px rgba(161,161,161,0.1), inset 0 0 30px rgba(161,161,161,0.1);
 
}
.ic_bar,.u_stat{
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
    background-image: linear-gradient(top, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
    background-color: #EC9E56;
    border-color: #269CE9;
 border-top:2px solid #DC3545;
}

 

._chars{
 padding:3px 4px 3px 4px;
color:#bbb;
  font-weight:bold;
}  
.td_key{
 padding:3px 5px 3px 12px;
 
}
.ps_key{
 padding:3px 2px 3px 14px;
 
}
.f_key{
padding:3px 10px 3px 3px;
 
}
.k_key{
padding:3px 7px 3px 7px;
 
}
.s_key{
padding:3px 0px 3px 16px;
 
}
.a_key{
padding:3px 4px 3px 11px;
 
}
.h_key{
padding:3px 3px 3px 10px;
 
}

.w_key{
padding:3px 7px 3px 10px;
 
}

.q_key{
padding:3px 3px 3px 16px;

}

.fs_key{
 padding:3px 6px 3px 4px;

}
.z_key{

 padding:3px 1px 3px 16px;
}

.ca_key{
padding:3px 7px 3px 2px;

}
.cs_key{
 padding:3px 1px 3px 18px;

}
.hf_key{
 padding:3px 6px 3px 4px;

}

.cw_key{
 padding:3px 6px 3px 13px;

}

.sp_key{

 padding:3px 1px !important;
}

.text-uncorrect{
color:#D95E6A;background-color:#f8d7da;border-color:#f5c6cb;
}
 .text-correct{

color:#777;

}
.current-word{
 border-radius:1px;

 background:#B3E5FC;color:#222;
 
}
.sidebar a:hover,.link-menu a:hover{
         color:#1482FF;
         text-decoration:none;
         
           }

.link-menu a kbd{
   background:#3F51B5;
        
         
           }
.para:hover{
text-decoration: underline !important;

}

.link-menu   .drill kbd{
   background:#B3332C !important;
        
         
           }

.link-menu a:hover kbd{
   background:#1482FF;
        
         
           }
     .sidebar a,.link-menu a{
       
       color:#28364F;
           }  
.link-menu kbd, .sidebar kbd{
  font-size:12px;

}

.link-menu .drill:hover, .sidebar .drill:hover{
         color:#FF6135;
           text-decoration:none;
         
           }
 
.link-menu .drill:hover kbd{
         background:#FF6135!important;
           text-decoration:none;
         
           }

      .sidebar{
             
           font-size:17px;font-family: 'Slabo 27px', serif;border: 1px solid #ccc;margin:1em auto 1em auto; border-radius:2px;;
           border-bottom: 2px solid #E97900;
       }

@-webkit-keyframes blink {
    0%   { background:#444; color:#fff; }
    49% { background:#444;color:#fff; }
    50% { background:rgba(0,0,0,0); color:#444; }
    99% { background:rgba(0,0,0,0); color:#444; }
    100% { background:#444;color:#fff;   }
  }
  @-moz-keyframes blink {
    0%   { background:#444; color:#fff; }
    49% { background:#444;color:#fff; }
    50% { background:rgba(0,0,0,0); color:#444; }
    99% { background:rgba(0,0,0,0); color:#444; }
    100% { background:#444;color:#fff;   }
  }
  @keyframes blink {
    0%   { background:#444; color:#fff; }
    49% { background:#444;color:#fff; }
    50% { background:rgba(0,0,0,0); color:#444; }
    99% { background:rgba(0,0,0,0); color:#444; }
    100% { background:#444;color:#fff;   }
  }
                  .btn-blink{
 
 
 
 
-webkit-animation:bblink 1s infinite;
  -moz-animation:bblink 1s infinite;
  animation:bblink 1s infinite;
 
}

@-webkit-keyframes bblink {
    0%   {box-shadow:0 0 0 .1rem rgba(225,255,255,.5) }
    49% { box-shadow:0 0 0 .1rem rgba(225,255,255,.5) }
    50% {box-shadow:0 0 0 .1rem rgba(225,83,97,.5) }
    99% { box-shadow:0 0 0 .1rem rgba(225,83,97,.5)}
    100% { box-shadow:0 0 0 .1rem rgba(225,255,255,.5) }
  }
  @-moz-keyframes bblink {
 0%   {box-shadow:0 0 0 .1rem rgba(225,255,255,.5) }
    49% { box-shadow:0 0 0 .1rem rgba(225,255,255,.5) }
    50% {box-shadow:0 0 0 .1rem rgba(225,83,97,.5) }
    99% { box-shadow:0 0 0 .1rem rgba(225,83,97,.5)}
    100% { box-shadow:0 0 0 .1rem rgba(225,255,255,.5) }
  }
  @keyframes bblink {
   0%   {box-shadow:0 0 0 .1rem rgba(225,255,255,.5) }
    49% { box-shadow:0 0 0 .1rem rgba(225,255,255,.5) }
    50% {box-shadow:0 0 0 .1rem rgba(225,83,97,.5) }
    99% { box-shadow:0 0 0 .1rem rgba(225,83,97,.5)}
    100% { box-shadow:0 0 0 .1rem rgba(225,255,255,.5) }
  }
  .ll,.lr,.lm,.li,.ri,.rm,.rr,.rl,.th,.rSll,.rSlr,.rSlm,.rSli,.lSrr,.lSrm,.lSri{ 
  margin:0px 5px 10px 5px;
    background-size: contain;
    background-repeat: no-repeat;    
     width:100%;height:100%;display:block;
   }



 
  

#container{
text-align:center;

}
#english_keyboard table{
border-collapse: separate;
 
 background:#fff;
max-width:650px;
 }
#english_keyboard{

  font-family: 'Slabo 27px', serif !important;
border-radius:5px 5px;
border:1px solid #aaa;
display:inline-block;
padding:5px;
 
}
 
#english_keyboard td {
width:40px;
height:40px;
text-align:center;

}

#english_keyboard td.tab_key{
width:60px;
text-align:center; color:#828282;
border-color:#fff;
}
#english_keyboard td.space_key{
width:18em;
text-align:center;
 
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACogAAAqIBtpu9bQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAnSURBVBiVY2QgDPgYGBiKiVE0hYGBQRCfIv5RRQwMDAyNDJDwwgsASbsGsSPfXu0AAAAASUVORK5CYII=);
 border-color:#fff;
font-weight:bold;
color:#666;

}
#english_keyboard td.l_shift_key{
width:101px;
text-align:center;
}
#english_keyboard td.r_shift_key{
width:116px;
text-align:center;
}
#english_keyboard td.ctrl_key{
width:3.8em;
 
text-align:center; color:#828282;
border-color:#fff;

}
#english_keyboard td.caps_key{
width:75px;
text-align:center; color:#828282;
border-color:#fff;

}
#english_keyboard td.enter_key{
width:101px;
text-align:center;
}
#english_keyboard td.backspace_key{
width:96px;
text-align:center;
}
#english_keyboard td.r_tab_key{
width:74px;
text-align:center;
}


._key{   
 
    font-family: 'Slabo 27px', serif !important;
 
border-radius: 3px;
 color:#111111;
 
background-color:#F3F3F3;
border: 1px solid #d6d8db;
 
  font-size:14px;

 
overflow:hidden;
width:2.7em;
padding:1px;
line-height:1em;

box-shadow: 0px 1px #eee;

  
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACogAAAqIBtpu9bQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABbSURBVBiVjcohEoAgFEXRy0skXSC70OaMUbOLILE5K7/ZnFFQOPk4GmKMg/d+VkfazexwXymlNErazGwNIZzV+E4ARaylIn6lR/xLd2wlANeTACRpyjkvfwngAqLORn8QdBTGAAAAAElFTkSuQmCC);
 border-color:#fff;
 
}



 
._eng_char{
 
font-size:20px;
 color:#666;
font-weight:bold;
 
  font-family: krutidev;

}
 
.special_characters{
 font-size:18px;
text-align:center;

}
.mtr{
padding-left:8px;

}
 
 
.bfing{
 
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACogAAAqIBtpu9bQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAA5SURBVBiVY2QgBKL/8zEwMRQzEVTEwNDG8JdhAm5Fof/5GaL/T2GI+i84UhUxMDAwxP5vhIYXXgAA0jMpvk4PTrYAAAAASUVORK5CYII=);
border-color:#fff;
}

.rfing{
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACogAAAqIBtpu9bQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAA2SURBVBiV5coxDQAgDEXBx0pIG2oVBXhALctHAVQAN18hocDYjDSpsuT0e+r45wlAjanAngk48EAkEbt3seEAAAAASUVORK5CYII=);
border-color:#fff;

}

.mfing{
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACogAAAqIBtpu9bQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABBSURBVBiVY2QgAISWCPH9YmArZiKoiJGtjZmRbQJORYKrBPl5lkpM4V8qJzhCFTEwMDDwLJFoFFoixIdXEQMDAwBhcB0gtZxagAAAAABJRU5ErkJggg==);
border-color:#fff;
}
.ifing{
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACogAAAqIBtpu9bQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABBSURBVBiVY2QgAHIZbvMxMLAVMxFWxN72h4FhAk5FaQx3+XMZHk3JZHgoOEIVMTAwMLEzsBQxMPysms4g/x6fQgDcyyjJqQI6wAAAAABJRU5ErkJggg==);
 border-color:#fff;
}
.rifing{
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACogAAAqIBtpu9bQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABBSURBVBiVY2QgAP5PYuBj+MZQzERQ0Q+GNob/DBNwK+pg4P/fxTDlfzuD4AhVxMDAwMLAwFDEwMFQxZjH8AmfQgDzii8Xa05M9QAAAABJRU5ErkJggg==);
border-color:#fff;
}
.bg-grad-blue{

     
    background-image: linear-gradient(#50ADFF, #3E8FD6);

}
.bg-grad-gray{
 
    background-image: linear-gradient(#fff, #ebebef) !important;
    color:#4c4b4b !important;
}
.text-wrong{


  background:red;

}
.space-char{
 
 
 background: #B3E5FC;
 
  
 
}
.wrong_key{
    background: #DA494E!important;
    color:white !important;
    border-color:#fff !important;
    
}
    .stat{
                       border-bottom: 1px solid #999999;
                        border-top: 1px solid #999999; 
                        
                    }
                    .res_d{
                        
                       background: #f3ffff;
                        border:1px solid #94C6C7;
                        color:#2F687B; 
                    }
                    .msg_s{
                        background:#F4FFF5;
                        border:1px solid #94C7A0;
                        color:#4C7256;
                        
                    }
                     .msg_e{
                        background: #FFF0F0;
                         border:1px solid #C79894;
                         color:#814B57;
                        
                    }
                    .b_l{
                       font-size:16px;
                        font-weight: normal; 
                        
                    }