.BasComCont{
    
    width: 100%;
    background-color:snow;

    .TopCont{ display: flex; justify-content: space-between;};
    
    .TopRightCont{ display: inline-block; margin: 0em 1em 0em 0em; }
    
    .IndexCont{ display: inline-block; margin: 0em 0em 0em 1em; }
    
    .ItemLeftCont{ display: inline-block; }
    
    .ItemRightCont{ display: inline-block; } 
    
    .ItemCont_PlayBtn, .ItemCont_FormatBtn{ position:relative; top: -0.1em; font-size: 1em; }
    
    .ItemCont_FormatBtn{ margin: 0em  0.4em 0em 0em; }


    .IndexItems{
        font-size: 2em;
        display: inline-block;
        width: 2em;
        height: 2em;
        border: 0.1em solid black;
        text-align: center;
        margin: .2em 0.2em;
        border-radius: 50%;
        color: blue;
        line-height: 1.9em;
    }

    .ItemContSent{ display: inline-block; }

    .ItemCont{
        display: flex;
        justify-content: space-between;
        position:relative;
        border: 0.1em solid black;
        text-align: left;
        font-size: 2.2em;
        margin: 1em 0em 0em 1em;
        border-radius: 0.4em;
        padding: 0.3em 1em;
        background-color: white;
            
         .ItemContNum{
            position: absolute;
            top: -0.4em;
            left: -0.7em;
            font-size: 1em;
            width: 1.5em;
            height: 1.5em;
            border: 0.1em solid black;
            text-align: center;
            border-radius: 50%;
            color: blue;
            background-color: white;
            line-height: 1.4em;
         }
    
        
         
    }

   

} /* END .BasComCOnt */