/**
 * Tree select plugin for jquery
 *
 * Copyright (C) 2017 4xmen team <a1gard@4xmen.ir>
 *
 * LICENSE: This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by the Free
 * Software Foundation; either version 3 of the License, or (at your option) any
 * later version.  This program is distributed in the hope that it will be
 * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General
 * Public License for more details.  You should have received a copy of the GNU
 * General Public License along with this program.
 * If not, see <http://opensource.org/licenses/gpl-license.php>.
 *
 * @package    x-tree-select
 * @subpackage x-tree-select theme
 * @author     4xmen team  <www.4xmen.ir>
 * @author     A1Gard <a1gard@4xmen.ir>
 * @link       https://github.com/4xmen/x-tree-select
 * @link       https://www.npmjs.com/package/x-tree-select
 */
.xtsel{
    border-radius: 0;
    background: white;
    border: 0;
    border-bottom: 1px solid #9e9e9e;
    margin: 0 0 8px 0;
    line-height: 40px;
    font-size: 16px;
    padding: 0 7px;
    text-align: left;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");
    background-origin:padding-box;
    background-position-x:99%;
    background-position-y: 50%;
    background-size: 20px 20px;
    background-image: url('data:image/svg+xml;charset=utf8,<svg class="caret" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>');
}
.xtsel:hover{
    border-bottom: 1px solid #26a69a ;
}
.xts-rtl{
    background-position-x: 12px;
    text-align: right;
}

#xtsel-list {
    background: white;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    top: 25px;
}

#xtsel-list li{
    background: white;
    padding: 0 10px;
    line-height: 40px !important;
    max-height: none;
}

#xtsel-list li:hover{
    background-color:  rgba(38, 166, 154, 0.4);
}