.x-org-sel {
    width: 100%;
    height: 100%;
    min-width: 825px;
    min-height: 220px;
    font-size: 14px;
    border: 1px solid #e8e5e3
}

.x-org-sel ul.layui-tab-title {
    height: 30px;
    position: static;
}

.x-org-sel-t-panel {
    height: 50%;
    overflow: hidden;
}

.x-org-sel-layout-2 .x-org-sel-t-panel,
.x-org-sel-layout-3 .x-org-sel-t-panel {
    height: 100%;
}

.x-org-sel-b-panel {
    height: 50%;
}

.x-org-sel-t-panel > div,
.x-org-sel-b-panel > div
{
    float: left;
    height: 100%;
}

.x-org-sel-l-panel {
    min-width: 460px;
    width: calc(65% - 40px);
    position: static;
}

.x-org-sel-layout-3 .x-org-sel-l-panel {
    min-width: 266px;
    width: calc(50% - 42px);
}

.x-org-sel-l2-panel {
    min-width: 164px;
    width: 20%;
    border-left: 1px solid #e8e5e3;
    position: relative;
}

.x-org-sel-c-panel {
    width: 40px;
    border: 1px solid #e8e5e3;
}

.x-org-sel-r-panel {
    min-width: 100px;
    width: 35%;
}

.x-org-sel-layout-3 .x-org-sel-r-panel {
    width: 30%;
}

.x-org-sel-t-panel .x-org-sel-c-panel {
    border-top: none;
    border-bottom: none;
}

.x-org-sel-b-panel .x-org-sel-c-panel {
    border-top: none;
    border-bottom: none;
}

.x-org-sel-group-panel {
    height: 100%;
}

.x-org-sel-group-panel .layui-tab-content {
    height: calc(100% - 32px);
    overflow: auto;
    padding: 0;
}

.x-org-sel-group-panel .layui-tab-content .layui-tab-item {
    height: 100%;
    overflow: auto;
}

.x-org-sel-member-panel {
    height: calc(100% - 32px);
    overflow: auto;
}

.x-org-sel-selected-group-panel,
.x-org-sel-selected-member-panel {
    height: calc(100% - 32px);
    overflow: auto;
}

.x-org-sel .nav-tabs {
    background-color: #F3F3F3;
}

.x-org-sel .nav > li > a {
    padding: 4px 5px
}

.x-org-sel .nav > li.active a {
    font-weight: 600;
    background-color: #fff !important;
    border-bottom-color: #fff !important;
}

.x-org-sel-c-btns-panel {
    height: 100%;
    position: relative;
}

.x-org-sel-c-btns-wrapper {
    position: absolute;
    left: 50%;
    margin-left: -12px;
}

.x-org-sel-c-btns-wrapper .layui-btn {
    margin-left: 0px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    padding: 0px 4px;
}

.x-org-sel-t-panel .x-org-sel-c-btns-wrapper {
    bottom: 2px;
}

.x-org-sel-b-panel .x-org-sel-c-btns-wrapper {
    top: 2px;
}


.x-org-sel-layout-2 .x-org-sel-t-panel .x-org-sel-c-btns-wrapper,
.x-org-sel-layout-3 .x-org-sel-t-panel .x-org-sel-c-btns-wrapper {
    top: 50%;
    margin-top: -26px;
}

.x-org-sel-layout-2 .x-org-sel-t-panel .x-org-sel-c-btns-wrapper .layui-btn,
.x-org-sel-layout-3 .x-org-sel-t-panel .x-org-sel-c-btns-wrapper .layui-btn {
    display: block;
    margin-bottom: 0px;
}

.x-org-sel-c-btns-wrapper .layui-btn + .layui-btn {
    margin-top: 4px;
}

.x-org-sel-panel-title {
    border: 1px solid #f1f1f1;
    padding: 4px 3px;
    line-height: 24px !important;
    overflow: hidden;
    height: 32px;
    font-weight: 600;
    color: rgba(0,0,0,.85);
}
.x-org-sel-panel-sub-title {
    font-weight: 500;
}

.x-org-sel ul.fancytree-container {
    border: none;
    outline: none;
    font-size: 11pt;
    line-height: 13pt;
}

.x-org-sel span.fancytree-title {
    margin: 0;
    padding-left: 2px;
    padding-right: 2px;
    color: #272727;
}

.x-org-sel span.fancytree-checkbox {
    margin-left: 2px;
    color: #819e9a;
}

.x-org-sel-panel-title .layui-btn {
    height: 22px;
}

.x-org-sel-search {
    float: right;
}

.x-org-sel-search input {
    height: 23px;
}

.x-org-sel-layout-2 .x-org-sel-group > div,
.x-org-sel-layout-3 .x-org-sel-group > div {
    float: left;
    width: 50%;
    height: 100%;
}

.x-org-sel-group .x-left {
    border-right: 1px solid #e8e5e3;
    width: calc(50% - 1px) !important;
}

.x-org-sel-group-panel li {
    min-width: 80px;
    padding: 0 10px;
}

.x-org-sel-group-panel li a {
    line-height: 30px;
}

.x-org-sel-group-panel .layui-tab-title li a {
    color: #333;
}

.x-org-sel-group-panel .layui-tab-title .layui-this a {
    color: #0e5e75;
}

.x-org-sel-group-panel .layui-tab-title .layui-this:after {
    height: 31px;
    border: none;
    border-bottom: 4px solid #0e5e75;
}

.x-org-sel-l-panel .layui-tab {
    margin: 1px 0;
    position: static;
}

.x-org-sel .select-control .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border: none;
    cursor: pointer;
}
.x-org-sel-group-panel .layui-form-item + .ui-fancytree {
    height: calc(100% - 44px);
    overflow: auto;
}
.x-org-sel-layout-2 .x-org-sel-t-panel .x-org-sel-c-btns-select-signle-wrapper,
.x-org-sel-layout-3 .x-org-sel-t-panel .x-org-sel-c-btns-select-signle-wrapper {
    top: 30%;
}
.x-org-sel-layout-2 .x-org-sel-t-panel .x-org-sel-c-btns-select-all-wrapper,
.x-org-sel-layout-3 .x-org-sel-t-panel .x-org-sel-c-btns-select-all-wrapper {
    top: 70%;
}

.organization-modal .layui-layer-content {
    position: static;
}