button.h5s-select-attendance-cycle{
    color: @color-theme;
}

// 薪资发放申请单 薪资信息-详细说明按钮样式
.payroll-package {
    .button-inline-text.gui-btn {
        color: @color-theme;
    }
}

// 打卡记录按钮颜色不区分工作日还是周末
.punch-card-records{
    .calendar{
        .day{
            color: @color-theme !important;
        }
    }
}
.calendar{
    .days{
        .day{
            &.work-day{
                color: @color-theme
            }
            &.today{
                div{
                    border: 1px solid @color-theme;
                }
            }
            &.active{
                div{
                    background: @color-theme;
                }
            }
        }
    }
}


.gui-checkbox{
    &.checked > div{
        &:last-child{
            border-color: @color-theme;
            background: @color-theme;
        }
    }
}
.gui-checkbox-group{
    .load-all{
        color: @color-theme;
    }
}





.choose-list-page-wrapper {
    .search-wrappr {
        .gui-search-bar {
            .search-bar-cancel {
                color: @color-theme;
            }
        }
    }
}
.my-form-registration{
    .buttonAll{
        .button{
            color: @color-theme;
           
        }
        .buttons{
            color: @color-theme;
        }
    }

    .approve-state-tabs{
        .tabs-hd{
            li{
                &.selected{
                    & > div{
                        border-bottom: 2px solid @color-theme;
                        color: @color-theme;
                    }
                }
            }
        }
        
}
}



.h5s-copy{
    .copy-action{
        color: @color-theme;
    }
}


.filter-condition{
    & > .title{
        &::before{
            background: @color-theme;
        }
    }
    & > .items{
        & > div{
            &.selected{
                color: @color-theme;
            }
        }
    }
}

.schdule-detail{
    .progress {
        .progress-last {
            background: @color-theme;
        }
    }
}


.form-detail-header-new{
    & > .des{
        & > .header-time{
            &.change-logo {
                & > .header-time-day{
                    color: @color-theme;
                }
                & > .header-time-month{
                    color: @color-theme;
                }
            }
        }
    }

    .revoke{
        color: @color-theme;
    }

}


.form-detail-header{
    .revoke{
        color: @color-theme;
    }

}



.new-workflow-overTime-form-detail, .new-workflow-leave-form-detail, .new-workflow-exception-form-detail, .overtime-batch-detail{

    .gui-foldable.arrow{
        .overtime-foldable{
            & > div:last-child{
                &.ACTIVE{
                    color: @color-active;
                }
                &.COMPLETING{
                    color: @color-active;
                }
                &.COMPLETED{
                    color: @color-completed;
                }
                &.REJECT{
                    color: @color-reject;
                }
                &.CANCEL{
                    color: @color-cancel;
                }
            }
        }
    }
}



.overtime-batch-detail {
    .load-more {
        color: @color-theme;
    }
}



.my-form-list{
    &.ACTIVE{
        border-left: 6px solid @color-active;
    }
    &.COMPLETING{
        border-left: 6px solid @color-active;
    }
    &.COMPLETED{
        border-left: 6px solid @color-completed;
    }
    &.REJECT{
        border-left: 6px solid @color-reject;
    }
    &.EXCEPTION{
        border-left: 6px solid @color-reject;
    }
    &.CANCEL{
        border-left: 6px solid @color-cancel;
    }
}



.h5s-form-status{
    & > li{
        &.active{
            border-bottom: 2px solid @color-theme;
            color: @color-theme;
        }
    }
}


.form-type-wrapper{
    .form-type{
        &.active > div:last-child{
            color: @color-theme;
        }
    }
}



.my-form-list{
    &.ACTIVE{
        border-left: 6px solid @color-active;
    }
    &.COMPLETEING{
        border-left: 6px solid @color-active;
    }
    &.COMPLETED{
        border-left: 6px solid @color-completed;
    }
    &.REJECT{
        border-left: 6px solid @color-reject;
    }
    &.EXCEPTION{
        border-left: 6px solid @color-reject;
    }
    &.CANCEL{
        border-left: 6px solid @color-cancel;
    }

}
.my-form-list-header{
    & > .my-form-list-title{
        font-family: PingFangSC-Medium;
    }
}


