/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 100%;  /* 400px;*/
    /*border: 1px solid #8496ba;*/
    cursor: text;
    font-size: 16px; /*12px;*/
    /*font-family: Verdana, sans-serif;*/
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 20%; /* 100px; */
    min-width: 20%; /* 25px;*/
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
    -webkit-appearance: caret;
    font-size: 16px;
}

li.token-input-token-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 15px;
    margin: 3px;
    padding: 1px 3px;
    background-color: #E7E7E7; /*#eff2f7;*/
    color: #000;
    cursor: default;
    border: 1px solid #9B9B9B; /*darken(#E7E7E7, 30%); #ccd5e4;*/
    font-size: 16px;  /* 11px; */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    white-space: nowrap;
    max-width: 98%; /* */
}

li.token-input-token-facebook p {
    /*display: inline; */
    float: left;    /* */
    padding: 0;
    margin: 0;
    max-width: 93%; /* */

    word-wrap: break-word; /* */
	white-space: normal; /* */
	overflow: hidden; /* */
	text-overflow: ellipsis; /* */
}

li.token-input-token-facebook span {
    float: left; /* */
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 73%; /*400px;*/
    background-color: #fff;
    /*overflow: hidden;*/
    max-height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
    /*border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
    border: 1px solid #cecece;
    cursor: default;
    font-size: 16px; /* 11px;*/
    /*font-family: Verdana, sans-serif;*/
    z-index: 1;    
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    /* font-weight: bold; */
    color: #9b9b9b; /* #777; */
    width: 90%;     /* */
    max-width: 90%;  /* */
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-facebook ul li {
    background-color: #fff;
    padding: 3px;
    margin: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #d0f2f5; /* lighten(@teal, 40%);  #3b5998; */
    color: #fff;
}

/* AX-504 */
/* style for clicked one option in dropdown */
div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook:active,
div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook:active {
    background-color: #9B9B9B;
}

/* style for token-input dropdown  */
div.token-input-dropdown-facebook ul li span.token_input_userGrp 
{
    color: #1B1B1B; 
}
/* style for token-input patient  */
.token_input_patient 
{    
	color: #008000 !important;
}

/* style for token-input dropdown  */
div.token-input-dropdown-facebook ul li span.token_input_searchType
{
	margin-left: 5px;
	color: #9B9B9B; /*darken(#E7E7E7, 30%);*/
}

/* hide border in hidden items */
.for_token_input {
    border: none;
}

