$active-color     : #4db7ff;
$active-color-dark: #1451a0;
$shadow-color     : #101c35;
$section-bg       : #1c2330;
$section-bg-light : #33415a;
$text-sub         : #9fa5af;
$text-main        : #dddddd;
$text-title       : #f4f7fd;
$border-color     : #576580;

.infoWindow-model {
    .model-title {
        font-size    : 18px;
        font-weight  : 700;
        color        : $active-color;
        padding      : 10px;
        border-bottom: 1px solid $border-color;
        text-align   : center;
        padding-top: 0;
    }

    color        : $text-main;
    // margin-top: 20px;

    /deep/ .el-tabs__item {
        font-size: 14px;
    }

    /deep/ .el-tabs__item:nth-child(1) {
        border-top-left-radius: 0px;
        border-left           : 0;
    }

    /deep/ .el-tabs__item:last-child {
        border-right: 0;
    }

    /deep/ .el-tabs--border-card {
        box-shadow: none
    }

    .station-search {

        /deep/ .el-select .el-input--suffix .el-input__inner,
        /deep/ .el-input--mini .el-input__inner {
            background-color: $section-bg;
            border          : 1px solid $border-color;
            color           : $text-main;
        }

        /deep/ .el-select-dropdown {
            background-color: $section-bg;
            border          : solid 1px $border-color;
        }

        /deep/ .el-select-dropdown__item {
            height     : 28PX;
            line-height: 28PX;
        }

        /deep/ .el-select-dropdown__item span {
            color: $text-main;
        }

        /deep/ .el-select-dropdown__item.selected span {
            color: $active-color !important;
        }

        /deep/ .el-select-dropdown__item.hover,
        /deep/ .el-select-dropdown__item.hover,
        .el-select-dropdown__item:hover {
            background-color: $section-bg-light !important;
        }

        /deep/ .el-scrollbar__wrap {
            margin-right: -8PX !important;
        }
    }

    /deep/ .el-table {
        background-color: $section-bg;
        border-color    : $border-color;
    }

    /deep/ .el-table--group::after,
    /deep/ .el-table--border::after,
    /deep/ .el-table::before {
        background-color: $border-color;
    }

    /deep/ .el-table thead tr,
    /deep/ .el-table thead tr th {
        background-color: rgba($active-color-dark, 0.4) !important;
        color           : $text-main;
    }

    /deep/ .el-table--mini th {
        height: 46px;
    }

    /deep/ .el-table--mini td {
        height        : 41px !important;
        padding-top   : 0;
        padding-bottom: 0;
    }

    /deep/ .el-table th>.cell {
        font-size  : 14px;
        font-weight: bold;
        color      : $text-main;
    }

    /deep/ .el-table td>.cell {
        font-size: 14px;
        color    : $text-main;
    }

    /deep/ .el-table th.is-leaf,
    /deep/ .el-table td {
        border-bottom: 1px solid $border-color;
    }

    /deep/ .el-table--border th,
    /deep/ .el-table--border td {
        border-right: 1px solid $border-color !important;
    }

    /deep/ .el-table tr {
        background-color: transparent !important;
    }

    /deep/.el-table--striped .el-table__body tr.el-table__row--striped td {
        background: rgba($active-color-dark, 0.2) !important;
    }

    /deep/ .el-table--enable-row-hover .el-table__body tr:hover>td {
        background-color: rgba($active-color-dark, 0.7) !important;
        cursor          : pointer;
    }


    /deep/ .el-table__body tr.current-row>td {
        background-color: rgba($active-color-dark, 0.7) !important;
    }

    /deep/ .el-table--striped .el-table__body tr.current-row>td {
        background-color: rgba($active-color-dark, 0.7) !important;
    }
}

.section-container {
    height     : 200PX;
    width      : 300PX;
    overflow-y : hidden;
    overflow-x: hidden;
    padding-top: 10PX;
    box-sizing: border-box;
}

.section-item {
    padding         : 6px 0;
    // border-bottom: 1px dashed $border-color;
    display         : flex;
    justify-content : space-between;
    align-items     : center;

    .bbsl-iconfont {
        font-size: 18px;
        color    : $active-color;
        margin   : 0 10px;
    }

    .name {
        font-size   : 16px;
        margin-right: 20px;
        color       : $text-sub;
    }

    .num {
        color         : $active-color;
        font-size     : 20px;
        vertical-align: middle;
        margin        : 0 10px;

        i {
            font-size  : 12px;
            font-style : normal;
            margin-left: 6px;
            color      : $text-sub;
        }
    }

    .text {
        font-size   : 16px;
        margin-right: 20px;
        color       : $text-sub;
        margin      : 0 10px;
    }

    .content {
        color         : $active-color;
        font-size     : 16px;
        vertical-align: middle;
        margin        : 0 10px;
    }
}