// 沙盘模块白色主题样式

@import "./setting.less";

#appBody.light {
    .com-panel-sand {
        background   : #fff;
        border-top   : 1px solid transparent;
        border-radius: @borderRaduis;
        transition   : @transition;
    }

    .com-panel-sand::after {
        background: transparent;
        transition: @transition;
    }

    .com-panel-sand-header {
        border-color: @deepblue;
        font-weight : 700;
        transition  : @transition;
    }

    .com-panel-sand .com-panel-sand-header::after,
    .com-panel-sand .com-panel-sand-header::before {
        background: @deepblue;
        transition: @transition;
    }

    .com-panel-sand .com-panel-body .other-info {
        .value {
            color      : @black;
            font-weight: 700;
            transition : @transition;
        }

        .text {
            color      : @black;
            font-weight: 700;
            transition : @transition;
        }
    }

    .com-panel-sand .rank-table th {
        color      : @black;
        font-weight: 700;
        transition : @transition;
    }

    .com-panel-sand .rank-table td {
        font-weight: 700;
        transition : @transition;
    }

    .sand-table-bottom {
        .p-panel {
            background   : #fff;
            border-radius: @borderRaduis;
        }

        .p-panel-title {
            color      : @black;
            font-weight: 700;
            transition : @transition;
        }

        .pp-info-data .gray-l {
            color      : rgb(128, 128, 128);
            font-weight: 700;
            transition : @transition;
        }
    }

    .sand-table-right .com-panel-body .com-table {
        th {
            color      : rgb(128, 128, 128);
            font-weight: 700;
            transition : @transition;
        }


        th.light {
            color      : @deepblue  !important;
            font-weight: 700;
            transition : @transition;
        }

        td {
            color      : @black;
            font-weight: 700;
            transition : @transition;
        }

        td.light {
            color      : @deepblue  !important;
            font-weight: 700;
            transition : @transition;
        }
    }

    .modal {
        .el-dialog__body {
            background: rgba(255, 255, 255, 0.8);
            transition: @transition;


            .el-form-item__label {
                color     : @black;
                transition: @transition;
            }

            .el-input__inner {
                // background   : rgba(0, 0, 0, 0.5);
                border :1px solid rgba(0, 0, 0, 0.5);
                border-radius: @borderRaduis;
                transition   : @transition;
            }
        }
    }

    .weatherBox {
        .r {
            .el-collapse-item__content {
                background : transparent;
                color      : @black;
                font-weight: 700;
                padding    : 20px;
                transition : @transition;
            }

            .el-collapse-item__header {
                background   : transparent;
                border-bottom: 1px solid #999;
                color        : rgba(0, 0, 0, 0.75);
                transition   : @transition;
            }
        }

    }
}