/* fallback */
@font-face {
    font-family: 'Material Icons Extended';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialiconsextended/v152/kJEjBvgX7BgnkSrUwT8UnLVc38YydejYY-oE_LvJ.woff2) format('woff2');
    }

    

    @font-face {
        font-family: "IsiAlakamanda";
        src: url("isi/Font/IsiAlakamanda.eot");
        src: url("isi/Font/IsiAlakamanda.eot?#iefix") format("embedded-opentype"),
        url("isi/Font/IsiAlakamanda.svg#IsiAlakamanda") format("svg"),
        url("isi/Font/IsiAlakamanda.otf") format("otf"),
        url("isi/Font/IsiAlakamanda.woff") format("woff"),
        url("isi/Font/IsiAlakamanda.ttf") format("truetype"),
        url("isi/Font/IsiAlakamanda.woff2") format("woff2");
    }  
    
    .material-icons-extended {
    font-family: 'Material Icons Extended';
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
   
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    }
    





    @font-face {
        font-family: isi1;
        src: url('isi/Fonts/agni/fonts/IsiAgni.ttf');
        font-display: block;
    }

    @font-face {
        font-family: isi2;
        src: url('isi/Fonts/alakamanda/fonts/IsiAlakamanda.ttf');
        font-display: block;
    }
    @font-face {
        font-family: isi3;
        src: url('isi/Fonts/arundathi/fonts/Isi-ARUND0.ttf');
        font-display: block;
    }

    @font-face {
        font-family: isi4;
        src: url('isi/Fonts/davadasa/fonts/Isi-DAVAS0.ttf');
        font-display: block;
    }
    @font-face {
        font-family: isi5;
        src: url('isi/Fonts/dharanee/fonts/Isi-DHARA0.ttf');
        font-display: block;
    }

    @font-face {
        font-family: isi6;
        src: url('isi/Fonts/gurulugomi/fonts/Isi-GURUL0.ttf');
        font-display: block;
    }

    @font-face {
        font-family: isi7;
        src: url('isi/Fonts/indeevari/fonts/IsiI-NDEE0.ttf');
        font-display: block;
    }


    @font-face {
        font-family: isi8;
        src: url('isi/Fonts/isiwara/fonts/IsiI-SIWA0.ttf');
        font-display: block;
    }
    
    

@font-face{    
 font-family: isi9;
 src: url('isi/Fonts/isifonts/isi_abhaya.ttf');
 font-display :block;
}
@font-face{
 font-family: isi10;
 src: url('isi/Fonts/isifonts/isi_basuru.ttf');
 font-display :block;
}
@font-face{
 font-family: isi11;
 src: url('isi/Fonts/isifonts/isi_bindu.ttf');
 font-display :block;
}
@font-face{
 font-family: isi12;
 src: url('isi/Fonts/isifonts/isi_derana.ttf');
 font-display :block;
}
@font-face{
 font-family: isi13;
 src: url('isi/Fonts/isifonts/isi_disapamok.ttf');
 font-display :block;
}
@font-face{
 font-family: isi14;
 src: url('isi/Fonts/isifonts/isi_gamunu.ttf');
 font-display :block;
}
@font-face{
 font-family: isi15;
 src: url('isi/Fonts/isifonts/isi_ganga.ttf');
 font-display :block;
}
@font-face{
 font-family: isi16;
 src: url('isi/Fonts/isifonts/isi_imanee.ttf');
 font-display :block;
}
@font-face{
 font-family: isi17;
 src: url('isi/Fonts/isifonts/isi_malithi.ttf');
 font-display :block;
}
@font-face{
 font-family: isi18;
 src: url('isi/Fonts/isifonts/isi_rajantha.ttf');
 font-display :block;
}
@font-face{
 font-family: isi19;
 src: url('isi/Fonts/isifonts/isi_rashmi.ttf');
 font-display :block;
}
@font-face{
 font-family: isi20;
 src: url('isi/Fonts/isifonts/isi_samantha.ttf');
 font-display :block;
}
@font-face{
 font-family: isi21;
 src: url('isi/Fonts/isifonts/isi_sandyanee.ttf');
 font-display :block;
}



@media (min-width:481px) and (max-width:767px){
body{
    display: Block !important;
}
    
    
    
}
    
    
body{
    background:none !important;
}



    #txtIsi, #txtUnicode{
        border-radius: 25px;
        padding: 10px 20px;
    }



/* Focus styles (Fix!) */
#fontSelector:focus {
    color: #6964f7;
  outline: none !important;
}


#fontSelector{
    border-style: hidden;
    cursor: pointer;
    border-radius: 100px;
    
}

#fontSelector:hover{
    color: #6964f7;
}

#fontSelector:active{
    background-color: #6964f7;
    color: rgb(255, 255, 255);
}


textarea{
max-width: 100%;
}