.eqn
            {
                position:relative;
                margin: 2px;

            }
            .eqn-left
            {
                position:relative;
                float: left;
            }
            .eqn-left2
            {
                position:relative;
                float: left;
                margin-top: 10px;
            }
            .eqn-right
            {
                position:relative;
                float: left;
            }

            .saperator
            {
                position:relative;
                float: left;
                margin: 4px;
            }
            .saperator1
            {
                position:relative;
                float: left;
                font-size: 25px;
                margin-top: 4px;
                margin-top: 4px;   
            }
            .saperator2
            {
                position:relative;
                float: left;
                font-size: 25px;
                margin-top: 4px;
                margin-top: 6px;   
            }
            .saperator3
            {
                position:relative;
                float: left;
                margin: 4px;
                margin-top: 12px;   
            }
            .saperator4
            {
                position:relative;
                float: left;
                margin: 4px;
                margin-top: 25px;   
            }
            .saperator5
            {
                position:relative;
                float: left;
                margin: 4px;
                margin-top: 12px;   
            }
            
            
            .container
            {
                max-width: 200px;
                margin: 2px;             
            }
            .equal
            {
                float: left;
                margin-right: 4px;
                margin-top: 25px;
            }
            .fraction
            {
                position:relative;                
                height:40px;
            }
            .symbol
            {
                position:relative;
                float: left;
                height:100%;
                font-size: 40px;
            }
            .symbol-sm
            {
                position:relative;
                float: left;
                font-size: 30px;
            }
            .symbol-underroot
            {
                position:relative;
                float: left;
                border-radius: 2px; 
                overflow: hidden;
                height:100%;
                font-size: 40px;
            }
            
            
            .symbol-top
            {
               position:relative; 
               font-size: 14px;
            }

            .symbol-bottom
            {
               position:relative; 
               font-size: 14px;
               width: 15px;
            }
            .calc
            {
                float: left;
                margin-top: 2px;
                padding-left: 4px;
            }
            .calc2
            {
                float: left;
                border-top : 1px solid black;
                padding-left: 4px;
            }
            .tail{
                position:relative;
                float: left;
                height:100%;
                }
                
                
             .numerator-2   //for numerator with sub and sup scripts
             {
               position:relative;
               float:left;
               border-bottom:1px solid black;
               display: block;
               margin-bottom:1px;
             }
             .denominator-2  //for denominator with sub and sup scripts
             {
               position:relative;
               float:left;
               padding:2px;
               display: block;
               clear:both;  
             }
             .numeratorv  
             {
               position:relative;
               float:left;
                line-height: 0;
             }
             .denominatorv  
             {
               position:relative;
               float:left;
               display: block;
               clear:both; 
             }

            .numerator { text-decoration: underline; margin-top: auto; margin-bottom: auto;text-align:center;}
            .numerator-sm { display: block; text-decoration: none; margin-top: auto; margin-bottom: auto;text-align:center; }
            .denominator-sm { display: block; width:100%; text-decoration: overline;}
            .denominator { display: block; width:100%; text-align:center; text-decoration: none;}
            .tailtext {margin-top: 8px;padding-left: 5px;}
            .clr-red{color: red;}
            .clear{clear:both;} 
            
            .matrix-table {border-collapse: collapse;}

    .matrix-table {border-left: 1px solid black; border-right: 1px solid black;}
    .matrix-tabele, td{padding: 2px 8px 2px 8px;}
    .sub1{text-decoration: none;}
    .border-top{border-top: 1px solid black;}
    .border-bottom{border-bottom: 1px solid black;}
    .ol{text-decoration: overline;}
    .pd1{padding: 1px;}
    .pd2{padding: 2px;}
    .mg1{margin: 1px;}
    .mg2{margin: 2px;}
    .sz1{font-size: 14px;}
    .sz2{font-size: 18px;}
    .sz3{font-size: 22px;}
    .sz4{font-size: 26px;}
    .sz5{font-size: 30px;}
    .sz6{font-size: 34px;}
    .sz7{font-size: 38px;}
    .sz8{font-size: 42px;}
    .sz9{font-size: 46px;}