#chinese_root {

}


#chinese_main {
    font-size: var(--theme-sfont-size); 
    background: var(--theme-bg-color);    
}


#chinese {
    width:90% !important;
}

/*--------------------------------------------------------- SEARCH BAR ----------------------------------------------------*/

#chinese_searchbar #chinese_searchgroup .sb_search {
    max-width:unset;
}

#chinese_searchbar #chinese_searchgroup {
    max-width: 650px;
    width: 100%;
    border-radius: 3px;
}

/*--------------------------------------------------------- MAIN BAR ----------------------------------------------------*/

#chinese_mainbar {
    height: 100px;
}

#chinese_hanzi_panel .hanzi_stroke {
    width:100%;
    height:100%;
}


#overlay_stroke {
    width:300px;
    height:330px;
}
#chinese_hanzi_panel #hanzi_copy {
    background: transparent;
    position: absolute;
    inset: 0px 1px calc(100% - 26px) 236px;
}

#chinese_hanzi_panel .hanzi_stroke {
    width:100%;
    height:100%;
}


#chinese_mainbar_sentencepanel {
    justify-content: center;
}

#chinese_sentence_pinyin {
    margin-left: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    font-size: 17px;
    font-weight: 100;    
}

#chinese_sentence_pinyin .pinyin_write {
    width: 60px !important;
    height: 40px !important; 
    margin-left:4px;    

}

#chinese_sentence_hanzi .hanzi_stroke {
    width: 60px !important;
    height: 40px !important; 
    margin-left:4px;   
   
    cursor: pointer;    
    padding-left: 10px;

}

#chinese_sentence_pinyin .pinyin_write[ispart] {
    margin-left:0px;  
}

#chinese_sentence_hanzi {
    margin-left: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}



#chinese_sentence_hanzi .hanzi_stroke[wordpos] {
    border-bottom: 1px solid;
}

#chinese_sentence_hanzi .hanzi_stroke[selected] {
    border-top: 1px solid;
    border-bottom: 1px solid;    
}

#chinese_sentence_hanzi .hanzi_stroke[ispart] {
    margin-left:0px;  
}

#chinese_sentence_hanzi .hanzi_stroke[selected][isend] {
      border-right: 1px solid; 
}

#chinese_sentence_hanzi .hanzi_stroke[selected][isstart] {
      border-left: 1px solid; 
}

#chinese_word_pinyin {
    margin-left: 30px;
    display: flex;
    flex-direction: row;    
    font-size: large;
    text-align: center;
    font-size: 26px;
    font-weight: 100;
 }

#chinese_word_hanzi {
    margin-left: 30px;
    display: flex;
    flex-direction: row;
 }    

 #chinese_word_hanzi .hanzi_stroke {
    width: 60px !important;
    height: 60px !important; 
    cursor: pointer;    
}



#chinese_word_pinyin .pinyin_write {
    width: 60px !important;
    height: 40px !important; 
}

#chinese_wordmeaning_panel {
    justify-content: center;
    margin-left: 30px;
    font-size: 26px ;
    font-weight: 100;
}


#chinese_hanzi_bar_up {
    align-self: flex-end;
    background: transparent;
}


 

/*--------------------------------------------------------- HSK_TABLE ----------------------------------------------------*/


#chinese_hsk_table td {
    line-height: inherit;    
    border-top: 1px solid var(--theme-button-border-color);
    border-left: 1px solid var(--theme-button-border-color);    
    white-space: break-spaces;    

}

#chinese_hsk_table td:first-child {
    background: var(--theme-header-bg-color); 
    color:var(--theme-header-color);
    text-align: center;    
}

.chinese_hsk_table_CH {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#chinese_hsk3_g_tablepanel colgroup col[data-dt-column="0"] {
    width:10px !important;
    min-width: unset !important;
}

.chinese_ghsk_table_ID {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center !important;        
}

.chinese_hsk_v_panel {
    flex: 1;
    overflow: hidden;    
    font-family: Calibri, sans-serif;
    font-size: var(--theme-bfont-size);          
}

.chinese_hsk_g_panel {
    flex: none;
    width:50%;
   /* height: 50%;*/
    display:none;
}

#chinese_hsk3_panels .sb_sidebarheadertitle {
    margin-left:15px;

}

/*--------------------------------------------------------- BOTTOM PANEL ----------------------------------------------------*/

#chinese_bottompanel{
    flex : none;
    font-size: var(--theme-sfont-size);
    height:35px;
}

.chinese_video {
    aspect-ratio: 16 / 9;
}