@import "const";
.input-group-addon:first-child {
    border-radius: 0;
}

.roleManage {
    .roleSource {
        display: flex;
        display: inline-flex;
        width: 100%;
        .roleItems {
            overflow-y: scroll;
            height: 450px;
        }
        .treeRoles {
            width: 280px;
            margin-right: 14px;
            height: 494px;
            .panel-heading {
                padding: 0 0 0 @baseWidth+8;
                background-color: @baseBgColor;
                height: @baseWidth*2+2;
                line-height: @baseWidth*2;
                font-size: @baseFontSize;
                color: @textWhite;
                cursor: pointer;
                .icon-add {
                    margin-left:5px;
                    img{
                        margin-right: @baseWidth;
                    }
                }
                &:hover {
                    background-color: @baseBgColorHover;
                }
            }
            .treeItem {
                height: @baseWidth*2;
                line-height: @baseWidth*2;
                padding: 0 @baseWidth+15 0 @baseWidth+8;
                position: relative;
                .roleManageName {
                    margin-left: @baseWidth;
                    color: #898989;
                    font-size: 14px;
                    height:40px;
                    width:135px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
                .icon-delete {
                    display: none;
                    position: absolute;
                    right: @baseWidth;
                    width: @baseWidth;
                    z-index: 1000;
                    top:0;
                }
                &.selected,
                &:hover {
                    background-color: #eee;
                    .icon-delete {
                        display: inline-block;
                    }
                }
                &.selected:before,
                &:hover:before {
                    content: "";
                    background: url('../../images/roles/list_vertical-bar.png') repeat-y left top;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 6px;
                    height: @baseWidth*2;
                }
                &.selected {
                    .icon-delete {
                        display: none;
                    }
                }
            }
        }
        .roleDetail {
            flex: 4
        }
        .global-search {
            margin: 0;
            padding: 10px 0;
        }
        .input-group .form-control:last-child {
            border-radius: 0;
        }
    }
    .btn-save {
        width: 100px;
        height: 36px;
        border-radius: 0;
        &:hover,
        &:focus,
        &:active {
            background-color: fadeout(#FC6907, 20%);
        }
      
    }
    // 角色管理
    .table {
        tr {
            border: 1px solid #ddd;
            td:first-child {
                width: 200px;
                text-align: right;
                border-right: 1px solid #ddd;
            }
            .inputLabel {
                margin-bottom: 0;
                vertical-align: middle;
            }
            td {
                padding: 5px;
                input {
                    height: 26px;
                    line-height: 26px;
                    border-radius: 0;
                    width: 300px;
                }
            }
        }
        .gridTable();
    }
    .gridTable {
        margin-top: 14px;
    }
    .box {
        .box-title {
            position: relative;
            padding-left: 6px;
            background: url('../../images/roles/title_vertical-bar_green.png') repeat-y left top;
            .role-panel-title {
                font-family: @baseFont;
                font-size: @baseFontSize;
                color: @baseFontColor;
            }
        }
    }
}
.pt1{
    position: relative;
    top:-2px;
}
// 专针对弹出框添加角色成员
.modal {
    .roleModal {
        // width: 800px;
    }
    .modal-dialog,
    .modal-content {
        width: auto;
        overflow: auto;
        min-width: 480px;
        select[multiple] {
            width: 100%;
            height: 100%;
        }
    }
    .aside {
        option{
            line-height: 26px;
            padding: 6px 5px;
            font-size: 13px;
             &:hover {
                background-color: #eee;
            }
        }
        li {
            height: 26px;
            line-height: 26px;
            width: 100%;
            font-size: 13px;
            font-family: '华文细黑';
            color: @baseFontColor;
            text-align: left;
            display: inline-block;
            vertical-align: top;
            zoom: 1;
            /* Fix for IE7 */
            *display: inline;
            /* Fix for IE7 */
            padding: 0 5px;
            cursor: pointer;
            &:hover {
                background-color: #eee;
            }
        }
        display: flex;
        .asideItem {
            padding-top: 52px;
            .box {
                padding: 0;
                height:auto;
            }
            .box-body {
                height: 366px;
                border: 1px solid #eee;
            }
        }
        .asideLeft,
        .asideright {
            width: 300px;
            select{
                border: none;
                outline: none;
            }
            
        }
        .asideMiddle {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            width: 156px;
            text-align: center;
            span {
                width: 100px;
                margin: auto;
                a {
                    line-height: 36px;
                    color: @textWhite;
                    font-size: @baseFontSize;
                    width: 100%;
                    &.btn-default {
                        border-color: @baseBgColor;
                        background-color: @baseBgColor;
                        &:hover,
                        &:focus,
                        &:active {
                            background-color: @baseBgColorHover;
                        }
                    }
                    &.btn-roleAdd{
                        position: relative;
                        top:50px;
                    }
                }
            }
        }
        .asideLeft {
            position: relative;
            .box-title {
                position: absolute;
                top: -52px;
            }
            .form-control,
            .btn-search {
                height: 34px;
                border-radius: 0
            }
        }
    }
}

.ngViewport.ng-scope {
    height: auto !important;
    overflow-y: hidden;
}

.ngTopPanel.ng-scope,
.ngHeaderContainer {
    width: auto !important;
}

.ngGrid {
    background-color: transparent!important;
}