.shift-general-list{
    &.isDetail{
        .date-time{
            color: @color-theme;
        }
    }
}



.my-form-list{
    &.state-ACTIVE{
        border-left: 6px solid @color-active;
    }
    &.state-COMPLETING{
        border-left: 6px solid @color-active;
    }
    &.state-COMPLETED{
        border-left: 6px solid @color-completed;
    }
    &.state-REJECT{
        border-left: 6px solid @color-reject;
    }
    &.state-EXCEPTION{
        border-left: 6px solid @color-reject;
    }
    &.state-CANCEL{
        border-left: 6px solid @color-cancel;
    }
    &.state-0 {
        border-left: 6px solid @color-active;
    }
    &.state-1 {
        border-left: 6px solid @color-cancel;
    }

}
.my-form-list-header{
    & > .my-form-list-title{
        font-family: PingFangSC-Medium;
    }
}


.shift-general-list{
    &.isDetail{
        .date-time{
            color: @color-theme;
        }
    }
}


.single-approve-process {
    .left {
        .top-line-newWorkflow {
            background: @color-theme;
        }
        .mark {
            .h5-icon-pass {
                color: @color-theme;
            }
            .h5-icon-approving {
                color: @color-theme;
            }
        }
        .bottom-line {
            background: @color-theme;
        }
    }
    .right {
        .approveStatus {
            &.pass {
                color: @color-theme;
            }
        }
    }
}



.single-approve-process{
    .left{
        .top-line{
            background: @color-theme;
        }
        .mark{
            .h5-icon-pass{
                color: @color-theme;
            }
            .h5-icon-approving{
                color: @color-theme;
            }
        }
        .bottom-line{
            background: @color-theme;
        }
    }
    .right{
        .approveStatus{
            &.pass{
                color: @color-theme;
            }
        }
    }
}


.h5s-btn-group{
    & .gui-btn{
        border: 1px solid @color-theme;
        color: @color-theme;
    }
}


.new-filter-condition{
    & > .items{
        & > div{
            &.selected{
                background: @color-theme;
                border-color: @color-theme;
            }
        }
    }
}


.h5s-picker-wrapper{
    .gui-picker{
        & > .gui-picker__hd{
            & > .gui-picker__action{
                color: @color-theme;
            }
        }
    }
}


.process-status{
    &.ACTIVE{
        color: @color-active;
        &::after{
            color: @color-active;
        }
    }
    &.COMPLETING{
        color: @color-active;
        &::after{
            color: @color-active;
        }
    }
    &.COMPLETED{
        color: @color-completed;
        &::after{
            color: @color-completed;
        }
    }
    &.REJECT{
        color: @color-reject;
        &::after{
            color: @color-reject;
        }
    }
    &.CANCEL{
        color: @color-cancel;
        &::after{
            color: @color-cancel;
        }
    }
    &.EXCEPTION{
        color: @color-reject;
        &::after{
            color: @color-reject;
        }
    }
}


.process-status-new{
    &.ACTIVE{
        color: @color-active;
        border-color: @color-active;
    }
    &.COMPLETED{
        color: @color-completed;
        border-color: @color-completed;
    }
    &.REJECT{
        color: @color-reject;
        border-color: @color-reject;
    }
    &.CANCEL{
        color: @color-cancel;
        border-color: @color-cancel;
    }
    &.EXCEPTION{
        color: @color-reject;
        border-color: @color-reject;
    }
}


.h5-range{
    &.leave{
        background: @color-theme;
    }
    &.overtime{
        .h5-range-approved{
            background: @color-theme;
        }
    }
}


.gui-search{
    & > .gui-search-bar {
        form {
            .search-bar-cancel {
                color: @color-theme;
            }
        }
    }
}

.verification-code {
    .footer-button {
        background: @color-theme;
    }
}


