@import "config.less";

.ui-tokentextarea {
	display : table;
	outline : none;
}

.ui-tokentextarea .ui-tokentextarea-label {
	display : inline-block;
	text-align : center;
	position : relative;
	margin-left : .3em;
	margin-right : .3em;
	padding : .6em 0em;
	color : @color_tokentextarea_label_text;
	font-weight : bold;
	text-align : center;
	font-size : 1em;
}

.ui-tokentextarea-input {
	display : inline-block !important;
	outline : none;
	position : relative;
	border : 0 !important;
	padding : 0 !important;
	margin : .5em;
	color : @color_tokentextarea_input_text;
	text-align : left;
	font-size : 1em;
}

.ui-tokentextarea div {
	display : inline-block;
	text-align : center;
	cursor : pointer;
	position : relative;
	margin-left : .3em;
	margin-right : .3em;
	margin-bottom : .3em;
	margin-top : .3em;
	padding : .2em .5em;
	font-size : 1em;
	text-shadow : 0 .1em .1em rgba(0,0,0,.3);
	-ms-border-radius : .2em;
	-o-border-radius : .2em;
	-webkit-border-radius : .2em;
	-moz-border-radius : .2em;
	border-radius : .2em;
	.LESSbox-shadow(0, .1em, .1em, rgba(0,0,0,.2));
	color : @color_tokentextarea_block_text;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}

div.ui-tokentextarea-block {
	background-color : @color_tokentextarea_block_bg;
	background-image : url(./images/00_contacts_button_header.png);
	background-size : contain;
	background-repeat : no-repeat;
	padding-left : .7em;
}

div.ui-tokentextarea-sblock {
	background-color : @color_tokentextarea_press_bg;
	background-image : url(./images/00_contacts_button_header_press.png);
	background-size : contain;
	background-repeat : no-repeat;
	padding-left : .7em;
}

.ui-tokentextarea .ui-tokentextarea-desclabel {
	display : inline-block;
	outline : none;
	position : relative;
	border : 0;
	color : @color_tokentextarea_label_text;
	text-align : left;
	font-size : 1em;
}

.ui-tokentextarea-focus-button {
    background-image : url(./images/00_button_expand_opened.png);
 }