[class*='flow-icon'] {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}

.flow-text {
  vertical-align: -2px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.9);
}

.tea-icon+.flow-text,
[class*='flow-icon']+.flow-text {
  margin-left: 8px;
  vertical-align: middle;
}

.flow-icon--back {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55+p5b2idzwvdGl0bGU+CiAgICA8ZyBpZD0i55+p5b2idyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgPGcgaWQ9InVuZG8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCA1LjUwMDAwMCkiIHN0cm9rZT0iIzg4ODg4OCIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSLot6/lvoQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHBvaW50cz0iNSA1IDAgNSAwIDAiPjwvcG9seWxpbmU+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLDMgQzUuNDk4NjM5MTEsLTAuNDk4NjM5MTA3IDEwLjY3ODMwMzUsLTAuMjU5ODUyOTk3IDEzLjQ0MzAxOTMsMy4wMDA3MDQ4OCIgaWQ9Iui3r+W+hCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSI+PC9wYXRoPgogICAgICAgICAgICA8bGluZSB4MT0iMCIgeTE9IjUiIHgyPSIyIiB5Mj0iMyIgaWQ9Iui3r+W+hCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L2xpbmU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.flow-icon--play {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbi9wbGF5PC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWIhuaUry3mt7vliqDliIbmlK8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02ODQuMDAwMDAwLCAtNjcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uL3BsYXkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY4NC4wMDAwMDAsIDY3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgcG9pbnRzPSIwIDAgMTYgMCAxNiAxNiAwIDE2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOCwwIEMxMi40MTgyNzgsMCAxNiwzLjU4MTcyMiAxNiw4IEMxNiwxMi40MTgyNzggMTIuNDE4Mjc4LDE2IDgsMTYgQzMuNTgxNzIyLDE2IDAsMTIuNDE4Mjc4IDAsOCBDMCwzLjU4MTcyMiAzLjU4MTcyMiwwIDgsMCBaIE04LDIgQzQuNjg2MjkxNSwyIDIsNC42ODYyOTE1IDIsOCBDMiwxMS4zMTM3MDg1IDQuNjg2MjkxNSwxNCA4LDE0IEMxMS4zMTM3MDg1LDE0IDE0LDExLjMxMzcwODUgMTQsOCBDMTQsNC42ODYyOTE1IDExLjMxMzcwODUsMiA4LDIgWiBNNi4yMzkxMzM2NSw1LjAzMTE3MjE0IEwxMC45OTQxMzYxLDcuODA1MDc0NDMgQzExLjA2MzQ3NTgsNy44NDU2NjYxNiAxMS4xMDYwODY5LDcuOTE5OTg2NDEgMTEuMTA2MDg2OSw4LjAwMDMzNDIzIEMxMS4xMDYwODY5LDguMDgwNjgwODMgMTEuMDYzNDc1OCw4LjE1NTAwMTA4IDEwLjk5NDEzNjEsOC4xOTU1OTI4MSBMNi4yMzkxMzM2NSwxMC45Njk0OTUxIEM2LjE2OTAwNTczLDExLjAxMDQxODEgNi4wODIzMjY1OSwxMS4wMTA2MjYyIDYuMDEyMDAyOTQsMTAuOTcwMDQwNSBDNS45NDE2NzkzLDEwLjkyOTQ1NDggNS44OTg0OTQ4OSwxMC44NTQyOTg4IDUuODk4ODM5OTksMTAuNzczMTA0NiBMNS44OTg4Mzk5OSw1LjIyNjY1NzU5IEM1Ljg5ODgzOTk5LDUuMTQ1NjI1MDYgNS45NDIxMzI5LDUuMDcwNzY2NzMgNi4wMTIzOTY2Niw1LjAzMDQwMjQ0IEM2LjA4MjY2MDQyLDQuOTkwMDM4MTUgNi4xNjkxNDU1Niw0Ljk5MDMzMTc0IDYuMjM5MTMzNjUsNS4wMzExNzIxNCBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjODg4ODg4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.flow-icon--saveDraft {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbi9zYXZlIGRyYWZ0PC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWIhuaUry3mt7vliqDliIbmlK8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NzIuMDAwMDAwLCAtNjcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uL3NhdmUtZHJhZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3Mi4wMDAwMDAsIDY3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9ouWkh+S7vS0zIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDE2IEwwLDAgTDEyLDAgTDE2LDQgTDE2LDE2IEwwLDE2IFogTTExLjE3MSwyIEwyLDIgTDIsMTQgTDQsMTQgTDQsOSBMMTIsOSBMMTIsMTQgTDE0LDE0IEwxNCw0LjgyOSBMMTEuMTcxLDIgWiBNMTAsMTEgTDYsMTEgTDYsMTQgTDEwLDE0IEwxMCwxMSBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjODg4ODg4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.flow-icon--sendPlane {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+c2VuZC1wbGFuZS0yLWZpbGw8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5YiG5pSvLea3u+WKoOWIhuaUryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExODAuMDAwMDAwLCAtMjc2LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0ic2VuZC1wbGFuZS0yLWZpbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExODAuMDAwMDAwLCAyNzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBwb2ludHM9IjAgMCAxNiAwIDE2IDE2IDAgMTYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLDguNjY2NjY2NjcgTDYsOC42NjY2NjY2NyBMNiw3LjMzMzMzMzMzIEwyLDcuMzMzMzMzMzMgTDIsMS4yMzA2NjY2NyBDMiwxLjExMjgxNzgyIDIuMDYyMjY2NzMsMS4wMDM3MzgzNiAyLjE2MzcxNzc1LDAuOTQzNzcxMzU4IEMyLjI2NTE2ODc3LDAuODgzODA0MzU4IDIuMzkwNzQ0MjMsMC44ODE4NjM1MjEgMi40OTQsMC45Mzg2NjY2NjcgTDE0LjgwMiw3LjcwOCBDMTQuOTA4NDQzLDcuNzY2NjA1NzUgMTQuOTc0NTYzLDcuODc4NDg5NzQgMTQuOTc0NTYzLDggQzE0Ljk3NDU2Myw4LjEyMTUxMDI2IDE0LjkwODQ0Myw4LjIzMzM5NDI1IDE0LjgwMiw4LjI5MiBMMi40OTQsMTUuMDYxMzMzMyBDMi4zOTA3NDQyMywxNS4xMTgxMzY1IDIuMjY1MTY4NzcsMTUuMTE2MTk1NiAyLjE2MzcxNzc1LDE1LjA1NjIyODYgQzIuMDYyMjY2NzMsMTQuOTk2MjYxNiAyLDE0Ljg4NzE4MjIgMiwxNC43NjkzMzMzIEwyLDguNjY2NjY2NjcgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iIzBBQkY1QiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.flow-icon--sendMail {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bWFpbC1zZW5kLWZpbGw8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5YiG5pSvLea3u+WKoOWIhuaUryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMTIuMDAwMDAwLCAtMjc2LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0ibWFpbC1zZW5kLWZpbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMTIuMDAwMDAwLCAyNzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBwb2ludHM9IjAgMCAxNiAwIDE2IDE2IDAgMTYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjMzMzMzMzMzLDMuNjY2NjY2NjcgTDEuMzMzMzMzMzMsMi42NjIgQzEuMzM1ODcxODgsMi4yOTc3MDM3IDEuNjMwMzczMTEsMi4wMDI5MDU2IDEuOTk0NjY2NjcsMiBMMTQuMDA1MzMzMywyIEMxNC4zNzA2NjY3LDIgMTQuNjY2NjY2NywyLjI5NjY2NjY3IDE0LjY2NjY2NjcsMi42NjIgTDE0LjY2NjY2NjcsMTMuMzM4IEMxNC42NjQxMjgxLDEzLjcwMjI5NjMgMTQuMzY5NjI2OSwxMy45OTcwOTQ0IDE0LjAwNTMzMzMsMTQgTDEuOTk0NjY2NjcsMTQgQzEuNjI5MzE0NTQsMTMuOTk5NjMyMSAxLjMzMzMzMzMzLDEzLjcwMzM1MjMgMS4zMzMzMzMzMywxMy4zMzggTDEuMzMzMzMzMzMsMTIuNjY2NjY2NyBMMTMuMzMzMzMzMywxMi42NjY2NjY3IEwxMy4zMzMzMzMzLDQuODY2NjY2NjcgTDgsOS42NjY2NjY2NyBMMS4zMzMzMzMzMywzLjY2NjY2NjY3IFogTTAsNi42NjY2NjY2NyBMMy4zMzMzMzMzMyw2LjY2NjY2NjY3IEwzLjMzMzMzMzMzLDggTDAsOCBMMCw2LjY2NjY2NjY3IFogTTAsMTAgTDUuMzMzMzMzMzMsMTAgTDUuMzMzMzMzMzMsMTEuMzMzMzMzMyBMMCwxMS4zMzMzMzMzIEwwLDEwIFoiIGlkPSLlvaLnirYiIGZpbGw9IiNGRjcyMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.flow-icon--converging {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uE5aSH5Lu9PC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IumAieaLqeiKgueCueWkh+S7vSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMTYuMDAwMDAwLCAtMzYwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uE5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzE2LjAwMDAwMCwgMzYwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOSwxLjgzNjk3MDJlLTE2IEw5LDEuNSBMMTIsMS41IEMxMy4wNTQzNjE4LDEuNSAxMy45MTgxNjUxLDIuMzE1ODc3NzkgMTMuOTk0NTE0MywzLjM1MDczNzY2IEwxNCwzLjUgTDE0LDUgTDE2LDUgTDE2LDExIEwxNCwxMSBMMTQsMTIuNSBDMTQsMTMuNjA0NTY5NSAxMy4xMDQ1Njk1LDE0LjUgMTIsMTQuNSBMOSwxNC40OTkgTDksMTYgTDcsMTYgTDcsMTQuNSBMNCwxNC41IEMyLjg5NTQzMDUsMTQuNSAyLDEzLjYwNDU2OTUgMiwxMi41IEwyLDExIEwwLDExIEwwLDUgTDIsNSBMMiwzLjUgQzIsMi40NDU2MzgyIDIuODE1ODc3NzksMS41ODE4MzQ4OCAzLjg1MDczNzY2LDEuNTA1NDg1NzQgTDQsMS41IEw3LDEuNDk5IEw3LC0xLjgzNjk3MDJlLTE2IEw5LDEuODM2OTcwMmUtMTYgWiBNNCwzLjUgTDQsNSBMNiw1IEw2LDExIEw0LDExIEw0LDEyLjUgTDEyLDEyLjUgTDEyLDExIEwxMCwxMSBMMTAsNSBMMTIsNSBMMTIsMy41IEw4LDMuNSBMNCwzLjUgWiBNNCw3IEwyLDcgTDIsOSBMNCw5IEw0LDcgWiBNMTQsNyBMMTIsNyBMMTIsOSBMMTQsOSBMMTQsNyBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjODg4ODg4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.flow-icon--start {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+dGltZXItZmlsbDwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLmv4DmtLvphY3nva4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MzQuMDAwMDAwLCAtNDM2LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0idGltZXItZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTM0LjAwMDAwMCwgNDM2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgcG9pbnRzPSIwIDAgMjQgMCAyNCAyNCAwIDI0Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTcuNjE4LDUuOTY4IEwxOS4wNzEsNC41MTUgTDIwLjQ4NSw1LjkyOSBMMTkuMDMyLDcuMzgyIEMyMi4wMTMwNzc1LDExLjExMzQ0NTcgMjEuNTYwMzA4OCwxNi41MjM2NjcyIDE4LjAwMDQ4OTQsMTkuNzA3NzIwNSBDMTQuNDQwNjcsMjIuODkxNzczOSA5LjAxMzYzODQxLDIyLjc0MDY5NSA1LjYzNjQ3MTcxLDE5LjM2MzUyODMgQzIuMjU5MzA1MDEsMTUuOTg2MzYxNiAyLjEwODIyNjExLDEwLjU1OTMzIDUuMjkyMjc5NDYsNi45OTk1MTA2MyBDOC40NzYzMzI4MSwzLjQzOTY5MTI0IDEzLjg4NjU1NDMsMi45ODY5MjI0OSAxNy42MTgsNS45NjggWiBNMTEsOCBMMTEsMTQgTDEzLDE0IEwxMyw4IEwxMSw4IFogTTgsMSBMMTYsMSBMMTYsMyBMOCwzIEw4LDEgWiIgaWQ9IuW9oueKtiIgZmlsbC1vcGFjaXR5PSIwLjQiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.flow-icon--flash {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+dGltZXItZmxhc2gtZmlsbDwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLmv4DmtLvphY3nva4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MzQuMDAwMDAwLCAtMTcyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0idGltZXItZmxhc2gtZmlsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTM0LjAwMDAwMCwgMTcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgcG9pbnRzPSIwIDAgMjQgMCAyNCAyNCAwIDI0Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi4zODIsNS45NjggQzcuOTc1NzQxODMsNC42OTEwNjUyMiA5Ljk1NzgwMzkxLDMuOTk2NzQzNzMgMTIsMy45OTk5ODg2IEMxNC4xMjUsMy45OTk5ODg2IDE2LjA3OCw0LjczNiAxNy42MTgsNS45NjggTDE5LjA3MSw0LjUxNSBMMjAuNDg1LDUuOTI5IEwxOS4wMzIsNy4zODIgQzIxLjk3MjUxMDUsMTEuMDYzMjQ5IDIxLjU3NjIyODUsMTYuMzg5MzEyMiAxOC4xMjMzMTA2LDE5LjU5NDg2MjcgQzE0LjY3MDM5MjcsMjIuODAwNDEzMiA5LjMyOTYwNzM0LDIyLjgwMDQxMzIgNS44NzY2ODk0LDE5LjU5NDg2MjcgQzIuNDIzNzcxNDYsMTYuMzg5MzEyMiAyLjAyNzQ4OTUsMTEuMDYzMjQ5IDQuOTY4LDcuMzgyIEwzLjUxNSw1LjkzIEw0LjkyOSw0LjUxNiBMNi4zODIsNS45NjkgTDYuMzgyLDUuOTY4IFogTTEzLDEyIEwxMyw3LjQ5NSBMOCwxNCBMMTEsMTQgTDExLDE4LjUgTDE2LDEyIEwxMywxMiBaIE04LDEgTDE2LDEgTDE2LDMgTDgsMyBMOCwxIFoiIGlkPSLlvaLnirYiIGZpbGwtb3BhY2l0eT0iMC40IiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.flow-icon--merge {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Z2l0LW1lcmdlLWZpbGzlpIfku708L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5YiG5pSvLea3u+WKoOWIhuaUryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1Mi4wMDAwMDAsIC0zNDAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjMyLjAwMDAwMCwgMzI4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImdpdC1tZXJnZS1maWxs5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDEyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIHBvaW50cz0iMCAwIDI0IDAgMjQgMjQgMCAyNCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjEwNSw4Ljc5IEM3LjQ2MTU3MzY4LDEwLjA5NDk3NzcgOC42NDcxODM4LDExLjAwMDA1NDkgMTAsMTEgTDE0LDExIEMxNi40MzE5NTU4LDExLjAwMDE4IDE4LjUxMTIxODcsMTIuNzQ5ODUgMTguOTI3LDE1LjE0NiBDMjAuMzI5MDM3OCwxNS42MDM0MTYgMjEuMTkwOTMyNywxNy4wMTE3NTQzIDIwLjk2MDI3MjUsMTguNDY4MzcyMSBDMjAuNzI5NjEyNCwxOS45MjQ5ODk4IDE5LjQ3NDc2NjQsMjAuOTk4MTM1MyAxOCwyMSBDMTYuNTU5MTMwNiwyMS4wMDExMTYxIDE1LjMyMDk3MDksMTkuOTc3NzE1MiAxNS4wNTA4NjEyLDE4LjU2MjM4OTYgQzE0Ljc4MDc1MTYsMTcuMTQ3MDY0IDE1LjU1NDk5MDYsMTUuNzM5NjA0MyAxNi44OTUsMTUuMjEgQzE2LjUzODQyNjMsMTMuOTA1MDIyMyAxNS4zNTI4MTYyLDEyLjk5OTk0NTEgMTQsMTMgTDEwLDEzIEM4LjkxNzg5MDc4LDEzLjAwMTU5NDUgNy44NjQ3MzA2NywxMi42NTA1NDExIDcsMTIgTDcsMTUuMTcgQzguMzc4MTI2MjIsMTUuNjU3MDU4NiA5LjIwNDg5NjM3LDE3LjA2NjE2MTMgOC45NTc4MTExNywxOC41MDY3ODg2IEM4LjcxMDcyNTk2LDE5Ljk0NzQxNTggNy40NjE2NjI3MywyMS4wMDA0ODc4IDYsMjEuMDAwNDg3OCBDNC41MzgzMzcyNywyMS4wMDA0ODc4IDMuMjg5Mjc0MDQsMTkuOTQ3NDE1OCAzLjA0MjE4ODgzLDE4LjUwNjc4ODYgQzIuNzk1MTAzNjMsMTcuMDY2MTYxMyAzLjYyMTg3Mzc4LDE1LjY1NzA1ODYgNSwxNS4xNyBMNSw4LjgzIEMzLjYzMTY5OTgxLDguMzQ2ODk5ODMgMi44MDUwNjIxNyw2Ljk1Mzk4MzY3IDMuMDM2NTM0NSw1LjUyMTQ4NTI1IEMzLjI2ODAwNjgyLDQuMDg4OTg2ODIgNC40OTEyNzM4MywzLjAyNzMwNzQ2IDUuOTQyMDkxMjMsMi45OTk3Mzg0OCBDNy4zOTI5MDg2MywyLjk3MjE2OTUxIDguNjU1NjI2ODMsMy45ODY2MDkyNCA4Ljk0MTM1NDE1LDUuNDA5Mjc5NjUgQzkuMjI3MDgxNDcsNi44MzE5NTAwNSA4LjQ1Mzk1ODkxLDguMjU1MjY1NDYgNy4xMDUsOC43OSBMNy4xMDUsOC43OSBaIiBpZD0i6Lev5b6EIiBmaWxsPSIjODg4ODg4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.flow-icon--approval-small {
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTQgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbi/lrqHmibk8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5YiG5pSvLea3u+WKoOWIhuaUryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExODEuMDAwMDAwLCAtMTkyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi/lrqHmibkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExODAuMDAwMDAwLCAxOTIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBwb2ludHM9IjAgMCAxNiAwIDE2IDE2IDAgMTYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zLjY2NjY2NjY3LDkuMzMzMzMzMzMgTDQuMzYwMzkyMTksOS4zMzMzMzMzMyBDNS4zMTM3NTQyMyw5LjMzMzMzMzMzIDYuMTM0NTgzODcsOC42NjA0MTQgNi4zMjE1NTM1NSw3LjcyNTU2NTYgTDYuNjY2NjY2NjcsNiBMNi42NjY2NjY2Nyw2IEw5LjMzMzMzMzMzLDYgTDkuNjc4NDQ2NDUsNy43MjU1NjU2IEM5Ljg2NTQxNjEzLDguNjYwNDE0IDEwLjY4NjI0NTgsOS4zMzMzMzMzMyAxMS42Mzk2MDc4LDkuMzMzMzMzMzMgTDEyLjMzMzMzMzMsOS4zMzMzMzMzMyBDMTMuNjIxOTk3Nyw5LjMzMzMzMzMzIDE0LjY2NjY2NjcsMTAuMzc4MDAyMyAxNC42NjY2NjY3LDExLjY2NjY2NjcgTDE0LjY2NjY2NjcsMTIuNjY2NjY2NyBMMTQuNjY2NjY2NywxMi42NjY2NjY3IEwxLjMzMzMzMzMzLDEyLjY2NjY2NjcgTDEuMzMzMzMzMzMsMTEuNjY2NjY2NyBDMS4zMzMzMzMzMywxMC4zNzgwMDIzIDIuMzc4MDAyMjUsOS4zMzMzMzMzMyAzLjY2NjY2NjY3LDkuMzMzMzMzMzMgWiIgaWQ9IuefqeW9oiIgZmlsbD0iIzAwNkVGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i55+p5b2iIiBmaWxsPSIjMDA2RUZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHBvaW50cz0iMS4zMzMzMzMzMyAxNCAxNC42NjY2NjY3IDE0IDE0LjY2NjY2NjcgMTUuMzMzMzMzMyAxLjMzMzMzMzMzIDE1LjMzMzMzMzMiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iIzAwNkVGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBjeD0iOCIgY3k9IjMuNjY2NjY2NjciIHI9IjMiPjwvY2lyY2xlPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.flow-icon--approval {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxnIGlkPSLnlLvmnb8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uL+WuoeaJuSI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIHBvaW50cz0iMCAwIDI0IDAgMjQgMjQgMCAyNCI+PC9wb2x5Z29uPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwxNCBMNy4zNjAzOTIxOSwxNCBDOC4zMTM3NTQyMywxNCA5LjEzNDU4Mzg3LDEzLjMyNzA4MDcgOS4zMjE1NTM1NSwxMi4zOTIyMzIzIEwxMCw5IEwxMCw5IEwxNCw5IEwxNC42Nzg0NDY1LDEyLjM5MjIzMjMgQzE0Ljg2NTQxNjEsMTMuMzI3MDgwNyAxNS42ODYyNDU4LDE0IDE2LjYzOTYwNzgsMTQgTDE5LDE0IEMyMC42NTY4NTQyLDE0IDIyLDE1LjM0MzE0NTggMjIsMTcgTDIyLDE5IEwyMiwxOSBMMiwxOSBMMiwxNyBDMiwxNS4zNDMxNDU4IDMuMzQzMTQ1NzUsMTQgNSwxNCBaIiBpZD0i55+p5b2iIiBmaWxsPSIjMDA2RUZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjwvcGF0aD4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IuefqeW9oiIgZmlsbD0iIzAwNkVGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBwb2ludHM9IjIgMjEgMjIgMjEgMjIgMjMgMiAyMyI+PC9wb2x5Z29uPgogICAgICAgICAgICA8Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGZpbGw9IiMwMDZFRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY3g9IjEyIiBjeT0iNS41IiByPSI0LjUiPjwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.flow-icon--add {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+YWRkLWxpbmU8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6YCJ5oup6IqC54K55aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDkyLjAwMDAwMCwgLTI1Ni4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImFkZC1saW5lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OTIuMDAwMDAwLCAyNTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBwb2ludHM9IjAgMCAyNCAwIDI0IDI0IDAgMjQiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIGZpbGwtb3BhY2l0eT0iMC40IiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMTEgMTEgMTEgNSAxMyA1IDEzIDExIDE5IDExIDE5IDEzIDEzIDEzIDEzIDE5IDExIDE5IDExIDEzIDUgMTMgNSAxMSI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.flow-icon--addSmall {
  width: 10px;
  height: 10px;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbi9hZGTlpIfku708L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5YiG5pSvLea3u+WKoOWIhuaUryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3NS4wMDAwMDAsIC02MjMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uL2FkZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcyLjAwMDAwMCwgNjIwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBmaWxsPSIjODg4ODg4IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMTMgNyA5IDcgOSAzIDcgMyA3IDcgMyA3IDMgOSA3IDkgNyAxMyA5IDEzIDkgOSAxMyA5Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.flow-icon--success {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+c3RlcC1zdWNjZXNzPC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IueUu+advyIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9InN0ZXAtc3VjY2VzcyI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQsMCBDNi4yNjgzODcxLDAgMCw2LjI2ODM4NzEgMCwxNCBDMCwyMS43MzE2MTI5IDYuMjY4Mzg3MSwyOCAxNCwyOCBDMjEuNzMxNjEyOSwyOCAyOCwyMS43MzE2MTI5IDI4LDE0IEMyOCw2LjI2ODM4NzEgMjEuNzMxNjEyOSwwIDE0LDAgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iI0Q2RjRFNCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iIzBBQkY1QiIgcG9pbnRzPSIxMS45NjM4MDA5IDE2LjE0NTU0NzcgOC45MTk0NTcwMSAxMy4wODg4ODE1IDcgMTUuMDE2MTA3NyAxMC4wNDQzNDM5IDE4LjA3Mjc3MzggMTEuOTYzODAwOSAyMCAxMy44ODMyNTc5IDE4LjA3Mjc3MzggMjEgMTAuOTI3MjI2MiAxOS4wODA1NDMgOSI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.flow-icon--success,
.flow-icon--warning {
  width: 28px;
  height: 28px;
  background-size: 100%;
}

.flow-icon--warning {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxnIGlkPSLnlLvmnb8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xNCwwIEM2LjI2ODM4NzEsMCAwLDYuMjY4Mzg3MSAwLDE0IEMwLDIxLjczMTYxMjkgNi4yNjgzODcxLDI4IDE0LDI4IEMyMS43MzE2MTI5LDI4IDI4LDIxLjczMTYxMjkgMjgsMTQgQzI4LDYuMjY4Mzg3MSAyMS43MzE2MTI5LDAgMTQsMCBaIiBpZD0i6Lev5b6EIiBmaWxsPSIjRkZGNEVCIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBmaWxsPSIjRkY3MjAwIiBwb2ludHM9IjE0LjYyNSA3IDE0LjYyNSAxNC4zMzI1IDE5LjQ5IDE5LjE5NzUgMTcuNjM0MTI1IDIxLjA1MzM3NSAxMiAxNS40MTkyNSAxMiA3Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.flow-icon--error {
  width: 28px;
  height: 28px;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxnIGlkPSLnlLvmnb8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xNCwwIEM2LjI2ODM4NzEsMCAwLDYuMjY4Mzg3MSAwLDE0IEMwLDIxLjczMTYxMjkgNi4yNjgzODcxLDI4IDE0LDI4IEMyMS43MzE2MTI5LDI4IDI4LDIxLjczMTYxMjkgMjgsMTQgQzI4LDYuMjY4Mzg3MSAyMS43MzE2MTI5LDAgMTQsMCBaIiBpZD0i6Lev5b6EIiBmaWxsPSIjRkJFMEUwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNMTMsMTkgTDE2LDE5IEwxNiwyMiBMMTMsMjIgTDEzLDE5IFogTTEzLDcgTDE2LDcgTDE2LDE3IEwxMywxNyBMMTMsNyBaIiBpZD0i5b2i54q2IiBmaWxsPSIjRTU0NTQ1IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
  background-size: 100%;
}

.flow-layout__content-header {
  box-shadow: 0 1px 0 0 #ddd;
  z-index: 22;
  position: relative;
}

.flow-layout__content-header .tea-justify-grid__col {
  width: 50%;
}

.flow-layout__content-header .tea-justify-grid__col--right {
  display: flex;
}

.flow-layout__content-header__info {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.flow-layout__content-header__op {
  flex-grow: 1;
  flex-shrink: 1;
  text-align: right;
}

.flow-layout__content-body {
  height: 100%;
  position: relative;
  overflow: auto;
}

.flow-layout__content-body .tea-layout__content-body-inner {
  height: 100%;
}

.flow-operation__item {
  display: inline-block;
  margin-right: 40px;
  cursor: pointer;
}

.flow-operation__item:last-child {
  margin-right: 0;
}

.flow-workflow__inner {
  background: #fff;
  border: 1px solid #cfd5de;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 12px 20px;
  cursor: pointer;
}

.flow-workflow__inner.is-actived,
.flow-workflow__inner:hover {
  border: 1px solid #006eff;
}

.flow-workflow__inner.is-disabled {
  opacity: 0.5;
}

.flow-workflow__inner.is-disabled:hover {
  border: 1px solid #cfd5de;
}

.flow-workflow--flash .flow-workflow__inner,
.flow-workflow--start .flow-workflow__inner {
  min-width: 104px;
  box-sizing: border-box;
  border-radius: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.flow-workflow--flash .flow-workflow__inner .flow-text,
.flow-workflow--start .flow-workflow__inner .flow-text {
  white-space: nowrap;
}

.flow-workflow--add .flow-workflow__inner {
  display: inline-flex;
  justify-content: center;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: none;
  border: 1px dashed rgba(0, 0, 0, 0.25);
  text-align: center;
  min-width: 300px;
}

.flow-workflow--add .flow-workflow__inner .flow-text {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
}

.flow-workflow--merge .flow-workflow__inner {
  min-width: 200px;
  min-height: 88px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.flow-workflow--approval .flow-workflow__inner {
  width: 300px;
  box-sizing: border-box;
  padding: 0;
}

.flow-workflow--approval .flow-workflow__inner.is-actived .flow-workflow__icon,
.flow-workflow--approval .flow-workflow__inner:hover .flow-workflow__icon {
  padding-right: 40px;
}

.flow-workflow--approval .flow-workflow__inner.is-actived .flow-workflow__del,
.flow-workflow--approval .flow-workflow__inner:hover .flow-workflow__del {
  visibility: visible;
  opacity: 1;
}

.flow-workflow--approval .flow-workflow__inner .flow-workflow__icon {
  padding: 12px 20px;
}

.flow-workflow--approval .flow-workflow__inner .flow-workflow__form {
  padding: 6px 20px;
}

.flow-workflow__del {
  position: absolute;
  top: 8px;
  right: 12px;
  opacity: 0;
  visibility: hidden;
}

.flow-workflow__icon {
  display: flex;
  font-size: 0;
}

.flow-workflow__icon .flow-icon {
  flex-shrink: 0;
  flex-grow: 0;
}

.flow-workflow__icon .flow-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  flex-shrink: 1;
  flex-grow: 1;
}

.flow-workflow__icon-media {
  flex-shrink: 1;
  flex-grow: 1;
  margin-left: 8px;
  font-size: 0;
}

.flow-workflow__icon-media--title {
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
  font-weight: 600;
  margin-top: 2px;
  display: flex;
  align-items: center;
}

.flow-workflow__icon-media--title .title {
  margin-right: 12px;
}

.flow-workflow__icon-media--title .tea-tag {
  margin-top: 0;
  margin-right: 0;
  font-weight: 400;
}

/* .flow-workflow__icon-media--des {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 20px;
  font-weight: 400;
} */

.flow-workflow__form {
  padding-top: 4px;
  border-top: 1px solid #e6eaee;
  margin-top: -1px;
  font-size: 0;
}

.flow-workflow__form-item {
  display: inline-block;
  font-size: 0;
  margin-right: 32px;
}

.flow-workflow__form-item:last-child {
  margin-right: 0;
}

.flow-workflow__form-item--label {
  padding-right: 4px;
  font-size: 12px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.25);
}

.flow-workflow__form-item--label,
.flow-workflow__form-item--main {
  display: table-cell;
  vertical-align: top;
}

.flow-workflow__form-item--main-name {
  margin-left: 8px;
  max-width: 210px;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 26px;
  font-size: 12px;
}

.flow-workflowAdd,
.flow-workflowBranch {
  border: 1px solid #cfd5de;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
}

.flow-workflowAdd.is-actived,
.flow-workflowAdd:hover,
.flow-workflowBranch.is-actived,
.flow-workflowBranch:hover {
  border-color: #006eff;
}

.flow-workflowAdd.is-actived .flow-icon--addSmall,
.flow-workflowAdd:hover .flow-icon--addSmall,
.flow-workflowBranch.is-actived .flow-icon--addSmall,
.flow-workflowBranch:hover .flow-icon--addSmall {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbi9hZGTlpIfku708L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5YiG5pSvLea3u+WKoOWIhuaUryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3NS4wMDAwMDAsIC02MjMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY29uL2FkZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcyLjAwMDAwMCwgNjIwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i6Lev5b6EIiBmaWxsPSIjMDA2ZWZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMTMgNyA5IDcgOSAzIDcgMyA3IDcgMyA3IDMgOSA3IDkgNyAxMyA5IDEzIDkgOSAxMyA5Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.flow-workflowAdd {
  border-radius: 50%;
}

.flow-workflowBranch {
  width: 20px;
  height: 20px;
  border-color: rgba(0, 0, 0, 0.4);
  transform: rotate(45deg);
}

.flow-workflowBranch .flow-icon--addSmall {
  transform: rotate(-45deg);
}

.flow-drawer {
  margin-top: 51px;
  box-shadow: none;
  width: 340px;
}

.flow-drawer--add {
  width: 280px;
}

.flow-drawer--add .tea-drawer__header .tea-justify-grid__col--right .tea-btn {
  display: none;
}

.flow-drawer .tea-drawer__header {
  border-bottom: none;
  padding-bottom: 0;
  padding-top: 20px;
  padding-right: 16px;
  height: auto;
  flex-basis: auto;
}

.flow-drawer .tea-drawer__footer .tea-btn {
  margin-right: 12px;
}

.flow-drawer__header-title .tea-link-external {
  margin-left: 4px;
  vertical-align: middle;
}

.flow-drawer__header-title .flow-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 1;
  flex-grow: 1;
}

.flow-drawer .tea-form,
.flow-drawer .tea-timepicker,
.flow-drawer .tea-timepicker__input,
.flow-drawer .tea-timepicker__input .tea-input {
  width: 100%;
}

.flow-drawer .tea-form .tea-form__label label {
  color: rgba(0, 0, 0, 0.25);
}

.flow-drawer .tea-form--vertical .tea-form__controls,
.flow-drawer .tea-form--vertical .tea-form__label,
.flow-drawer .tea-form .tea-form__controls {
  padding-right: 0;
}

.flow-drawer .tea-form--vertical .tea-form__label {
  margin-bottom: 14px;
}

.flow-drawer .tea-form .tea-form-check-group {
  width: 100%;
  display: flex;
}

.flow-drawer .tea-form .tea-form-check {
  flex: 1;
  margin-right: 2px;
}

.flow-drawer .tea-drawer__footer {
  padding: 20px;
  box-shadow: 0 -2px 4px 0 rgba(54, 58, 80, 0.16);
  height: auto;
  border-top: 0;
  z-index: 9;
}

.flow-form--vertical.tea-form--vertical .tea-form__controls {
  display: flex;
}

.flow-form--vertical.tea-form--vertical .tea-form__controls .flow-button--text {
  font-size: 0;
  flex: 1;
  max-width: 50%;
  text-align: left;
  padding: 10px 8px;
  margin-right: 8px;
}

.flow-form--vertical.tea-form--vertical .tea-form__controls .flow-button--text .tea-icon {
  vertical-align: middle;
}

.flow-form--vertical.tea-form--vertical .tea-form__controls .flow-button--text:last-child {
  margin-right: 0;
}

.flow-form .flow-button--text {
  font-size: 0;
}

.flow-input--size {
  width: 140px !important;
}

.tea-form .flow-form {
  background: #f5f7fa;
  padding: 12px 16px;
}

.tea-form .flow-form--line {
  text-align: center;
  overflow: hidden;
  padding: 12px 0;
}

.tea-form .flow-form--line-title {
  display: inline-block;
  font-size: 12px;
  position: relative;
  padding: 0 6px;
}

.tea-form .flow-form--line-title:after,
.tea-form .flow-form--line-title:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 1000px;
  height: 1px;
  background-color: #e6eaee;
}

.tea-form .flow-form--line-title:before {
  left: 0;
  transform: translate(-100%, -50%);
}

.tea-form .flow-form--line-title:after {
  right: 0;
  transform: translate(100%, -50%);
}

.tea-form .flow-form__header {
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 8px;
}

.tea-form .flow-form__header-title {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
  font-size: 12px;
  padding-right: 36px;
}

.tea-form .flow-form__header-op {
  position: absolute;
  right: 0;
  top: -4px;
}

.tea-form .flow-form__body {
  padding-top: 0;
}

.tea-form .flow-form__item {
  margin-bottom: -8px;
  margin-top: 8px;
}

.tea-form .flow-form__item:first-child {
  margin-top: 0;
}

.tea-form .flow-form__item .tea-dropdown {
  margin-right: 4px;
  margin-bottom: 8px;
}

.tea-form .flow-form__item .tea-input {
  margin-bottom: 8px;
}

.tea-form .flow-form__item .tea-dropdown-box.size-s,
.tea-form .flow-form__item .tea-dropdown.size-s .tea-dropdown__header {
  width: 80px;
}

.tea-form .flow-form__option {
  margin-top: -4px;
}

.tea-form .flow-form__option-item {
  margin-bottom: 16px;
}

.tea-form .flow-form__option-item:last-child {
  margin-bottom: 0;
}

.tea-form .flow-form__option-item__title {
  font-size: 12px;
  padding-right: 36px;
}

.tea-form .flow-form__option-item__main {
  margin-top: 8px;
}

.tea-form .flow-form__option-item__main-item {
  display: flex;
  align-items: center;
  background: #e6eaee;
  padding: 6px 12px;
  margin-bottom: 4px;
}

.tea-form .flow-form__option-item__main-item--title {
  font-size: 12px;
  flex-grow: 1;
  flex-shrink: 1;
}

.tea-form .flow-form__option-item__main-item--checkout {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 70px;
}

.tea-form .flow-form__option-item__main-item--op .tea-icon-close {
  cursor: pointer;
}

.tea-form .flow-form__option-item__main-other {
  margin-top: 8px;
  margin-bottom: 6px;
}

.flow-approval {
  border: 1px solid #cfd5de;
}

.flow-approval+.flow-approval {
  margin-top: 16px;
}

.flow-approval .tea-icon {
  flex-shrink: 0;
  flex-grow: 0;
}

.flow-approval__header {
  padding: 16px 20px;
  display: flex;
  align-items: center;
}

.flow-approval__header-title {
  display: flex;
  align-items: center;
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
}

.flow-approval__header-title .flow-icon {
  flex-shrink: 0;
  flex-grow: 0;
}

.flow-approval__header-title__text {
  line-height: 22px;
  font-weight: 700;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  padding-left: 10px;
  padding-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flow-approval__header-more {
  flex-shrink: 0;
  flex-grow: 0;
}

.flow-approval.is-error .flow-approval__body {
  background-image: linear-gradient(-90deg, #fbe0e0, #f5f7fa 50%);
}

.flow-approval.is-success .flow-approval__body {
  background-image: linear-gradient(-90deg, #d6f4e4, #f5f7fa 50%);
}

.flow-approval.is-warning .flow-approval__body {
  background-image: linear-gradient(-90deg, #ffe8d5, #f5f7fa 50%);
}

.flow-approval__body {
  background: #f5f7fa;
  padding: 20px;
  display: flex;
}

.flow-approval__info {
  font-size: 0;
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}

.flow-approval__info-item {
  display: inline-flex;
  align-items: center;
  padding-right: 76px;
  position: relative;
  min-height: 16px;
}

.flow-approval__info-item:before {
  content: '';
  position: absolute;
  right: 34px;
  width: 12px;
  height: 12px;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxnIGlkPSLnlLvmnb8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSI4NmIwZDhiMi0wYjJiLTRhZDItOTMzMi1iNDRlMmVjNzczMGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDAwMDAwLCAxLjAwMDAwMCkiIGZpbGw9IiM4ODg4ODgiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LjQ4LDUuMjQ3IEM1LjQ4Nyw1LjIzNiA1LjQ5Niw1LjIyNiA1LjUsNS4yMTUgQzUuNjA1NTc1MTEsNS4wMDMxMzM5NiA1LjU2MTQ0NTE3LDQuNzQ3MjYxMjggNS4zOTEsNC41ODMgTDEuMzYzLDAuNzczIEMxLjE0MzQ2NjgxLDAuNTY1MDY0NzkyIDAuNzk2OTM1MjA4LDAuNTc0NDY2ODEyIDAuNTg5LDAuNzk0IEMwLjM4MTA2NDc5MiwxLjAxMzUzMzE5IDAuMzkwNDY2ODEyLDEuMzYwMDY0NzkgMC42MSwxLjU2OCBMNC4yMjUsNC45ODggTDAuNjI1LDguNDU4IEMwLjQyNTE3MjgyNSw4LjY3MDQwNDk0IDAuNDI3MTE5NjI1LDkuMDAyMjI2NDMgMC42Mjk0MjUzMiw5LjIxMjI3MjA1IEMwLjgzMTczMTAxNiw5LjQyMjMxNzY4IDEuMTYzMjQ1NzIsOS40MzY3MTU0NSAxLjM4Myw5LjI0NSBMNS4zNzMsNS4zOTggQzUuMzgxLDUuMzkxIDUuMzgzLDUuMzggNS4zOTMsNS4zNzMgQzUuMzk4LDUuMzY3IDUuNDAzLDUuMzYzIDUuNDExLDUuMzU3IEM1LjQ0NCw1LjMyNCA1LjQ1OSw1LjI4NCA1LjQ4MSw1LjI0NyBMNS40OCw1LjI0NyBaIiBpZD0i6Lev5b6EIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.flow-approval__info-item:last-child {
  padding-right: 0;
}

.flow-approval__info-item:last-child:before {
  display: none;
}

.flow-approval__info-item__name {
  flex-shrink: 0;
  flex-grow: 0;
  padding-left: 12px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 700;
}

.flow-approval__info-item__name-ellipsis {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.flow-approval__info-item__text {
  color: #000;
  font-weight: 400;
}

.flow-approval__info-item__des,
.flow-approval__info-item__text {
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 12px;
  line-height: 20px;
  padding-left: 8px;
}

.flow-approval__info-item__des {
  color: rgba(0, 0, 0, 0.4);
}

.flow-approval__info-item__status {
  flex-shrink: 0;
  flex-grow: 0;
  padding-left: 8px;
  font-size: 12px;
}

.flow-approval__info-item__more {
  font-size: 12px;
}

.flow-approval__status {
  flex-shrink: 0;
  flex-grow: 0;
  padding-left: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  line-height: 1;
}

.flow-approval__status .tea-icon {
  margin-right: 6px;
}

.flow-step__item {
  display: flex;
  padding-bottom: 20px;
}

.flow-step__item-icon {
  margin-right: 10px;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
}

.flow-step__item-icon:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: -20px;
  width: 1px;
  background-color: #cfd5de;
}

.flow-step__item-icon [class*='flow-icon'] {
  position: relative;
  z-index: 1;
}

.flow-step__item-content {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
  padding-top: 4px;
}

.flow-step__item-content__header-title {
  display: flex;
  align-items: center;
  font-weight: 400;
}

.flow-step__item-content__header-title .title {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 20px;
  font-weight: 500;
}

.flow-step__item-content__header-title .tea-tag {
  margin-left: 8px;
  margin-top: 0;
  font-weight: 400;
}

.flow-step__item-content__header-des {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 18px;
  font-weight: 400;
}

.flow-step__item-content__body {
  margin-top: 16px;
}

.flow-step__item:last-child {
  padding-bottom: 0;
}

.flow-step__item:last-child .flow-step__item-icon:before {
  display: none;
}

.flow-step__sub-item {
  background: #f5f7fa;
  padding: 16px;
  margin-bottom: 12px;
  margin-left: 20px;
  position: relative;
}

.flow-step__sub-item:before {
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  background-color: #cfd5de;
  top: 0;
  bottom: -16px;
  left: -15px;
  transform: translateX(-50%);
}

.flow-step__sub-item:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: #0abf5b;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  bottom: -16px;
  left: -20px;
}

.flow-step__sub-item.is-warning:after {
  background-color: #ff7200;
}

.flow-step__sub-item.is-error:after {
  background-color: #e54545;
}

.flow-step__sub-item:last-child {
  margin-bottom: 0;
}

.flow-step__sub-item:last-child:before {
  display: none;
}

.flow-step__sub-item:only-child {
  margin-left: 0;
  padding: 0;
  background-color: transparent;
}

.flow-step__sub-item:only-child:after {
  display: none;
}

.flow-step__sub-item__header {
  display: flex;
}

.flow-step__sub-item__header-title {
  flex-shrink: 1;
  flex-grow: 1;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 20px;
  font-weight: 500;
}

.flow-step__sub-item__header-status {
  flex-shrink: 0;
  flex-grow: 0;
  padding-left: 10px;
  display: flex;
  align-items: center;
}

.flow-step__sub-item__body {
  margin-top: 12px;
}

.flow-step__sub-item__body-text {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 20px;
  font-weight: 400;
}

.flow-step__sub-item__body-text em {
  text-decoration: underline;
}

.flow-step__sub-item__body-des {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 20px;
  font-weight: 400;
}

.flow-step__sub-item__body-time {
  margin-top: 8px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 18px;
  font-weight: 400;
}

@media (max-width: 1220px) {
  .tea-layout__sidebar {
    display: none;
  }
}

@media (max-width: 768px) {
  .tea-layout__sidebar {
    display: none;
  }

  .tea-layout__content-body {
    padding: 12px;
  }

  .tea-layout__header-title {
    padding-left: 12px;
    padding-right: 12px;
  }

  .tea-layout__header-title .tea-content__header-back {
    margin-right: 12px;
  }

  .tea-layout__header-title .tea-h2 {
    margin-right: 0;
  }

  .tea-layout__header-title .tea-justify-grid__col--right {
    width: auto;
    flex-shrink: 0;
    flex-grow: 0;
  }

  .flow-layout__content-header .tea-layout__header-title {
    padding-bottom: 50px;
  }

  .flow-layout__content-header__info {
    position: absolute;
    height: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 -1px 0 0 #ddd;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .flow-layout__content-body {
    overflow: auto;
  }

  .tea-card__body {
    padding: 12px;
  }

  .tea-dialog__inner {
    min-width: 0;
    width: 90%;
    margin: 10px 0;
  }

  .tea-btn {
    padding-left: 12px;
    padding-right: 12px;
  }

  .tea-btn--icon,
  .tea-btn--text {
    padding: 5px;
  }

  .tea-btn--link {
    padding: 0;
  }

  .flow-approval {
    position: relative;
    padding-bottom: 50px;
  }

  .flow-approval__header {
    padding: 12px 80px 12px 12px;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .flow-approval__header-more {
    position: absolute;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    bottom: 10px;
  }

  .flow-approval__header-more .tea-btn {
    color: #006eff;
    background-color: transparent;
    border: none;
    margin-right: 0 !important;
  }

  .flow-approval__header-more .tea-btn--weak {
    color: #000;
  }

  .flow-approval.is-error .flow-approval__header {
    background-image: linear-gradient(-90deg, #fbe0e0, #fff 50%);
  }

  .flow-approval.is-success .flow-approval__header {
    background-image: linear-gradient(-90deg, #d6f4e4, #fff 50%);
  }

  .flow-approval.is-warning .flow-approval__header {
    background-image: linear-gradient(-90deg, #ffe8d5, #fff 50%);
  }

  .flow-approval__body {
    padding: 12px;
    flex-direction: column;
    background: #f5f7fa !important;
  }

  .flow-approval__status {
    padding-left: 0;
    position: absolute;
    right: 10px;
    top: 18px;
  }

  .flow-approval__status .tea-icon {
    margin-right: 6px;
  }

  .flow-approval__info-item {
    padding-bottom: 12px;
    padding-right: 40px;
  }

  .flow-approval__info-item:before {
    right: 14px;
  }

  .flow-drawer {
    margin-top: 91px;
    width: 90%;
  }

  .flow-drawer--short {
    margin-top: 51px;
  }

  .tea-form .flow-form {
    padding: 12px;
  }

  .tea-form .flow-form .tea-input.size-s {
    width: 56px;
  }

  .flow-input--size {
    width: 100% !important;
  }

  .flow-input--size+.tea-btn {
    margin-left: 0 !important;
    margin-top: 8px;
  }
}

#WEBPACK {
  content: 'v_yn202107221747246806';
}
.wedatea2td-input,.wedatea2td-text-area{caret-color:#0052d9}.wedatea2td-form .wedatea2td-form{background-color:#f3f3f3;padding:24px 40px 24px 20px}.wedatea2td-form>.wedatea2td-form__item:last-child .wedatea2td-form--vertical .wedatea2td-form__label,.wedatea2td-form>.wedatea2td-form__item:last-child .wedatea2td-form>.wedatea2td-form__item:last-child .wedatea2td-form__controls,.wedatea2td-form>.wedatea2td-form__item:last-child .wedatea2td-form>.wedatea2td-form__item:last-child .wedatea2td-form__label{padding-bottom:16px}.wedatea2td-form>.wedatea2td-form__item:last-child .wedatea2td-form--vertical .wedatea2td-form__label,.wedatea2td-form>.wedatea2td-form__item:last-child .wedatea2td-form>.wedatea2td-form__item:last-child>.wedatea2td-form__controls,.wedatea2td-form>.wedatea2td-form__item:last-child .wedatea2td-form>.wedatea2td-form__item:last-child>.wedatea2td-form__label{padding-bottom:0}.wedatea2td-icon-plus--primary{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+YWRkPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJJY29ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgwLjAwMDAwMCwgLTk1MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImFkZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuMDAwMDAwLCA5NTEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYsMCBMMTYsMTYgTDAsMTYgTDAsMCBMMTYsMCBaIiBpZD0i55+p5b2iIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy4zNDk5NzU1OSwxMi41IEw4LjY0OTk3NTc4LDEyLjUgTDguNjQ5OTc1NzgsOC42NTAwOTc4NSBMMTIuNSw4LjY1MDA5Nzg1IEwxMi41LDcuMzUwMDk3NjYgTDguNjQ5OTc1NzgsNy4zNTAwOTc2NiBMOC42NDk5NzU3OCwzLjUgTDcuMzQ5OTc1NTksMy41IEw3LjM0OTk3NTU5LDcuMzUwMDk3NjYgTDMuNSw3LjM1MDA5NzY2IEwzLjUsOC42NTAwOTc4NSBMNy4zNDk5NzU1OSw4LjY1MDA5Nzg1IEw3LjM0OTk3NTU5LDEyLjUgWiIgaWQ9IlVuaW9uIiBmaWxsPSIjMDA1MmQ5IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)}._wedamodal-form-nested{background-color:#f3f3f3;position:relative}._wedamodal-form-nested .wedatea2td-form{padding:24px 40px 24px 20px;width:100%}._wedamodal-form-nested__op{display:flex;justify-content:flex-end;padding:8px 12px 0 0;position:absolute;top:0;right:0}._wedamodal-form-nested__op .wedatea2td-icon-close.size-s,._wedamodal-form-nested__op .wedatea2td-icon-dismiss{cursor:pointer}._wedamodal-form--white,._wedamodal-form-nested--inner,._wedamodal-form-nested--inner .wedatea2td-form,.wedatea2td-form ._wedamodal-form--white{background-color:#fff}._wedamodal-btn--full{width:100%}.wedatea2td-btn{display:inline-flex;align-items:center;justify-content:center}._wedamodal-btn--dashed{border-style:dashed}._wedamodal-btn--dashed .wedatea2td-icon{margin-right:8px}.wedatea2td-datepicker__input .wedatea2td-input,.wedatea2td-timepicker__input .wedatea2td-input{width:260px}.wedatea2td-tabs__backward,.wedatea2td-tabs__forward{display:none}._wedamodal-fn-data-filter .wedatea2td-form{max-width:none}._wedamodal-fn-data-filter .wedatea2td-form__label{width:6em;padding-right:10px}._wedamodal-fn-data-filter .wedatea2td-form__label>label{white-space:normal;width:6em}._wedamodal-fn-data-filter .wedatea2td-form .wedatea2td-grid{margin:0}._wedamodal-fn-data-filter .wedatea2td-form .wedatea2td-grid [class*=wedatea2td-grid__item]{padding:0}._wedamodal-fn-data-filter .wedatea2td-input-group{display:inline-flex;width:100%}._wedamodal-fn-data-filter .wedatea2td-input-group>._wedamodal-fn-input-range,._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-datetimepicker,._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-datetimepicker .wedatea2td-datetimepicker__input,._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-dropdown,._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-dropdown .wedatea2td-dropdown__header,._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-input,._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-timepicker,._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-timepicker .wedatea2td-timepicker__input{flex:1 1 1px;width:auto}._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-datetimepicker .wedatea2td-datetimepicker__input,._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-datetimepicker .wedatea2td-input,._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-timepicker .wedatea2td-input,._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-timepicker .wedatea2td-timepicker__input{width:100%}._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-datetimepicker .wedatea2td-input,._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-timepicker .wedatea2td-input{padding-right:30px}._wedamodal-fn-data-filter .wedatea2td-input-group>.wedatea2td-input{min-width:0;width:0}._wedamodal-fn-data-filter .wedatea2td-dropdown,._wedamodal-fn-data-filter .wedatea2td-dropdown .wedatea2td-dropdown__header{width:100%}._wedamodal-fn-data-filter__panel{position:absolute;background-color:#fff;left:-20px;right:-20px;top:0;padding:0 20px;max-width:100%;z-index:11;box-shadow:0 2px 4px 0 rgba(54,58,80,.32)}._wedamodal-fn-data-filter__panel-header{height:32px;display:flex;align-items:center;justify-content:flex-end}._wedamodal-fn-data-filter__panel-footer{position:absolute;left:0;right:0;bottom:0;height:48px;border-top:1px solid #dcdcdc;display:flex}._wedamodal-fn-data-filter__panel-footer .wedatea2td-btn--weak{flex:1 1 0px;margin-right:0;height:100%;border-width:0 0 0 1px;border-radius:0}._wedamodal-fn-data-filter ._wedamodal-form__op{display:block}._wedamodal-fn-data-filter--mobile{display:flex;align-items:center;margin-bottom:20px;position:relative}._wedamodal-fn-data-filter--mobile .wedatea2td-btn{display:inline-flex;flex:1 1 0px;margin-right:12px}._wedamodal-fn-data-filter--mobile .wedatea2td-form{display:block;width:100%}._wedamodal-fn-data-filter--mobile .wedatea2td-form__item{display:flex;width:100%}._wedamodal-fn-data-filter--mobile .wedatea2td-form__label{display:block;flex:0 0 6em;margin-right:10px}._wedamodal-fn-data-filter--mobile .wedatea2td-form__label>label{white-space:normal;width:6em}._wedamodal-fn-data-filter--mobile .wedatea2td-form__controls{display:block;flex:1 1 1px}._wedamodal-fn-data-filter--mobile ._wedamodal-form__op .wedatea2td-form__label{display:none}._wedamodal-fn-data-filter--mobile ._wedamodal-form__op .wedatea2td-form__controls{display:flex;width:100%;margin-left:-20px;margin-right:-20px;padding-right:0;border-top:1px solid #dcdcdc;height:48px;padding-top:0}._wedamodal-fn-data-filter--mobile ._wedamodal-form__op .wedatea2td-form__controls .wedatea2td-btn--link{flex:1 1 0px;margin-right:0;border-width:0;height:100%;border-left:1px solid #dcdcdc;border-radius:0}._wedamodal-fn-input-range{display:inline-flex;border:1px solid #dcdcdc;align-items:center;height:32px;box-sizing:border-box;vertical-align:middle}._wedamodal-fn-input-range:focus,._wedamodal-fn-input-range:hover{border-color:#0052d9;z-index:2;position:relative}._wedamodal-fn-input-range__split{flex:0 0 10px;font-size:14px}._wedamodal-fn-input-range .wedatea2td-input{border:none;height:30px;flex:1 1 1px;width:1px}

 #WEBPACK{content:"mack202205121139244960"}.wedatea2td-form.model-form .wedatea2td-form__controls {
  font-size: 1em;
}