.my-approve.gui-layout-sticky-header{
    .layout-sticky-header-hd{
        button.active{
            color: @color-theme;
        }
    }
    .custom-footer{
        .appearance-BatchProcessing-footer{
            color: @color-theme;
        }
    }
}


button.h5s-select-attendance-cycle{
    color: @color-theme;
}


.attendance-statistics-page {

    .category-name {
        .workDay {
            color: @color-theme;
        }
    }
    .attendance-bottom-btn-wrapper {
        .attendance-btn-tip {
            background-color: tint(@color-theme, 70%);
        }
        .attendance-btn {
            .gui-btn.type-primary {
                background: @color-theme  !important;
                ;
            }
        }
    }
    .dot{
        &::before{
            content: '';
            display: inline-block;
            background: @color-theme;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            margin-right: 6px;
        }
    }

}


.calendar {
    .days {
        .day {
            &.work-day {
                color: @color-theme
            }

            &.today {
                div {
                    border: 1px solid @color-theme;
                }
            }

            &.active {
                div {
                    background: @color-theme;
                }
            }
        }
    }
}


.base-schedule-wrapper {
    .base-schedule-header {
        .base-schedule-title {
            .base-schedule-text {
                color: @color-theme;
            }
            .base-schedule-action {
                color: @color-theme;
            }
        }
    }
}


.search-department{

    .search-department-hd{
        .search-department-hd-confirm{
            color: @color-theme;
        }
    }
    .search-department-bd{
        .search-department-bd-detailList{
            .search-department-bd-title{
                .changed{
                    color: @color-theme;
                }
            }
        }
        .search-department-bd-title-back{
            .department-name{
                color: @color-theme;
            }
        }
    }
}



.table-action-wrapper{
      .active-class{
      color:  @color-theme;
      }
      .active-time{
        color:  @color-theme;
      }
      .active-changeShift
      {
        color:  @color-theme;
      }
      .active-delete{
        color:  @color-theme;
      }

}

.table-process {
    .bar-fill {
        background: @color-theme;
    }
}



.isSelect-table-cell {
    border: 2px solid @color-theme;
    .countersign {
        border-color: transparent @color-theme transparent transparent;
    }
}

.isSelect-table-cellNew {
    border: 2px solid @color-theme;

    .countersign {
        border-color: transparent @color-theme transparent transparent;
    }
}


.bi-container{
    .mask-content{
        .type-name{
            .icon-tick{
                color:@color-theme;
            }
        }
    }
}


.tab-dashboard{
    & > .group{
        .group-name{
            color: @module-name-color;
        }
        & li{
            & > a{
                & > .work-icon{
                    & > span{
                        background: @module-icon-background-color;
                        color: @module-icon-color;
                    }
                }
                & > .menu-title{
                    color: @module-name-color;
                }
            }
        }
    }
}


.home-config-page{
    .single-config{
        & > div:last-child{
            .h5-icon-sort{
                color: @color-theme;
            }
        }
    }
}

.single-config.gu-mirror{
    & > div:last-child{
        .h5-icon-sort{
           color: @color-theme;
        }
    }
}


.home-page{
    .layout-sticky-header-hd{
        & > .operation{
            color: @color-theme;
        }
    }

    .layout-sticky-header-bd > div{
        .echart{
            .title{
                .remark{
                    color: @color-theme;
                }
            }
        }
        .leave-quota{
            .wrapper{
                .description{
                    & > div.h5s-flex-left-right.mark{
                        &.balance::before{
                            background: @color-theme
                        }

                    }
                }
            }
        }
    }




}
.new-notice{
    .new-notice-btn{
        color: @color-theme;
    }
}


.language-set{
    .language-detail{
        .detail{
            .changed{
                color: @color-theme;
            }

        }
    }
}




.authorization-baiduMap{
    .search{
        .search-department-hd-confirm{
            color: @color-theme;
        }
    }
    .map{
        .h5-icon-gps-address{
            color: @color-theme;
        }
    }
}


.authorization-gps-detail{
    .GPS{
        .h5-icon-gps-address{
            color: @color-theme;
        }
    }
    .save{
        background: @btn-color-primary;
    }
}




