/**
 * 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{
    background-color: #ffffff;
    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>');
    font-size: 14px;
    padding-left: 14px;
    padding-right: 29px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.xtsel:hover{
    border-color: rgb(150, 200, 218);
}
.xts-rtl{
    text-align: right;
    background-position-x:12px;
    padding-left: 29px;
    padding-right: 14px;
}

#xtsel-list {
    top:20px;
    border-color: rgb(150, 200, 218);
}

#xtsel-list li{
    background-color: #fff!important;
    border-bottom-color: #fafafa;
    padding: .48571429rem 1.14285714rem!important;
}

#xtsel-list li:hover{
    background-color: rgba(0,0,0,.05) !important;
}