.project-manage-nav-header-container-module {
    padding: 25px 0 20px 30px;
    display: inline-block;

    a {
        margin: 0 15px 0 0;
        padding: 8px 20px 8px 15px;
        border: 1px solid #ffffff;
        border-radius: 20px 20px;
        color: #333;

        &:hover {
            border: 1px solid #dc6900;
            text-decoration: none;
        }

        &:visited {
            text-decoration: none;
        }

        &:last-child {
            margin-left: 15px;
        }
    }

    i {
        font-size: 18px;
        vertical-align: middle;
    }

    > span {
        color: #D7D7D7;
    }
}

.content-container {

    .assign-user-container {
        width: 800px;
        height: 400px;
        margin: 20px;
        background: #FFF;
        border: 1px solid #AEAEAE;
        border-radius: 7px 7px;
        -webkit-border-radius: 7px 7px;
        -moz-border-radius: 7px 7px;
        box-shadow: 4px 4px 7px #AEAEAE;
        -webkit-box-shadow: 4px 4px 7px #AEAEAE;
        -moz-box-shadow: 4px 4px 7px #AEAEAE;
        position: absolute;
        top: 190PX;
        left: 350px;
        z-index: 999;

        .user-list-container {
            width: 500px;
            display: inline-block;
            float: left;
            margin: 20px;
            box-sizing: border-box;
        }

        #user-list-tb {
        }
    }

    .project-manage-no-data {
        width: 200px;
        height: 650px;
        margin: 40px auto;
        color: #D5D5D5;
        text-align: center;

        > i {
            font-size: 75px;
            margin-top: 60%;
            background-color: white;
            border-radius: 50%;
            padding-top: 20%;
            height: 150px;
            width: 150px;
        }

        p {
            margin: 30px;
            color: #999;
            font-size: 16px;
        }
    }

    .search-container {
        /*margin: 0 0 0 30px;*/
        label {
            font-weight: normal;
        }

        .form-row {
            margin: 20px 0;
        }
    }

    #projectDataList {
        border: 1px solid #d4d4d4;
        background-color: #fff;
        border-radius: 5px;
        height: 100%;

        .project-manage-menu {
            border-bottom: 1px solid #d4d4d4;

            .search-container {
                padding: 25px 30px 20px 30px;
                float: right;

                .year {
                    display: inline-block;
                    width: 80px;
                    vertical-align: top;
                }

                .search-text {
                    display: inline-block;
                    width: 250px;
                }
            }

            .center {
                text-align: center;
            }

            .project-manage-nav-header-container {
                .project-manage-nav-header-container-module;
            }

            .operat-danger {
                color: #C45300;
            }
        }

        #project-manage-grid {
            border:none;

            .project-manage-grid-operation {
                display: inline-block;

                a {
                    margin: 0 10px 0 0;
                    padding: 5px 10px 5px 8px;
                    border: 1px solid transparent;
                    border-radius: 20px 20px;
                    color: #333;

                    &:hover {
                        border: 1px solid #dc6900;
                        text-decoration: none;
                    }

                    &:visited {
                        text-decoration: none;
                    }

                    &:active {
                        text-decoration: none;
                    }

                    &:link {
                        text-decoration: none;
                    }

                    &.operate-btn {
                        border: 0;
                    }
                }

                i {
                    font-size: 18px;
                    vertical-align: middle;
                }

                > span {
                    color: #D7D7D7;
                }
            }
        }



        #deleteConfirmPop {
            .confirm-warning {
                color: #FFC107;
                vertical-align: middle;
            }
        }
    }
}

#addProjectPop {

    .org-tree-container {
        width: 380px;
    }

    .form-control[readonly] {
        background-color: white;
    }

    .level-title {
        margin-left: 15px;
        margin-bottom: 13px;

        span {
            color: #D35412;
            font-weight: bold;
        }
    }

    .modal-footer {
        padding-left: 29px;
    }
    /*.modal-footer {
            text-align: left;

            button {
                width: 100px;
                height: 35px;
                border-radius: 20px;
            }
        }*/
    .project-modal-table {
        margin-left: 15px;
        margin-right: 15px;

        .row {
            margin-left: 0px;
            margin-right: 0px;

            span {
                margin-top: 8px;
                display: inline-block;
            }

            select {
                margin-right: 10px;
            }

            .delete {
                color: #D35412;
                cursor: pointer;
            }

            .add {
                cursor: pointer;
            }
        }

        .box {
            border-left: 1px solid #d4d4d4;
            border-top: 1px solid #d4d4d4;
            height: 54px;
            padding: 9px;

            .service-span {
                padding-right: 0px;
                padding-left: 0px;
                width: 44px;
            }

            .ReportTemplate-span {
                width: 60px;
                padding-left: 0px;
                padding-right: 0px;
            }

            .col-sm-5 {
                padding-right: 0px;
            }
        }

        .box-right {
            border-right: 1px solid #d4d4d4;
        }

        .box-bottom {
            border-bottom: 1px solid #d4d4d4;
        }
    }
}

