.popup_root {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	/*background-color: #0ff8;*/
}

.popup_body {
	width: 500px;
	height: 300px;
	position: relative;
	top: 50%;
	left: 50%;
	z-index: 30;
	transform: translate(-50%,-50%);
	align-content: center;
	/*font-size: 1.6em;*/


	background-color: #222;
	/*background-color: #000;*/
}

.uname_email_pop{
	--vback: #111;
	/*--vback: #f00;*/
	--vtxt: #fff;
	/*--vtxt: #00f;*/
	background-color: #777;
	background-color: var(--vback);
	/*background-color: var(--vback,unset);*/
	/*background-color: var(--vback,initial);*/

}

.popup_txt {
	/*plese*/
	/*margin: auto;*/
	font-size: 1.6em;
	/*margin: 3px;*/
	padding-top: 20px;
	text-align: center;
	color: #eee;
	/*font-size: 1.6em;*/
	/*color: #fff;*/
	/*background-color: #0ff;*/

}
.text_input_template{
	/*width: 100%;*/
	left: 50%; 
	transform: translate(-50%,50%);
	background-color: #0ff;
	margin: auto;

	/*display: block;*/
	display: inline-block;
	/*align-content: center;*/
	font-size: 1.4em;
	position: relative;
}














/*.ti_container {*/
.text_input_template_v2.z{
	/*position: relative;*/
	/*position: absolute;*/
	/*width: 100%;*/
	/*background-color: red;*/
	/*height: 100%;*/
	/*height: 2em;*/

	left: 50%; 
	transform: translate(-50%,50%);
	/*background-color: #0ff;*/
	margin: auto;

	/*display: block;*/
	display: inline-block;
	/*align-content: center;*/
	font-size: 1.4em;
	position: relative;
	/*outline: 2px solid red;*/
	display: flex;
	display: inline-flex;
	width: 306px; 
	border: 2px solid var(--vtxt,#fff);
	/*border: 2px solid #0ff;*/
	/*background-color: #fff;*/
	/*background-color: #0f0;*/
	margin:  5px;
	padding: 4px;
	border-radius: 50px;
	overflow: hidden;
	position: relative;
	box-sizing: content-box;
	box-sizing: border-box;

	/*top: 0px; left: 0px; right: 0px; bottom: 0px;*/
}



.ti_container.z{
/*.text_input_template_v2{*/
	/*width: 100%;*/
	/*left: 50%; */
	/*transform: translate(-50%,50%);*/
	/*background-color: #0ff;*/
	/*margin: auto;*/

	/*display: block;*/
	/*display: inline-block;*/
	/*align-content: center;*/
	/*font-size: 1.4em;*/
	/*position: relative;*/
	/*outline: 2px solid red;*/
	/*display: flex;*/
	display: inline-flex;
	width: 300px; 
	/*border: 2px solid var(--vtxt,#fff);*/
	border: 3px solid #fff;
	/*border: 2px solid #0ff;*/
	/*margin:  5px;*/
	/*padding: 1px;*/
	border-radius: 50px;
	/*overflow: hidden;*/
	position: relative;
	/*background-color: #fff;*/
	/*background-color: #f00;*/
	/*background-color: var(--vback,#fff);*/

	/*box-sizing: border-box;*/
	/*box-sizing: content-box;*/
}

.text_input_submit {
	display: inline-block;
	display: inline-block;
}

.text_input_v2 {
	/*left: 20px;*/
	/*display: inline;*/
	/*display: inline-flex;*/
	/*display: block;*/
	/*max-width: 100%;*/
	/*left:0px; */
	/*min-width: 150px;*/
	flex-grow: 2;
	/*width: 150px;*/

	/*position: relative;*/

}

.ti_label{
	/*margin: 1px;*/
	/*margin: 1px;*/
	/*padding: 3px;*/
	width: 5em;
	text-align: center;
	/*background-color: #ff0*/

	color: var(--vback,#fff);
	background-color: var(--vtxt,#fff);
	font-weight: bold;
	position: relative;
	padding: 0 3px; 

}
/*.ti_label:before{*/
.ti_label:after{
	z-index: -1;
	/*box-sizing: border-box;*/
	outline: 4px solid #fff;
	/*box-sizing: content-box;*/

	position: absolute;
	top: 2px; left: 2px; right: 4px; bottom: 2px;
	/*background-color: red;*/
	/*border: 8px solid var(--vtxt,#fff);*/
	/*border: 8px solid #0ff;*/


	content: "z";
}


.text_input_template_v2 input {
	
	/*margin: 1px;*/
	/*opacity: 0;*/
	/*background-color: var(--vback,unset);*/
	background-color: var(--vback,#fff);
	color: var(--vtxt,#fff);
	/*color: #fff;*/
	/*background-color: unset;*/
	border-width: 0px !important;
}


.text_input_template_v2 button {
	display: none;
}











.text_input_template_v2.v1{
	/*width: 100%;*/
	left: 50%; 
	transform: translate(-50%,50%);
	/*background-color: #0ff;*/
	margin: auto;

	/*display: block;*/
	display: inline-block;
	/*align-content: center;*/
	font-size: 1.4em;
	position: relative;
	/*outline: 2px solid red;*/
	display: flex;
	display: inline-flex;
	width: 300px; 
	border: 2px solid var(--vtxt,#fff);
	/*border: 2px solid #0ff;*/
	margin:  5px;
	padding: 1px;
	/*border-radius: 50px;*/
	/*overflow: hidden;*/
	position: relative;
	/*background-color: #fff;*/
	/*background-color: var(--vback,#fff);*/

	/*box-sizing: border-box;*/
	/*box-sizing: content-box;*/
}






/*.ti_container{*/
.text_input_template_v2.v1.z{
	/*width: 100%;*/
	left: 50%; 
	transform: translate(-50%,50%);
	/*background-color: #0ff;*/
	margin: auto;

	/*display: block;*/
	display: inline-block;
	/*align-content: center;*/
	font-size: 1.4em;
	position: relative;
	/*outline: 2px solid red;*/
	display: flex;
	display: inline-flex;
	width: 300px; 
	border: 2px solid var(--vtxt,#fff);
	/*border: 2px solid #0ff;*/
	margin:  5px;
	padding: 1px;
	border-radius: 50px;
	overflow: hidden;
	position: relative;
	/*background-color: #fff;*/
	/*background-color: var(--vback,#fff);*/

	/*box-sizing: border-box;*/
	/*box-sizing: content-box;*/
}



.ti_container{
/*.text_input_template_v2{*/
	/*width: 100%;*/
	left: 50%; 
	transform: translate(-50%,50%);
	/*background-color: #0ff;*/
	margin: auto;

	/*display: block;*/
	display: inline-block;
	/*align-content: center;*/
	font-size: 1.4em;
	position: relative;
	/*outline: 2px solid red;*/
	display: flex;
	display: inline-flex;
	width: 300px; 
	border: 2px solid var(--vtxt,#fff);
	/*border: 2px solid #0ff;*/
	margin:  5px;
	padding: 1px;
	border-radius: 50px;
	overflow: hidden;
	position: relative;
	/*background-color: #fff;*/
	/*background-color: var(--vback,#fff);*/

	/*box-sizing: border-box;*/
	/*box-sizing: content-box;*/
}
/*.ti_container {*/
.text_input_template_v2{
	/*position: relative;*/
	/*position: absolute;*/
	/*width: 100%;*/
	/*background-color: red;*/
	/*height: 100%;*/
	/*height: 2em;*/
	/*top: 0px; left: 0px; right: 0px; bottom: 0px;*/
}

































.id_sideToolbarContainer:not(.slideInExt) {
	background-color: red;
	display: none;

}
.id_sideToolbarContainer.slideInExt * {
	/*background-color: red !important;*/

}