/* ------------------------------------------ Revise ------------------------------------ */
.Revise_ListWinCont {

    .ListWin_NavBar {
        height: 10em;
        /* top: 2em; */
    }
    
    .Revise_IndicatorAndBarCont {
        margin: 1em 0.4em 0 2em;
        padding: 0.2em;
        height: 8.5em;
        width: 35em;
    }

    .Revise_TimerCont {
        
        display: inline-block;
        vertical-align: top;
        margin: 0 0.4em 0 0;
        width: 6.0em;
        text-align: center;
        padding: 0.2em;
        background-color: snow;
        border-radius:0.4em;

       .Revise_Timer {
           
            display: inline-block;
            border-radius: 0.4em;
            width: 4.3em;
            height: 1.8em;
            background-color: lightblue;
            font-size: 1.6em;
            letter-spacing: 0.2em;
            font-weight: 1000;
            padding-top: 0.4em;
           
        }
        
    }

    .Revise_IndicateCont{
        
        display: inline-block;
        vertical-align: top;
        margin: 0 0.4em 0 0;
        width: 4.0em;
        height: 4.0em;
        text-align: center;
        padding: 0.2em;
        background-color: snow;
        border-radius:0.4em;
    }

    .Revise_BarCont {display: inline-block;margin: 0.75em 2.5em 0 0;}

    .Revise_DayPicsCont{

        position:relative;
        width: 11em;
        
        

display: inline-block;

text-align: center;

vertical-align: top;


        

         .Revise_DayPic{
             
            position: relative;    
            display: inline-block;
            width: 2.2em;
            height: 2.2em;
            margin-right: 0.3em;
            padding-bottom: 1em;
            border-radius: 0.2em;

             &.Selected{border: .1em solid blue;};
             
        }

       .Revise_DayPicText {position: relative;top: 2.6em;font-size: 0.8em;font-weight:1000;color:blue;}
        
    }

    .Revise_BarOuter {

        top: 1em;
        position: relative;
        width: 10em;
        height: 1em;
        border-radius: 1em;
        border: 0.1em solid black;
        padding: 0.2em 0 0.2em 0;

         .Revise_BarInner {
        
            width: 100%;
            height: 100%;
            border-radius: 1em;
            background-color: blue;
            
        }

        .Revise_BarInnerOverdue {
            
            position:absolute;
            top:0em;
            left:0;
            height: 100%;
            border-radius: 1em;
            background-color: #ff00002e;
                
        }
    
        .Revise_BarMaxText {
            
            position: absolute;
            top: -0.3em;
            right: -1.6em;
            border-radius: 0.2em;
            background-color: black;
            color: white;
            padding: 0.2em 0 0 0 ;
            font-size: 1em;
            height: 1.4em;
            width: 1.6em;
            text-align: center;
            font-weight: 1000;
            letter-spacing: 0.1em;
            
        }
    
        .Revise_BarCountText {
            
            position: absolute;
            top: -1em;
            left: 6em;
            border-radius: 50%;
            color: black;
            font-size: 1em;
            text-align: center;
            font-weight: 1000;
            letter-spacing: 0.1em;
            
        }
        
    }

    .Revise_MainDayPicAndBarCont{
        
        position:relative;
        top:0.2em;
        display: inline-block;
        width:12em;
        margin: 0 0 0 0.5em;

        .Revise_MainDayPicCont {
            
            position: relative;
            font-size: 2em;
            
        }}

    

    
    .Revise_Main_BtnCont {
        padding: 5.2em 2em 1em 2em;
    }

    .Revise_Main_QnCont {
        
        padding: 1em;
        
    }

    .Revise_AudioBtn{
        position:relative;
        font-size: 1.5em;
        top:0;
        left: -2.5em;
        vertical-align:top;
    }

     .Revise_ImpossibleBtn{
         
        font-size: 1.5em;
     }
    
    .Revise_QnCardCont {
        position: relative;
        display: inline-block;
        width: 90%;
        text-align:center;
        padding: 1em 2em;
        
        
        
        

        .Revise_QnCardColor{

            display: inline-block;
            position:absolute;
            top: 0.5em;;
            left: 0.5em;
            width:2em;
            height:2em;
            
        }
        
    }

     .Revise_QnCardTextCont {

        width:90%;
        height: 4em;
        text-align:left;
        padding: 0.3em 0.7em;
        white-space:pre-wrap;
        font-size:2em;

        
    }

    .Revise_QnCardTextCont_Char  {
        
        display: inline-block;
        
    }

    .Revise_QnCardTransCont{

        font-size:1.5em;
        text-align:left;
        margin: 0.5em 0 0 1em ;
        
    }

    .Revise_Main_KBCont {
        padding: 0em;
        font-size: 1.5em;
        text-align: center;
        
    }

    .Revise_StartBtn{width: 5em;border-radius: 1em;margin: 1.8em 0 0 1.5em;vertical-align:top;}
}

/* END Revision */