.authorization-main{
    .detail{
        .bottom{
            .set{
                color: @color-theme;
            }
        }
    }
}



.notice-detail-page{
    & > div{
        .dept-date{
            span.dept{
                color: @color-theme;
            }
        }
    }
}



.notice-page{
    .single-notice{
        .detail{
            .title{
                .stick{
                    background: @color-theme;
                }
            }
        }
    }
}


.module-scheduling-notice{

    .container {
        main {
            .btns {

                .position {
                    >button {
                        color: @color-theme;
                    }
                    .turn {
                        border-color: @color-theme;
                        color: @color-theme;
                    }
                }
            }
            .more {
                color: @color-theme;
                .icon {
                fill: @color-theme;
                }
            }
            .explain {
                .slide-down {
                color: @color-theme;
                }
            }
        }
    }
}




.authorization-baiduMap-search{
    .search{
        .search-department-hd-confirm{
            color: @color-theme;
        }
    }
}


.select-all {
    color: @color-theme;

}
.select-all2 {
    .turn {
        color: @color-theme;
    }
}


.effective-period{
    .effective-list{
        .detail-list{
            .progress{
                .progress-last{
                    background: @color-theme;
                }
            }
        }
    }
}




.businessCard {
    .signed {
        span:first-child {
            color: @color-theme;
        }
    }
}


.contact {
    .sureSign {
        background-color: @color-theme;
    }
}

.content {
    .operation {
        div {
            color: @color-theme;
        }
    }
}

.appContent {
    .operation {
        div {
            color: @color-theme;
        }
    }
}

.verify {
    .verifyCode {
        .getVerifyCode {
            background-color: @color-theme;
        }
    }
}

.signSuccess {
    .preview {
        background-color: @color-theme;
    }
}



.exception-page{
    & > .layout-sticky-header-bd{
        & > .exception-list{
            .single-exception{
                & > div{
                    &:not(:first-child){
                        .detail-content{
                            & > div:last-child{
                                .right{
                                    display: flex;
                                    align-items: center;
                                    margin-right: 15px;
                                    color: @color-theme;
                                }
                            }
                           
                        }
                    }
                }
            }
        }
    }
}


.executive-meeting{
    .detail-area{
        .punch-time{
            .punch-time-list{
                .button{
                    background: @color-theme;
                }
            }
        }
    }
}
.meeting-activity-add{
        &::before {
            border-top: 2px solid @color-theme;
        }
        &::after {
            border-left: 2px solid @color-theme;
        }
}


.module-field-person>div {
    button.leave-quota{
        color: @color-theme
    }
}

.module-request-leave > div{
    button.leave-quota{
        color: @color-theme
    }
   
}


.worktime-detail-page {

    .h5s-form-status {
        & > li.active {
            border-bottom: unset;
            & > div {
                border-bottom: 2px solid @color-theme;;
            }
        }
    }

}


.worktime-detail-page {

    .h5s-form-status {
        & > li.active {
            border-bottom: unset;
            & > div {
                border-bottom: 2px solid @color-theme;;
            }
        }
    }

}

.my-form-page{
    .form-number-search{
        .search-bar-cancel{
            color: @color-theme;
        }
    }
}

.detail {
    .add {
        &::before {
            border-top: 2px solid @color-theme;
        }
        &::after {
            border-left: 2px solid @color-theme;
        }
    }
}

.my-information-searchDep {
    .my-search-department-hd {
        .my-search-department-hd-confirm {
            color: @color-theme;
        }
    }
    .my-search-department-bd {
        .my-search-department-bd-detailList {
            .my-search-department-bd-title {
                .changed {
                    color: @color-theme;
                }
            }
        }
        .my-search-department-bd-title-back {
            .department-name {
                color: @color-theme;
            }
        }
    }
}





