span.test_textonscreen {
    font-style: italic;
}

span.test_textonscreen::before {
    content: '"';
}

span.test_textonscreen::after {
    content: '"';
}

span.test_textinmessage {
    font-style: italic;
}

span.test_textinmessage::before{
    content: '"';
}

span.test_textinmessage::after{
    content: '"';
}



span-link{
   font-style: italic;
   white-space: nowrap;
}
span-link::before{
    font-style: normal;
    content: "'";
}
span-link::after{
    font-style: normal;
    white-space: nowrap;
    content: "'\00a0 link";
}

span-link2{
   font-style: italic;
}
span-link2::before{
    font-style: normal;
    white-space: nowrap;
    content: "'";
}
span-link2::after{
    font-style: normal;
    white-space: nowrap;
    content: "'";
}

span-page{
    font-weight: bold;

}
span-page::before{
    content: "";
}
span-page::after{
    font-weight: normal;
    white-space: nowrap;
    content: "\00a0 page";
}

span-btn{
    font-weight: bold;
}
span-btn::before{
    font-weight: normal;
    white-space: nowrap;
    content: "'";
}
span-btn::after{
    font-weight: normal;
    white-space: nowrap;
    content: "'\00a0 button";
}

span-menu{
    font-weight: bold;
}
span-menu::before{
    font-weight: normal;
    content: "'";
}
span-menu::after{
    font-weight: normal;
    white-space: nowrap;
    content: "'\00a0 menu";
}

span-tab{
 /*  font-weight: bold; */
    font-style: italic;
}
span-tab::before{
    font-weight: normal;
    font-style: normal;
    content: "'";
}
span-tab::after{
    font-weight: normal;
    font-style: normal;
    white-space: nowrap;
    content: "'\00a0 tab";
}

span-option{
    font-style: italic;
}
span-option::before{
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    content: "'";
}
span-option::after{
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    content: "'";
}

/* for names of input fields but also for names asscoicated with toggle buttons and so on*/
span-inp{
   font-style: italic; 
}
span-inp::before{
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    content: "'";    
}
span-inp::after{
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    content: "'";    
}

span-header{
    font-weight: bold;
}

span-panel{
    
}

span-panel::before{
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    content: "'";    
}
span-panel::after{
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
    content: "'\00a0 panel";    
}