.txt-show {
            overflow: hidden;
            background: #C7EDCC;
			width:100%;
            cursor: pointer;
            color: #181c19;
	        font-size:16px;
            letter-spacing: 1px;
            text-shadow: rgb(0 0 0 / 100%) 0 0px 0px;
            -o-box-shadow: hsla(0, 0%, 100%, .25) 0 1px 0,
            inset hsla(0, 0%, 100%, .25) 0 1px 0, inset rgba(0, 0, 0, .25) 0 0 0, 
            inset hsla(0, 0%, 100%, .03) 0 20px 0, inset rgba(0, 0, 0, .15) 0 -20px 20px,             
            inset hsla(0, 0%, 100%, .05) 0 20px 20px;
            box-shadow: 0 1px 0 hsl(0deg 0% 100% / 25%), 
            inset 0 1px 0 hsl(0deg 0% 100% / 25%), 
            inset 0 0 0 rgb(0 0 0 / 25%), inset 0   20px 0 hsl(0deg 0% 100% / 3%),
            inset 0 -20px 20px rgb(0 0 0 / 15%), 
            inset 0 20px 20px hsl(0deg 0% 100% / 5%);
            -webkit-transition: all .1s linear;
            transition: all .1s linear;
        }
 .editormd-view{background: #C7EDCC; color: #181c19;}
        
.mui-radio{
	        overflow: hidden;
            background: #efefef;
	 		border-radius: 20px;
            cursor: pointer;
            color: #181c19;
            letter-spacing: 1px;
            text-shadow: rgb(0 0 0 / 90%) 0 0px 0px;
            -o-box-shadow: hsla(0, 0%, 100%, .25) 0 1px 0,
            inset hsla(0, 0%, 100%, .25) 0 1px 0, inset rgba(0, 0, 0, .25) 0 0 0, 
            inset hsla(0, 0%, 100%, .03) 0 20px 0, inset rgba(0, 0, 0, .15) 0 -20px 20px,             
            inset hsla(0, 0%, 100%, .05) 0 20px 20px;
            box-shadow: 0 1px 0 hsl(0deg 0% 100% / 25%), 
            inset 0 1px 0 hsl(0deg 0% 100% / 25%), 
            inset 0 0 0 rgb(0 0 0 / 25%), inset 0   20px 0 hsl(0deg 0% 100% / 3%),
            inset 0 -20px 20px rgb(0 0 0 / 15%), 
            inset 0 20px 20px hsl(0deg 0% 100% / 5%);
            -webkit-transition: all .1s linear;
            transition: all .1s linear;	
}

.mui-checkbox{
	        overflow: hidden;
            background: #efefef;
	 		border-radius: 20px;
            cursor: pointer;
            color: #181c19;
            letter-spacing: 1px;
            text-shadow: rgb(0 0 0 / 90%) 0 1px 1px;
            -o-box-shadow: hsla(0, 0%, 100%, .25) 0 1px 0,
            inset hsla(0, 0%, 100%, .25) 0 1px 0, inset rgba(0, 0, 0, .25) 0 0 0, 
            inset hsla(0, 0%, 100%, .03) 0 20px 0, inset rgba(0, 0, 0, .15) 0 -20px 20px,             
            inset hsla(0, 0%, 100%, .05) 0 20px 20px;
            box-shadow: 0 1px 0 hsl(0deg 0% 100% / 25%), 
            inset 0 1px 0 hsl(0deg 0% 100% / 25%), 
            inset 0 0 0 rgb(0 0 0 / 25%), inset 0   20px 0 hsl(0deg 0% 100% / 3%),
            inset 0 -20px 20px rgb(0 0 0 / 15%), 
            inset 0 20px 20px hsl(0deg 0% 100% / 5%);
            -webkit-transition: all .1s linear;
            transition: all .1s linear;	
}

.my-btn{
	        overflow: hidden;
            background: #efefef;
	 		border-radius: 20px;
            cursor: pointer;
            color: #181c19;
            letter-spacing: 1px;
            text-shadow: rgb(0 0 0 / 90%) 0 1px 1px;
            -o-box-shadow: hsla(0, 0%, 100%, .25) 0 1px 0,
            inset hsla(0, 0%, 100%, .25) 0 1px 0, inset rgba(0, 0, 0, .25) 0 0 0, 
            inset hsla(0, 0%, 100%, .03) 0 20px 0, inset rgba(0, 0, 0, .15) 0 -20px 20px,             
            inset hsla(0, 0%, 100%, .05) 0 20px 20px;
            box-shadow: 0 1px 0 hsl(0deg 0% 100% / 25%), 
            inset 0 1px 0 hsl(0deg 0% 100% / 25%), 
            inset 0 0 0 rgb(0 0 0 / 25%), inset 0   20px 0 hsl(0deg 0% 100% / 3%),
            inset 0 -20px 20px rgb(0 0 0 / 15%), 
            inset 0 20px 20px hsl(0deg 0% 100% / 5%);
            -webkit-transition: all .1s linear;
            transition: all .1s linear;	
}

.hidden{diplay:none;}


.mui-page,
			.mui-page-content {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				background-color: #efeff4;
			}
			.mui-scroll-wrapper,
			.mui-scroll {
				background-color: #efeff4;
			}
			.mui-page {
				display: none;
			}


			.flex-container {
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-flow: row wrap;
				justify-content: space-between;
				text-align: center;
			}
			.mui-content-padded {
				padding: 10px;
			}
			
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
Word-wrap: break-word;
}

.pre{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
Word-wrap: break-word;
}


.myloading{
    width: 150px;
    height: 15px;
    margin: 0 auto;
    margin-top:100px;
}
.myloading span{
    display: inline-block;
    width: 15px;
    height: 100%;
    margin-right: 5px;
    border-radius: 50%;
    background: lightgreen;
    -webkit-animation: load 1.04s ease infinite;
}
.myloading span:last-child{
    margin-right: 0px;
}
@-webkit-keyframes load{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.myloading span:nth-child(1){
    -webkit-animation-delay:0.13s;
}
.myloading span:nth-child(2){
    -webkit-animation-delay:0.26s;
}
.myloading span:nth-child(3){
    -webkit-animation-delay:0.39s;
}
.myloading span:nth-child(4){
    -webkit-animation-delay:0.52s;
}
.myloading span:nth-child(5){
    -webkit-animation-delay:0.65s;
}