#addProjectPop {

    .control-label {
        font-weight: normal;
    }

    input[type="text"], textarea {
        width: 80%;
    }

    textarea {
        resize: none;
    }

    .custom-tree-wrapper .scoreDropDownBtn {
        width: 80%;
    }

    .custom-tree-wrapper .dropdown-menu {
        width: 80%;
    }
}
/*.ui-grid-top-panel {
        overflow: initial;
        background-color: white;
        background: none;
    }

    .ui-grid-header-cell-row {
        background-color: #fff;
        color: #000;
    }

    .ui-grid-header-cell-label {
        font-weight: bold;
    }

    .header-center {
        text-align: center;
    }
    // 设置偶数行的颜色
    .ui-grid-row:nth-child(even) .ui-grid-cell {
        background-color: white;
    }
    // 设置奇数行背景颜色
    .ui-grid-row:nth-child(odd) .ui-grid-cell {
        background-color: white;
    }

    .ui-grid {
        border: 0px;
    }

    .ui-grid-cell-contents {
        padding: 0 5px;
        line-height: 50px;
        font-size: 14px;
        font-weight: normal;
        height: 50px;
    }

    .cell-icon {
        &:extend(.ui-grid-cell-contents span);
        font-size: 18px;
    }

    .ui-grid-cell-contents span {
        vertical-align: middle;
    }

    .ui-grid-icon-minus-squared, .ui-grid-icon-plus-squared {
        color: #DF6B02;
    }

    .ui-grid-cell {
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 1px solid #d4d4d4;
        cursor: pointer;
    }

    .ui-grid-header-cell {
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 1px solid #d4d4d4;
    }

    .ui-grid-header {
        border-bottom: 0px;
        box-sizing: border-box;
    }

    .ui-grid-row:last-child {
        .ui-grid-cell {
            border-top: 0px;
            border-right: 0px;
            border-left: 0px;
            border-bottom-width: 1px;
            border-bottom: 1px solid #d4d4d4 !important;
        }
    }*/
#assignUserPop {
    .row {
        margin-left: 20px;
        margin-right: 20px;
    }

    .modal-footer {
        padding-left: 34px;
        border-top: 0px;
    }

    .left {
        width: 273px;
        margin: 10px 10px 10px 0px;
        float: left;
        height: 400px;
        margin-top: 10px;
        overflow-y: auto;
        border: 1px solid #CDCDCD;

        .user-tree-container {
            margin-bottom: 10px;

            .user-tree li {
                min-height: 0;
                padding: 10px 0 0 10px;
            }

            .root-node {
                font-family: "Arial Bold", Arial;
                font-weight: 700;
                font-style: normal;
                font-size: 14px;
                color: #000;
                cursor: not-allowed;
                display: inline-block;
                line-height: 20px;
                width: 86%;
            }

            .sub-node {
                font-family: Arial;
                font-weight: 400;
                font-style: normal;
                font-size: 14px;
                color: #333;
                cursor: pointer;
                display: inline-block;
                line-height: 20px;
                width: 90%;
            }

            .tree-item-select {
                background-color: #F16100;
                color: #FFF;
            }

            span {
                display: inline-block;
                width: 90%;
            }
        }
    }

    .right {
        height: 400px;
        margin-left: 275px;
        margin-top: 10px;
        margin-bottom: 10px;
        overflow-y: auto;
        border: 1px solid #CDCDCD;

        .role-tree-container {
            margin-bottom: 10px;
            background-color: white;

            .tree-role-item {
                min-height: 0px;
                width: 157px;
                display: inline-block;
                width: 86%;
                font-weight: 400;
                font-style: normal;
                font-size: 14px;
                color: #333;
                cursor: pointer;
            }

            .tree-item-selected {
                color: #FFF;
                background-color: #F16100;
            }

            .angular-ui-tree-handle {
                width: 99%;
            }

            .role-tree {
                max-height: 200px;
                overflow-y: auto;
                padding: 10px 0 0 10px;
            }
        }
    }
}