.TraEditor-Menu{
		width:auto; 
		padding: 3px 5px 0px 5px;
		background-color:#eeeded;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.content-center{
		margin: 0px auto;
		width: 100%;  
		text-align: center; 
		justify-content: center;
		display: flex;    
		align-items: center;
		flex-wrap: wrap;
	}
	.TraEditor-Button{
		font-family: "Times New Roman";
		margin: 0px 0px 5px 0px;
		width:auto;
		min-width:30px;
		height:27px;
		padding:2px 5px 5px 5px;
		margin-left:2px;
		cursor:pointer;
		border:1px solid #eeeded;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; 
		background:radial-gradient(#E8EAE4, #fff);
		font-size:18px;
		color:#000;
	}
	.TraEditor-Button:hover{
		border:1px solid #FFF !important;
	}
	.PrintContent{
		width:0;
		height:0;
		top:0px;
		left:0px;
		position:absolute;
		z-index:-99;
		display:none; 
		background-color:#FFFFFF;
	}
	.TraEditor{
		margin: 0px auto; 
		width:auto;height:auto;margin-top:2px;  border: 1px solid #eeeded !important;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding:5px;
		overflow:auto;
		text-align:left;
		min-height:200px;
		background-color:#FFFFFF;
	}
	.TraEditorStyle{
		margin-bottom: 5px;
	}
	.TraEditorTagTemp{
		background-color:#efd2a7;
		color: red;
	}
	.TraEditorMenu_Extra{
		word-break: break-all;
	}
	.TraEditor div{
		width: fit-content;
	}
	.TraEditor img{
		object-fit: contain;
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	}
	.Bold{
		font-weight:bold;
	}
	.Italic{
		font-style: italic;
	}
	.Underline{
		text-decoration: underline;
	}
	.LineThrough{
		text-decoration: line-through;
		text-decoration-color: red;
	}
	.Superscript{
		/*vertical-align: super; 
		font-size: smaller;*/
	}
	.Subscript{
		/*vertical-align: sup; 
		font-size: smaller;*/
	}
	.Fonts, select.Fonts{
		width:auto;
		min-width:30px;
		height:auto;    
	}
	.Fontsizes, select.Fontsizes{
		width:auto;
		min-width:30px;
		height:auto;     
		
	}
	select.Fonts, select.Fontsizes{
		width:110px;
		height: 27px;
	}
	select{
		margin:0px;
		
	}
	.TraEditorMenu-Panel-Color{
		width:auto;
		padding:5px;
		border:1px solid #eeeded;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.TraEditorColorCodes{  
		height: 150px;
		overflow-y: scroll;
	}  
	.color-code{
		width:25px;
		height:25px;
		float:left;cursor: pointer;text-align:center;vertical-align:middle;align-content: center;
	}
	.CodeInput{
		width:100px;
	}
	.Menu_Extra_wrapper .ColorCode,.Menu_Extra_wrapper .BackgroundColor{
		padding-top:5px;
	}
	.TraEditorMaths{
		height: 150px;
		overflow-y: scroll;
	}
	.Math-symbol{
		width:40px;
		height:40px;
		float:left;cursor: pointer;text-align:center;vertical-align:middle;align-content: center;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		font-size:25px;
	} 
	.Math-symbol:hover,.TraEditorMathTypeItem:hover{
		color:red;
	}
	.TraEditorMathTypes{
		border: 1px solid #CCC;
		justify-content: center; display: flex;
		cursor:pointer;
	}
	.TraEditorMathType11{
		padding:5px 0px 5px 0px;
	}
	.TraEditorMathTypes:hover, .TraEditorMathTypes table:hover{
		color:red;
	} 
	.TraEditorMathTypeItem div{
		border-radius:0px;
	}
	.TraEditorMathTypeItem{
		width:80px !important;
		height:80px !important;
		cursor: pointer;
	} 
	.Menu_Extra_wrapper,.Menu_Extra{
		background-color:#ffffff;
		width:auto;
		padding:5px;
		border:1px solid #eeeded;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font-size:14px; 
	}
	.Menu_Extra_wrapper{
		
	}
	.Menu_Extra .TraEditor-Button{
		font-size:14px;
	}
	.TraEditorMenuExtraClose{
		float:right;
	}
	.TraEditorImage a{
		text-decoration:none;
	}
	.TraEditorImage-label{
		margin:5px 5px 0px 0px;
		padding:2px 0px 0px 0px;
		width:80px;
		float:left;
	}
	.TraEditorImage-value{
		margin:5px 5px 0px 0px;
		float:left;
	} 
	.TraEditorImage .ImageURL,input#TraEditorURLUpload{
		width:100%;
		max-width:260px;
	}
	.TraEditorImage .ImageURL input{
		width:100%;
		max-width:260px;
	}
	.TraEditorImage .ImageWidth input, .TraEditorImage .ImageHeight input{
		width:80px;
	}
	.TraEditorImage-Upload-Image{
		margin-top:5px;cursor:pointer;color:#30F;
	}
	
	.TraEditor-ViewCode{
		color:#30F;
		cursor:pointer;
	}
	.TraEditorLink-button, .TraEditorImage-button{
		margin-top:5px;
	}
	.TraEditorLink-label{
		margin:5px 5px 0px 0px;
		width:50px;
		float:left;
	}
	.TraEditorLink-value{
		margin:5px 5px 0px 0px;
		float:left;
	}
	.TraEditorLink .Link, .TraEditorLink .Link input{
		width:100%;
		max-width:300px;
	}
	.AlignLeft,.AlignCenter,.AlignRight{
		letter-spacing: -1px;
	}
	.AlignLeft{
		text-align:left; margin-left: 2px;
	}
	.AlignRight{
		text-align:right; padding-right: 3px;
	}
	div.TraEditorBox{
		padding:5px;
		margin:5px;
		border:1px solid #CCC;
		float:left;
	}
	ul,ol{
		padding:0px 0px 0px 20px;
		margin:0px 0px 0px 0px;
	}
	div.TraEditorBox:hover,div.TraEditorBox:hover{
		border:1px solid red;
		cursor:pointer;
	}
	ul.circle {
	  list-style-type: circle;
	} 
	ul.square {
	  list-style-type: square;
	}
	ul.decimal {
	  list-style-type: decimal;
	} 
	ol.upper-roman {
	  list-style-type: upper-roman;
	}
	ol.lower-roman {
	  list-style-type: lower-roman;
	} 
	ol.lower-alpha {
	  list-style-type: lower-alpha;
	}
	ol.upper-alpha {
	  list-style-type: upper-alpha;
	}
	ul.none{
		padding:0px 0px 0px 0px;
		list-style:none;
	}
	
	.FormTagAttributes{ 
		background-color:#ffffff;
		width:auto;
		padding:5px 5px 3px 5px;
		border:1px solid #eeeded;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font-size:14px; 
		display:none;
	}
	#FormTagAttributes_id{
	}
	.FormTagAttribute{
		padding:0px 0px 5px 0px;
		display:inline-block; 
		float:left;
	}
	.FormTagAttribute_label{
		margin-right:5px;
		padding-top:2px;
		float:left;
	}
	.FormTagAttribute_value{
		float:left;
		margin-right:5px;
	}
	.FormTagAttribute_value label:hover{
		color:red;
		cursor:pointer;
	}
	.FormTagAttribute_value input, .FormTagAttribute_value select{ 
		height:20px;
	}
	.FormTagAttribute_value input.width50px{
		width:50px; 
	}
	.FormTagAttribute_value input.width80px{
		width:80px; 
	}
	.FormTagAttribute_value input.width120px{
		width:120px; 
	}
	.button{   
		cursor:pointer;
		color:#1287ed; 
	}
	.button:hover{
		color: red;
	}
	.TraEditorTableAttributes{ 
		padding-top: 2px;
	}
	.TraEditorTableAttribute{
		display:inline;
		padding-bottom:2px;
		float:left;
	}
	.TraEditorTableAttribute_label{
		margin-right:5px;
		padding-top:2px;
		float:left;
	}
	.TraEditorTableAttribute_value{
		float:left;
		margin-right:5px;
	}
	.TraEditorTableAttribute_value input{
		width:80px;
		height:20px;
	}
	.columns_html_tools{ 
		background-color: rgb(255, 254, 232);
		line-height:15px;
		display:inline-block;
		margin-top:10px;
	} 
	.columns_html_tool{ 
		text-align:center;
		font-size:22px;
	} 
	.column-plus,.column-minus,.row-plus,.row-minus,.closetools{
		margin:0px 5px 0px 5px; 
		float:left;
	} 
	.opentools{
		margin:0px 5px 0px -10px; 
		float:left;
	} 
	.column-plus:hover,.column-plus:hover,.row-minus:hover,.row-plus:hover,.closetools:hover,.opentools:hover{
		color:red;
	}
	
	.TraEditorTableButton{
		margin-left:10px;
		width: fit-content; height: fit-content;
		border: 1px solid #000000;
		cursor: pointer;
	} 
	.TraEditorTableButton .TraEditorTableRow{
		width:fit-content; height: fit-content;
		
	}
	.TraEditorTableRow1, .TraEditorTableRow2, .TraEditorTableRow3{
		 
	}
	.TraEditorTableColumn1, .TraEditorTableColumn2, .TraEditorTableColumn3{
		width: 5px; height: 5px;
		border: 1px solid #000000;
		float: left;
	}
	.ColumnAdd .TraEditorTableColumn3{
		border-color: red; 
	}  
	.ColumnAdd .TraEditorTableColumn3{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesColumnAdd;
		 animation-duration: 1s;
		 }
	 @keyframes keyframesColumnAdd {
		 from {
			border-color: red  ;
			}
		 to {
			border-color: yellow  ;
			}
	 }
	.ColumnInsert .TraEditorTableColumn2{
		border-color: red;
	}
	.ColumnInsert .TraEditorTableColumn2{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesColumnInsert;
		 animation-duration: 1s;
		 }
	 @keyframes keyframesColumnInsert {
		 from {
			border-color: red  ;
			}
		 to {
			border-color: yellow  ;
			}
	 }
	.ColumnRemove .TraEditorTableColumn3{
		border:1px solid red;
	}
	.ColumnRemove .TraEditorTableColumn3{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesColumnRemove;
		 animation-duration: 2s;
		 }
	 @keyframes keyframesColumnRemove {
		 from {
			}
		 to {
				border-color: white  ;
			}
	 }
	.ColumnMoveLeft{
		border-color: blue  ;
	}
	.ColumnMoveLeft .TraEditorTableColumn3{
		border:1px solid #000000;
	}
	.ColumnMoveLeft .TraEditorTableColumn3{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesColumnMoveLeft3;
		 animation-duration: 3s; 
		 }
	 @keyframes keyframesColumnMoveLeft3 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 }
	.ColumnMoveLeft .TraEditorTableColumn2{
		border-color: #000000;
	}
	.ColumnMoveLeft .TraEditorTableColumn2{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesColumnMoveLeft2;
		 animation-duration: 3s;
		 animation-delay: 1s;
		 }
	 @keyframes keyframesColumnMoveLeft2 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 } 
	  
	.ColumnMoveLeft .TraEditorTableColumn1{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesColumnMoveLeft1;
		 animation-duration: 3s;
		 animation-delay: 2s;
		 }
	 @keyframes keyframesColumnMoveLeft1 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 }
	 
	.ColumnMoveRight{
		border-color: green  ;
	}
	.ColumnMoveRight .TraEditorTableColumn1{
		 border:1px solid #000000;
	}
	.ColumnMoveRight .TraEditorTableColumn1{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesColumnMoveRight1;
		 animation-duration: 3s; 
		 }
	 @keyframes keyframesColumnMoveRight1 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 }
	.ColumnMoveRight .TraEditorTableColumn2{
		border-color: #000000;
	}
	.ColumnMoveRight .TraEditorTableColumn2{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesColumnMoveRight2;
		 animation-duration: 3s;
		 animation-delay: 1s;
		 }
	 @keyframes keyframesColumnMoveRight2 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 } 
	  
	.ColumnMoveRight .TraEditorTableColumn3{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesColumnMoveRight3;
		 animation-duration: 3s;
		 animation-delay: 2s;
	}
	 @keyframes keyframesColumnMoveRight3 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 }
	.RowAdd .TraEditorTableRow3 div{
		border-color: red;
	}
	.RowAdd .TraEditorTableRow3 div{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesRowAdd;
		 animation-duration: 2s;
		 }
	 @keyframes keyframesRowAdd {
		 from {
			border-color: red  ;
			}
		 to {
			border-color: yellow  ;
			}
	 }
	.RowInsert .TraEditorTableRow2 div{
		border-color: red;
	}
	.RowInsert .TraEditorTableRow2 div{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesRowInsert;
		 animation-duration: 2s;
		 }
	 @keyframes keyframesRowInsert {
		 from {
			border-color: red  ;
			}
		 to {
			border-color: yellow  ;
			}
	 }
	.RowRemove .TraEditorTableRow3 .TraEditorTableColumn1, .RowRemove .TraEditorTableRow3 .TraEditorTableColumn2, .RowRemove .TraEditorTableRow3 .TraEditorTableColumn3{
		border-color: red;
	}
	.RowRemove .TraEditorTableRow3 .TraEditorTableColumn1, .RowRemove .TraEditorTableRow3 .TraEditorTableColumn2, .RowRemove .TraEditorTableRow3 .TraEditorTableColumn3{
		 animation-iteration-count: infinite;
		 animation-name: keyframesRowRemove;
		 animation-duration: 2s;
		 }
	 @keyframes keyframesRowRemove {
		 from {
			}
		 to {
				border-color: white  ;
			}
	 } 
	.RowUp{
		border-color: blue  ;
	}
	.RowUp .TraEditorTableRow3 .TraEditorTableColumn1, .RowUp .TraEditorTableRow3 .TraEditorTableColumn2, .RowUp .TraEditorTableRow3 .TraEditorTableColumn3{
		border-color: #000000;
	}  
	.RowUp .TraEditorTableRow1 div{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesRowUp1;
		 animation-duration: 3s; 
		 animation-delay: 2s;
		 }
	 @keyframes keyframesRowUp1 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 } 
	.RowUp .TraEditorTableRow2 div{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesRowUp2;
		 animation-duration: 3s; 
		 animation-delay: 1s;
		 }
	 @keyframes keyframesRowUp2 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 }
	.RowUp .TraEditorTableRow3 div{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesRowUp3;
		 animation-duration: 3s; 
		 animation-delay: 0s;
		 }
	 @keyframes keyframesRowUp3 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 } 
	.RowDown{
		border-color: green;
	}
	.RowDown .TraEditorTableRow1 .TraEditorTableColumn1, .RowDown .TraEditorTableRow1 .TraEditorTableColumn2, .RowDown .TraEditorTableRow1 .TraEditorTableColumn3{
		border-color: #000000;
	}  
	
	.RowDown .TraEditorTableRow1 div{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesRowDown1;
		 animation-duration: 3s; 
		 animation-delay: 0s;
		 }
	 @keyframes keyframesRowDown1 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 } 
	.RowDown .TraEditorTableRow2 div{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesRowDown2;
		 animation-duration: 3s; 
		 animation-delay: 1s;
		 }
	 @keyframes keyframesRowDown2 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 }
	.RowDown .TraEditorTableRow3 div{ 
		 animation-iteration-count: infinite;
		 animation-name: keyframesRowDown3;
		 animation-duration: 3s; 
		 animation-delay: 2s;
		 }
	 @keyframes keyframesRowDown3 {
		 from {
			 border-color: #000000;
			}
		 to {
				border-color: red;
			}
	 }
	 
	.TraEditor-Content-Table tr{  
	  display: block;
	} 
	.TraEditor-Content-Table tr:hover {
		/*border: 1px dotted red;*/
		background-color: rgb(251, 251, 237); 
	}
	.TraEditor-Content-Table td:hover{
		border: 1px dotted red;
		background-color: rgb(255, 255, 232); 
		min-width:25px;
		min-height:25px;
	}  
	.TraEditor-Content-Table td:focus{
		border: 1px dotted red;
		background-color: rgb(255, 255, 232); 
	}  
	.TraEditor-Content-Table:focus, table:focus, tbody:focus{
		border-color:red;  
		border: 1px dotted red;
	}
	.TraEditor div:hover, .TraEditor p:hover, .TraEditor span:hover, .TraEditor h1:hover, .TraEditor h2:hover, .TraEditor ul:hover, .TraEditor li:hover, .TraEditor lo:hover{ 
		/*background-color: rgb(255, 255, 243); */
	} 
	.TraEditor-Ruler{
		margin:0px auto;
		width:100%;
		line-height:25px;
		background-color:#eeeded;
		text-align:center;
		position:relative;
		display:inline-block;
	}
	.SizePageTypes{
		position:absolute;
		margin:0px auto;
		text-align: center;
	}
	.Rule_mm{
		width:100%;
		overflow:hidden;
	}
	.Rule_mm span{
		padding-left:1mm; 
	}
	.Rule_mm span:hover{
		color:red;
		cursor:default;
	}
	.height100per{
		line-height:100%;
	}
	.height30per{ 
		line-height: 12px;
		font-size: 10px;
	}
	iframe:hover{
		border: 2px solid red;
	}
	.TraEditor-Page{
		width: auto;
		height: 297mm;
		background-color:#CCCCCC;
	}
	.TraEditor-Animation{
		width: 100%;
		height: auto; 
	}
	.TraEditor-Animation div{
		border: 0px ;
	}
	.TraEditor-Animation-Animation, .TraEditor-Animation-CSS{
		padding: 5px;
		background-color: #eeeded;
		border: 1px solid #FFFFFF !important;
		float: left;
	}
	.TraEditor-Animation-Animation-Label, .TraEditor-Animation-CSS-Label{
		padding-top:2px;
		width: 100px;
		height: auto;
		float: left;
	}
	.TraEditor-Animation-ClassName-Input{
		width: fit-content;
		height: auto;
		float: left;
	} 
	.TraEditor-Animation-CSS-Input{
		width: 100%;
		height: auto; 
	}
	.TraEditor-Animation-CSS-Input textarea{
		width: 100%;
		min-width: 400px;
		height: auto; 
	}
	.TraEditor-Effects-List{
		margin-top:5px;
		padding:5px;
		width: auto;
		height: auto;
		border: 1px solid #eeeded !important;
	}
	.TraEditor-Effect-Item{
		width:150px;
		height:auto;
		padding:5px;
		overflow: hidden;
		background-color: #eeeded;
		border: 1px solid #FFFFFF !important;
		float: left;
	}
	.TraEditor-AnimationAdd, .TraEditor-AnimationRemove{
		padding:5px; 
		width:fit-content;
		text-align: center;
		background-color: #eeeded;
		float: left;
		margin-right: 2px;
	}
	.TagsNeedWrapper{
		display: inline-block;
		display: ruby;
	}
	.CurrentNode{
		padding: 0px 10px 0px 10px;
		font-weight: bold;
	}
	
	.TraEditorPaintTypes{
		border: 1px solid #CCC;
		justify-content: center; display: flex;
		cursor:pointer;
		float: left;
	}
	.TraEditorPaintTypeItem{
		padding:10px;
		width:auto ;
		height:25px ;
		cursor: pointer;
		overflow: hidden;
	}
	.TraEditorPaintTypeItem:hover{
		border-color: red;
	}
	.TraEditorPaintTypeItem span{ 
	}
	.TraEditor-TextArea{
		display: none;
	}