/* Example tokeninput style #1: Token vertical list*/

ul.token-input-list {

    overflow: hidden; 

    height: auto !important; 

    height: 1%;

    /*width: 510px;*/

   width: 80%;

    cursor: text;

    font-size: 12px;

    font-family:Verdana;

    border:1px solid #d9d9d9;

    /*z-index: 999; */

    margin: 0;

    padding: 0;

    background-color: #fff;

    list-style-type: none;

    clear: left;

}



ul.token-input-list li {

    list-style-type: none;

}



ul.token-input-list li input {

    

    /*width: 430px;*/

    width: 80%;

    height:25px;

    padding: 3px 8px;

    background-color: #FAFAFA;

    -webkit-appearance: caret;

}



li.token-input-token {

    overflow: hidden; 

    height: auto !important; 

    height: 1%;

    margin: 3px;

    padding: 3px 5px;

    background-color: #D5D6D6;

    color: #000;

    font-weight: bold;

    cursor: default;

    display: block;

}



li.token-input-token p {

    float: left;

    padding: 0;

    margin: 0;

}



li.token-input-token span {

    float: right;

    color: #777;

    cursor: pointer;

}



li.token-input-selected-token {

    background-color: #469AC8;

    color: #fff;

}



li.token-input-selected-token span {

    color: #bbb;

}



div.token-input-dropdown {

    position: absolute;

    width: 446px;

    background-color: #FAFAFA;

    overflow: hidden;

    border-left: 1px solid #d9d9d9;

    border-right: 1px solid #d9d9d9;

    border-bottom: 1px solid #d9d9d9;

    border-top: 1px solid #d9d9d9;

    cursor: default;

    font-size: 12px;

    font-family: Verdana;

    /*z-index: 1; */

}



div.token-input-dropdown p {

    margin: 0;

    /*padding: 5px; */

    font-weight: bold;

    color: #777;

}



div.token-input-dropdown ul {

    margin: 0;

    padding: 0;

}



div.token-input-dropdown ul li {

    background-color: #fff;

    padding: 3px 3px 3px 0px;

    list-style-type: none;

}



div.token-input-dropdown ul li.token-input-dropdown-item {

    background-color: #fafafa;

}



div.token-input-dropdown ul li.token-input-dropdown-item2 {

    background-color: #fff;

}





div.token-input-dropdown ul li.token-input-selected-dropdown-item {

    background-color: #E7E8E8;

}



div.token-input-dropdown ul li em {

    font-weight: bold;

    font-style: normal;

}





.token-input-highlighted-token, b {

    color:#1A80BB !important;

}



.searchInput, #token-input-auto-search {

    /*background: none repeat scroll 0 0 #F7F7F7; border:1px solid #d9d9d9;*/

 

}

.searchInput, #token-input-auto-search:focus {

    /*background: none repeat scroll 0 0 #F7F7F7;border:1px solid #d9d9d9;*/



}

.token-input-input-token, input[type="text"], .token-input-highlighted-token, .token-input-list {

    background: none repeat scroll 0 0 #f9f9f9;  

    

}

#auto_search { width:450px !important;}

.search-img {

    position: absolute;

    top:5px;

    /*left:485px; */

    left:76%;

    /*cursor: pointer;*/

}

.token-input-input-token input, textarea {

 border: 0;   

}

#dropdown_suggest {

scrollbar-base-color: #9999cc;

scrollbar-arrow-color: white;

scrollbar-track-color: #ccccff;



scrollbar-shadow-color: black;

scrollbar-lightshadow-color: black; 

scrollbar-darkshadow-color: gray;



scrollbar-highlight-color: white;

scrollbar-3dlight-color: black;

fx-background-color:derive(black,90%);

    -fx-background-insets: 2, 0, 0;

    -fx-background-radius: 2em;

       

}

/* NEw Scrollbar plugins */

    /*Vertical scrollbar - set width and height of a div you want to add a scrollbar to*/

     /*   #dropdown_suggest {

            height: 400px !important;

        }



            /*Horizontal scrollbar - set width of overview or make it expand horizontal like below*/

     /*   #dropdown_suggest .overview {

            /*width: 1836px;*/

            /* or */

          /*  white-space: nowrap;

        } 

        #ulsuggest img {

            height: 180px;

            width: 180px;

        } */

          

#ulsuggest {

    overflow: auto;

    height: 400px;

   /* width:100%;

    padding: 0 5px;*/

    padding-bottom: 0;

    padding-left: 0.1%;

    padding-right: 0 !important;

    padding-top: 0;

    width: 99.8% !important;

}



.track4 {

    width: 10px;    

    border-color: transparent;

    border-width: 0;

    /*border-left-width: 1px;

    background-clip: padding-box;

    background: #fff;

    border-style: solid; */

}

/*

.track4.dragging,

.track4:hover {

    background: #D6D6D6 !important; /* No RGBA support #f2f2f2 

    background: rgba(0, 0, 0, 0.05);-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);

}

*/

.track4:active {

    background: #D6D6D6; /* No RGBA support */

    background: rgba(0, 0, 0, 0.05);

    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14),

                        inset -1px -1px 0 rgba(0, 0, 0, 0.07);

    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14),

                inset -1px -1px 0 rgba(0, 0, 0, 0.07);

}



.handle4 {

    width: 10px;

    background-clip: padding-box;

    background: #D6D6D6; /* No RGBA support background: rgba(0, 0, 0, 0.2);*/

    

    /*-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),

                        inset 0 -1px 0 rgba(0, 0, 0, 0.07);

    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),

                inset 0 -1px 0 rgba(0, 0, 0, 0.07);*/

}



.handle4:hover {

    background: #D6D6D6; /* No RGBA support */

   /* background: rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);

    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);*/

}



.dragging .handle4,

.handle4:active {

    background: #D6D7D7; /* No RGBA supportbackground: rgba(0, 0, 0, 0.5); */

   /* -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);

    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35); */

}

.scroll_suggest li {

    /*width:481px; */

}

.scroll_suggest ul {

    padding-right: 0px !important;    

}