.new-my-approve{
    .approve-state-tabs{
        .tabs-hd{
            li{
                &.selected{
                    & > div{
                        border-bottom: 2px solid @color-theme;
                        color: @color-theme;
                    }
                }
            }
        }
        .form-total-count{
            .form-total-loaded {
                color: @color-theme;
            }
        }
    }
    .custom-footer{
        .appearance-BatchProcessing-footer{
            color: @color-theme;
        }
    }
}


.bluetooth-operation{
    & > div:first-child{
        &.success{
            .h5-icon-bluetooth{
                color: @color-theme;
            }
        }
    }
  
    & > .refresh{
        .h5-icon-refresh{
            color: @color-theme;
        }
    }
}


.gps-operation{
    & > div{
        &:first-child{
            &.success{
                color: @color-theme;
                .h5-icon-gps{
                    color: @color-theme;
                }
            }
        }
    }
    .h5-icon-refresh{
        color: @color-theme;
    }
}


.punch-card-button{
    &.success{
        background: @color-theme;
        box-shadow: 0 12px 12px -5px @color-theme;
    }
}


.single-record{
    & > div:first-child{
        & i::before{
            background: @color-theme;
            border: 2px solid lighten(@color-theme, 60%);
        }
    }
}





.punch-card-page{
    & > .punch-card-info-new{
        background: @color-theme;
    }

    .punch-card-record{
        color: @color-theme;
    }
}


.bluetooth-operation{
    & > div:first-child{
        &.success{
            .h5-icon-bluetooth{
                color: @color-theme;
            }
        }
    }
  
    & > .refresh{
        .h5-icon-refresh{
            color: @color-theme;
        }
    }
}


.gps-operation{
    & > div{
        &:first-child{
            &.success{
                color: @color-theme;
                .h5-icon-gps{
                    color: @color-theme;
                }
            }
        }
    }
    .h5-icon-refresh{
        color: @color-theme;
    }
}


.punch-card-button{
    &.success{
        background: @color-theme;
        box-shadow: 0 12px 12px -5px @color-theme;
    }
}


.single-record{
    & > div:first-child{
        & i::before{
            background: @color-theme;
            border: 2px solid lighten(@color-theme, 60%);
        }
    }
}





.punch-card-page{
    & > .punch-card-info-new{
        background: @color-theme;
    }

    .punch-card-record{
        color: @color-theme;
    }
}


.bluetooth-operation{
    & > div:first-child{
        &.success{
            .h5-icon-bluetooth{
                color: @color-theme;
            }
        }
    }
  
    & > .refresh{
        .h5-icon-refresh{
            color: @color-theme;
        }
    }
}


.gps-operation{
    & > div{
        &:first-child{
            &.success{
                color: @color-theme;
                .h5-icon-gps{
                    color: @color-theme;
                }
            }
        }
    }
    .h5-icon-refresh{
        color: @color-theme;
    }
}


.punch-card-button{
    &.success{
        background: @color-theme;
        box-shadow: 0 12px 12px -5px @color-theme;
    }
}


.single-record{
    & > div:first-child{
        & i::before{
            background: @color-theme;
            border: 2px solid lighten(@color-theme, 60%);
        }
    }
}





.punch-card-page{
    & > .punch-card-info-new{
        background: @color-theme;
    }

    .punch-card-record{
        color: @color-theme;
    }
}


.bluetooth-operation{
    & > div:first-child{
        &.success{
            .h5-icon-bluetooth{
                color: @color-theme;
            }
        }
    }
  
    & > .refresh{
        .h5-icon-refresh{
            color: @color-theme;
        }
    }
}


.gps-operation{
    & > div{
        &:first-child{
            &.success{
                color: @color-theme;
                .h5-icon-gps{
                    color: @color-theme;
                }
            }
        }
    }
    .h5-icon-refresh{
        color: @color-theme;
    }
}


.punch-card-button{
    &.success{
        background: @color-theme;
        box-shadow: 0 12px 12px -5px @color-theme;
    }
}


.single-record-detail{
    .punch-record-time{
        .process-node{
            background: @color-theme;
        }
    }
}





.punch-card-page{

    & > .punch-card-info-new{
        background: @color-theme;
    }
    .punch-card-record{
        color: @color-theme;
    }
}



