@import "~/app-resources/css/admin-theme.less";

// 背景灰色
/*@little-white: @color-light-gray-f2;*/

.admin-wrapper .page-wrapper .main-content {
    background-color: @color-light-gray-f2;
}

.basic-data-infrastructure {
    background-color: @color-light-gray-f2;

    .content-container {
        .menu {
            background-color: white;
            margin: 0px;
            border-bottom: 1px solid #dddddd;

            .tab {
                height: 52px;
                min-width: 180px;
                width: 19%;
                text-align: center;
                display: inline-block;
                vertical-align: middle;
                margin: 0px -2px;
                border: 0px;

                &.active {
                    line-height: 52px;
                    color: #dc6900 !important;
                    box-shadow: inset 0 -3px 0 0 #dc6900;
                    min-width: 188px;
                    font-size: 15px;

                    a {
                        margin-top: -17px;

                        span {
                            color: #dc6900;
                        }
                    }
                }

                a {
                    display: block;
                    text-decoration: none;
                    width: 100%;

                    span {
                        font-size: 15px;
                        margin-top: 17px;
                        display: block;
                    }

                    &:hover {
                        line-height: 52px;
                        color: #dc6900 !important;
                        box-shadow: inset 0 -3px 0 0 #dc6900;
                        min-width: 188px;
                        font-size: 15px;
                        margin-top: -17px;
                    }
                }
            }

            .active {
                background-color: white;
            }
        }

        .basic-data-content {
            background-color: white;
            height: calc(~"100% - 52px");
        }

            .basic-data-content > div {
                height: 100%;
            }
    }

    .search-warp {
        border: 1px solid #CDCDCD;
        border-radius: 4px;
        padding: 1px;
        display: inline-table;
        margin-bottom: -7px;
        width: 280px;
        float: right;

        input {
            margin-bottom: -1px;
            margin-top: 1px;
            border: 0px;
            width: 85%;
            // width: 220px;
            box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
            -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
        }

        span {
            background-color: white;
            border: 0px;
            box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
            -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
        }
    }


    .standardAccount-keyword-common {
        padding: 10px 50px 10px 50px;

        .row {
            margin: 0px;

            .operate-a {
                display: inline-block;
                vertical-align: middle;
                text-decoration: none;
                margin-right: 16px;

                span {
                    display: inline-block;
                    vertical-align: middle;
                }
            }

            .operate-btn {
                vertical-align: middle;

                .middle {
                    margin-bottom: 2px;
                }

                background-color: white;
                margin-right: 4px;

                .material-icons {
                    font-size: 14px;
                    vertical-align: middle;
                }

                &:hover {
                    border: 1px solid #949494;
                    border-radius: 5px;
                }
            }

            .operate-btn-edit {
                .middle {
                    margin-bottom: 2px;
                }

                background-color: #D7D7D7;
                margin-right: 4px;
            }

            .operate-btn-stop {
                .middle {
                    margin-bottom: 2px;
                    color: #E9951B;
                }

                background-color: #D7D7D7;
                margin-right: 4px;
            }



            #keywordMapDataList {
                margin: 20px 0 0 0;
                background-color: #fff;
            }
        }

        #addKeywordMapForm, #addStandardAccountPop, #addEnterpriceAccountPop {

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

            input, textarea, select {
                width: 80%;
            }

            textarea {
                resize: none;
            }
        }

        #addEnterpriceAccountPop {
            .w120 {
                width: 120px;
            }
        }

        #showStandardAccountDetailPop {
            .list {
                padding-left: 8px;

                .tab {
                    display: inline-block;
                    background-color: #F2F2F2;
                    color: black;
                    width: 120px;
                    padding: 7px;
                    text-align: center;
                }

                .active {
                    background-color: #EB8C00;
                    color: white;
                }

                .empty-tab {
                    width: 370px;
                    height: 30px;
                    border-bottom: 1px solid #d7d7d7;
                    display: inline-block;
                    padding: 3px;
                    color: white;
                }

                .box {
                    border-left: 1px solid #D7D7D7;
                    border-right: 1px solid #D7D7D7;
                    border-bottom: 1px solid #D7D7D7;
                    height: 160px;
                    padding: 10px;
                }
            }

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

            #reportDataList {
                .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: normal;
                }

                .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-cell-contents {
                    padding: 0 5px;
                    line-height: 28px;
                    font-size: 13px;
                    font-weight: normal;
                    height: 28px;
                }

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

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

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

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