.TransCardCont{

    .WordCont{
        display: inline-block;
        vertical-align:top;
        text-align: center;

         &.IsSoundicon{ font-family: Soundicons;  }

         &.IsGrammicon{ font-family: Grammicons;  }

        &.IsNoTrans {

             & .LetterRow{  }

             & .TransChosenNoSmallText_Cont{
                 padding-top: 0.4em;
             }
            
        }
    
    }

   
    &.Punctuation, &.Pause{ width: 0.7em; }
    
    &.Extra {
        
        width: 0.6em;
        font-family: "Grammicons";
    
        & .TransChosen_Cont{ position: relative; color:red; }
        
    }

     .IsSoundicon .LetterRow .LineCell{  font-size: 0.9em; top: -0.1em; }

    .IsSoundicon .TransChosenWord{ font-size: 0.8em;  vertical-align: top; }

    .IsSoundicon .NoSmallTextWordNum{ vertical-align: middle; }
    
    .Word3Cont{
        position:relative;
        font-size: 0.4em;
        text-align: center;
        min-height: 4.1em;

       
        
        .Word3Cont {
            display: inline-table;
            position: relative;
            padding: 0em 1em 0em .5em;
        }
        
        .LetterRow {
            border: 1pt solid red;
            height: 1em;
            width: 5em;
            display: table-row;
            font-size: 1.5em;
            letter-spacing: -0.05em;
        }
        
        .SoundiconRow {
            display: table-row;
            font-family: "Soundicons";
            font-size: 0.9em;
            color:blue;
            
        }
        
        .LGSpellRow {
            display: table-row;
            font-size: 1.3em;
            font-family: "Soundicons";
            line-height: 1em;
        }
        
        .LineCell {
            position:relative;
            display: table-cell;
            /* padding: 0px 0px 0px 0px; */
            text-align: center;
            
            vertical align:top;

            &.IsSyllMark{ margin: 0; }

            &.IsGrammicon{ top: -0.3em; }

            
        }
        
        
        .LineCell_Spell { font-family: "Spells"; }

    } /* END Word3Cont */

    .TransChosenNoSmallText_Cont{
        /* color: blue; */
        margin: 0.1em 0 0.2em 0;
        padding: 0.1em;
        font-size: 0.6em;
        height: 1em;
        text-align: center;
    }

    .NoSmallTextOneWordCont{
        position: relative;
        display: inline-block;
        color:blue;

        &.IsNoTrans{top: -0.25em;} 

        &.IsGrammicon{top: -0.2em;}
        
    }

    .TransChosen_Cont{
         color: blue;
         margin: 0.1em 0 0.2em 0;
         padding: 0.1em;
         font-size: 0.6em;
         height: 1em;
        
        u{ font-size: 50%; text-decoration: none; color: black; }
        
        b{ text-decoration: none; color: blue; }

        b u{ color: black; font-weight: 500; }
    }

    .TransChosenWord, .TransNoSmallTextWord{
        display: inline-block;

        &.IsSoundicon{
            font-family: "Soundicons";
        }

        &.IsGrammicon{
            font-family: "Grammicons";
        }
        
        &.IsNotran{
        
        }
    }

    .PlainTransOneWordCont, .NewTransTextCont{display: inline-block;margin-right: 0.1em;}

    .PlainTransNum, .PlainTransNumPlus, .NoSmallTextWordNum {
        display: inline-block;
        position:relative;
        top: -1em;
        left:-0.15em;
        font-size: 30%;
        color: blue;
        font-family: "IE";
    }
    
    .PlainTransNumPlus{
        color: red;
        font-size: 90%;
        top: -0.2em;
        left: 0.1em;
    }
    
} /* END .TransCardCont */

/* =========================================================================================================================== */

.TransCardCont{

    .WordCont{
       
        margin: 0.1em 0.1em 0.1em 0;
        box-shadow:0.1em 0.2em 0.2em #c5c5c5;

        &.Emph { background-color: antiquewhite; }
    
        &.Punctuation, &.Pause{ border-radius: 0.15em;}
        
        .WordTextCont{ margin: 0.1em 0 0.1em 0; padding: 0.1em; height: 1em; }
    
        .TransAll_Cont{
           font-size: 30%;
           margin: 0.1em 0 0.1em 0;
           padding: 0.2em;
           margin: 0 0.1em 0 0.1em;
           border: 0.1em dotted gray;
           border-radius: 0.3em;
    
            .TransAllWordCont{
                margin: 0 0 0 0.3em;
    
                .TransAllTextCont{ text-align: left; display: inline-block; }
                
                 .TransAllNum{
                    display: inline-block;
                    position:relative;
                    top: -0.8em;
                    left: -0em;
                    display: inline-block;
                    font-size:0.4em;
                    color:blue    
                 }
            
                .TransAllText{ display: inline-block; }
            
                .TransAllGrammicon{
                    display: inline-block;
                    margin: 0 0 0 0.1em;
                    font-family: "Grammicons";
                    font-size:100%;
                    color:blue;
                }
    
            }
            
        } /* END TransAll_Cont */
            
    } /* END WordCont */

    .PlainTransCont{
        margin: 0.2em 0 0 0;
        font-size: 1.2em;
       
         U{ text-decoration: none;  }
        
         B{   text-decoration: none; font-weight:normal; }
        
    }
   
}  /* END .Game_SentenceCreate_OutputCont .TransCardCont */

/* =========================================================================================================================== */
.TransCardCont.JustText{

     .PlainTransCont, .WordTextCont, .TransAllWordCont , .TransChosenNoSmallText_Cont, .TransChosen_Cont, .SoundiconRow, .LGSpellRow{
         display: none;
     }
    .WordCont { border: none;}

    .IsSyllMark{
        display:none;
    }

    .Word3Cont{
        margin-left: 0.5em;
        height: 0em;
        min-height: 0em;
    }

    .LineCell { padding-left: 0.1em; }
    
}

.TransCardCont.ShowAsTrans{

    display: inline-block;

    .WordTextCont, .TransAll_Cont, .TransChosen_Cont, .LGSpellRow {display:none!important;} 

    .WordCont{ border: none; box-shadow: none ; }
               
    .Word3Cont{ min-height: 2.4em; font-size:1em; }
        
    .WordCont.Extra{ display:none; }
        
    .WordCont{
        margin: 0 .2em 0  0;
        &.IsGrammicon .LetterRow .LineCell{
            position:relative;
            top: -0.2em;
            color:blue;
        }

        &.IsDicWord{margin-left: 0.2em;border-radius: unset;border-bottom: 0.01em dashed lightgray;}

        &.Emph{ background-color: #f6dcba; }
    
    }
        
    

    .Word3Cont{margin: 0.1em;padding: 0em}

    .LetterRow .IsSyllMark{  color: orange; margin: 0; }

    .LetterRow .IsPause{  color: orange; }

    .TransChosenNoSmallText_Cont{  font-size: 1.2em; }
    
    .PlainTransNum {
        font-size: 25%;
        

        &.NotInSequence{ color: red; }
    }

    .PlainTransCont{font-size: 1.9em;margin: 0.2em 0.1em 0 0;letter-spacing: -0.02em}

   
} /* END .TransCardCont.ShowAsTrans */

.TransCardCont.NoNumAndSmallText{
    .PlainTransNum{ display: none; }

    .TransChosenNoSmallText_Cont{ display: none; }

}