/*!
 * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 *//*!
 * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 */#row1,.glyphicon{position:relative}.glyphicon:empty{width:1em}.glyphicon{top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;line-height:1;-moz-osx-font-smoothing:grayscale}#inputstream,.res{display:none}.glyphicon-refresh:before{content:"\e031"}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}#input-row #inputfield,#words{font-family:Times New Roman,Times,serif}.name1{margin-left:25px;font-size:large}.tr_rst{margin-top:10px;height:38px;background-color:#002929;border-top-left-radius:5px;border-top-right-radius:5px}.res{background-color:#a9d86e;width:280px;height:360px;border-radius:5px}#span_wrng{color:red}#span_cort{color:green}.wrng_cort_keystroke{font-size:22px;margin-left:20px}#words{padding:6px 12px 30px;margin-top:0;margin-bottom:10px;height:160px;overflow:hidden;color:#1d4851;font-size:2.2em;line-height:1.6em;background:#fff;border:1px solid #8eb6d8;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.row{margin-right:-15px;margin-left:-15px}#row1{color:#111}#row1 span{padding:3px 5px;margin-right:-7px}.highlight{background:#ddd;color:#000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#input-row{padding:4px;background:#a9d86e;-webkit-border-radius:4px;border-radius:4px}#input-row #inputfield{border-top:1px solid #575757;height:50px;border-right:1px solid #6b7a89;border-bottom:1px solid #70869b;border-left:1px solid #525a62;font-size:2em;line-height:1em;background:white;color:#333}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#fff;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.highlight-wrong{background-position:initial;background-image:initial;background-size:initial;background-repeat-x:initial;background-repeat-y:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:red;background-repeat:repeat}#input-row #timer{padding-top:10px;padding-bottom:3px;height:50px;text-align:center;font-size:1.6em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background:#3c4d5c}#timer .off{background:0 0;color:#000;text-shadow:none}#reload-box{
margin-bottom:20px;
margin-left:150px;margin-top:200px}.hide-time{color:#3c4d5c!important}.correct{color:green}.wrong{color:red}
.down_lang,.up_lang{height:32px;border-radius:4px}#menu,.margin:hover{cursor:pointer}.down_lang{margin-right:22px;width:95%}.up_lang{margin-left:7px;width:98%}.margin{margin-top:-3px}.lang_span{font-size:20px;margin-left:10px}.lang_all{margin-top:6px;padding-top:6px}#language_list{display:none;border:3px red;height:200px;width:450px;box-shadow:0 1px 8px rgba(0,0,0,.176)!important;border-radius:4px}#menu,.lang_switch{color:#fff;border-radius:4px}.lang_switch{margin-left:10px;width:94%;height:32px;background-color:#FF6C60}#lang10:hover,#lang11:hover,#lang12:hover,#lang13:hover,#lang14:hover,#lang15:hover,#lang16:hover,#lang1:hover,#lang2:hover,#lang3:hover,#lang4:hover,#lang5:hover,#lang6:hover,#lang7:hover,#lang8:hover,#lang9:hover,#menu{background-color:#a9d86e}.arrow_black{margin-top:-10px;padding-bottom:5px;margin-left:67px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff}#menu{height:35px;width:85px}
/*
remodal
*/
 .remodal-bg.with-red-theme.remodal-is-opening,
    .remodal-bg.with-red-theme.remodal-is-opened {
      filter: none;
    }

    .remodal-overlay.with-red-theme {
      background-color: #f44336;
    }

    .remodal.with-red-theme {
      background: #fff;
    }
  /*
  side list
  */
   .side ul {
            max-width: 300px !important;
            min-width: 160px !important;
            top: 42px;
            width: 235px !important;
            padding: 0;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
            border: none !important;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            font-size: 14px;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
        }

        .side li {
            list-style: none;
            display: list-item;
            text-align: -webkit-match-parent;
            box-sizing: border-box;
            background-color: #fff;
            text-align: -webkit-match-parent;
            margin: 0;
            padding: 10px;
            display: block !important;
            font-size: 14px;
            cursor: pointer;
        }

            .side li:hover {
                background-color: rgba(0,0,0,0.15);
            }

        .ulnew {
            width: 100%;
            padding-top: 10px;
        }

            .ulnew li {
                width: 100%;
                height: 45px;
                list-style: none;
                padding: 5px;
            }

                .ulnew li:hover {
                    background-color: #E1E4E6;
                    border-top: 1px dashed;
                    border-bottom: 1px dashed;
                    cursor: pointer;
                }

        span {
            margin-top: -5px;
        }
        #processingdiv1{
 position: absolute;
 margin-left: 47%;
 margin-top: -660px;
 display: none;
}
#processingdiv{
 position: absolute;
 margin-left:50%;
 margin-top:-200px;
 display:none;

}
.leftpanel{
width: 105%; 
height:500px; 
max-height:500px; 
border-radius: 4px;
margin-left: -10px; 
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.176) !important;
}
.rightpanel{
overflow:auto;
width:100%; 
height:500px;
max-height:500px; 
border-radius: 4px; 
margin-left:10px; 
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.176) !important;
}
   .loader {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background: url('/img/processing.gif') 50% 50% no-repeat black;
            opacity: 0.8;
        }
.badge-container-lev1{
    background: url(/newbadge.png) no-repeat top left;
    width: 100px;
    height: 100px;
    background-size: 302px 90px;
    position: absolute;
    margin-left: 233px;
    margin-top: -45px;
    z-index: 75;
}
.badge-container-lev2 {
    background: url(/newbadge.png) no-repeat top left;
    width: 100px;
    height: 100px;
    background-size: 302px 90px;
    position: absolute;
    margin-left: 233px;
    margin-top: -45px;
    background-position: -100px;
    z-index: 75;
}
.badge-container-lev3 {
    background: url(/newbadge.png) no-repeat top left;
    width: 100px;
    height: 100px;
    background-size: 302px 90px;
    position: absolute;
    margin-left: 233px;
    margin-top: -45px;
    background-position: -200px;
    z-index: 75;
}


@media screen and (max-width: 992px) {
 #reload-box{
 width:90% !important;
 }

}