.office-work{
    .schedule{
        .theme-color{
            color:@color-theme;
        }
    }

    .new-notice {
        .new-notice-btn {
            color: @color-theme;
        }
    }
}
.own-office{
        .office-mode{
            .office-mode-copy {
                color: @color-theme;
            }
        }
}



.new-my-approve{
    .approve-state-tabs{
        .tabs-hd{
            li{
                &.selected{
                    & > div{
                        border-bottom: 2px solid @color-theme;
                        color: @color-theme;
                    }
                }
            }
        }
    }
    .custom-footer{
        .appearance-BatchProcessing-footer{
            color: @color-theme;
        }
    }
}


.gui-gesture-password-unlocking .forgot{
    color: @color-theme;
}


.salary-page{
    .confirm-state{
        .confirm-date{
            color: @color-theme;
        }
    }
}

.salary-page-linde{
    .confirm-state{
        .confirm-date{
            color: @color-theme;
        }
    }
}







.verifyBottom{
    .reName{
        color: @color-theme;
    }
}

.certifyMessage{
    .verifyCode{
        .getVerifyCode{
            background-color: @color-theme;
        }
    }
}
.changeVerify{
    span:last-child {
        color: @color-theme;
    }
}

.module-punch-details {
    .details-record{
        .iconTick{
            background: @color-theme;
        }
        & > div:first-child{
            & i::before{
                background: @color-theme;
                border: 1px solid lighten(@color-theme, 60%);
            }
        }
    }
}




.department {
    .punch-search-department{
    
        .search-department-hd{
            .search-department-hd-confirm{
                color: @color-theme;
            }
        }
        .search-department-bd{
            .search-department-bd-detailList{
                .search-department-bd-title{
                    .changed{
                        color: @color-theme;
                    }
                }
            }
            .search-department-bd-title-back{
                .department-name{
                    color: @color-theme;
                }
            }
        }
    }
}



.transfer-request{
    .change-shift{
    color: @color-theme;
    }
}



.shift-list{
    & > .selected{
        color:@color-theme; 
    }
}



.search-department {
    .search-department-hd {
        .search-department-hd-confirm {
            color: @color-theme;
        }
    }
    .search-department-bd {
        .search-department-bd-detailList {
            .search-department-bd-title {
                .changed {
                    color: @color-theme;
                }
            }
        }
        .search-department-bd-title-back {
            .department-name {
                color: @color-theme;
            }
            .arrow {
                width: 25px;
            }
        }
    }
}



.transfer-request{
    .change-shift{
    color: @color-theme;
    }
}



.shift-list{
    & > .selected{
        color:@color-theme;
    }
}




.exchangePool {

    .exchange-pool-search {
        .search-bar-cancel {
            color: @color-theme;
        }

        .add-scheduling {
            .add-scheduling-content {
                .add {
                    color: @color-theme;
                }
            }
        }

    }

}

.exchange-list{
    .exchange-circle{
        color: @color-theme;
    }
    & > .left{
        & > .hours{
            color: @color-theme;
        }
    }
}


.holiday-balance{
    .holiday-balance-title{
        .holiday-balance-icon{
            background: @color-theme;
        }
        .holiday-balance-approving{
            color: @color-theme;
        }
    }
}



.module-request-leave > div{
    button.leave-quota{
        color: @color-theme
    }
}


.module-request-overtime {
    .overtime-quota {
        &>.content {
            &>.footer {
                .security-hours{
                    color:@color-theme
                }
            }
        }
    }
}


.h5s-picker-wrapper{
    .gui-picker{
        & > .gui-picker__hd{
            & > .gui-picker__action{
                color: @color-theme;
            }
        }
    }
}


.sick-list{
    button.gui-btn{
        &.checked{
            color: @color-theme;
        }
    }
   
    .batch-processing-actions .custom-footer{
        & > span{
            &.confirm{
                background: @color-theme;
            }
            &.cancel{
                color: @color-theme;
            }
        }
    }
}


.sick-leave-list{
    & > .left{
        & > .hours{
            color: @color-theme;
        }
    }
}

.sick-list-ym{
    button.gui-btn{
        &.checked{
            color: @color-theme;
        }
    }
   
    .batch-processing-actions .custom-footer{
        & > span{
            &.confirm{
                background: @color-theme;
            }
            &.cancel{
                color: @color-theme;
            }
        }
    }
}

.sick-leave-list-ym{
    & > .left{
        & > .hours{
            color: @color-theme;
        }
    }
}

.search-department {
    .search-department-hd {
        .search-department-hd-confirm {
            color: @color-theme;
        }
    }
    .search-department-bd {
        .search-department-bd-title-back {
            .department-name {
                color: @color-theme;
            }
            .arrow {
                width: 25px;
            }
        }
    }
}



.spare-goldapply{
    .spare-goldamount{
        .gui-select{
            color: @color-theme;
        }
        & > span.h5-icon-arrow-solid-down{
            color: @color-theme;
        }
    }
}
button.gui-btn.type-default.size-medium.appearance-plain {
    span.h5-icon-add{
        color: @color-theme;
    }
    span.addCostDetail{
        color: @color-theme;
    }
}
.advanceCostDetails{
    .goAdvanceClick{
        color: @color-theme;
    }
}


.date-calendar{
    &.current-date{
        color: @color-theme;
    }
    &.checked{
        background: @color-theme;
    }
}


.month-calendar{
    &.current-month{
        color: @color-theme;
    }
    &.checked{
        background: @color-theme;
    }
}




.week-calendar{
    &.current-week{
        color: @color-theme;
    }
    &.checked{
        color: #FFF;
        background: @color-theme;
    }
}


.schedule-page{
    .schedule-inquiry-list{
        .branch-detail{
            .h5-icon-branch{
                background: @color-theme;
            }
        }
    }
}




.scheduling-detail{
    .schedule-body{
        .month-schedule-detail{
            .person-schedule{
                div{
                    &:last-child{
                        color: @color-theme;
                    }
                }
            }
        }
        .week-schedule-detail, .day-schedule-detail{
            .person-schedule{
                div{
                    &:last-child{
                        color: @color-theme;
                    }
                }
            }
        }
    }
    .schedule-views{
        .isChecked{
            background: @color-theme;
        }
    }
}


.my-schdule{
    .calendar .day{
        &.has-schdule{
            color: @color-theme;
        }
        &.has-event{
            color: @color-theme;
            & > div{
                &::after{
                    background: @color-theme;
                }
            }
        }
    }
}



.schdule-detail{
    & > div.date{
        & > div.remark{
            color: @color-theme;
        }
    }
}
.time-progress-inner{
    height: 6px;
    background: @color-theme;
    border-radius: 4px;
    position: absolute;
}


.search-department{

    .search-department-hd{
        .search-department-hd-confirm{
            color: @color-theme;
        }
    }
    .search-department-bd{
        .search-department-bd-detailList{
            .search-department-bd-title{
                .changed{
                    color: @color-theme;
                }
            }
        }
        .search-department-bd-title-back{
            .department-name{
                color: @color-theme;
            }
        }
    }
}


@color-theme: #53A600;
@color-error: #F56A00;
@color-success: #53A600;
@color-warn:#FFD31A;

@color-border: #E5E5E5;
@color-background: #F5F6FA;
@color-placeholder: #B2B2B2;
//按钮颜色
//@btn-color-primary: #1AAD19;
@btn-color-primary: #53A600;
@btn-color-warn: #E64340;
//------------------------------头部
@header-color: #1C1B20;
@header-background: #FFF;
// @header-background: #1C1B20;
// @header-color: #FFF;
//------------------------------

@color-active: #FFC800;
@color-completed: #53A600;
@color-reject: #F12C20;
@color-cancel: #B2B2B2;

/* 工作页面图标颜色 */
@module-icon-color: #fff;
/* 工作页面图标背景色 */
@module-icon-background-color: none;
/* 功能模块名称颜色 */
@module-name-color: #000000;



.gui-btn-group{
    & > .gui-btn{
        &.appearance-plain + .appearance-plain{
            &.type-default, &.type-light{
                &::after{
                    background: @color-border;
                }
            }
        }
    }
}




.gui-btn {

    &.type-light{
        color: @btn-color-primary;
    }
    &.type-primary{
        background: @btn-color-primary;
    }
    &.type-warn{
        background: @btn-color-warn;
    }

}


.gui-dialog{
    /* Footer有可能被放在Body中，因此样式中不加`>` */
    & .dialog-ft{
        border-top: 1px solid @color-border;
    }
}


.gui-error-boundary{
    & > .error{
        color: @color-error;
    }
    & > .statck{
        color: @color-error;
    }
}


.gui-batch-processing{
    & .batch-processing-status{
        &.iconfont-tick-circle{
            color: @color-theme;
        }
    }
}


.gui-actionsheet{
    & > .actionsheet-actions{
        & > *{

            & + *{
                border-top: 1px solid @color-border;
            }
        }
    }
}



.gui-toptip{
    &[type=error]{
        background-color: @color-error;
    }
    &[type=success]{
        background-color: @color-success;
    }
}





.gui-highlighter{
    & > mark{
        color: @color-theme;
    }
}


.gui-check{
    & > [type=checkbox]{
        &:checked{
            & + .icon:before {
                color: @color-theme;
            }
        }
    }


}


.gui-form-field-with-label{
    &.empty > *{
        color: @color-placeholder;
    }
    &:empty + span{
        color: @color-placeholder;
    }
}


.gui-int{
    & > span{
        color: @color-theme;
    }
}



.gui-picker{
    & > .gui-picker__hd{
        & > .gui-picker__action{
            color: @color-theme;
        }
    }
}



.gui-radio{
    & > [type=radio]{
        &:checked{
            & ~ .icon:before {
                color: @color-theme;
            }
        }
    }
}


.gui-slider{
    & > .slider{
        & > .slider-range{
            & > .slider-track{
                background-color: @color-theme;
            }

        }
    }
}




.gui-switch:checked{
    border-color: @color-theme;
    background-color: @color-theme;
}


.gui-header{
    color: @header-color;
    background: @header-background;

    & > .header-back{
        &::before, &::after{
            background: @header-color;
        }

    }

}


@cell-border-color: #E5E5E5;

.gui-cells{
    border-top: 1px solid @cell-border-color;
    border-bottom: 1px solid @cell-border-color;
}

.gui-cell{
    border-top: 1px solid @cell-border-color;
}


.gui-cell-description{
    border-top: 1px solid @cell-border-color;
    background: @color-background;
}

.gui-cell-separator{
    border-top: 1px solid @cell-border-color;
    background: @color-background;
}


.gui-search-bar{
    border: 1px solid @color-border;
}


.gui-swiper{
    & > .swiper-ft{
        & > span{
            &.active{
                background: @color-theme;
            }
        }
    }
}


.gui-tabs{
    & > .tabs-hd{
        & > li{
            &.selected{
                color: @color-theme;
                & .tabs-icon{
                    color: @color-theme;
                }
            }
        }
    }
    &.bar-position-top{
        & > .tabs-hd{
            & > li{
                &.selected{
                    box-shadow: 0 1px 0 0 @color-theme;
                }
            }
        }
    }
}


@list-border-color: #E5E5E5;

.gui-list{
    & > ul{
        border: 1px solid @list-border-color;
        & > *{
            &:not(:last-child){
                border-bottom: 1px solid @list-border-color;
            }
        }
    }
}

//------------------------------ 颜色
@color-theme: #14be4b;
@color-error: #F56A00;
@color-success: #14be4b;

@color-border: #E5E5E5;
@color-background: #F5F6FA;
@color-placeholder: #B2B2B2;
//按钮颜色
@btn-color-primary: #14be4b;
@btn-color-warn: #E64340;
//------------------------------头部
@header-color: #FFF;
@header-background: #1C1B20;
//------------------------------tabs选中
@tabs-header-selected-color: #14be4b;