maycur-business/lib/DepartmentSelectionModal/DepartmentSelection/style/DepartmentSelection.less

maycur business react components of web

@import '../../../style/variables.less';

.@{prefix}-department-picker-select {
    width: calc(60vw) !important;
    max-width: 800px;
    .ant-modal-body{
        padding: 10px 24px 0 !important;
        .ant-tabs-tabpane{
            padding:0 10px 0 10px;
        }
    }

    .title{
       display:flex;
       justify-content:space-between;
       padding:0 40px 0 10px;  
       line-height: 24px;

       margin: 0;
       color: rgba(0, 0, 0, 0.85);
       font-weight: 500;
       font-size: 15px;
       .switch{
           display: flex;
           align-items:center;
       }
       .ant-switch{
           margin-right:10px;
           height:20px;
           &::after{
            width: 16px;
            height: 16px;
           }
       }
       .fm-question{
           color:@maycur-color;
           margin-left:10px;
           cursor: pointer;
       }
    }

    .footer{
        .include {
            text-align: left;
            padding-left: 20px;
        }
        .btns-wrap {
            display: flex;
            justify-content: space-between;
            padding-left: 20px;
        }
        .help{
            line-height:36px;
            color:@report-label-color;
        }
    }

    .ant-modal-footer {
        border-top: none;
    }
}

.@{prefix}-popover{
    width:250px;
}