{"version":3,"sourceRoot":"","sources":["../../../src/components/Mobileprocess/FlowInformation/index.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAEA;EACE;;AAMJ;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAIA;EACE;;AAKN;EACE;IACE;IACA;;EAEA;IACE;;;AAKN;EACE;IACE;IACA;;EAEA;IACE;;;AAQV;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAIA;EACE;;AAKF;EACE;;AAMF;EACE;;AAMN;EACE;EACA;EACA;EACA;EAEA;;AAKE;EACE;;AAKN;EACE;;AAGF;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAMN;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAMR;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQR;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;;AAEA;EACE;EACA;;AAIE;EACE;EACA;;AAUV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAMN;EACE;;AAKN;EACE;EACA;;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA","file":"index.css","sourcesContent":[".technological {\n  background-color: var(--saas-crud-table-body-color);\n  padding: 0 12px 12px 12px;\n\n  &-table-wrapper {\n    padding: 0.75rem;\n\n    table {\n      border-collapse: collapse;\n      width: 100%;\n      font-size: 14px;\n      color: var(--saas-font-size-black);\n\n      thead {\n        tr {\n          height: 25px;\n          background-color: var(--saas-crud-table-thead-color);\n\n          td:nth-child(1) {\n            text-align: center;\n          }\n        }\n      }\n\n      tbody {\n        tr {\n          height: 25px;\n\n          td:nth-child(1) {\n            text-align: center;\n          }\n        }\n      }\n\n      td {\n        border: 1px solid var(--saas-table-thead-border-color);\n        padding: 12px;\n\n        .antd-Form-item {\n          margin-bottom: 0 !important;\n        }\n\n        .ant-badge {\n          .ant-badge-status-text {\n            color: var(--saas-font-size-black);\n          }\n        }\n      }\n\n      @media screen and (min-width:1280px) and (max-width:1440px) {\n        td {\n          padding: 4px;\n          font-size: 12px;\n\n          .ant-badge-status-text {\n            font-size: 12px;\n          }\n        }\n      }\n\n      @media screen and (min-width:1441px) and (max-width:1680px) {\n        td {\n          padding: 8px;\n          font-size: 13px;\n\n          .ant-badge-status-text {\n            font-size: 13px;\n          }\n        }\n\n      }\n    }\n  }\n\n  .process_group {\n    position: relative;\n\n    .process_title {\n      height: 32px;\n      border-radius: 20px;\n      background-color: #F8F8F8;\n      z-index: 1;\n      margin-left: -16px;\n      position: relative;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding-left: 40px;\n      padding-right: 10px;\n\n      .process_icon {\n        position: absolute;\n        left: 16px;\n      }\n    }\n\n    .process_doing {\n      background-color: #E3F1FF\n    }\n\n    .process_waiting {\n      .process_icon>svg>g>path {\n        fill: #BBBDBF;\n      }\n    }\n\n    .process:nth-last-child(1) {\n      .titlecontent_line {\n        height: calc(100% + 38px);\n      }\n    }\n\n\n    .process-last-child {\n      .titlecontent_line {\n        height: calc(100% + 64px);\n      }\n    }\n\n  }\n\n  .titlecontent_line {\n    position: absolute;\n    top: 20px;\n    left: 5px;\n    height: 100%;\n    // border-left: 2px dashed #3574ee;\n    border-left: 2px solid #3574ee;\n  }\n\n  .process_group:nth-last-child(1) {\n    .process:nth-last-child(1) {\n      .titlecontent_line {\n        height: 100%;\n      }\n    }\n  }\n\n  .before_doing {\n    border-left: 2px dashed #ccc;\n  }\n\n  .title {\n    margin-bottom: 10px;\n\n    .titlecontent {\n      margin-bottom: 12px;\n\n      .name_const {\n        font-size: 16px;\n        line-height: 22px;\n        font-weight: 600;\n      }\n\n      .flow_path {\n        line-height: 28px;\n        display: flex;\n        position: relative;\n        padding-bottom: 10px;\n\n        .outlined {\n          display: inline-block;\n          width: 12px;\n          height: 12px;\n          background-color: #3574ee;\n          border-radius: 50%;\n          margin-right: 13px;\n        }\n\n        .outlined_doing {\n          display: inline-block;\n          width: 12px;\n          height: 12px;\n          background-color: #BBBDBF;\n          border-radius: 50%;\n          margin-right: 13px;\n        }\n\n        .flow_path_text {\n          height: 28px;\n          display: inline-block;\n          margin-right: 5px;\n          font-size: 14px;\n          color: #31373D;\n        }\n\n        .statusiocn {\n          height: 25px;\n          font-size: 32px;\n\n          svg {\n            top: -2px;\n          }\n\n          svg.process {\n            top: -9px;\n          }\n        }\n\n      }\n\n      .flow_Mobile {\n        align-items: center;\n\n\n        .statusiocn {\n          font-size: 12px;\n          height: 18px;\n          padding: 0px 4px;\n          border-radius: 3px;\n          color: #fff;\n          line-height: 18px;\n        }\n\n        .statusiocn_pass {\n          background-color: #13B478;\n        }\n\n        .statusiocn_revert {\n          background-color: #FDA71E;\n        }\n\n        .statusiocn_doing {\n          background-color: #287EF0;\n        }\n\n        .statusiocn_refuse {\n          background-color: #FF3A3A;\n        }\n      }\n    }\n  }\n\n  .process {\n    padding-top: 10px;\n    position: relative;\n\n    .approver {\n      margin-bottom: 5px;\n      display: flex;\n\n      .decision {\n        position: relative;\n        margin-right: 3px;\n        width: 20px;\n        text-align: center;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        left: -4px;\n        height: 25px;\n        z-index: 1;\n\n        .outer-layer {\n          background-color: #fff;\n          padding: 2px 0;\n\n          .decision_icon {\n            width: 6px;\n            height: 6px;\n            background: #ccc;\n            border-radius: 50%;\n            position: relative;\n          }\n\n          .submit {\n            background-color: #15B37B;\n          }\n\n          .pass {\n            background-color: #15B37B;\n          }\n\n          .waiting {\n            background-color: #ccc;\n          }\n\n          .revert {\n            background-color: #FDA71E;\n          }\n\n          .ondo {\n            background-color: #3574ee;\n          }\n\n          .refuse {\n            background-color: #F5222D;\n          }\n\n          .doing {\n            background-color: #3574ee;\n\n            @keyframes antStatusProcessing {\n              0% {\n                -webkit-transform: scale(.8);\n                transform: scale(.8);\n                opacity: .5;\n              }\n\n              100% {\n                -webkit-transform: scale(2.4);\n                transform: scale(2.4);\n                opacity: 0;\n              }\n            }\n\n            &::before {\n              position: absolute;\n              top: 0;\n              left: 0;\n              width: 100%;\n              height: 100%;\n              border: 1px solid #3574ee;\n              border-radius: 50%;\n              animation: antStatusProcessing 1.2s ease-in-out infinite;\n              content: \"\";\n            }\n          }\n        }\n\n\n      }\n\n      .approver_usercontent {\n        flex: 1;\n        max-width: calc(100% - 25px);\n\n        .approver_user {\n          display: flex;\n          justify-content: space-between;\n\n          .approver_name {\n            color: #000;\n            font-size: 13px;\n            vertical-align: top;\n\n            @media screen and (min-width: 1280px) and (max-width: 1440px) {\n              font-size: 12px;\n            }\n          }\n\n          .approver_personnel {\n            line-height: 24px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n\n            .approver_img {\n              width: 24px;\n              height: 24px;\n              display: inline-block;\n              font-size: 24px;\n              margin-right: 5px;\n\n              svg {\n                top: 0;\n              }\n            }\n          }\n\n          .approver_status {\n            font-size: 12px;\n            line-height: 28px;\n            color: rgba(#000000, 25%);\n\n            .approver_time {\n              line-height: normal;\n              margin-right: 10px;\n            }\n          }\n        }\n\n        .put-on-display {\n          padding-right: 50px;\n\n          .approver_content {\n            padding: 8px 12px;\n            vertical-align: top;\n            font-size: 12px;\n            border-radius: 5px;\n            margin: 5px 0 5px;\n            color: rgba(0, 0, 0, 0.45);\n            background: #F0F2F5;\n\n          }\n\n          .data_img {\n            display: flex;\n            flex-wrap: wrap;\n\n            .pieceimg {\n              margin-right: 5px;\n              margin-bottom: 5px;\n\n              .pieceimg_img {\n\n                .pieceimg_img_data {\n                  width: 4.875rem;\n                  height: 4.875rem;\n                }\n              }\n            }\n          }\n        }\n\n\n\n\n        .textfile_xls {\n          padding: 6px 12px 6px 12px;\n          border-radius: 4px;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          width: 100%;\n          background-color: #F0F2F5;\n          margin-bottom: 5px;\n          cursor: pointer;\n\n          .textfile_size {\n            display: flex;\n            align-items: center;\n            width: 80px;\n            justify-content: space-between;\n\n            .item-select-tag-size {\n              font-size: 12px;\n              display: inline-block;\n              width: 60px;\n              text-align: right;\n              color: rgba(0, 0, 0, 0.45);\n            }\n\n            .item-select-tag-btn {\n              color: #3574ee;\n            }\n          }\n\n          .textfile_text {\n            display: flex;\n            align-items: center;\n            flex: 1;\n            padding-right: 10px;\n            overflow: hidden;\n            max-width: 300px;\n\n            .textfile_icon {\n              margin-right: 10px;\n            }\n\n            .text {\n              overflow: hidden;\n              white-space: nowrap;\n              text-overflow: ellipsis;\n              font-size: 12px;\n              color: rgba(0, 0, 0, 0.45);\n\n            }\n          }\n        }\n\n        .textfile_xls:nth-last-child(1) {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    .approver:nth-last-child(1) {\n      border-bottom: none;\n      margin-bottom: 0px;\n    }\n  }\n\n}\n\n.approver_decision {\n  width: 40px;\n  height: 25px;\n  border-radius: 50%;\n  font-size: 12px;\n  text-align: center;\n  display: inline-block;\n  color: #ccc;\n  line-height: 25px;\n  border: 1px solid;\n}\n\n.approver_opinion1 {\n  border-color: #30bf78;\n  color: #30bf78;\n}\n\n.approver_opinion2 {\n  border-color: #797979;\n  color: #797979;\n}\n\n.approver_opinion3 {\n  border-color: #f08bb4;\n  color: #f08bb4;\n}\n\n.approver_opinion4 {\n  border-color: #d17100;\n  color: #d17100;\n}\n\n.approver_opinion5 {\n  border-color: #ff3a3a;\n  color: #ff3a3a;\n}\n\n.approver_opinion6 {\n  border-color: #3574ee;\n  color: #3574ee;\n}\n\n.approver_opinion7 {\n  border-color: rgba(#000000, 25%);\n  color: rgba(#000000, 25%);\n}\n\n.approver_opinion8 {\n  border-color: #797979;\n  color: #797979;\n}\n\n.approver_opinion9 {\n  border-color: #3574ee;\n  color: #3574ee;\n}\n\n.approver_opinion10 {\n  border-color: rgba(#000000, 25%);\n  color: rgba(#000000, 25%);\n}\n\n.approver_opinion11 {\n  border-color: rgba(#000000, 25%);\n  color: rgba(#000000, 25%);\n}\n\n.approver_opinion12 {\n  border-color: #ff3a3a;\n  color: #ff3a3a;\n  border-radius: 0%;\n  height: auto;\n}\n"]}