/* jQuery Tree Multiselect v2.5.1 | (c) Patrick Tsai | MIT Licensed */
div.tree-multiselect {
    border: 2px solid #D8D8D8;
    border-radius: 5px;
    display: table;
    height: inherit;
    width: 100%;
    min-width: 412px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
}
div.tree-multiselect > div.selected, div.tree-multiselect > div.selections
{
    display: inline-block;
    box-sizing: border-box;
    overflow: auto; 
    vertical-align: top;
    width: 100%;
}
div.tree-multiselect > div.selected
{
    display: none;
}
    div.tree-multiselect > div.selections > div.section {
        /*
   
    background-color: White;*/
        padding: 2px;
        border: 1px solid black;
        /*width: 95%;*/
        border-radius: 2px;
        position: absolute;
        border: 1px solid #aaa;
        border-top: 0;
        background: #fff;
        -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
        border-radius: 3px 3px;
        height: 300px;
        overflow: auto;
        min-width: 400px;
        z-index: 10;
    }

input:focus + div.tree-multiselect > div.selections > div.section
{
  /*display: block;*/
}

div.tree-multiselect > div.selections
{
    /*border-right: solid 2px #D8D8D8;*/
}
div.tree-multiselect > div.selections div.item
{
    margin-left: 16px;
}
div.tree-multiselect > div.selections div.item label
{
    color:black !important;
    cursor: pointer;
    display: inline;
}
div.tree-multiselect > div.selections div.item label.disabled
{
    color: #D8D8D8;
}
div.tree-multiselect > div.selections.no-border
{
    border-right: none;
}
div.tree-multiselect > div.selected > div.item
{
    background: #EAEAEA;
    border-radius: 2px;
    padding: 2px 5px;
    overflow: auto;
}
div.tree-multiselect > div.selected.ui-sortable > div.item:hover
{
    cursor: move;
}
div.tree-multiselect div.section > div.section, div.tree-multiselect div.section > div.item
{
    padding-left: 20px;
}
div.tree-multiselect div.section.collapsed > div.title span.collapse-section:after
{
    content: "+";
}
div.tree-multiselect div.section.collapsed:not([searchhit]) > .item, div.tree-multiselect div.section.collapsed:not([searchhit]) > .section
{
    display: none;
}
div.tree-multiselect div.title, div.tree-multiselect div.item
{
    margin-bottom: 2px;
}
div.tree-multiselect div.title {
    /*background: #63af66;*/
    background-position: initial;
    color: white;
    border-radius: 3px 3px;
    padding: 2px;
    /*box-shadow: #5f8460 7px 6px 7px 0px;*/

    background-image: linear-gradient(60deg, rgb(102, 187, 106), rgb(67, 160, 71));
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
}
div.tree-multiselect div.title > *
{
    display: inline-block;
}
div.tree-multiselect div.title > span.collapse-section
{
    margin: 0 3px;
    width: 8px;
}
div.tree-multiselect div.title > span.collapse-section:after
{
    content: "-";
}
div.tree-multiselect div.title:hover
{
    cursor: pointer;
}
div.tree-multiselect input[type=checkbox]
{
    display: inline;
    margin-right: 5px;
}
div.tree-multiselect input[type=checkbox]:not([disabled]):hover
{
    cursor: pointer;
}
div.tree-multiselect span.remove-selected, div.tree-multiselect span.description
{
    background: #777;
    border-radius: 2px;
    color: white;
    margin-right: 5px;
    padding: 0 3px;
}
div.tree-multiselect span.remove-selected:hover
{
    cursor: pointer;
}
div.tree-multiselect span.description:hover
{
    cursor: help;
}
div.tree-multiselect div.temp-description-popup
{
    background: #EAEAEA;
    border: 2px solid #676767;
    border-radius: 3px;
    padding: 5px;
}
div.tree-multiselect span.section-name
{
    float: right;
    font-style: italic;
}
div.tree-multiselect .auxiliary
{
    /*display: table;*/
    width: 100%;
}
    div.tree-multiselect .auxiliary input.search {
        /*  border: 2px solid #D8D8D8; calc(100% - 50px); */
        /*display: table-cell;*/
        margin: 0;
        padding: 5px;
        width: 100%;
        width: Calc(100% - 140px)
    }
div.tree-multiselect .auxiliary .select-all-container
{
    /*display: table-cell;*/
    display:inline-block;
    text-align: right;
    padding-right:5px;
padding-left:5px;

}
div.tree-multiselect .auxiliary .select-all-container span.select-all, div.tree-multiselect .auxiliary .select-all-container span.unselect-all
{
    margin-right: 5px;
    padding-right: 5px;
}
div.tree-multiselect .auxiliary .select-all-container span.select-all:hover, div.tree-multiselect .auxiliary .select-all-container span.unselect-all:hover, div.tree-multiselect .auxiliary .select-all-container span.Apply:hover
{
     box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
 
    cursor: pointer;
}
div.tree-multiselect .auxiliary .select-all-container span.select-all
{
    border-right: 2px solid #D8D8D8;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }