// 自定义主题 可配置项目参考 src/style/_theme.config.scss  src/style/_theme.scss
// 重写配置项，若不重写则使用默认值

// 国网项目主题
$custom-value: custom-value;

// -------- 主配置项目覆盖 --------
// 主色
$primary: #16A085;
$primary-hover:#0DA44D;
$blue: #3498DC;
$green: #2ECC71 !default;
$red: #F04844 !default;
$yellow: #FFA847 !default;
$black: black !default;
$white:white !default;
// 圆角
$border-radius: 0;
$border-radius-base : 0;
$border-radius-sm: 0;
// 全局字体-2px
$font-size-12: 10px;
$font-size-14: 12px;
$font-size-16: 20px;
$font-size-18: 16px;
$font-size-20: 18px;
$font-size-24: 22px;
$font-size-30: 28px;
$font-size-38: 36px;
$font-size-46: 42px;
// 按钮大小
$btn-height-sm: 32px;
// input高度
$input-height-sm: 32px;
// placeholder
$input-placeholder-color: #888888;
// 表头底色
$D1-8: #FAFAFA; 
// 表头字体颜色
$table-header-color: #555555; 
// 页头颜色
$page-header-bg: white;


// -------- 细节样式覆盖 --------
.main-field{
    color: $primary;
}
.pk-content-container-main{
    background-color: white!important;
}
// 按钮
.pk-btn{
    padding: 0 16px;
}
.pk-btn-icon-only-small{
    padding: 0 5px;
}
.pk-btn.pk-btn-normal:hover, .pk-btn.pk-btn-normal:focus{
    color: #333;
    background-color: #fff;
    border-color: #737373;
    text-decoration: none;
}
// 表格
.pk-table-thead>tr>th{
    background-color: #FAFAFA;
    border-bottom: none;
}
.pk-table-action-column{
    .pk-btn, a{
        padding: 0;
        border: none;
        margin-right: 20px;
    }
}
.pk-table-action-column .collapsible-item{
    position: relative;
    &:before{
        content: "";
        position: absolute;
        display: block;
        width: 1px;
        height: 12px;
        background-color: #D8D8D8;
        top: 10px;
        right: 10px;
    }
    &:last-child:before{
        display: none;
    }
}
// 侧导航
.pk-sideNavigation-light .pk-menu-item.pk-sideNavigation-item-clickable i{
    transform: scale(0.9);
}
.pk-sideNavigation-light .pk-menu-item-selected.pk-sideNavigation-item-clickable{
    background: #F2FCF9;
    &:before{
        content: "";
        width: 4px;
        height: 100%;
        position: absolute;
        background: $primary;
        top: 0;
        left: 0;
    }
}
// 吊顶颜色
.pk-global-nav {
    background-image: linear-gradient(270deg, #04a586 0%, #00b8a5 100%);
}
.pk-page-header {
    border-bottom: none;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.08);
    z-index: 9;
}
// 用户菜单
.pk-sideNavigation .pk-menu-item.pk-sideNavigation-item-clickable{
    font-size: 12px;
    a:active{
        font-size: 12px;
    }
}
// table action对齐
.pk-table .action-item{
    height: $btn-height-sm;
    width: auto!important;
}
// normal按钮底色
.pk-btn.pk-btn-normal {
    background-color: #fafafa;
}
// layout底色
.pk-layout-content{
    background-color: #f8f8f8;
}
// 日期选择器分隔符
.pk-calendar-range-picker-separator {
    line-height: 30px;
}
// input下拉箭头
.pk-select-arrow {
    margin-top: -10px;
}
// card
.pk-card{
    border-radius: 0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.08);
}
.pk-card--border{
    border: none;
}
.pk-title{
    margin-left: -16px;
    width: calc(100% + 32px);
    border-bottom: 1px solid #e0e0e0;
    padding: 0 10px;
    height: 36px;
    .pk-title-title-group{
        margin-top: -14px;
    }
    .pk-title-operations{
        margin-top: -12px;
    }
}
// 卡片标题
.pk-title-level-2 .pk-title-title{
    font-size: 14px;
}
.pk-panel-value-content, .pk-panel-label-content{
    font-size: 12px;
}
.pk-title-level-2{
    margin-bottom: 11px;
}
// 卡片margin
.trantor-page-scroll > div{
    margin: 16px;
}
.custom-container {
    padding: 16px;
}
// action btn
.pk-btn-primary, .filter-area .pk-btn-secondary{
    color: white;
    background-color: $primary;
    border-color: $primary;
    &:hover{
        background-color: #1abc9c;
        color: white;
    }
    &:active{
        background-color: #13826c;
        color: white;
    }
    &:focus{
        background-color: mix($primary, white, 95%);
        color: white;
    }
}

// reverse btn
.pk-arrange .arrange{
    &:after{
        content: '';
        display: block;
        clear: both;
    }
}
.pk-arrange-item{
    float: right;
    margin-left: 8px!important;
}
// sideNavigation
.pk-sideNavigation{
    border-right: none;
}
.pk-layout-sider{
    z-index: 10;
    box-shadow: 1px 0 4px 0 rgba(0,0,0,0.08);
}
.pk-sideNavigation-light .pk-menu-item-selected{
    font-size: 12px;
    &:active{
        font-size: 12px;
    }
}
.pk-sideNavigation .pk-menu-item.pk-sideNavigation-item-clickable:active{
    font-size: 12px!important;
}
// tab (anchor) font size
.pk-anchor-link-title:only-child{
    font-size: 14px;
}
.pk-anchor-link-active {
    border-bottom: 2px solid $primary;
}
// icon
.pk-form-item-control .nusicon.nusicon-dialog{
    transform: scale(0.75);
}
// pk-upload-con
.pk-upload-con {
    padding-top: 0;
}
// anchor锚点
.pk-anchor{
    border-radius: 0;
    border-top: 0;
    border-left: 1px solid rgba(0,0,0,.1);
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background-color: #fff;
    .pk-container{
        padding: 0;
    }
    .pk-anchor-link{
        width: 145px;
        margin: 0;
        margin-bottom: -1px;
        border-right: 1px solid #DEDEDE;
        border-top: 1px solid #DEDEDE;
        .pk-anchor-link-title{
            text-align: center;
        }
        .pk-anchor-link-title_icon{
            display: none;
        }
        .pk-anchor-link-title_text{
            text-align: center;
            width: 100%;
        }
        &.pk-anchor-link-active{
            border-bottom: none;
            &:before{
                content: "";
                position: absolute;
                width: 100%;
                top: 0;
                height: 2px;
                background: $primary;
            }
            &:after{
                bottom: -1px;
                background: #ffffff;
            }
        }
    }    
}
// pagination
.pk-pagination-item{
    border-radius: 0;
}
.pk-pagination-prev, .pk-pagination-next, .pk-pagination-jump-prev, .pk-pagination-jump-next{
    border-radius: 0;
}
.pk-pagination-prev, .pk-pagination-jump-prev, .pk-pagination-jump-next{
    margin-right: -1px;
}
.pk-pagination-item:focus, .pk-pagination-item:hover{
    background-color: #fff;
}
.pk-pagination-item{
    margin-right: -1px;
}
// tabs
.pk-tabs-bar{
    background-color: #fff;
}
.pk-tabs-nav .pk-tabs-tab{
    padding: 12px 12.5px;
    margin: 0;
}
// modal
.pk-modal-body{
    background-color: transparent;
}
.pk-modal-title{
    font-size: 16px;
}
.pk-modal-content{
    border-radius: 0;
}
.pk-modal-footer .pk-container{
    &:after{
        content: '';
        display: block;
        clear: both;
    }
    .pk-btn {
        float: right;
        margin-left: 8px;
    }
}
// alert
.pk-alert{
    border-width: 0;
}
// 下拉菜单
.pk-select-dropdown-menu-item:hover{
    background-color: #e5e5e5;
}
.pk-select-dropdown-menu-item-active{
    background-color: #fff;
}
// transfer
.pk-transfer-list{
    border-radius: 0;
}
.pk-transfer-list-header{
    background-color: #fff;
}
.pk-transfer-operation .pk-btn{
    justify-content: center;
    width: 46px;
    border: none;
}