@font-face {
            font-family: kruti;
            src:url('../fonts/Kruti-Dev-010.ttf.woff') format('woff'),
                url('../fonts/Kruti-Dev-010.ttf.svg#Kruti-Dev-010') format('svg'),
                url('../fonts/Kruti-Dev-010.ttf.eot'),
                url('../fonts/Kruti-Dev-010.ttf.eot?#iefix') format('embedded-opentype'); 
            }
            @font-face {
            font-family: dev;
            src:url('../fonts/DV-TTSurekhEN-Bold.ttf.woff') format('woff'),
                url('../fonts/DV-TTSurekhEN-Bold.ttf.svg#DV-TTSurekhEN-Bold') format('svg'),
                url('../fonts/DV-TTSurekhEN-Bold.ttf.eot'),
                url('../fonts/DV-TTSurekhEN-Bold.ttf.eot?#iefix') format('embedded-opentype'); 
            }
            .texteditorpopup{
                position: fixed;
                max-height: 100%;
                width: 100%;
                z-index: 100;
                right: 0px;
                background-repeat: repeat;
                text-align: center;
                top: 0px;
                background: rgb(0 0 0 / 10%);
                display: inline-flex;
                align-items: center;
                align-content: center;
                justify-content: center;
            }
            
            .texteditorpopup .popuppanel{
                border: thin solid gray;
                display: inline-block;
                background-color: white;
                position: relative;
                border-radius: 5px;
                padding: 10px;
            }
            .texteditorpopup .popuppanel .imageUploadPanel{
                padding: 10px;
                font-family: arial;
                font-size: 20px;
                overflow: hidden;
            }
            .texteditorpopup .popuppanel .imageUploadPanel label{
                margin-bottom: 10px;
                
            }
            .texteditorpopup .popuppanel .imageUploadPanel .uploaderProgressPanel{
                border:thin solid #006666;
                border-radius: 5px;
                height: 25px;
                overflow: hidden;
                position: relative;
                background-color:white;
            }
            .texteditorpopup .popuppanel .imageUploadPanel .uploaderProgressPanel .progressBar{
                position: absolute;
                left: 0px;
                background-color: gainsboro;
                height: 25px;
                box-shadow:inset 0 0 3px gray;
            }
            .texteditorpopup .popuppanel .imageUploadPanel .uploaderProgressPanel .progressValue{
                text-align: center;
                position: relative;
                color: black;
                text-shadow: 0 1px 1px white,0 2px 1px white;
            }
            .texteditorpopup .popuppanel .closer{
                position: absolute;
                right: 5px;
                top: -3px;
                outline: none;
                border:thin solid gray;
                color: gray;
                background-color: white;
                cursor: pointer;
            }
            .texteditorpopup .popuppanel .closer:hover{
                border:thin solid gray;
                background-color: whitesmoke;
            }
            .texteditorpopup .popuppanel .youtube-link-popup{
                min-width: 400px;
            }
            .texteditorpopup .popuppanel .youtube-link-popup input{
                border:none;
                outline: none;
                padding: 5px;
                border-bottom: thin solid gray;
                width: 90%;
            }
            .texteditorpanel{
                box-shadow: 10px;
                overflow: hidden;
                position: relative;
                font-family: arial;
                border:thin solid gray;
                box-shadow: 0 2px gainsboro; 
            }
            .texteditorpanel .placeholder{
                color: gainsboro;
                position: absolute;
                font-size:15px;
                top: 10px;
            }
            .texteditorpanel .texteditor{
                padding: 10px;
                min-height: 20px;
                position: relative;
                /*max-height: 400px;*/
                overflow: auto;
                margin-bottom: 10px;
            }
            .texteditorpanel .toolbox .error{
                color: #e95f42;
                border-radius: 3px;
                font-weight: bold;
                padding: 2px;
                text-shadow: 0 2px 2px white;
            }
            .texteditorpanel pre{
                padding: 0px;
                margin: 0px;
            }
            .texteditorpanel .editorbox{
                font-size: 15px;
                color: gray;
                line-height: 20px;
                width: 200px;
            }
            .texteditorpanel .toolbox{
                padding: 5px;
                border-bottom: thin solid gainsboro;
            }
            .texteditorpanel .toolbox .toolitem:hover{
                background-color: whitesmoke;
            }
            .texteditorpanel .toolbox .toolitem,.texteditorpanel .toolbox .groupitem{
                color: black;
                display: inline-block;
                border:thin solid gainsboro;
                background-color: transparent;
                margin: 0px;
                font-size: 15px;
                font-family: arial;
                cursor: pointer;
                text-shadow: 0 1px 2px white;
                box-shadow:0 1px 2px white;
                vertical-align: middle;
            }
            .texteditorpanel .editorbox img{
                max-width: 90%;
            }
            .texteditorpanel .toolbox .groupitem .toolitem{
                border:thin solid transparent;
                box-shadow: none;
                border-radius: 0px;
                margin: 0px;
                width: 25px;
                height: 25px;
            }
            .texteditorpanel .toolbox .edittooltext{
                padding: 5px;
                color: gray;
                font-size: 12px;
                border:thin solid gray;
                outline: transparent;
                box-shadow: 0 0 2px grey;
                border-radius: 3px;
                min-width: 200px;
            }
            .texteditorpanel .toolbox .edittoolbutton{
                padding: 5px;
                color: gray;
                font-size: 12px;
                border:thin solid gray;
                outline: transparent;
                box-shadow: 0 0 2px grey;
                border-radius: 3px;
                font-weight: bold;
                color: black;
                cursor: pointer;
                text-shadow: 0 2px 2px white;
            }
            .texteditorpanel .toolbox .edittoolbutton:hover{
                background-color: whitesmoke;
                box-shadow: 0 0 4px white;
                
            }
            .texteditorpanel .linkpanel{
                display: none;
            }
            .editorbox{
                word-wrap: break-word;
                outline: none;
                color: black;
            }
            .editorbox a{
                text-decoration:underline;
                color: blue;
                cursor: pointer;
            }
            .editorbox a:visited{
                color: blue;
            }
            .input{
                font-size: 20px;
                font-family: arial;
                color: gray;
                outline: none;
                width: 20px;
                border:thin solid gray;
                border-radius: 0px;
               
            }
            .texteditorpanel .toolbox .normal{
                font-weight: normal;
            }
            .texteditorpanel .toolbox .bold{
                font-weight: bold;
            }
            .texteditorpanel .toolbox .italic{
                font-style:  italic;
            }
            .texteditorpanel .toolbox .underline{
                text-decoration: underline;
            }
            .texteditorpanel .toolbox .alignleft{
                background-image: url("../images/design/textEditor/align-left-20.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 80%;
            }
            .texteditorpanel .toolbox .alignright{
                background-image: url("../images/design/textEditor/align-right-20.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 80%;
            }
            .texteditorpanel .toolbox .aligncenter{
                background-image: url("../images/design/textEditor/align-center-20.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 80%;
            }
            .texteditorpanel .toolbox .alignjustify{
                background-image: url("../images/design/textEditor/align-Justifiy-20.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 80%;
            }
            .texteditorpanel .toolbox .addimage{
                background-image: url("../images/design/textEditor/image-20.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 80%;
            }
            .texteditorpanel .toolbox .addlink{
                background-image: url("../images/design/textEditor/link-20.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 80%;
            }
            .texteditorpanel .toolbox .uolist{
                background-image: url("../images/design/textEditor/list-20.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 80%;
            }
            .texteditorpanel .toolbox .olist{
                background-image: url("../images/design/textEditor/list_num-20.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 80%;
            }
            .texteditorpanel .toolbox .subscript{
                background-image: url("../images/design/textEditor/sub.png");
                background-repeat: no-repeat;
                background-position: center ,center;
                background-size: 12px 10px;
            }
            .texteditorpanel .toolbox .supscript{
                background-image: url("../images/design/textEditor/sup.png");
                background-repeat: no-repeat;
                background-position: center ,center;
                background-size: 12px 10px;
            }
            .texteditorpanel .toolbox .addtools{
                vertical-align: top;
                float: right;
                display: inline-block;
            }
            .texteditorpanel .toolbox .langselect{
                height:  25px;
                border:thin solid transparent;
                box-shadow: none;
                border-radius: 0px;
                margin: 0px;
            }
            .texteditorpanel .toolbox .youtube-link{
                background-image: url("../images/design/textEditor/youtube.jpg");
                background-repeat: no-repeat;
                background-position: center ,center;
                background-size: 20px 20px;
            }
            
            .texteditorpanel .toolbox .youtube-video{
                background-image: url("../images/design/textEditor/youtube.jpg");
                background-repeat: no-repeat;
                background-position: left ,center;
                background-size: 20px 20px;
                display: inline-block;
                width: auto !important;
                padding-left: 25px;
                font-size: small;
            }

            .texteditorpanel .toolbox .youtube-video::after{
                content: "Video";
            }