@font-face { font-family: "RobotoEditor"; font-style: normal; font-weight: 300; font-display: swap; src: local("Roboto"); src: url("../../mekari-ui-toolkit/fonts/Roboto/Roboto-Regular.ttf") format("truetype"); } @font-face { font-family: "RobotoEditor"; font-style: italic; font-weight: 300; font-display: swap; src: local("Roboto"); src: url("../../mekari-ui-toolkit/fonts/Roboto/Roboto-RegularItalic.ttf") format("truetype"); } @font-face { font-family: "RobotoEditor"; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"); src: url("../../mekari-ui-toolkit/fonts/Roboto/Roboto-Regular.ttf") format("truetype"); } @font-face { font-family: "RobotoEditor"; font-style: italic; font-weight: 400; font-display: swap; src: local("Roboto"); src: url("../../mekari-ui-toolkit/fonts/Roboto/Roboto-RegularItalic.ttf") format("truetype"); } @font-face { font-family: "RobotoEditor"; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto"); src: url("../../mekari-ui-toolkit/fonts/Roboto/Roboto-Medium.ttf") format("truetype"); } @font-face { font-family: "RobotoEditor"; font-style: italic; font-weight: 500; font-display: swap; src: local("Roboto"); src: url("../../mekari-ui-toolkit/fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype"); } @font-face { font-family: "RobotoEditor"; font-style: normal; font-weight: 700; font-display: swap; src: local("Roboto"); src: url("../../mekari-ui-toolkit/fonts/Roboto/Roboto-Bold.ttf") format("truetype"); } @font-face { font-family: "RobotoEditor"; font-style: italic; font-weight: 700; font-display: swap; src: local("Roboto"); src: url("../../mekari-ui-toolkit/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"); } @font-face { font-family: "RobotoEditor"; font-style: normal; font-weight: 900; font-display: swap; src: local("Roboto"); src: url("../../mekari-ui-toolkit/fonts/Roboto/Roboto-Bold.ttf") format("truetype"); } @font-face { font-family: "RobotoEditor"; font-style: italic; font-weight: 900; font-display: swap; src: local("Roboto"); src: url("../../mekari-ui-toolkit/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"); } .tl-dashboard-sidebar .ic { width: 20px; height: 20px; background-size: contain; background-position: center; } .tl-dashboard-sidebar .ic::before { content: none; } .tl-dashboard-sidebar .ic-time { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAF9klEQVRoBe2aTWhdRRTH816MJBIRAr5YPxZi0SJ1ZbYBxZWCiloVdGFXilIQUkMSkiYvaSAJxKxEyE4EBY2fKHZVRMzSLsRuqpUstNHXrqSVBPLl7399Z5g7975773vNowq5cDMz5/ucmTNz5r50dDR4SgYfGRnZ6+npuWtjY+PSwsJCKUIIKAIBrF82jrCNcfjImA5DSKT1E62J2gUT9UulUnV+fn7alDvWvb29qtjLo6OjV9XR09nZ+cS/PRCw3WqDnZ2db6wfiSqXy88ZwCxysg2hFu8/wIineKfm5uaWfJxjgMhZLAI/bBpLG8yfRaolEZhjFkH47O7ufiqY2XouJNCkYNK9ZrvhnVTCMmUxMqTfhow+bn/7ziQTOzExcd/29rYmZJ1JetTg1joG7C/hh0Kr5wzv41GPP779tjg6PGIRuLUgJkXMmG0eHMAQYYvAGcGchpAgHGPyqYYM1Wq14tvtM6dqICdrsltMrKFhn+EmDVgC11DZ6yPUFxNrKAKT3P3quLD6kYgogj9mojPJAAGdtNca4ULaGzN2Pqepz0sR8SjA3d3dh5i6a2kyEgqCNRvjsVg1mgCUrZAQL/hMbhIElMX+GvcJi/Qx7vlQuVOgtISgWkRQHo2vxCmo53wer+G3rJPXRplQJ1qnvT+LQZYR59eI881GR0iX8fxVG4dtbJJ910LCtDHKLrGCHiSXfwFfMRrg5zHiIY1diDQgX925pXHeg+U6vP+CzhdeM+Hij3lgAnH7Y60IGxdt+/v7bxkaGtrw6VMV+ARjY2On2ZEmfJj1FQpC9BhJdtlgB23TEcidA0lkHoaY9CfpDvCu0/+hq6trcnZ29lfhs56GCpi43s3NzT8QljiKfIFMdFTN+TC/H8sDQ2jTY31fDYWTJ/cgUGWEe6CpkqC7tKnGJoBZOZC3XZNgZQyIFRExD4j1s1jSdIKZOxi3Y31rYwqsTDRkC60KrCmfzylQxvqIVvuaE5/XKWi0HfjERfs6vIzWKTDAfrRbW1szJqctClhJSsjoaUlBfbleMCFhyzwcMlhTClghl8nwiAclR6hEK1hrZbnJVK3k7ilNKcCy28nwHTJ3RdK4Kl0huTqd5HoHBV8ZzGUy1v2EgKOGKNLiwXFWnza87316y3jBXFWhkwnraj5hXh/h74U0WB8rIV2IdOyBbEpBKFxj1ak+3CkQkHje4SOb7WMgdsaL4JgCCVRl0Kxg0SNche90yOsmOUQw6X8y6dG9JsSFY7t8h3CNGyoQEncrnGpnG60urD6N1ZOiPXgOItCuCGQu0jyl9UV8ArpnGi3kRjJY4OfBfc7G8g5yWq7Nm3agXji9WzTFGzkQwnGoxvuGvsWFuKxxIQeWlpZ6arXa+wg6liXMx6mGJbK/C0Z7N+fMbz4+q48jK5VK5ZXwKpbGk+uAqkCiXU1jzoL5J6bomr0diwdHMm8FonGnsQb+Q9R09bi430vF15HXV+AI4OvkyWHsiZ3yxps4K4WAWCeM7k2FjjIT1o5WNsgW2ZQmP9WB+vGYeelLE9YuGE5oNZxNk59woH4VbqpyTBO83zCcOCrbQrkJByDUPf4/+aTZlnAAywfaYT0fNI4g98x1yk7YlthGyfoLeJr5xbGgEV9Ad5ztVN/xYs/y8nLX2traCfToon5bDJkxYFv9mfL0AZ8k4QD7tX6Mesknut4+in/kfZNT9rs0WePj4wP8IPc1DuXteh8SkJd9GQkHdPHnbn7RJ9rPPo5s8i729fXNDw8P/22ymfmTOLBo47SWZXg4/K6WcECMCJtB2Kk0ITcKhtOpt5vErVwGrq6ufjs4OKjuI/pzox+MV0lRTbMjdQaMUJUnl/dPGGfSGX0b2j0urMeyKtRcw1hKJRz5iLblb4+tOEbUVzD8RdrYR9FQVq4DxlB3ZJJWW19hPuMv2OoHoWkMn8kz3OS1ZAiFlWqTkwh5C4d6TVgrLYaqylyk4nwbuakVZ5bclhxIE6jtl738aXLmYYy6Exp7Rb6uF2fXWdPn+O+ML8PtUEQHz/8xAv8ABOh63wabFAQAAAAASUVORK5CYII='); } .tl-dashboard-sidebar .ic-profile { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29uLyBpY19zb2xpZF9wcm9maWxlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Ikljb24vLWljX3NvbGlkX3Byb2ZpbGUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xMi40LDIuNCBDMTcuOTIyODQ3NSwyLjQgMjIuNCw2Ljg3NzE1MjUgMjIuNCwxMi40IEMyMi40LDE3LjkyMjg0NzUgMTcuOTIyODQ3NSwyMi40IDEyLjQsMjIuNCBDNi44NzcxNTI1LDIyLjQgMi40LDE3LjkyMjg0NzUgMi40LDEyLjQgQzIuNCw2Ljg3NzE1MjUgNi44NzcxNTI1LDIuNCAxMi40LDIuNCBaIE0xNC40LDEzLjQgTDEwLjQsMTMuNCBDOC43NDMxNDU3NSwxMy40IDcuNCwxNC43NDMxNDU4IDcuNCwxNi40IEw3LjQsMTYuNCBMMTcuNCwxNi40IEwxNy4zOTQ5MDczLDE2LjIyMzcyNzIgQzE3LjMwMzY2MDksMTQuNjQ4OTIgMTUuOTk3NjgwOSwxMy40IDE0LjQsMTMuNCBMMTQuNCwxMy40IFogTTEyLjQsNi40IEMxMC43NDMxNDU4LDYuNCA5LjQsNy43NDMxNDU3NSA5LjQsOS40IEM5LjQsMTEuMDU2ODU0MiAxMC43NDMxNDU4LDEyLjQgMTIuNCwxMi40IEMxNC4wNTY4NTQyLDEyLjQgMTUuNCwxMS4wNTY4NTQyIDE1LjQsOS40IEMxNS40LDcuNzQzMTQ1NzUgMTQuMDU2ODU0Miw2LjQgMTIuNCw2LjQgWiIgaWQ9IlBhdGgiIGZpbGw9IiM3Nzc3NzciIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4='); } .tl-dashboard-sidebar .ic-add-employee { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29uLyBpY19zb2xpZF9pbnZpdGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iSWNvbi8taWNfc29saWRfaW52aXRlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNOC45OTk5ODY1OSwxMiBDMTIuODgyMjI1MywxMiAxNS45Mjg0ODU5LDE1LjQ2NDYxOTYgMTYuMDAwMDAwMywyMC4yMzU5NzY2IEwxNi4wMDAwMDAzLDIwLjIzNTk3NjYgTDE2LjAwMDAwMDMsMjAuMjUgQzE2LjAwMDAwMDMsMjAuNjY0MTAwOCAxNS43MzE0Mjc2LDIwLjk5OTc5MTEgMTUuMzk5ODk1NSwyMSBMMTUuMzk5ODk1NSwyMSBMMi42MDAxMzI0NCwyMSBMMi41ODg5MDk4MSwyMC45OTk4Njg5IEMyLjI1NzUxMjM1LDIwLjk5MjEyMzQgMS45OTM4ODYyNiwyMC42NTAxMjM1IDIuMDAwMDc3MzYsMjAuMjM1OTc4MyBDMi4wNzE0ODY0NCwxNS40NjQ2MjAyIDUuMTE3NzQ3NDMsMTIgOC45OTk5ODY1OSwxMiBaIE0xNy45OTk5NzA2LDcgQzE4LjU1Mjk3MDYsNyAxOC45OTk5NzA2LDcuNDQ3MDAwMDEgMTguOTk5OTcwNiw4LjAwMDAwMDAxIEwxOC45OTk5NzA2LDguMDAwMDAwMDEgTDE4Ljk5OTk3MDYsMTAgTDIwLjk5OTk3MDYsMTAgQzIxLjU1Mjk3MDYsMTAgMjEuOTk5OTcwNiwxMC40NDcgMjEuOTk5OTcwNiwxMS4wMDAwMDAxIEMyMS45OTk5NzA2LDExLjU1MzAwMDEgMjEuNTUyOTcwNiwxMi4wMDAwMDAxIDIwLjk5OTk3MDYsMTIuMDAwMDAwMSBMMjAuOTk5OTcwNiwxMi4wMDAwMDAxIEwxOC45OTk5NzA2LDEyLjAwMDAwMDEgTDE4Ljk5OTk3MDYsMTQuMDAwMDAwMSBDMTguOTk5OTcwNiwxNC41NTMwMDAxIDE4LjU1Mjk3MDYsMTUuMDAwMDAwMSAxNy45OTk5NzA2LDE1LjAwMDAwMDEgQzE3LjQ0Njk3MDYsMTUuMDAwMDAwMSAxNi45OTk5NzA1LDE0LjU1MzAwMDEgMTYuOTk5OTcwNSwxNC4wMDAwMDAxIEwxNi45OTk5NzA1LDE0LjAwMDAwMDEgTDE2Ljk5OTk3MDUsMTIuMDAwMDAwMSBMMTQuOTk5OTcwNSwxMi4wMDAwMDAxIEMxNC40NDY5NzA1LDEyLjAwMDAwMDEgMTMuOTk5OTcwNSwxMS41NTMwMDAxIDEzLjk5OTk3MDUsMTEuMDAwMDAwMSBDMTMuOTk5OTcwNSwxMC40NDcgMTQuNDQ2OTcwNSwxMCAxNC45OTk5NzA1LDEwIEwxNC45OTk5NzA1LDEwIEwxNi45OTk5NzA1LDEwIEwxNi45OTk5NzA1LDguMDAwMDAwMDEgQzE2Ljk5OTk3MDUsNy40NDcwMDAwMSAxNy40NDY5NzA2LDcgMTcuOTk5OTcwNiw3IFogTTguOTk5OTMzNzcsMyBDMTEuMjA5MDkzMiwzIDEyLjk5OTk3MDgsNC43OTA4NjQzNiAxMi45OTk5NzA4LDcgQzEyLjk5OTk3MDgsOS4yMDkxNTA2NSAxMS4yMDkwOTMyLDExLjAwMDAxNSA4Ljk5OTkzMzc3LDExLjAwMDAxNSBDNi43OTA3NzQzNCwxMS4wMDAwMTUgNC45OTk4OTY3Nyw5LjIwOTE1MDY1IDQuOTk5ODk2NzcsNyBDNC45OTk4OTY3Nyw0Ljc5MDg2NDM2IDYuNzkwNzc0MzQsMyA4Ljk5OTkzMzc3LDMgWiIgaWQ9IlBhdGgiIGZpbGw9IiM3Nzc3NzciIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4='); } .tl-dashboard-sidebar .ic-payroll { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29uLyBpY19zbGlwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Ikljb24vLWljX3NsaXAiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xNy4xNTU1NTMzLDIuNCBDMTguOTQ3NDExOCwyLjQgMjAuNCwzLjg1MjU4ODI0IDIwLjQsNS42NDQ0NDY2NSBMMjAuNCwyMC40NTkzNDA0IEMyMC40LDIwLjkwNzMwNSAyMC4wMzY4NTI5LDIxLjI3MDQ1MjEgMTkuNTg4ODg4MywyMS4yNzA0NTIxIEMxOS40NDYwOTMxLDIxLjI3MDQ1MjEgMTkuMzA1ODI4NSwyMS4yMzI3NTQ3IDE5LjE4MjI3MjIsMjEuMTYxMTcwNSBMMTYuNjA2NjE2MSwxOS42Njg5MjQzIEMxNi4zNTUxMTg5LDE5LjUyMzIxNTUgMTYuMDQ0ODgxMSwxOS41MjMyMTU1IDE1Ljc5MzM4MzksMTkuNjY4OTI0MyBMMTIuODEzMjMyMiwyMS4zOTU1MjEyIEMxMi4zMTAyMzc5LDIxLjY4NjkzODggMTEuNjg5NzYyMSwyMS42ODY5Mzg4IDExLjE4Njc2NzgsMjEuMzk1NTIxMiBMOC4yMDY2MTYxMiwxOS42Njg5MjQzIEM3Ljk1NTExODk1LDE5LjUyMzIxNTUgNy42NDQ4ODEwNSwxOS41MjMyMTU1IDcuMzkzMzgzODgsMTkuNjY4OTI0MyBMNC44MTc3Mjc3OCwyMS4xNjExNzA1IEM0LjQzMDExNzczLDIxLjM4NTczODQgMy45MzM4NDk0NiwyMS4yNTM1NjY2IDMuNzA5MjgxNTgsMjAuODY1OTU2NSBDMy42Mzc2OTczMSwyMC43NDI0MDAyIDMuNiwyMC42MDIxMzU2IDMuNiwyMC40NTkzNDA0IEwzLjYsNS42NDQ0NDY2NSBDMy42LDMuODUyNTg4MjQgNS4wNTI1ODgyNCwyLjQgNi44NDQ0NDY2NSwyLjQgTDE3LjE1NTU1MzMsMi40IFogTTEyLDguMDc3NzgxNjQgQzEwLjE0NDMyMzIsOC4wNzc3ODE2NCA4LjY0LDkuNTMwMzY5ODggOC42NCwxMS4zMjIyMjgzIEM4LjY0LDEzLjExNDA4NjcgMTAuMTQ0MzIzMiwxNC41NjY2NzQ5IDEyLDE0LjU2NjY3NDkgQzEzLjg1NTY3NjgsMTQuNTY2Njc0OSAxNS4zNiwxMy4xMTQwODY3IDE1LjM2LDExLjMyMjIyODMgQzE1LjM2LDkuNTMwMzY5ODggMTMuODU1Njc2OCw4LjA3Nzc4MTY0IDEyLDguMDc3NzgxNjQgWiIgaWQ9IlBhdGgiIGZpbGw9IiM3Nzc3NzciIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4='); } .tl-dashboard-sidebar .ic-transfer { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29uLyBpY190cmFuc2ZlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJJY29uLy1pY190cmFuc2ZlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTE5LjU5MTMwNjYsMTAuNzc4OTU4OCBMMTkuNiwxMC44Nzk2OTQ4IEwxOS42LDEzLjc1OTU2MSBDMTkuNiwxNy4xMDQ0ODA0IDE3LjAzMTAwNjksMTguODU1ODA1NyAxMi4xMjMzNzYyLDE5LjAyNTYzNTggTDExLjgsMTkuMDM0NDY5NiBMMTEuOCwyMC43MTkyMzc1IEMxMS44LDIwLjk2MzM1NzMgMTEuNjIzNjY3LDIxLjE0NTMyNjYgMTEuNDExNTIxNSwyMS4xODk2MTE5IEwxMS4zMzk2NzI3LDIxLjE5OTE3MDcgQzExLjI2Njg4MywyMS4yMDM0MjI4IDExLjE5MTg0OSwyMS4xOTE0NDQyIDExLjExOTc3NTEsMjEuMTYwNDM3NCBMMTEuMDQ4ODgwNywyMS4xMjI5ODQxIEw0LjIyMzg4MDY3LDE3LjA0MzE3NDEgQzMuOTUyNTEwMTYsMTYuODcxNDEzNSAzLjkyNzg0MDExLDE2LjUwMDc0MDcgNC4xNDk4NzA1MywxNi4yOTI4MTQyIEw0LjIyMzg4MDY3LDE2LjIzNTY4MDMgTDExLjA0ODg4MDcsMTIuMTU1ODY5OSBDMTEuMDk5MDkxMiwxMi4xMjQwODk4IDExLjE1MTc1MDUsMTIuMTAyNzIxMyAxMS4yMDQ4OTgyLDEyLjA5MDcxMDYgTDExLjI4NDc0MDksMTIuMDc5NTgxMiBDMTEuNTIzODk3MiwxMi4wNjY0NTc0IDExLjc1MzA5MDcsMTIuMjMyMTU4IDExLjc5MzY2MTksMTIuNDgwNjQ4OCBMMTEuOCwxMi41NTk2MTY2IEwxMS44LDE0LjIzNTY5NjEgQzE2LjMyMTMwMjgsMTQuMTYzMTYxOCAxOC41MTkxNjkyLDEzLjA2NDgwODcgMTguNjIxMjY2NCwxMS4wMzAyMzU2IEwxOC42MjUsMTAuODc5Njk0OCBMMTguNjMzNjkzNCwxMC43Nzg5NTg4IEMxOC42NzM0ODI1LDEwLjU1NzczNDUgMTguODQ0MzQxNiwxMC40MzMyOTU4IDE5LjAzMTU4NDQsMTAuNDA1NjQyOCBMMTkuMTEyNSwxMC4zOTk3MTcxIEMxOS4zMjkxNjY3LDEwLjM5OTcxNzEgMTkuNTQ1ODMzMywxMC41MjYxMzEgMTkuNTkxMzA2NiwxMC43Nzg5NTg4IFogTTEzLjQ4NDI0OTgsMi4wNTMwMTYxMiBMMTMuNTU1LDIuMDk2ODg3OTYgTDE5LjQwNSw2LjE3NjY5ODQxIEMxOS42MzksNi4zNDk0OTAzOCAxOS42NjI0LDYuNjc3Nzk1MTIgMTkuNDc1Miw2Ljg4MTY4OTY1IEwxOS40MDUsNi45NDQ2NjI3MiBMMTMuNTU1LDExLjAyNDQ3MzIgQzEzLjQ4NjEzMzQsMTEuMDc1MzI2MiAxMy40MTA5NjQ3LDExLjEwNDkxNSAxMy4zMzUzNTcsMTEuMTE2MTI1OSBMMTMuMjU5ODIwMywxMS4xMjEzMTc4IEMxMy4wMzQwNzM5LDExLjExOTE1NzEgMTIuODIxOTY2NiwxMC45NjAyNTQ1IDEyLjc4MTgwMjYsMTAuNzIyNTQwOSBMMTIuNzc1LDEwLjY0MDQ5MSBMMTIuNzc1LDguOTYzNjA1OTQgQzcuNDk2ODI3MDYsOS4wMzAzNjUwNyA0Ljk3NSwxMC4xOTYzNjI4IDQuOTc1LDEyLjMyMDQxMyBDNC45NzUsMTIuNjA0ODQ0MiA0Ljc4MjQwNzQxLDEyLjc2Mjg2MTUgNC41Njg0MTU2NCwxMi43OTQ0NjUgTDQuNDg3NSwxMi44MDAzOTA3IEM0LjI3MDgzMzMzLDEyLjgwMDM5MDcgNC4wNTQxNjY2NywxMi42NzM5NzY4IDQuMDA4NjkzNDIsMTIuNDIxMTQ5IEw0LDEyLjMyMDQxMyBMNCw5LjQ0MDU0Njc2IEM0LDYuMDY0NDExNTEgNi44OTAxNjM4NCw0LjMyNjQ4MDgyIDEyLjQzMjM2OTYsNC4xNzIwODgyIEwxMi43NzUsNC4xNjQ2MTM3MiBMMTIuNzc1LDIuNDgwODcwMTIgQzEyLjc3NSwyLjIyNjYwNTA5IDEyLjk2NDUzMjcsMi4wNDI0OTIwOCAxMy4xODUyOTM4LDIuMDA2NDYxOTEgTDEzLjI1OTgyMDMsMi4wMDAwMjA5OCBDMTMuMzM1MDY5LDEuOTk5MzIzMDQgMTMuNDExODMzMywyLjAxNjAxODU0IDEzLjQ4NDI0OTgsMi4wNTMwMTYxMiBaIiBpZD0iUGF0aCIgZmlsbD0iIzc3Nzc3NyIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg=='); } .tl-dashboard-sidebar .ic-company { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29uLyBpY19jb21wYW55PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Ikljb24vLWljX2NvbXBhbnkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xNy4zMzMzMzMzLDMuNjY2NjY2NjcgQzE4LjA2OTcxMywzLjY2NjY2NjY3IDE4LjY2NjY2NjcsNC4yMjYzMTA3MyAxOC42NjY2NjY3LDQuOTE2NjY2NjcgTDE4LjY2NTY2NjcsMTguNjY2NjY2NyBMMTkuNSwxOC42NjY2NjY3IEMxOS45NjAyMzczLDE4LjY2NjY2NjcgMjAuMzMzMzMzMywxOS4wMzk3NjI3IDIwLjMzMzMzMzMsMTkuNSBDMjAuMzMzMzMzMywxOS45NjAyMzczIDE5Ljk2MDIzNzMsMjAuMzMzMzMzMyAxOS41LDIwLjMzMzMzMzMgTDQuNSwyMC4zMzMzMzMzIEM0LjAzOTc2MjcxLDIwLjMzMzMzMzMgMy42NjY2NjY2NywxOS45NjAyMzczIDMuNjY2NjY2NjcsMTkuNSBDMy42NjY2NjY2NywxOS4wMzk3NjI3IDQuMDM5NzYyNzEsMTguNjY2NjY2NyA0LjUsMTguNjY2NjY2NyBMNS4zMzI2NjY2NywxOC42NjY2NjY3IEw1LjMzMzMzMzMzLDQuOTE2NjY2NjcgQzUuMzMzMzMzMzMsNC4yMjYzMTA3MyA1LjkzMDI4NywzLjY2NjY2NjY3IDYuNjY2NjY2NjcsMy42NjY2NjY2NyBMMTcuMzMzMzMzMywzLjY2NjY2NjY3IFogTTEwLjc1LDEzLjY2NjY2NjcgTDguMjUsMTMuNjY2NjY2NyBDOC4wMTk4ODEzNSwxMy42NjY2NjY3IDcuODMzMzMzMzMsMTMuODUzMjE0NyA3LjgzMzMzMzMzLDE0LjA4MzMzMzMgTDcuODMzMzMzMzMsMTQuMDgzMzMzMyBMNy44MzMzMzMzMywxOC42NjY2NjY3IEwxMS4xNjY2NjY3LDE4LjY2NjY2NjcgTDExLjE2NjY2NjcsMTQuMDgzMzMzMyBDMTEuMTY2NjY2NywxMy44NTMyMTQ3IDEwLjk4MDExODYsMTMuNjY2NjY2NyAxMC43NSwxMy42NjY2NjY3IEwxMC43NSwxMy42NjY2NjY3IFogTTE1Ljc1LDEwLjMzMzMzMzMgTDEzLjI1LDEwLjMzMzMzMzMgQzEzLjAxOTg4MTQsMTAuMzMzMzMzMyAxMi44MzMzMzMzLDEwLjUxOTg4MTQgMTIuODMzMzMzMywxMC43NSBMMTIuODMzMzMzMywxMC43NSBMMTIuODMzMzMzMywxMy4yNSBDMTIuODMzMzMzMywxMy40ODAxMTg2IDEzLjAxOTg4MTQsMTMuNjY2NjY2NyAxMy4yNSwxMy42NjY2NjY3IEwxMy4yNSwxMy42NjY2NjY3IEwxNS43NSwxMy42NjY2NjY3IEMxNS45ODAxMTg2LDEzLjY2NjY2NjcgMTYuMTY2NjY2NywxMy40ODAxMTg2IDE2LjE2NjY2NjcsMTMuMjUgTDE2LjE2NjY2NjcsMTMuMjUgTDE2LjE2NjY2NjcsMTAuNzUgQzE2LjE2NjY2NjcsMTAuNTE5ODgxNCAxNS45ODAxMTg2LDEwLjMzMzMzMzMgMTUuNzUsMTAuMzMzMzMzMyBMMTUuNzUsMTAuMzMzMzMzMyBaIE0xMC43NSw1LjMzMzMzMzMzIEw4LjI1LDUuMzMzMzMzMzMgQzguMDE5ODgxMzUsNS4zMzMzMzMzMyA3LjgzMzMzMzMzLDUuNTE5ODgxMzUgNy44MzMzMzMzMyw1Ljc1IEw3LjgzMzMzMzMzLDUuNzUgTDcuODMzMzMzMzMsOC4yNSBDNy44MzMzMzMzMyw4LjQ4MDExODY1IDguMDE5ODgxMzUsOC42NjY2NjY2NyA4LjI1LDguNjY2NjY2NjcgTDguMjUsOC42NjY2NjY2NyBMMTAuNzUsOC42NjY2NjY2NyBDMTAuOTgwMTE4Niw4LjY2NjY2NjY3IDExLjE2NjY2NjcsOC40ODAxMTg2NSAxMS4xNjY2NjY3LDguMjUgTDExLjE2NjY2NjcsOC4yNSBMMTEuMTY2NjY2Nyw1Ljc1IEMxMS4xNjY2NjY3LDUuNTE5ODgxMzUgMTAuOTgwMTE4Niw1LjMzMzMzMzMzIDEwLjc1LDUuMzMzMzMzMzMgTDEwLjc1LDUuMzMzMzMzMzMgWiBNMTUuNzUsNS4zMzMzMzMzMyBMMTMuMjUsNS4zMzMzMzMzMyBDMTMuMDE5ODgxNCw1LjMzMzMzMzMzIDEyLjgzMzMzMzMsNS41MTk4ODEzNSAxMi44MzMzMzMzLDUuNzUgTDEyLjgzMzMzMzMsNS43NSBMMTIuODMzMzMzMyw4LjI1IEMxMi44MzMzMzMzLDguNDgwMTE4NjUgMTMuMDE5ODgxNCw4LjY2NjY2NjY3IDEzLjI1LDguNjY2NjY2NjcgTDEzLjI1LDguNjY2NjY2NjcgTDE1Ljc1LDguNjY2NjY2NjcgQzE1Ljk4MDExODYsOC42NjY2NjY2NyAxNi4xNjY2NjY3LDguNDgwMTE4NjUgMTYuMTY2NjY2Nyw4LjI1IEwxNi4xNjY2NjY3LDguMjUgTDE2LjE2NjY2NjcsNS43NSBDMTYuMTY2NjY2Nyw1LjUxOTg4MTM1IDE1Ljk4MDExODYsNS4zMzMzMzMzMyAxNS43NSw1LjMzMzMzMzMzIEwxNS43NSw1LjMzMzMzMzMzIFoiIGlkPSJQYXRoIiBmaWxsPSIjNzc3Nzc3IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+'); } .tl-dashboard-sidebar .ic-performance { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29uLyBpY19wZXJmb3JtYW5jZV9yZWlldzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJJY29uLy1pY19wZXJmb3JtYW5jZV9yZWlldyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTIsNCBDMiwzLjQ0NzcxNTI1IDIuNDQ3NzE1MjUsMyAzLDMgTDQsMyBDNC41NTIyODQ3NSwzIDUsMy40NDc3MTUyNSA1LDQgTDUsMTggTDIxLDE4IEMyMS41NTIyODQ3LDE4IDIyLDE4LjQ0NzcxNTMgMjIsMTkgTDIyLDIwIEMyMiwyMC41NTIyODQ3IDIxLjU1MjI4NDcsMjEgMjEsMjEgTDMsMjEgQzIuNDQ3NzE1MjUsMjEgMiwyMC41NTIyODQ3IDIsMjAgTDIsNCBaIE0xNSwzIEMxNS41NTIyODQ3LDMgMTYsMy40NDc3MTUyNSAxNiw0IEwxNiwxNiBDMTYsMTYuNTUyMjg0NyAxNS41NTIyODQ3LDE3IDE1LDE3IEwxMywxNyBDMTIuNDQ3NzE1MywxNyAxMiwxNi41NTIyODQ3IDEyLDE2IEwxMiw0IEMxMiwzLjQ0NzcxNTI1IDEyLjQ0NzcxNTMsMyAxMywzIEwxNSwzIFogTTIwLDggQzIwLjU1MjI4NDcsOCAyMSw4LjQ0NzcxNTI1IDIxLDkgTDIxLDE2IEMyMSwxNi41NTIyODQ3IDIwLjU1MjI4NDcsMTcgMjAsMTcgTDE4LDE3IEMxNy40NDc3MTUzLDE3IDE3LDE2LjU1MjI4NDcgMTcsMTYgTDE3LDkgQzE3LDguNDQ3NzE1MjUgMTcuNDQ3NzE1Myw4IDE4LDggTDIwLDggWiBNMTAsMTAgQzEwLjU1MjI4NDcsMTAgMTEsMTAuNDQ3NzE1MyAxMSwxMSBMMTEsMTYgQzExLDE2LjU1MjI4NDcgMTAuNTUyMjg0NywxNyAxMCwxNyBMOCwxNyBDNy40NDc3MTUyNSwxNyA3LDE2LjU1MjI4NDcgNywxNiBMNywxMSBDNywxMC40NDc3MTUzIDcuNDQ3NzE1MjUsMTAgOCwxMCBMMTAsMTAgWiIgaWQ9IlBhdGgiIGZpbGw9IiM3Nzc3NzciIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4='); } .tl-dashboard-sidebar .ic-talent-management { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSAxLjI1QzguMzg0NCAxLjI1IDcuNDA5OTMgMS41MjkzMSA2LjcxOTY3IDIuMjE5MzNDNi4wMjk0MSAyLjkwOTM1IDUuNzUgMy44ODM0NyA1Ljc1IDQuOTk4NjlWNS41NjgxMUwxMC4wODUgMy4wNjY5OEMxMC42NTAzIDIuNzQwNyAxMS4zNDYyIDIuNTk5NTQgMTIgMi41OTk1NEMxMi42NTM5IDIuNTk5NTQgMTMuMzQ5OCAyLjc0MDY0IDEzLjkxNTEgMy4wNjY5OEwxOC4yNSA1LjU2ODA4VjQuOTk4NjlDMTguMjUgMy44ODM0NyAxNy45NzA2IDIuOTA5MzUgMTcuMjgwMyAyLjIxOTMzQzE2LjU5MDEgMS41MjkzMSAxNS42MTU2IDEuMjUgMTQuNSAxLjI1SDkuNVoiIGZpbGw9IiM2MjZCNzkiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC44MzUxIDQuMzY1NUw1Ljc1IDcuMjk5NDFWNy4zMDQ2OUw1LjYwNTExIDcuMzg4MjlDNS41ODk5NyA3LjM5NzAyIDUuNTc1MTUgNy40MDYyOCA1LjU2MDY2IDcuNDE2MDVMNS41MzY5IDcuNDMyMDZDNS4xMjcxMiA3LjcwODMyIDQuNzg0NTUgNy45MzkyNiA0LjUyIDguMTQ4NzJDNC4yNDUzIDguMzY2MiA0LjAwMDk1IDguNjAwOTYgMy44MjU0NSA4LjkwNDkxQzMuNjQ1NzIgOS4yMTYyIDMuNTczMzMgOS41Mzg0OCAzLjU0MDQ3IDkuODczNDlDMy41MDk5OCAxMC4xODQzIDMuNTA5OTkgMTAuNTU2OSAzLjUxMDAxIDEwLjk4MzJWMTYuMDE4MkMzLjUwOTk5IDE2LjQ0NDUgMy41MDk5OCAxNi44MTcxIDMuNTQwNDcgMTcuMTI4QzMuNTczMzMgMTcuNDYzIDMuNjQ1NzIgMTcuNzg1MyAzLjgyNTQ1IDE4LjA5NjVDNC4wMDA5NSAxOC40MDA1IDQuMjQ1MyAxOC42MzUzIDQuNTIgMTguODUyN0M0Ljc4NDUzIDE5LjA2MjIgNS4xMjcwNSAxOS4yOTMxIDUuNTM2NzcgMTkuNTY5M0w1LjU2MDY2IDE5LjU4NTRDNS41NzUxNSAxOS41OTUyIDUuNTg5OTcgMTkuNjA0NCA1LjYwNTExIDE5LjYxMzJMMTAuMzM1MSAyMi4zNDIyQzEwLjgzMTYgMjIuNjI4OCAxMS40MzY4IDIyLjc1IDEyIDIyLjc1QzEyLjU2MzMgMjIuNzUgMTMuMTY4NiAyMi42Mjg3IDEzLjY2NTEgMjIuMzQyMUwxOC4zOTQ5IDE5LjYxMzJDMTguNDEwMSAxOS42MDQ0IDE4LjQyNDkgMTkuNTk1MiAxOC40Mzk0IDE5LjU4NTRMMTguNDYzMiAxOS41Njk0QzE4Ljg3MjggMTkuMjkzMiAxOS4yMTU1IDE5LjA2MjEgMTkuNDggMTguODUyN0MxOS43NTQ3IDE4LjYzNTMgMTkuOTk5MSAxOC40MDA1IDIwLjE3NDYgMTguMDk2NUMyMC4zNTQzIDE3Ljc4NTMgMjAuNDI2NyAxNy40NjMgMjAuNDU5NiAxNy4xMjhDMjAuNDkwMSAxNi44MTcxIDIwLjQ5IDE2LjQ0NDYgMjAuNDkgMTYuMDE4M1YxMC45ODMyQzIwLjQ5IDEwLjU1NjkgMjAuNDkwMSAxMC4xODQzIDIwLjQ1OTYgOS44NzM0OUMyMC40MjY3IDkuNTM4NDggMjAuMzU0MyA5LjIxNjIgMjAuMTc0NiA4LjkwNDkxQzE5Ljk5OTEgOC42MDA5NiAxOS43NTQ3IDguMzY2MiAxOS40OCA4LjE0ODcyQzE5LjIxNTUgNy45MzkyNyAxOC44NzI5IDcuNzA4MzQgMTguNDYzMiA3LjQzMjExTDE4LjQzOTQgNy40MTYwNUMxOC40MjQ5IDcuNDA2MjggMTguNDEwMSA3LjM5NzAyIDE4LjM5NDkgNy4zODgyOUwxOC4yNSA3LjMwNDY3VjcuMjk5MzlMMTMuMTY1MSA0LjM2NTU4QzEyLjg4MjggNC4yMDI2MyAxMi40NjIzIDQuMDk5MDEgMTIgNC4wOTkwMUMxMS41Mzc3IDQuMDk5MDEgMTEuMTE3NCA0LjIwMjU1IDEwLjgzNTEgNC4zNjU1Wk0xMy4yIDExLjg3NjNMMTIuNjMgMTAuOTg2NkMxMi4yOCAxMC40NDY4IDExLjcyIDEwLjQ0NjggMTEuMzYgMTAuOTg2NkwxMC43OSAxMS44NzYzQzEwLjcxIDEyLjAwNjMgMTAuNTEgMTIuMTU2MiAxMC4zNSAxMi4xOTYyTDkuMzMwMDMgMTIuNDU2MUM4LjcwMDAzIDEyLjYxNjEgOC41MzAwMyAxMy4xNTU5IDguOTQwMDIgMTMuNjU1N0w5LjYxMDAyIDE0LjQ2NTRDOS43MTAwMiAxNC41ODU0IDkuNzkwMDMgMTQuODI1MyA5Ljc4MDAzIDE0Ljk4NTJMOS43MjAwMyAxNi4wMzQ5QzkuNjgwMDMgMTYuNjc0NiAxMC4xNCAxNy4wMTQ1IDEwLjc0IDE2Ljc3NDZMMTEuNzIgMTYuMzg0N0MxMS44NyAxNi4zMjQ4IDEyLjEyIDE2LjMyNDggMTIuMjcgMTYuMzg0N0wxMy4yNSAxNi43NzQ2QzEzLjg1IDE3LjAxNDUgMTQuMzEgMTYuNjg0NiAxNC4yNyAxNi4wMzQ5TDE0LjIxIDE0Ljk4NTJDMTQuMiAxNC44MjUzIDE0LjI4IDE0LjU5NTQgMTQuMzggMTQuNDY1NEwxNS4wNSAxMy42NTU3QzE1LjQ2IDEzLjE1NTkgMTUuMjkgMTIuNjE2MSAxNC42NiAxMi40NTYxTDEzLjY0IDEyLjE5NjJDMTMuNDkgMTIuMTU2MiAxMy4yOSAxMi4wMTYzIDEzLjIgMTEuODc2M1oiIGZpbGw9IiM2MjZCNzkiLz4KPC9zdmc+Cg=='); } .tl-dashboard-sidebar .ic-training { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29uLyBpY190cmFpbmluZzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJJY29uLy1pY190cmFpbmluZyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTE4LDIgQzE5LjEwNDU2OTUsMiAyMCwyLjg5NTQzMDUgMjAsNCBMMjAsMjAgQzIwLDIxLjEwNDU2OTUgMTkuMTA0NTY5NSwyMiAxOCwyMiBMNiwyMiBDNC44OTU0MzA1LDIyIDQsMjEuMTA0NTY5NSA0LDIwIEw0LDQgQzQsMi44OTU0MzA1IDQuODk1NDMwNSwyIDYsMiBMMTgsMiBaIE0xNiwxNiBMMTIsMTYgQzExLjQ0NzcxNTMsMTYgMTEsMTYuNDQ3NzE1MyAxMSwxNyBDMTEsMTcuNTUyMjg0NyAxMS40NDc3MTUzLDE4IDEyLDE4IEwxMiwxOCBMMTYsMTggQzE2LjU1MjI4NDcsMTggMTcsMTcuNTUyMjg0NyAxNywxNyBDMTcsMTYuNDQ3NzE1MyAxNi41NTIyODQ3LDE2IDE2LDE2IEwxNiwxNiBaIE04LDE2IEM3LjQ0NzcxNTI1LDE2IDcsMTYuNDQ3NzE1MyA3LDE3IEM3LDE3LjU1MjI4NDcgNy40NDc3MTUyNSwxOCA4LDE4IEM4LjU1MjI4NDc1LDE4IDksMTcuNTUyMjg0NyA5LDE3IEM5LDE2LjQ0NzcxNTMgOC41NTIyODQ3NSwxNiA4LDE2IFogTTE2LDExIEwxMiwxMSBDMTEuNDQ3NzE1MywxMSAxMSwxMS40NDc3MTUzIDExLDEyIEMxMSwxMi41NTIyODQ3IDExLjQ0NzcxNTMsMTMgMTIsMTMgTDEyLDEzIEwxNiwxMyBDMTYuNTUyMjg0NywxMyAxNywxMi41NTIyODQ3IDE3LDEyIEMxNywxMS40NDc3MTUzIDE2LjU1MjI4NDcsMTEgMTYsMTEgTDE2LDExIFogTTgsMTEgQzcuNDQ3NzE1MjUsMTEgNywxMS40NDc3MTUzIDcsMTIgQzcsMTIuNTUyMjg0NyA3LjQ0NzcxNTI1LDEzIDgsMTMgQzguNTUyMjg0NzUsMTMgOSwxMi41NTIyODQ3IDksMTIgQzksMTEuNDQ3NzE1MyA4LjU1MjI4NDc1LDExIDgsMTEgWiBNMTYsNiBMMTIsNiBDMTEuNDQ3NzE1Myw2IDExLDYuNDQ3NzE1MjUgMTEsNyBDMTEsNy41NTIyODQ3NSAxMS40NDc3MTUzLDggMTIsOCBMMTIsOCBMMTYsOCBDMTYuNTUyMjg0Nyw4IDE3LDcuNTUyMjg0NzUgMTcsNyBDMTcsNi40NDc3MTUyNSAxNi41NTIyODQ3LDYgMTYsNiBMMTYsNiBaIE04LDYgQzcuNDQ3NzE1MjUsNiA3LDYuNDQ3NzE1MjUgNyw3IEM3LDcuNTUyMjg0NzUgNy40NDc3MTUyNSw4IDgsOCBDOC41NTIyODQ3NSw4IDksNy41NTIyODQ3NSA5LDcgQzksNi40NDc3MTUyNSA4LjU1MjI4NDc1LDYgOCw2IFoiIGlkPSJQYXRoIiBmaWxsPSIjNzc3Nzc3IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+'); } .tl-dashboard-sidebar .ic-recruitment { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29uLyBpY19yZWNydWl0bWVudDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJJY29uLy1pY19yZWNydWl0bWVudCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTcuMjUsMTMgTDcuMjUsMTMuNzUgTDcuMjU2ODQ2NjIsMTMuODUxNzcwNiBDNy4zMDY1MDkwNCwxNC4yMTc4NDYxIDcuNjIwMzA0MjMsMTQuNSA4LDE0LjUgQzguMzc5Njk1NzcsMTQuNSA4LjY5MzQ5MDk2LDE0LjIxNzg0NjEgOC43NDMxNTMzOCwxMy44NTE3NzA2IEw4Ljc1LDEzLjc1IEw4Ljc1LDEzIEwxNS4yNSwxMyBMMTUuMjUsMTMuNzUgTDE1LjI1Njg0NjYsMTMuODUxNzcwNiBDMTUuMzA2NTA5LDE0LjIxNzg0NjEgMTUuNjIwMzA0MiwxNC41IDE2LDE0LjUgQzE2LjM3OTY5NTgsMTQuNSAxNi42OTM0OTEsMTQuMjE3ODQ2MSAxNi43NDMxNTM0LDEzLjg1MTc3MDYgTDE2Ljc1LDEzLjc1IEwxNi43NSwxMyBMMjIsMTMgTDIyLDE5Ljc1IEMyMiwyMC44NTQ1Njk1IDIxLjEwNDU2OTUsMjEuNzUgMjAsMjEuNzUgTDQsMjEuNzUgQzIuODk1NDMwNSwyMS43NSAyLDIwLjg1NDU2OTUgMiwxOS43NSBMMiwxMyBMNy4yNSwxMyBaIE0xNS4yNSw1Ljc1IEMxNS4yNSw1LjEwMjc5MTMxIDE0Ljc1ODEyNTMsNC41NzA0NjYxIDE0LjEyNzgwNTIsNC41MDY0NTM2MSBMMTQsNC41IEwxMCw0LjUgQzkuMzUyNzkxMzEsNC41IDguODIwNDY2MSw0Ljk5MTg3NDY2IDguNzU2NDUzNjEsNS42MjIxOTQ3NiBMOC43NSw1Ljc1IEw4Ljc1LDYuNzUgTDcuMjUsNi43NSBMNy4yNSw1Ljc1IEM3LjI1LDQuMjg3NDY4MTYgOC4zOTE3MDQ2LDMuMDkxNTk1NzIgOS44MzI0Nzc2NywzLjAwNTAxODc5IEwxMCwzIEwxNCwzIEMxNS40NjI1MzE4LDMgMTYuNjU4NDA0Myw0LjE0MTcwNDYgMTYuNzQ0OTgxMiw1LjU4MjQ3NzY3IEwxNi43NSw1Ljc1IEwxNi43NSw2Ljc1IEwyMCw2Ljc1IEMyMS4xMDQ1Njk1LDYuNzUgMjIsNy42NDU0MzA1IDIyLDguNzUgTDIyLDExLjUgTDE2Ljc1LDExLjUgTDE2Ljc1LDEwLjc1IEwxNi43NDMxNTM0LDEwLjY0ODIyOTQgQzE2LjY5MzQ5MSwxMC4yODIxNTM5IDE2LjM3OTY5NTgsMTAgMTYsMTAgQzE1LjYyMDMwNDIsMTAgMTUuMzA2NTA5LDEwLjI4MjE1MzkgMTUuMjU2ODQ2NiwxMC42NDgyMjk0IEwxNS4yNSwxMC43NSBMMTUuMjUsMTEuNSBMOC43NSwxMS41IEw4Ljc1LDEwLjc1IEw4Ljc0MzE1MzM4LDEwLjY0ODIyOTQgQzguNjkzNDkwOTYsMTAuMjgyMTUzOSA4LjM3OTY5NTc3LDEwIDgsMTAgQzcuNjIwMzA0MjMsMTAgNy4zMDY1MDkwNCwxMC4yODIxNTM5IDcuMjU2ODQ2NjIsMTAuNjQ4MjI5NCBMNy4yNSwxMC43NSBMNy4yNSwxMS41IEwyLDExLjUgTDIsOC43NSBDMiw3LjY0NTQzMDUgMi44OTU0MzA1LDYuNzUgNCw2Ljc1IEwxNS4yNSw2Ljc1IEwxNS4yNSw1Ljc1IFoiIGlkPSJQYXRoIiBmaWxsPSIjNzc3Nzc3IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+'); } .tl-dashboard-sidebar .ic-advance-recruitment { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjA0MTIyIDQuMzExNTFWNC4zNzQ4NEg1LjgzMjcxQzMuOTgwMTggNC4zNzQ4NCAyLjcxNTE3IDQuODAzNjUgMS45NzczMyA1LjY4MDg2QzEuNDY1MTkgNi4yODk3NCAxLjI3Nzg3IDcuMDMyNTIgMS4yNTE5NSA3Ljc4ODc5TDIuMzU3OTMgOC42ODM4M0MyLjgyMjg2IDkuMDY2MzMgMy43MDM0NyA5LjY2MjcxIDQuNzg3NzYgMTAuMTYxMUM1LjY4ODE5IDEwLjU3NSA2LjY5ODk2IDEwLjkwNzQgNy43MDc4NSAxMS4wMDkyVjExLjY5MTVDNy43MDc4NSAxMS44NjY1IDcuNzA3ODggMTIuMDY3IDcuNzI1MjYgMTIuMjY2QzYuNDgyMjYgMTIuMTYzNCA1LjI4MDQzIDExLjc2MzMgNC4yNjU2OSAxMS4yOTY5QzMuMDg1MjYgMTAuNzU0MyAyLjExNDEgMTAuMTAxNiAxLjU2NTc2IDkuNjUwNzlMMS4zNjI4NCA5LjQ4NjU4TDEuOTE4NzIgMTUuNDE2NUwxLjkxOTYgMTUuNDI0OEMyLjAxMTQgMTYuMjgxNSAyLjIyNjQyIDE3LjIyMDggMi45OTEzNyAxNy45MTk2QzMuNzUwNjUgMTguNjEzMyA0LjkyNyAxOC45NTgyIDYuNjY2MDUgMTguOTU4MkgxMy4zMzI3QzE1LjA3MTggMTguOTU4MiAxNi4yNDgxIDE4LjYxMzMgMTcuMDA3NCAxNy45MTk2QzE3Ljc3MjMgMTcuMjIwOCAxNy45ODc0IDE2LjI4MTUgMTguMDc5MiAxNS40MjQ4TDE4LjYzNjEgOS40ODY4M0wxOC40MzU1IDkuNjQ5MTZMMTguNDMzNSA5LjY1MDc4QzE3Ljg4NTIgMTAuMTAxNiAxNi45MTQgMTAuNzU0MyAxNS43MzM1IDExLjI5NjlDMTQuNzE4OCAxMS43NjMzIDEzLjUxNjkgMTIuMTYzNCAxMi4yNzM5IDEyLjI2NkMxMi4yOTEyIDEyLjA2NzUgMTIuMjkxMiAxMS44NjcxIDEyLjI5MTIgMTEuNjkyNVYxMS4wMDkzQzEzLjMwMDEgMTAuOTA3NSAxNC4zMTEgMTAuNTc1IDE1LjIxMTUgMTAuMTYxMUMxNi4yOTU4IDkuNjYyNzEgMTcuMTc2NCA5LjA2NjM0IDE3LjY0MTQgOC42ODM4NEwxNy42NDUyIDguNjgwNjZMMTguNzQ2OCA3Ljc4OTEzQzE4LjcyMDkgNy4wMzI3NCAxOC41MzM2IDYuMjg5ODMgMTguMDIxNCA1LjY4MDg2QzE3LjI4MzYgNC44MDM2NSAxNi4wMTg2IDQuMzc0ODQgMTQuMTY2IDQuMzc0ODRIMTMuOTU3OVY0LjMxMTVDMTMuOTU3OSAzLjk1ODU3IDEzLjk1NzkgMy41NzMwNyAxMy45MTEgMy4yMTMzM0MxMy44NjIzIDIuODQwNTggMTMuNzU4IDIuNDQ0ODQgMTMuNTEzNyAyLjA5MTM2QzEyLjk5OTggMS4zNDc3NSAxMi4wNTgzIDEuMDQxNSAxMC42NjYyIDEuMDQxNUg5LjMzMjg5QzcuOTQwODEgMS4wNDE1IDYuOTk5MzUgMS4zNDc3NSA2LjQ4NTQxIDIuMDkxMzZDNi4yNDExIDIuNDQ0ODQgNi4xMzY4MiAyLjg0MDU4IDYuMDg4MTUgMy4yMTMzM0M2LjA0MTE4IDMuNTczMDggNi4wNDEyIDMuOTU4NTcgNi4wNDEyMiA0LjMxMTUxWk03LjMyNzYzIDMuMzc1MTVDNy4yOTIyMyAzLjY0NjMxIDcuMjkxMjIgMy45NTQ0NiA3LjI5MTIyIDQuMzMzMTdWNC4zNzQ4NEgxMi43MDc5VjQuMzMzMTdDMTIuNzA3OSAzLjk1NDQ2IDEyLjcwNjkgMy42NDYzMSAxMi42NzE1IDMuMzc1MTVDMTIuNjM2OCAzLjEwOTYyIDEyLjU3NDQgMi45MzA4NyAxMi40ODU0IDIuODAyMDZDMTIuMzMyNyAyLjU4MTA5IDExLjk0MDggMi4yOTE1IDEwLjY2NjIgMi4yOTE1SDkuMzMyODlDOC4wNTgzIDIuMjkxNSA3LjY2NjQzIDIuNTgxMDkgNy41MTM3MSAyLjgwMjA2QzcuNDI0NjggMi45MzA4NyA3LjM2MjMgMy4xMDk2MiA3LjMyNzYzIDMuMzc1MTVaTTExLjY2NjIgMTAuODMzMkMxMS42NjYyIDEwLjQxNjUgMTEuNjY2MiAxMC4yMDgyIDExLjU2MiAxMC4xMDRDMTEuNDU3OCA5Ljk5OTg0IDExLjI0OTUgOS45OTk4NCAxMC44MzI4IDkuOTk5ODRIOS4xNjYxOEM4Ljc0OTUxIDkuOTk5ODQgOC41NDExOCA5Ljk5OTg0IDguNDM3MDEgMTAuMTA0QzguMzMyODQgMTAuMjA4MiA4LjMzMjg0IDEwLjQxNjUgOC4zMzI4NCAxMC44MzMyVjExLjY5MTVDOC4zMzI4NCAxMi41OTk4IDguMzQ5NTEgMTMuMzMzMiA5Ljk5OTUxIDEzLjMzMzJDMTEuNjU3OCAxMy4zMzMyIDExLjY2NjIgMTIuNTkxNSAxMS42NjYyIDExLjY4MzJWMTAuODMzMloiIGZpbGw9IiM3Nzc3NzciLz4KPC9zdmc+Cg=="); } .tl-dashboard-sidebar .ic-forms { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCAxMlYyMEMyMCAyMS4xMDQ2IDE5LjEwNDYgMjIgMTggMjJINkM0Ljg5NTQzIDIyIDQgMjEuMTA0NiA0IDIwVjRDNCAyLjg5NTQzIDQuODk1NDMgMiA2IDJIMTJIMTMuNjcxNkMxNC4yMDIgMiAxNC43MTA3IDIuMjEwNzEgMTUuMDg1OCAyLjU4NTc5TDE5LjQxNDIgNi45MTQyMUMxOS43ODkzIDcuMjg5MjkgMjAgNy43OTc5OSAyMCA4LjMyODQzVjkuNVYxMlpNMTQgMy43MjQzMVY3LjAwMDA0QzE0IDcuNTUyMzMgMTQuNDQ3NyA4LjAwMDA0IDE1IDguMDAwMDRIMTguMjc1N0MxOC41NDMgOC4wMDAwNCAxOC42NzY5IDcuNjc2OSAxOC40ODc5IDcuNDg3OTFMMTQuNTEyMSAzLjUxMjE4QzE0LjMyMzEgMy4zMjMxOSAxNCAzLjQ1NzA0IDE0IDMuNzI0MzFaTTcuNzUgMTIuNUM3LjMzNTc5IDEyLjUgNyAxMi44MzU4IDcgMTMuMjVDNyAxMy42NjQyIDcuMzM1NzkgMTQgNy43NSAxNEgxMC4yNUMxMC42NjQyIDE0IDExIDEzLjY2NDIgMTEgMTMuMjVDMTEgMTIuODM1OCAxMC42NjQyIDEyLjUgMTAuMjUgMTIuNUg3Ljc1Wk03IDE3LjI1QzcgMTYuODM1OCA3LjMzNTc5IDE2LjUgNy43NSAxNi41SDE0LjI1QzE0LjY2NDIgMTYuNSAxNSAxNi44MzU4IDE1IDE3LjI1QzE1IDE3LjY2NDIgMTQuNjY0MiAxOCAxNC4yNSAxOEg3Ljc1QzcuMzM1NzkgMTggNyAxNy42NjQyIDcgMTcuMjVaIiBmaWxsPSIjNzc3Nzc3Ii8+Cjwvc3ZnPgo='); } .tl-dashboard-sidebar .ic-integrations { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzMDMgMS40Njk2N0MxMi4yMzc0IDEuMTc2NzggMTEuNzYyNiAxLjE3Njc4IDExLjQ2OTcgMS40Njk2N0w3LjY4NTg5IDUuMjUzNDVDNy40NTkzMyA1LjQ4MDAxIDcuNDAxNzEgNS44MjU0NyA3LjU0MjQ4IDYuMTEzM0M3LjY4MzI1IDYuNDAxMTIgNy45OTEzMSA2LjU2NzczIDguMzA5MjQgNi41Mjc5OUM4Ljc5OTY3IDYuNDY2NjkgOS4zODA2MiA2LjY1NzUgOS43NTc5NiA3LjAzNDgzQzEwLjU0NjEgNy44MjMwMiAxMC41NDYxIDguOTY5NzcgOS43NTc5NiA5Ljc1Nzk2QzguOTY5NzcgMTAuNTQ2MSA3LjgyMzAyIDEwLjU0NjEgNy4wMzQ4MyA5Ljc1Nzk2QzYuNjU3NSA5LjM4MDYyIDYuNDY2NjkgOC43OTk2NyA2LjUyNzk5IDguMzA5MjRDNi41Njc3MyA3Ljk5MTMxIDYuNDAxMTIgNy42ODMyNSA2LjExMzMgNy41NDI0OEM1LjgyNTQ3IDcuNDAxNzEgNS40ODAwMSA3LjQ1OTMzIDUuMjUzNDUgNy42ODU4OUwxLjQ2OTY3IDExLjQ2OTdDMS4xNzY3OCAxMS43NjI2IDEuMTc2NzggMTIuMjM3NCAxLjQ2OTY3IDEyLjUzMDNMMTEuNDY5NyAyMi41MzAzQzExLjc2MjYgMjIuODIzMiAxMi4yMzc0IDIyLjgyMzIgMTIuNTMwMyAyMi41MzAzTDIyLjUzMDMgMTIuNTMwM0MyMi42NzEgMTIuMzg5NyAyMi43NSAxMi4xOTg5IDIyLjc1IDEyQzIyLjc1IDExLjgwMTEgMjIuNjcxIDExLjYxMDMgMjIuNTMwMyAxMS40Njk3TDE5Ljc1OTYgOC42OTg5OEMyMC4yMDQ1IDguNTQ4MDEgMjAuNjMxOCA4LjMwMjc0IDIwLjk5ODggNy45MzU3NEMyMi4zNzI4IDYuNTYxNzYgMjIuMzcyOCA0LjQ2NTI3IDIwLjk5ODggMy4wOTEyOUMxOS42MjQ4IDEuNzE3MzIgMTcuNTI4MyAxLjcxNzMyIDE2LjE1NDQgMy4wOTEyOUMxNS44MDQzIDMuNDQxMzEgMTUuNTM4NCAzLjg1OTU0IDE1LjM2OTkgNC4zMDkyNkwxMi41MzAzIDEuNDY5NjdaIiBmaWxsPSIjNzc3Nzc3Ii8+Cjwvc3ZnPgo='); } .tl-dashboard-sidebar .ic-marketplace { background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.35745 0.577343C9.91812 0.345127 10.4352 0.205078 11 0.205078C11.5648 0.205078 12.0819 0.345127 12.6426 0.577343C13.1819 0.800719 13.8064 1.12941 14.5786 1.53584L17.1442 2.88619C18.0256 3.35004 18.7369 3.72441 19.2871 4.08953C19.3106 4.10513 19.3339 4.12076 19.357 4.13645C19.7637 4.41261 19.967 4.55068 19.9616 4.8219C19.9562 5.09311 19.7212 5.2394 19.251 5.53196L12.0559 10.0096C11.5422 10.3293 11.2853 10.4891 10.9997 10.4892C10.7141 10.4893 10.4572 10.3296 9.94335 10.0102L2.74398 5.53529C2.27414 5.24325 2.03922 5.09723 2.0336 4.8261C2.02799 4.55496 2.23088 4.41688 2.63667 4.14073C2.66183 4.12361 2.68722 4.10655 2.71287 4.08953C3.2631 3.7244 3.97443 3.35003 4.8558 2.88617L7.42141 1.53584C8.19363 1.1294 8.8181 0.800723 9.35745 0.577343Z' fill='%23777777'/%3E%3Cpath d='M1.87956 6.76414C1.61148 6.59751 1.47744 6.5142 1.32741 6.51827C1.1962 6.52183 1.03665 6.60021 0.953641 6.70189C0.858725 6.81816 0.844756 6.95546 0.816818 7.23008C0.749981 7.88704 0.74999 8.69087 0.75 9.68684V12.313C0.74999 13.3089 0.749981 14.1128 0.816818 14.7697C0.886257 15.4523 1.03237 16.038 1.36166 16.5834C1.69095 17.1289 2.14121 17.531 2.71287 17.9103C3.26311 18.2754 3.97447 18.6498 4.85587 19.1137L7.42134 20.4639C8.19353 20.8704 8.81812 21.1991 9.35745 21.4225C9.57106 21.511 9.67787 21.5552 9.80606 21.5407C9.9519 21.5243 10.1166 21.4142 10.1876 21.2858C10.25 21.1729 10.25 21.0394 10.25 20.7726V13.0787C10.25 12.5352 10.25 12.2635 10.124 12.0369C9.99809 11.8103 9.76732 11.6669 9.3058 11.38L1.87956 6.76414Z' fill='%23777777'/%3E%3Cpath d='M11.75 20.7726C11.75 21.0394 11.75 21.1729 11.8124 21.2858C11.8834 21.4142 12.0481 21.5243 12.1939 21.5407C12.3221 21.5552 12.4289 21.511 12.6426 21.4225C13.1819 21.1991 13.8064 20.8704 14.5786 20.464L17.1442 19.1136C18.0256 18.6498 18.7369 18.2754 19.2871 17.9103C19.8588 17.531 20.3091 17.1289 20.6383 16.5834C20.9676 16.038 21.1137 15.4523 21.1832 14.7697C21.25 14.1128 21.25 13.3089 21.25 12.313V9.68688C21.25 8.6909 21.25 7.88704 21.1832 7.23008C21.1546 6.94916 21.1403 6.80871 21.042 6.69111C20.9602 6.59322 20.805 6.51704 20.6775 6.51216C20.5243 6.5063 20.3874 6.59151 20.1136 6.76192L12.6933 11.3797C12.2322 11.6666 12.0017 11.8101 11.8758 12.0366C11.75 12.2631 11.75 12.5346 11.75 13.0777V20.7726Z' fill='%23777777'/%3E%3C/svg%3E%0A"); } .tl-dashboard-sidebar .ic-commerce { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29uLyBpY19jb21tZXJjZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJJY29uLy1pY19jb21tZXJjZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEwLDE4IEMxMS4xMDQ1Njk1LDE4IDEyLDE4Ljg5NTQzMDUgMTIsMjAgQzEyLDIxLjEwNDU2OTUgMTEuMTA0NTY5NSwyMiAxMCwyMiBDOC44OTU0MzA1LDIyIDgsMjEuMTA0NTY5NSA4LDIwIEM4LDE4Ljg5NTQzMDUgOC44OTU0MzA1LDE4IDEwLDE4IFogTTE3LDE4IEMxOC4xMDQ1Njk1LDE4IDE5LDE4Ljg5NTQzMDUgMTksMjAgQzE5LDIxLjEwNDU2OTUgMTguMTA0NTY5NSwyMiAxNywyMiBDMTUuODk1NDMwNSwyMiAxNSwyMS4xMDQ1Njk1IDE1LDIwIEMxNSwxOC44OTU0MzA1IDE1Ljg5NTQzMDUsMTggMTcsMTggWiBNNS41LDIgQzUuOTA3Njc1MTMsMiA2LjI3MDAzMjIyLDIuMjQ2NzIzOTIgNi40MjMzOTAyNiwyLjYxNjAyNjE5IEw2LjQ2Mjk2NDAyLDIuNzMwMzcwMDcgTDYuODE4LDQgTDIwLjYxMjU3NDEsNCBDMjEuMTY0ODU4OSw0IDIxLjYxMjU3NDEsNC40NDc3MTUyNSAyMS42MTI1NzQxLDUgQzIxLjYxMjU3NDEsNS4xMDc0ODIxIDIxLjU5NTI0NjIsNS4yMTQyNjEzIDIxLjU2MTI1NzQsNS4zMTYyMjc3NyBMMTkuMjI3OTI0MSwxMi4zMTYyMjc4IEMxOS4wOTE4MSwxMi43MjQ1Njk5IDE4LjcwOTY3MTIsMTMgMTguMjc5MjQwOCwxMyBMOS4zMzgsMTMgTDkuNzU4LDE0LjUgTDE5LDE0LjUgTDE5LDE2LjUgTDksMTYuNSBDOC41OTIzMjQ4NywxNi41IDguMjI5OTY3NzgsMTYuMjUzMjc2MSA4LjA3NjYwOTc0LDE1Ljg4Mzk3MzggTDguMDM3MDM1OTgsMTUuNzY5NjI5OSBMNC43NDIsNCBMMiw0IEwyLDIgTDUuNSwyIFoiIGlkPSJQYXRoIiBmaWxsPSIjNzc3Nzc3IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+'); } .tl-dashboard-sidebar .ic-site-company { background-image: url("data:image/svg+xml,%3Csvg width='25' height='21' viewBox='0 0 25 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 20H23.5M20.28 20.01V15.55M6.29999 6.25H11.25M6.29999 10H11.25M8.75 20V16.25M20.3 8.89001C19.08 8.89001 18.1 9.87003 18.1 11.09V13.36C18.1 14.58 19.08 15.56 20.3 15.56C21.52 15.56 22.5 14.58 22.5 13.36V11.09C22.5 9.87003 21.52 8.89001 20.3 8.89001ZM2.59998 20V4.03003C2.59998 2.02003 3.60003 1.01001 5.59003 1.01001H11.82C13.81 1.01001 14.8 2.02003 14.8 4.03003V20H2.59998Z' stroke='%23626B79' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .tl-dashboard-sidebar .ic-site-arrow { background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.93 0.929932L18 6.99993L11.93 13.0699M1 6.99993H17.83' stroke='%23626B79' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .tl-dashboard-sidebar .ic-site-survey { background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 3.02C17.83 3.2 19.5 4.43 19.5 9V15C19.5 19 18.5 21 13.5 21H7.5C2.5 21 1.5 19 1.5 15V9C1.5 4.44 3.17 3.2 6.5 3.02M6.5 11.2H13.5M6.5 15.2H10.88M8.5 5H12.5C14.5 5 14.5 4 14.5 3C14.5 1 13.5 1 12.5 1H8.5C7.5 1 6.5 1 6.5 3C6.5 5 7.5 5 8.5 5Z' stroke='%230031BE' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .tl-dashboard-sidebar .ic-app-store { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/temp/ic-logo-apple.svg'); } .tl-dashboard-sidebar .ic-google-play { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/temp/ic-logo-playstore.svg'); } .tl-dashboard-sidebar .ic-doc { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-doc.svg'); } .tl-dashboard-sidebar .ic-support-center { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-support-center.svg'); } .tl-card .ic { width: 20px; height: 20px; background-size: contain; background-position: center; } .tl-card .badge .ic { width: auto; height: auto; } .tl-dashboard-analytic .ic { background-size: contain; background-position: center; } .navbar .ic-bg-image { height: 24px; width: 24px; } .ic-bg-image { width: 20px; height: 20px; background-size: contain; background-position: center; } .ic.ic-medium { width: 32px; height: 32px; font-size: 32px; } .ic.ic-large { width: 60px; height: 60px; font-size: 60px; } .ic.rotate-90 { transform: rotate(90deg); } .ic-bg-image { width: 20px; height: 20px; background-size: contain; background-position: center; } .ic.custom { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .ic.rotate-90 { transform: rotate(90deg); } .ic-bg-image { width: 20px; height: 20px; background-size: contain; background-position: center; } .ic-background { width: 20px; height: 20px; background-size: contain; background-position: center; } .ic-attachment { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-attachment.svg'); } .ic-meatball { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic_meatball.png'); } .ic-end-page { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic_end_page.png'); } .ic-turn-off { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic_turn_off.png'); } .ic-layout-right { background-image: url('../../images/ic_layout_right.png'); } .ic-layout-right:hover { background-image: url('../../images/ic_layout_right_active.png'); } .ic-layout-left { background-image: url('../../images/ic_layout_left.png'); } .ic-layout-left:hover { background-image: url('../../images/ic_layout_left_active.png'); } .ic-layout-center { background-image: url('../../images/ic_layout_center.png'); } .ic-layout-center:hover { background-image: url('../../images/ic_layout_center_active.png'); } .custom-control-input:checked ~ .custom-control-label .bg-image-layout.ic-layout-right { background-image: url('../../images/ic_layout_right_active.png'); } .custom-control-input:checked ~ .custom-control-label .bg-image-layout.ic-layout-left { background-image: url('../../images/ic_layout_left_active.png'); } .custom-control-input:checked ~ .custom-control-label .bg-image-layout.ic-layout-center { background-image: url('../../images/ic_layout_center_active.png'); } .ic-kebab { background-image: url('../../images/ic_kebab.png'); } .ic-undo { background-image: url('../../images/ic_undo.svg'); } .ic-redo { background-image: url('../../images/ic_redo.svg'); } .ic-table-field { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-table-field.svg'); } .ic-insight { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-insight.svg'); } .ic-mekari-chat { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-mekari-chat.svg'); } .ic-search, .form-control.prepend-icon.ic-search { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-search.svg'); } .ic-family { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-family.svg'); } .ic-education { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-education.svg'); } .ic-certificate { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-certificate.svg'); } .ic-briefcase { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-briefcase.svg'); } .ic-user { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-user.svg'); } .ic-contact-new { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-contact.svg'); } .ic-other-lists { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-other-lists.svg'); } .ic-success-fill-blue { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-success-fill-blue.svg'); } .ic-table-sort { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-table-sort.svg'); } .ic-request-support { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-request-support.svg'); width: 20px; height: 20px; } .tl-navbar { position: sticky; top: 0; z-index: 1000; display: flex; align-items: center; width: 100%; height: 60px; padding: 0 24px; background-color: white; box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.08); } .tl-navbar .navbar { display: flex; justify-content: space-between; width: 100%; padding: 0; } .tl-navbar .navbar-left { display: flex; align-items: center; width: auto; } .tl-navbar .navbar-center { display: none; } .tl-navbar .navbar-right .navbar-nav { flex-direction: row; align-items: center; } .tl-navbar .navbar-right .dropdown-toggle::after { border-color: #777777; } .tl-navbar .navbar-right .dropdown-menu { position: absolute; min-width: 240px; max-width: 250px; } .tl-navbar .navbar-right .dropdown-menu .dropdown-item { display: flex; align-items: center; padding: 10px 12px; } .tl-navbar .navbar-right .dropdown-menu .dropdown-item .ellipsis-menu { overflow: hidden; } .tl-navbar .navbar-right .dropdown-menu .dropdown-item .ellipsis-menu div { overflow: hidden; text-overflow: ellipsis; } .tl-navbar .navbar-right .dropdown-menu .dropdown-item .ellipsis-menu small { overflow: hidden; text-overflow: ellipsis; display: block; margin-top: 4px; } .tl-navbar .navbar-brand { padding: 0; padding-left: 4px; margin-right: 8px; } .tl-navbar .navbar-brand img { height: 32px; } .tl-navbar .navbar-toggler { display: none; padding: 0; margin-right: 16px; } .tl-navbar .navbar-toggler:focus { outline: none; } .tl-navbar .navbar-toggler span { display: block; width: 16px; height: 1px; margin: 4px 0; background-color: #777777; transition: all 0.3s; } .tl-navbar .navbar-toggler:not(.collapsed) span:first-child { transform: rotate(-45deg) translate(-6px, 3px); } .tl-navbar .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } .tl-navbar .navbar-toggler:not(.collapsed) span:last-child { transform: rotate(45deg) translate(-4px, -1px); } .tl-navbar .navbar-badge { position: absolute; top: 12px; left: 42px; } .tl-navbar .navbar .nav-item { position: relative; margin-right: 8px; } .tl-navbar .navbar .nav-item:last-child { margin-right: 0; } .tl-navbar .navbar .nav-item.active::after { position: absolute; bottom: -10px; width: 100%; height: 4px; content: ""; border-top-left-radius: 4px; border-top-right-radius: 4px; } .tl-navbar .navbar .nav-item.disabled { cursor: no-drop; } .tl-navbar .navbar .nav-item.disabled .nav-link { pointer-events: none; } .tl-navbar .navbar .nav-link-container { display: flex; align-items: center; padding: 10px 14px; justify-content: center; } .tl-navbar .navbar .nav-link { padding: 0; color: #212121; } .tl-navbar .navbar .dropdown-menu { top: 40px; max-height: none; } .tl-navbar .navbar .dropdown .badge.badge-new { right: -20px; } .tl-navbar .navbar .dropdown .dropdown-toggle-caret::after { height: unset; width: unset; transform: none; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .tl-navbar ~ .navbar-mobile { position: fixed; top: 60px; z-index: 997; display: block; width: 100%; height: 100vh; visibility: hidden; } .tl-navbar ~ .navbar-mobile.show { visibility: visible; } .tl-navbar ~ .navbar-mobile.show .navbar-nav { visibility: visible; transform: translate(0, 0); } .tl-navbar ~ .navbar-mobile.show .navbar-mobile-overlay { position: fixed; top: 0; z-index: 997; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.75); } .tl-navbar ~ .navbar-mobile .navbar-nav { position: fixed; z-index: 999; width: 240px; height: calc(100vh); padding-bottom: 40px; overflow-y: auto; visibility: hidden; background-color: white; transform: translateX(-100%); transition: all 0.3s; } .tl-navbar ~ .navbar-mobile .navbar-nav::-webkit-scrollbar { width: 11px; background-color: transparent; } .tl-navbar ~ .navbar-mobile .navbar-nav::-webkit-scrollbar-thumb { background-color: #777777; background-clip: padding-box; border: 4px solid transparent; border-radius: 16px; } .tl-navbar ~ .navbar-mobile .navbar-nav::-webkit-scrollbar-track { background-color: white; } .tl-navbar ~ .navbar-mobile .nav-item.active .nav-link { color: white; } .tl-navbar ~ .navbar-mobile .nav-item.active .dropdown-toggle::after { border-color: white; } .tl-navbar ~ .navbar-mobile .nav-link { padding: 8px 16px; color: #212121; } .tl-navbar ~ .navbar-mobile .dropdown-menu { position: relative !important; top: 0 !important; float: none; max-height: none; padding: 0; margin: 0; border: none; box-shadow: none; transform: none !important; border-radius: 0; } .tl-navbar ~ .navbar-mobile .dropdown-item { padding: 8px 40px; color: #777777; border: 0; } .tl-navbar ~ .navbar-mobile .dropdown-item.active { font-weight: 500; color: #212121; background-color: transparent; } .tl-navbar ~ .navbar-mobile .dropdown-item:hover { background-color: transparent; } .tl-navbar ~ .navbar-mobile .dropdown-toggle::after { content: ""; position: absolute; width: 8px; height: 8px; border-top: 1px solid #212121; border-right: 1px solid #212121; border-left: none; transform: rotate(45deg); transition: transform 0.3s; } .tl-navbar ~ .navbar-mobile .dropdown-toggle::after { top: 14px; right: 16px; } .tl-navbar ~ .navbar-mobile .dropdown.show .dropdown-toggle::after { transform: rotate(135deg); } .tl-navbar-is-mobile .navbar a.navbar-brand { pointer-events: none; } .tl-navbar-is-mobile .navbar .navbar-right ul li #navbarDropdown::after { content: none; } .tl-navbar-is-mobile .navbar .navbar-right ul li .dropdown-menu.dropdown-menu-mobile-navbar { left: 0; position: fixed; top: 60px; border: none; width: 100%; max-width: none; margin-top: 0; box-shadow: 0 7px 8px -3px rgba(119, 119, 119, 0.24); border-radius: 0; } .tl-navbar-is-mobile .navbar .navbar-right ul li .dropdown-menu.dropdown-menu-mobile-navbar a.user-desc { pointer-events: none; } .tl-navbar-is-mobile .navbar .navbar-right ul li .dropdown-menu.dropdown-menu-mobile-navbar a.dropdown-item { padding: 18px 24px; } .tl-navbar-is-mobile .navbar .navbar-center { display: block; } .tl-navbar-is-mobile .navbar .hide-on-mobile { display: none !important; } .tl-site-layout { min-height: 100vh; background-color: #f2f4f7; } .tl-site-content { max-width: 100%; width: 426px; margin: auto; padding: 60px 16px; } .tl-site-content .form-group.has-error input.form-control { border-color: #d74022; } .tl-site-content .form-group.has-error .help-block-error { color: #d74022; font-size: 12px; } .tl-site-content .form-group #error-block { padding-left: 0; list-style: none; font-size: 12px; } .tl-site-modal { position: absolute; top: 0; height: 100vh; width: 100%; display: flex; background-color: white; } .tl-site-modal__content { margin: auto; text-align: center; } .tl-site-modal__content h3 { font-weight: 400; } .input-password-wrapper { position: relative; } .input-password-wrapper .input-password { padding-right: 36px; } .input-password-wrapper .input-password ~.icon-password-show { position: absolute; top: 25px; right: 0; width: 36px; height: 36px; padding: 8px; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTYgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU5LjEgKDg2MTQ0KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29ucy8gU21hbGwvIFV0aWxpdGllcy8gSGlkZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTY3JlZW4iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzb2x1dGlvbnMtLS1oci1hdXRvbWF0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU3NC4wMDAwMDAsIC0yMjE5LjAwMDAwMCkiIGZpbGw9IiM3Nzc3NzciIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJJY29ucy8tU21hbGwvLVV0aWxpdGllcy8tSGlkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU3Mi4wMDAwMDAsIDIyMTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTcuODMxNTM2OCwzLjgxMzcwODggQzE4LjEwMjc5MzEsNC4xNjc5MTM4NiAxOC4wMzk5NjU1LDQuNjc4Mzg0ODUgMTcuNjkxMjA3NCw0Ljk1Mzg3NzY3IEwzLjI5MTE5MDc1LDE2LjMyODgxMjMgQzIuOTQyNDMyNiwxNi42MDQzMDUxIDIuNDM5ODExNTQsMTYuNTQwNDk2MyAyLjE2ODU1NTIsMTYuMTg2MjkxMiBDMS44OTcyOTg4NSwxNS44MzIwODYxIDEuOTYwMTI2NDgsMTUuMzIxNjE1MiAyLjMwODg4NDY0LDE1LjA0NjEyMjMgTDQuMzgzNTI5MjEsMTMuNDA3Nzk3OSBDMy41MjE5MDk4NywxMi42MjUwNjU1IDIuNzU5MzYzNzQsMTEuNjU3Njc4NSAyLjEzMzk0OTUzLDEwLjUzMjI5MjYgQzEuOTU1Mzk5MTksMTAuMjExMDA0NiAxLjk1NTM5OTE5LDkuNzg4OTk1MzggMi4xMzM5NDk1Myw5LjQ2NzcwNzQ1IEMzLjkyNzQzNzAxLDYuMjQwNDYxMzEgNi44NDg2NDA1Miw0LjMxMjUzMjY4IDEwLjAwMDAzNjgsNC4zMTI1MzI2OCBDMTEuNTE2NjExNCw0LjMxMjUzMjY4IDEyLjk3OTg3MTgsNC43NTkwMTgyMyAxNC4yODk3OTI0LDUuNTgxOTMxNDggTDE2LjcwODkwMTIsMy42NzExODc2OSBDMTcuMDU3NjU5NCwzLjM5NTY5NDg3IDE3LjU2MDI4MDUsMy40NTk1MDM3NCAxNy44MzE1MzY4LDMuODEzNzA4OCBaIE0xNi41MTAzNzQyLDcuNTEyMjM4MTIgQzE3LjAxMTU5NzMsOC4wOTUwMjQ0OCAxNy40NjY4MjIxLDguNzQ5MTYwMzUgMTcuODY2MTQyNSw5LjQ2NzcwNzQ1IEMxOC4wNDQ2OTI4LDkuNzg4OTk1MzggMTguMDQ0NjkyOCwxMC4yMTEwMDQ2IDE3Ljg2NjE0MjUsMTAuNTMyMjkyNiBDMTYuMDcyNjU1LDEzLjc1OTUzODcgMTMuMTUxNDUxNSwxNS42ODc0NjczIDEwLjAwMDAzNjgsMTUuNjg3NDY3MyBDOC45NDYyOTA5MywxNS42ODc0NjczIDcuOTE4MjgyMDUsMTUuNDcxOTEzIDYuOTQ5NTY0MTQsMTUuMDY0MzA1MSBMOS4zMzUzNTAyNSwxMy4xODA4NTQ5IEM5LjU0OTc4MDMsMTMuMjI2MTU0MSA5Ljc3MjEzMDU4LDEzLjI0OTk4MTMgMTAuMDAwMDQ2LDEzLjI0OTk4MTMgQzExLjcwNjQxNzQsMTMuMjQ5OTgxMyAxMy4xMDA4NDU2LDExLjkxNDM5MzYgMTMuMTk0OTg0LDEwLjIzMTU2NDUgTDEzLjE5NzAzNjgsMTAuMTI4NTMyNyBMMTYuNTEwMzc0Miw3LjUxMjIzODEyIFogTTEwLjAwMDA0Niw2Ljc1MDAxODY3IEM4LjI5MzY3NDYsNi43NTAwMTg2NyA2Ljg5OTI0NjQzLDguMDg1NjA2NDUgNi44MDUxMDc5NSw5Ljc2ODQzNTU0IEw2LjgwMDA0MjMxLDkuOTUwMDIyMzYgTDYuODAwMDQyMzEsMTAuMDQ5OTc3NiBDNi44MDAwNDIzMSwxMC40OTMyMTQ5IDYuODkwMTU3NDcsMTAuOTE1NDA0NiA3LjA1MzA2NTgxLDExLjI5OTIyNDkgTDguNDEyMzkzNjEsMTAuMjI0NzUzOSBDOC40MDQyNDI3NiwxMC4xNTkzMTA0IDguNDAwMDQ0MTYsMTAuMDkyNjM5OSA4LjQwMDA0NDE2LDEwLjAyNDk4ODggTDguNDAwMDQ0MTYsOS45NzUwMTExOCBDOC40MDAwNDQxNiw5LjA5MTM1NDU2IDkuMTE2Mzg5MzgsOC4zNzUwMDkzNCAxMC4wMDAwNDYsOC4zNzUwMDkzNCBDMTAuMjEzODQxOSw4LjM3NTAwOTM0IDEwLjQxNzg0MzksOC40MTY5NDIxNiAxMC42MDQyNzYxLDguNDkzMDMxOTkgTDExLjk2MDkzMjMsNy40MjEwMDkzOCBDMTEuNDE5MjgxMyw3LjAwMDQyODAxIDEwLjczODkwNjgsNi43NTAwMTg2NyAxMC4wMDAwNDYsNi43NTAwMTg2NyBaIiBpZD0iQ29sb3IiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); } .input-password-wrapper.is-show .input-password ~.icon-password-show { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTYgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU5LjEgKDg2MTQ0KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5JY29ucy8gU21hbGwvIFV0aWxpdGllcy8gVmlldzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJTY3JlZW4iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzb2x1dGlvbnMtLS1oci1hdXRvbWF0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYxOC4wMDAwMDAsIC0yMjIwLjAwMDAwMCkiIGZpbGw9IiM3Nzc3NzciIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJJY29ucy8tU21hbGwvLVV0aWxpdGllcy8tVmlldyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYxNi4wMDAwMDAsIDIyMTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS45NjYwNjMzNSw0LjUgQzEzLjMzOTg3MzksNC41IDE2LjMzMTE3NTksNi41Mjk2MjQ2MiAxNy45NDc2MTc5LDkuNzc3MjAzNzQgQzE4LjAxNzQ2MDcsOS45MTc1MjQxNSAxOC4wMTc0NjA3LDEwLjA4MjQ3NTkgMTcuOTQ3NjE3OSwxMC4yMjI3OTYzIEMxNi4zMzU5NzE0LDEzLjQ2MDc0MDggMTMuMzUwMjQyNywxNS41IDEwLjAzMzkzNjcsMTUuNSBDNi42NjAxMjYxMSwxNS41IDMuNjY4ODI0MTUsMTMuNDcwMzc1NCAyLjA1MjM4MjA1LDEwLjIyMjc5NjMgQzEuOTgyNTM5MzIsMTAuMDgyNDc1OSAxLjk4MjUzOTMyLDkuOTE3NTI0MTUgMi4wNTIzODIwNSw5Ljc3NzIwMzc0IEMzLjY2NDAyODYzLDYuNTM5MjU5MjQgNi42NDk3NTcyNiw0LjUgOS45NjYwNjMzNSw0LjUgWiBNMTAsNyBDOC4zNDMxNDU3NSw3IDcsOC4zNDMxNDU3NSA3LDEwIEM3LDExLjY1Njg1NDIgOC4zNDMxNDU3NSwxMyAxMCwxMyBDMTEuNjU2ODU0MiwxMyAxMywxMS42NTY4NTQyIDEzLDEwIEMxMyw4LjM0MzE0NTc1IDExLjY1Njg1NDIsNyAxMCw3IFogTTEwLDguNSBDMTAuODI4NDI3MSw4LjUgMTEuNSw5LjE3MTU3Mjg4IDExLjUsMTAgQzExLjUsMTAuODI4NDI3MSAxMC44Mjg0MjcxLDExLjUgMTAsMTEuNSBDOS4xNzE1NzI4OCwxMS41IDguNSwxMC44Mjg0MjcxIDguNSwxMCBDOC41LDkuMTcxNTcyODggOS4xNzE1NzI4OCw4LjUgMTAsOC41IFoiIGlkPSJDb2xvciI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4='); } body { background-color: #f2f4f7; } .tl-warningpop { background-color: #d74022; color: white; padding: 12px 0; } .tl-warningpop__content { display: flex; justify-content: center; } .tl-warningpop__content .ic::before { color: white; } .tl-warningpop__button .btn-link { color: white; text-decoration: underline; } .tl-navbar .navbar .nav-item.active::after { background-color: #c02a34; } .tl-navbar ~ .navbar-mobile .nav-item.active .nav-link { background-color: #c02a34; } @media screen and (min-width: 992px) { .tl-navbar ~ .navbar-mobile { display: none; } } .tl-stage { display: flex; max-width: 100%; min-height: 83vh; margin: 24px; background-color: white; border: 1px solid #dcdee1; border-radius: 4px; } @media screen and (max-width: 992px) { .tl-stage { border-right: none; border-left: none; border-radius: 0; margin-right: 0; margin-left: 0; } } .tl-stage-small { width: 810px; max-width: 100%; margin: 24px auto; } .tl-stage-medium { width: 1224px; max-width: 100%; margin: 24px auto; background-color: white; border: 1px solid #dcdee1; border-radius: 4px; padding: 0; } .tl-stage-vue { display: flex; width: 100%; max-width: 100%; min-height: 83vh; } .tl-stage-inner-medium { width: 1016px; max-width: 100%; margin: auto; } .tl-stage-inner-small { width: 600px; max-width: 100%; margin: auto; } .tl-stage-is-mobile { margin: 16px; border: 1px solid #e2e2e2; border-radius: 4px; } .tl-stage-is-mobile .tl-content-max__600 { margin-top: 0 !important; margin-bottom: 0 !important; } .tl-stage-is-mobile.back-drop::after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #212121; opacity: 0.8; } .tl-stage-is-mobile .hide-on-mobile { display: none !important; } .tl-stage-is-mobile .show-on-mobile { display: block !important; } .tl-stage-is-mobile .hide-border-on-mobile { border: none !important; } .tl-stage-is-mobile .hide-box-shadow-on-mobile { box-shadow: none !important; } .tl-stage-is-mobile .px-0-on-mobile { padding-left: 0 !important; padding-right: 0 !important; } .tl-stage-is-mobile .py-0-on-mobile { padding-top: 0 !important; padding-bottom: 0 !important; } .tl-stage-is-mobile .p-0-on-mobile { padding: 0 !important; } .tl-stage-is-mobile .modal .modal-full { height: 100%; max-width: none !important; margin: 0; } .tl-stage-is-mobile .modal .modal-full .modal-content { height: 100%; border-radius: 0; } .tl-stage-is-mobile .modal .modal-full .modal-content .modal-header { justify-content: center !important; } .tl-stage-is-mobile .modal .modal-full .modal-content .modal-header .modal-title { font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: 0px; } .tl-footer-pixel { height: 80px; background-color: white; } .tl-footer { display: flex; justify-content: space-between; margin: 24px; } .tl-footer > *:only-child { margin: auto; } .tl-sidebar { width: 240px; min-width: 240px; padding: 8px; border-right: 1px solid #e2e2e2; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .tl-sidebar+ .tl-content-wrapper { width: calc(100% - 240px); } .tl-sidebar__title { margin: 16px; } .tl-sidebar__item { padding: 8px 12px; } .tl-sidebar__item.active { background-color: #f2f4f7; border-radius: 4px; } .tl-sidebar__item.active .ic:first-child { color: #005fbf; } .tl-sidebar__item.active .ic-bg-image { filter: invert(17%) sepia(88%) saturate(3244%) hue-rotate(199deg) brightness(67%) contrast(101%); } .tl-sidebar__item.active .tl-sidebar__link { color: #212121; } .tl-sidebar__item.active .tl-sidebar__name { font-weight: 500; } .tl-sidebar__item:not(.collapsed) .tl-sidebar__toggler { transform: rotate(90deg); transition: transform 0.3s; } .tl-sidebar__link { display: flex; color: #777777; cursor: pointer; align-items: center; } .tl-sidebar__link.is-badge .tl-sidebar__name { flex: unset; margin-right: 8px; } .tl-sidebar__link:hover { text-decoration: none; } .tl-sidebar__badge { min-width: 23px; height: 20px; border-radius: 4px; text-align: center; color: white; font-size: 12px; padding: 0 4px; } .tl-sidebar__name { flex: 1; margin-left: 8px; } .tl-sidebar__sub-item { padding: 8px 16px; margin-left: 24px; color: #777777; } .tl-sidebar__sub-item a:not(:hover) { color: #777777; } .tl-sidebar__sub-item a:hover { text-decoration: none; } .tl-sidebar__sub-item.active { color: #005fbf; } .tl-sidebar__sub-item.active a { color: #005fbf; } .tl-content { width: 100%; padding: 0 24px; } .tl-content-wrapper { flex: 1; } .tl-content-max__600 { width: 100%; max-width: 600px; } .tl-content-sm { width: 442px; max-width: 100%; padding: 0 24px; margin: 32px auto; } #tl-dashboard-wrapper { max-width: 1224px; min-width: 1100px; margin: 24px auto; } #tl-dashboard-wrapper::before { content: none; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 184px; background: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/img_talenta_pattern_red.png'); background-repeat: repeat; background-size: 50px; background-color: #c02a34; z-index: -1; } #tlv-navbar-container { position: sticky; top: 0; z-index: 1000; } /* * * ======================= ======================= ==================== */ .fade-in-animation-enter { opacity: 0; } .fade-in-animation-enter-active { transition: opacity 0.3s; } .fade-in-animation-leave-active { opacity: 0; } .fade-animation-enter { opacity: 0; } .fade-animation-enter-active { transition: opacity 0.3s; } .fade-animation-leave-active { transition: opacity 0.3s; opacity: 0; } .slide-in-switch-animation-enter { opacity: 0; } .slide-in-switch-animation-enter-active { animation: slide-in-entry-keyframes 0.3s ease-out forwards; } .slide-in-switch-animation-leave-active { opacity: 0; } @keyframes slide-in-entry-keyframes { from { transform: translateY(-20px); } to { transform: translateY(0); } } @keyframes slide-in-leave-keyframes { from { transform: translateY(0); } to { transform: translateY(-20px); } } .slide-in-animation-enter { opacity: 0; } .slide-in-animation-enter-active { animation: slide-in-entry-keyframes 0.3s ease-out forwards; } .slide-in-animation-leave-active { animation: slide-in-leave-keyframes 0.3s ease-out forwards; } .slide-out-animation-enter { opacity: 0; } .slide-out-animation-enter-active { animation: slide-out-entry-keyframes 0.3s ease-out forwards; } .slide-out-animation-leave-active { animation: slide-out-leave-keyframes 0.3s ease-out forwards; } @keyframes slide-out-entry-keyframes { from { transform: translateY(20px); } to { transform: translateY(0); } } @keyframes slide-out-leave-keyframes { from { transform: translateY(0); } to { transform: translateY(20px); } } .tl-header { display: flex; justify-content: space-between; align-items: center; margin: auto 24px; padding: 14px 0; height: auto; min-height: 80px; } .tl-header__title { word-break: break-word; } .tl-header__title-badge .badge { margin-left: 8px; margin-top: -4px; } .tl-header__title h1 { font-size: 2em; font-weight: 500; } .tl-header__action { white-space: nowrap; margin-left: 12px; margin-top: 8px; } .tl-header__action >:not(:first-child) { margin-left: 12px; } .tl-header .btn, .tl-header button { height: 40px; } .tl-blankslate { text-align: center; margin: 40px; } .tl-blankslate__desc { max-width: 376px; color: #777777; margin: auto; } .tl-filter__wrapper { display: flex; margin: 20px -8px; } .tl-filter__datatable-adjustment { margin-bottom: -66px; } .tl-filter__datatable-adjustment-search { margin-bottom: -66px; margin-right: 190px; } .tl-filter__datatable-adjustment .tl-filter__item { margin-bottom: -4px; } .tl-filter__datatable-adjustment-search { margin-bottom: -66px; margin-right: 212px; } .tl-filter__item { display: inline-block; width: 220px; padding: 0 8px; } .tl-filter__item-search { margin-left: auto; } .tl-filter__item-search label { width: 100%; margin-bottom: 0; } .tl-journey__item { display: flex; position: relative; } .tl-journey__item .tl-journey__item-detail { padding-left: 8px; } .tl-journey__item:not(:last-child) .tl-journey__item-status::before { content: ""; position: absolute; left: 3px; top: 15px; height: 100%; border: 1px solid #e2e2e2; } .tl-journey__item:not(:last-child) .tl-journey__item-detail { padding-bottom: 24px; } .tl-file-download { background-color: #f2f4f7; border-radius: 4px; padding: 16px 24px; } .tl-file-download .ic { font-size: 32px; color: #009f61; } .tl-file-download:hover { text-decoration: none; } .tl-card, .tl-card-small { padding: 24px; background-color: white; border: 1px solid #e2e2e2; border-radius: 4px; box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.08); } .tl-card-small { width: 288px; } .tl-card-devider { margin: 16px -24px; border-top: 1px solid #e2e2e2; } .tl-card--blank { height: 110px; display: flex; align-items: center; justify-content: center; color: #777777; } .tl-list-border > *:not(:first-child) { border-top: 1px solid #e2e2e2; } .tl-employee-result-list__item { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; margin: 0 -24px; } .tl-employee-result-list .dropdown-menu { width: 240px; } .tl-error-wrapper { text-align: center; margin: 6rem auto; width: 600px; position: relative; min-height: 560px; } .tl-error-wrapper .desc { position: absolute; top: 100px; left: 130px; } .tl-error-center { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 40px 40px 0; min-height: 100vh; } .tl-error-center__inner { max-width: 400px; } .tl-form__md { display: inline-block; width: 100%; max-width: 400px; box-sizing: content-box; } .pagination .pagination_pages input { width: 48px; height: 28px; padding: 4px 8px; margin-right: 8px; } hr { margin: 8px 0; border-color: #e2e2e2; } img { object-fit: cover; } .hover-underline:hover { text-decoration: underline !important; } .c-pointer { cursor: pointer !important; } .c-cursor-text { cursor: text !important; } .c-pointer-event-none { pointer-events: none; } .c-no-underline:hover { text-decoration: none !important; } .c-no-box-shadow:focus { box-shadow: none !important; } .dropdown-menu { min-width: unset; } .dropdown-menu.min-width-adjust { min-width: 100%; } .font-size-xl { font-size: 32px; line-height: 43px; } .pointer-events-none { pointer-events: none !important; } ul.tl-list-default { margin-bottom: 0; list-style: none; } ul.tl-list-default li::before { content: "\2022"; color: #777777; display: inline-block; width: 32px; margin-left: -32px; } ul.tl-list-default--black li::before { color: #212121; } .tl-error-list { border-radius: 4px; background-color: #f9e3de; padding: 24px; } .tl-error-list ul li:not(:last-child) { margin-bottom: 8px; } .card-freetier { position: absolute; top: 50px; width: 440px; z-index: 1; padding: 30px; box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.2); display: none; } .card-freetier:hover { display: block; } .card-freetier img { height: 200px; position: absolute; right: 0; top: 0; } .card-freetier .card-content { width: 270px; } #zsitc_container { width: 575px; } #zsitc_container .popOutiframe { min-width: 575px; } #zsitc_frame .cmtTxtArea { width: 100%; } .tl-form-action { display: flex; align-content: center; flex-direction: row-reverse; justify-content: space-between; width: 100%; margin: 24px 0; } .tl-form-action__left { display: flex; align-items: center; } .tl-form-action__left > .tl-form-action__item:not(:first-child) { margin-left: 16px; } .tl-form-action__left > .tl-form-action__item:not(:first-child).btn-link { margin-left: 32px; } .tl-form-action__right { display: flex; align-items: center; flex-direction: row-reverse; align-items: center; } .tl-form-action__right > .tl-form-action__item:not(:first-child) { margin-right: 16px; } .tl-form-action__right > .tl-form-action__item:not(:first-child).btn-link { margin-right: 32px; } @media screen and (max-width: 768px) { .tl-form-action__left, .tl-form-action__right { float: none; } .tl-form-action .tl-form-action__item { width: 100%; margin-right: 0; margin-left: 0; } } .tl-form-total { width: 350px; max-width: 100%; margin-left: auto; } .tl-form-total .is-minus::before { content: "-"; } .tl-form-list__item { display: flex; width: 100%; padding: 8px 0; } .tl-form-list__item-label { width: 200px; padding-right: 24px; font-weight: 500; } .tl-form-list__item-content { flex: 1; } .form-check-input--btn { position: relative; display: none; } .form-check-input--btn:checked ~ .form-check-label { color: #777777; background-color: #fbfbfb; border: 1px solid #e2e2e2; } .custom-select option[value=""] { color: #b4b4b4; } .tl-landing__inner { width: 100%; max-width: 1220px; padding: 64px 32px; margin: auto; } .tl-landing hr { margin: 64px auto; max-width: 1156px; } .tl-landing .tl-journey__item { display: flex; position: relative; width: 614px; max-width: 100%; } .tl-landing .tl-journey__item-dot { position: relative; min-width: 32px; text-align: center; text-align: center; } .tl-landing .tl-journey__item-dot img { position: relative; z-index: 1; margin: auto; } .tl-landing .tl-journey__item-dot .badge { display: block; position: relative; z-index: 1; margin: auto; margin-top: 8px; width: 12px; height: 12px; border-radius: 50%; } .tl-landing .tl-journey__item-dot .badge-link { border: 2px solid white; box-sizing: border-box; box-shadow: 0px 0px 8px rgba(19, 87, 255, 0.5); } .tl-landing .tl-journey__item-detail { padding-left: 16px; cursor: pointer; } .tl-landing .tl-journey__item-detail a { font-weight: 500; display: flex; align-items: center; text-decoration: none; } .tl-landing .tl-journey__item-detail a .ic::before { color: #1357ff; } .tl-landing .tl-journey__item:not(:last-child) .tl-journey__item-dot::before { content: ''; position: absolute; left: 15px; border: 1px solid #f2f4f7; } .tl-landing .tl-journey__item:not(:last-child) .tl-journey__item-detail { margin-bottom: 40px; } .tl-landing .tl-journey__item .tl-journey__item-dot--first::before { height: calc(100% - 20px); bottom: 0; } .tl-landing .tl-journey__item .tl-journey__item-dot--middle::before { height: 100%; bottom: 0; } .tl-landing .tl-journey__item .tl-journey__item-dot--last::before { height: calc(100% - 16px); top: 0; } .tl-landing .tl-journey__item:not(.active) .tl-journey__item-detail > * { color: #b4b4b4 !important; } .tl-landing .tl-journey__item:not(.active) .badge-link { display: none; } .tl-landing .tl-journey__item.active .badge-link { display: block; } .tl-landing .tl-journey__item.active .badge-smoke { display: none !important; } .tl-stage-dashboard .dropdown-menu { min-width: 240px; } .tl-stage-dashboard .dropdown-menu-sm { min-width: 160px; } .tl-stage-dashboard .tl-dashboard-header { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/img_people_check.png'); background-repeat: no-repeat; background-position: right 50px bottom; background-size: contain; } .tl-stage-dashboard .tl-dashboard-header.is-freetier { background: white; } .tl-stage-dashboard .tl-dashboard-request { margin: 12px -2px 0; } .tl-stage-dashboard .tl-dashboard-request .btn { margin: 0 2px; } .tl-stage-dashboard .tl-dashboard-sidebar .tl-sidebar__item { padding: 6px 0; } .tl-stage-dashboard .tl-dashboard-content { display: flex; } .tl-stage-dashboard .tl-dashboard-main { flex: 1; margin: 0 24px; } .tl-stage-dashboard .tl-dashboard-main .tab-pane .tl-card { margin-top: 8px; } .tl-stage-dashboard .tl-dashboard-main .tab-pane .tl-card.is-attached { margin-top: -2px; box-shadow: 0 4px 4px 0 rgba(0, 21, 41, 0.08); border-top-left-radius: 0; border-top-right-radius: 0; } .tl-stage-dashboard .tl-dashboard-main .tab-pane .tl-card .ql-editor, .tl-stage-dashboard .tl-dashboard-main .tab-pane .tl-card .ql-editor > *, .tl-stage-dashboard .tl-dashboard-main .tab-pane .tl-card .ql-editor > * > * { font-family: "RobotoEditor", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important; } .tl-stage-dashboard .tl-dashboard-main .tab-pane .tl-card .ql-editor.ql-blank::before, .tl-stage-dashboard .tl-dashboard-main .tab-pane .tl-card .ql-editor > *.ql-blank::before, .tl-stage-dashboard .tl-dashboard-main .tab-pane .tl-card .ql-editor > * > *.ql-blank::before { color: #b4b4b4; font-style: normal; font-size: 14px; } .tl-stage-dashboard .nav-tabs { margin: 0 -24px; padding: 0 24px; } .tl-stage-dashboard .nav-tabs:only-child { border-bottom: none; } .tl-onboarding-list__item { margin: 0 -24px; padding: 24px; } .tl-onboarding-list__item.custom-checkbox .custom-control-label { width: 100%; padding-left: 52px; } .tl-onboarding-list__item.custom-checkbox .custom-control-label::before { width: 36px; height: 36px; border-radius: 50%; left: 0; } .tl-onboarding-list__item.custom-checkbox .custom-control-label:hover::before { border-color: #005fbf; } .tl-onboarding-list__item.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-color: #005fbf; background-color: white; } .tl-onboarding-list__item.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: none; width: 20px; height: 12px; border-bottom: 1px solid #005fbf; border-left: 1px solid #005fbf; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); left: 8px; top: 10px; } .tl-onboarding-list__content { display: flex; justify-content: space-between; align-items: center; color: #212121; } .tl-onboarding-list__content:hover { text-decoration: none; } .tl-leave-list { margin: 0 -24px; height: auto; max-height: 324px; overflow-y: auto; } .tl-leave-list__title, .tl-leave-list__item { padding: 8px 24px; display: flex; align-items: center; } .tl-leave-list__title { background-color: #f2f4f7; font-weight: 500; margin: 8px 0; position: sticky; top: 0; z-index: 2; } .tl-leave-list__title:first-child { margin-top: 0; } .tl-leave-list__item > *:last-child { flex: 1; } .tl-leave-list--blank { display: flex; justify-content: center; align-items: center; height: 90px; text-align: center; color: #777777; text-align: center; overflow-y: hidden; } .tl-announcement__img { display: flex; justify-content: center; align-items: stretch; margin: auto -24px; } .tl-announcement__img-item { cursor: pointer; } .tl-announcement__img-item:not(:first-child) { padding-left: 2px; } .tl-announcement__img-item img { width: 100%; height: 100%; } .tl-announcement__img-item.is-view-more { position: relative; } .tl-announcement__img-item.is-view-more::after { content: attr(data-view-more); display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 24px; font-weight: 500; } .tl-announcement__img-item.is-url-broken { position: relative; } .tl-announcement__img-item.is-url-broken.width-100 { min-width: 100%; max-width: 100%; } .tl-announcement__img-item.is-url-broken i.ic { content: "Image url is broken"; position: absolute; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); color: black; } .tl-announcement__img-item.is-url-broken img { height: 100px; background-color: white; } .tl-announcement__img-item.width-33 { min-width: 33.33%; max-width: 33.33%; } .tl-announcement__img-item.width-50 { min-width: 50%; max-width: 50%; } .tl-announcement__img-item:nth-child(n+4).is-url-broken::before { content: none; } .tl-preview__doc { display: flex; } .tl-preview__doc-ico { display: flex; align-items: center; justify-content: center; background-color: #005fbf; color: white; border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: 58px; } .tl-preview__doc-name { display: flex; justify-content: space-between; align-items: center; flex: 1; border: 1px solid #e2e2e2; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: none; padding: 19px 19px 19px 24px; color: #212121; background-color: white; } .tl-preview__doc-remove { position: relative; width: 20px; height: 14px; cursor: pointer; } .tl-preview__doc-remove::after { content: ""; position: absolute; top: 6px; left: 4px; width: 12px; height: 2px; border-radius: 4px; background-color: #777777; } .tl-card .tl-announcement__img { margin: auto -24px -24px; overflow: hidden; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white; max-height: 200px; } .tl-campaign { background-color: #c02a34; display: flex; align-items: center; color: white; } #modalNPSscore.modal { position: absolute; top: 200px; left: 0; bottom: 0; right: 0; width: 600px; margin: auto; } #modalNPSscore .modal-header { display: none; } #modalNPSscore .modal-content { padding: 24px; } #modalNPSscore .form-label label { font-weight: 600; line-height: 20px; } #modalNPSscore .radio-wrapper { position: relative; display: flex; justify-content: center; margin: 32px -8px 80px; } #modalNPSscore .radio-wrapper::before, #modalNPSscore .radio-wrapper::after { position: absolute; bottom: -32px; color: #777777; } #modalNPSscore .radio-wrapper::before { left: 8px; content: "Not likely"; } #modalNPSscore .radio-wrapper::after { right: 8px; content: "Very likely"; } #modalNPSscore .radio-wrapper .form-label { display: none; } #modalNPSscore .radio-wrapper .radio-custom { position: relative; margin: 0 8px; } #modalNPSscore .radio-wrapper .radio-label-value { border: #e2e2e2 1px solid; border-radius: 4px; width: 36px; height: 36px; line-height: 36px; display: inline-block; text-align: center; } #modalNPSscore .radio-wrapper input[type='radio'] { position: absolute; z-index: 1; opacity: 0; width: 36px; height: 36px; left: 0; cursor: pointer; } #modalNPSscore .radio-wrapper input[type='radio']:checked ~.radio-label-value { background-color: #005fbf; border-color: #005fbf; color: white; } #modalNPSscore input[type='checkbox'] { position: absolute; z-index: -1; opacity: 0; } #modalNPSscore input[type='checkbox'] ~label { padding-left: 24px; cursor: pointer; vertical-align: text-top; } #modalNPSscore input[type='checkbox'] ~label::before, #modalNPSscore input[type='checkbox'] ~label::after { position: absolute; display: block; content: ""; } #modalNPSscore input[type='checkbox'] ~label::before { top: 0.125rem; left: 12px; width: 1rem; height: 1rem; pointer-events: none; background-color: white; border: #e2e2e2 solid 1px; border-radius: 2px; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } #modalNPSscore input[type='checkbox'] ~label::after { width: 10px; height: 10px; left: 15px; top: 5px; background: no-repeat 1% 50%; } #modalNPSscore input[type='checkbox']:checked ~label::before { background-color: #005fbf; border-color: #005fbf; } #modalNPSscore input[type='checkbox']:checked ~label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } #modalNPSscore .btn.modal-close { margin-right: 12px; color: #777777; } #modalNPSscore .btn.modal-close:hover { text-decoration: underline; } #modalNPSscore .btn.modal-close:focus, #modalNPSscore .btn.modal-close:active { box-shadow: none; } #modalNPSscore .btn.sendNPS { color: white; background-color: #005fbf; border-color: #005fbf; } #modalNPSscore .btn.sendNPS:hover { background-color: #004c99; border-color: #00468c; } .tl-teaser__card { height: 244px; background-color: white; border-radius: 4px; padding: 24px; box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.2); } .tl-teaser__card ul { margin-bottom: 0; list-style: none; } .tl-teaser__card ul li::before { content: "\2022"; color: #777777; display: inline-block; width: 32px; margin-left: -32px; } .tl-teaser__icon { width: 72px; height: 72px; border-radius: 50%; background-color: pink; } .alert.alert-slide-top { position: fixed; top: 60px; left: 50%; z-index: 9999; background-color: white; color: #212121; margin: 0; padding: 12px 12px 12px 44px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); box-shadow: 0 4px 8px 0 rgba(33, 33, 33, 0.2); -webkit-box-shadow: 0 4px 8px 0 rgba(33, 33, 33, 0.2); -moz-box-shadow: 0 4px 8px 0 rgba(33, 33, 33, 0.2); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .alert.alert-slide-top.hidden { top: -15%; } .alert.alert-slide-top span.ic { font-size: 24px; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .alert.alert-slide-top.alert-success { border-color: #009f61; color: #009f61; } .alert.alert-slide-top.alert-danger { border-color: #d74022; color: #d74022; } .alert.alert-slide-top.alert-warning { border-color: #ffb700; color: #ffb700; } .alert-box { padding: 16px; border-radius: 4px; } .alert-box--wrapper { display: flex; align-items: flex-start; } .alert-box--wrapper span.ic { margin-right: 12px; width: 24px; height: 24px; background-size: contain; background-position: center; } .alert-box--content { flex: 1; } .alert-box--content__title { font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 0px; margin-bottom: 6px; } .alert-box--content__description { font-size: 14px; line-height: 20px; letter-spacing: 0px; } .alert-box--warning::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffb700; opacity: 0.15; border-radius: 4px; } .alert-box--warning .alert-box--wrapper span.ic { color: #ffb700; } .alert-box--danger::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #d74022; opacity: 0.15; border-radius: 4px; } .alert-box--danger .alert-box--wrapper span.ic { color: #d74022; } .alert-box--success::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #009f61; opacity: 0.15; border-radius: 4px; } .alert-box--success .alert-box--wrapper span.ic { color: #009f61; } .accordion .card-header { background-color: #f2f4f7; cursor: pointer; } .accordion .card-header .ic-chevron-right { position: absolute; right: 16px; } .accordion .card-header:not(.collapsed) .ic-chevron-right { rotate: 90deg; } .badge-crimson { background-color: #c02a34; color: white; } .badge-border { border-width: 1px; border-style: solid; position: relative; } .badge-border__inner { width: 100%; height: 100%; opacity: 0.1; position: absolute; } .badge-border__text { padding: 0 8px; } .badge-dust-border { background-color: rgba(180, 180, 180, 0.1); border: 1px solid #b4b4b4; color: #b4b4b4; } .custom-control-input:checked ~ .badge-dust-border { background-color: #b4b4b4; } .badge-green-border { background-color: rgba(238, 214, 71, 0.1); border: 1px solid #78bb5d; color: #78bb5d; } .custom-control-input:checked ~ .badge-green-border { background-color: #78bb5d; } .badge-yellow-border { background-color: rgba(238, 214, 71, 0.1); border: 1px solid #eed647; color: #eed647; } .custom-control-input:checked ~ .badge-yellow-border { background-color: #eed647; } .badge-orange-border { background-color: rgba(243, 163, 64, 0.1); border: 1px solid #f3a340; color: #f3a340; } .custom-control-input:checked ~ .badge-orange-border { background-color: #f3a340; } .badge-red-border { background-color: rgba(219, 100, 79, 0.1); border: 1px solid #db644f; color: #db644f; } .custom-control-input:checked ~ .badge-red-border { background-color: #db644f; } .badge-purple-border { background-color: rgba(184, 124, 218, 0.1); border: 1px solid #b87cda; color: #b87cda; } .custom-control-input:checked ~ .badge-purple-border { background-color: #b87cda; } .badge-blue-border { background-color: rgba(49, 120, 186, 0.1); border: 1px solid #3178ba; color: #3178ba; } .custom-control-input:checked ~ .badge-blue-border { background-color: #3178ba; } .badge-tosca-border { background-color: rgba(85, 191, 220, 0.1); border: 1px solid #55bfdc; color: #55bfdc; } .custom-control-input:checked ~ .badge-tosca-border { background-color: #55bfdc; } .badge-color-label { min-width: 8px; min-height: 8px; max-height: 8px; margin-right: 8px; border-radius: 2px; align-self: center; } .btn:not([disabled]) { cursor: pointer; } .btn-with-img { padding: 8px 12px 8px 8px; display: flex; } .btn-with-img img { margin-right: 8px; } .btn.disabled_after { position: relative; } .btn.disabled_after::after { content: attr(data-content); position: absolute; top: -1px; left: -1px; width: inherit; height: inherit; padding: inherit; background-color: #f2f4f7; color: #b4b4b4; border-radius: 3px; border: 1px solid #f2f4f7; } .btn.disabled.unstyle-disabled { border: none; background-color: unset; } .btn-pill { padding: 8px 24px; border: 1px solid #e2e2e2; border-radius: 20px; font-weight: 500; } .btn-pill:hover { border-color: #005fbf; } .btn-more { padding: 8px 4px !important; } .btn-more span { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #777777; margin: 3px 0; vertical-align: middle; } .btn-more.btn-more--vertical { padding: 4px 8px !important; } .btn-more.btn-more--vertical span { display: block; margin: 3px auto; } .btn-download { width: 135px; background-repeat: no-repeat; height: 40px; border-radius: 10px; } .btn-download-google { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/badge-google-play.svg'); } .btn-download-apple { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/badge-app-store.svg'); } .btn-basic-uppy .uppy-FileInput-container { margin-bottom: 0; } .btn-basic-uppy .uppy-FileInput-container:focus { outline: none; } .btn-basic-uppy .uppy-FileInput-btn { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 8px 16px; font-size: 0.875rem; line-height: 20px; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: #777777; background-color: #fbfbfb; border: 1px solid #e2e2e2; } .btn-basic-uppy .uppy-FileInput-btn:hover { border-color: #005fbf; background-color: #fbfbfb; color: #777777; } .btn-basic-uppy .uppy-FileInput-btn:focus { outline: none; border-color: #005fbf; box-shadow: 0 0 4px 1px #005fbf; } .btn-icon .ic { background-size: contain; background-position: center; background-repeat: no-repeat; } .btn-icon .ic.ic-phone { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic_phone.png'); } .btn-icon .ic.ic-meatball { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic_meatball.png'); } .btn-circle { width: 45px; height: 45px; line-height: 45px; text-align: center; padding: 0; border-radius: 50%; } .btn-icon-with-url:hover { background-color: #f2f4f7; } .btn-icon-with-url .ic { background-size: contain; background-position: center; background-repeat: no-repeat; } .btn-icon-with-url .ic.ic-phone { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic_phone.png') !important; } .btn-icon-with-url .ic.ic-meatball { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic_meatball.png') !important; } .input-datepicker, .form-control-calendar { padding-right: 36px; cursor: pointer; background-repeat: no-repeat; background-position: right 8px center; background-size: 16px 16px; background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-calendar.svg'); } .datepicker.dropdown-menu { width: 100%; height: auto; max-width: 392px; max-height: 320px; overflow: hidden; } .datepicker table { width: 100%; border-collapse: separate; } .datepicker table thead tr { display: flex; flex-direction: row; justify-content: space-between; } .datepicker table thead tr th { width: auto; height: auto; display: inline-table; padding: 4px 4px; margin: 0 11px; color: #212121; } .datepicker table thead tr th.prev, .datepicker table thead tr th.next { display: inline-block; max-height: 32px; cursor: pointer; } .datepicker table thead tr th.prev .ic, .datepicker table thead tr th.next .ic { padding-top: 2px; } .datepicker table thead tr th.datepicker-switch { cursor: pointer; } .datepicker table thead tr th.dow { font-weight: normal; color: #777777; } .datepicker table tbody tr td span { cursor: pointer; width: 41px; height: 41px; line-height: 65px; word-break: break-word; } .datepicker table tbody tr td span.year, .datepicker table tbody tr td span.decade, .datepicker table tbody tr td span.century { margin: 4px 31px; } .datepicker table tbody tr td span.active, .datepicker table tbody tr td span.focused { background-color: transparent; background-image: none; color: #005fbf; } .datepicker table tbody tr td span.disabled { background-color: unset; color: #b4b4b4; } .datepicker table tbody tr td.day { border-radius: 50%; color: #212121; text-align: center; cursor: pointer; } .datepicker table tbody tr td.day.old, .datepicker table tbody tr td.day.new { color: #b4b4b4; } .datepicker table tbody tr td.day:hover:hover { background-color: #e2e2e2; } .datepicker table tbody tr td.day.today { background-color: transparent; background-image: none; border: 1px solid #005fbf; padding: 3px 4px; } .datepicker table tbody tr td.day.today:hover:hover { background-image: none; border-color: transparent; } .datepicker table tbody tr td.day.disabled { cursor: default; } .datepicker table tbody tr td.day.disabled:hover { background-color: unset; color: #b4b4b4; } .datepicker table tbody tr td.active.active { background-color: #005fbf; background-image: none; color: white; } .datepicker table tbody tr td.active.active:hover:hover { background-color: #005fbf; } .datepicker .datepicker-days table th { display: inline-table; padding: 4px 4px; margin: 0 11px; } .datepicker .datepicker-days table td { width: 32px; height: 32px; display: inline-table; padding: 4px 4px; margin: 0 11px; } .datepicker .datepicker-months table tr td span.month { cursor: pointer; width: 32px; height: 32px; border-radius: 50%; line-height: 51px; margin: 4px 27px; padding: 12px 8px; word-break: break-word; } .datepicker .datepicker-months table tr td span.month:hover { background-color: #e2e2e2; } .datepicker .datepicker-years table tr td span { font-weight: 500; } .datepicker .datepicker-years table tr td span.new, .datepicker .datepicker-years table tr td span.old { color: #b4b4b4; font-weight: 400; } .input-datepicker-wrapper { position: relative; } .input-datepicker-wrapper.permanent { position: relative; } .input-datepicker-wrapper.permanent::after { content: 'Permanent'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 8px 12px; border-radius: 4px; color: #b4b4b4; background-color: #f2f4f7; border: 1px solid #e2e2e2; } .input-datepicker-wrapper.no-end-date { position: relative; } .input-datepicker-wrapper.no-end-date::after { content: 'No end date'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 8px 12px; border-radius: 4px; color: #b4b4b4; background-color: #f2f4f7; border: 1px solid #e2e2e2; } .input-datepicker-wrapper .ic-reset-fill { position: absolute; right: 30px; top: 8px; cursor: pointer; color: #777777; } .tl-card.selectable { position: relative; } .tl-card.selectable .ic-success-fill-blue { display: none; position: absolute; top: -10px; right: -10px; } .tl-card.selectable.selected { border: 1px solid #005fbf; border-top-right-radius: 13px; } .tl-card.selectable.selected .ic-success-fill-blue { display: block; } .tl-card.selectable.selected .ic-medium { filter: invert(17%) sepia(88%) saturate(3244%) hue-rotate(199deg) brightness(67%) contrast(101%); } .dropdown.custom-multidropdown { margin: 4px 0; } .dropdown.custom-multidropdown button.btn-basic::after { position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); right: 15px; } .dropdown.custom-multidropdown .dropdown-menu { max-width: 240px; } .dropdown.custom-multidropdown .dropdown-menu .dropdown-item { position: relative; display: flex; } .dropdown.custom-multidropdown .dropdown-menu .dropdown-item::after { content: ''; position: absolute; display: inline-block; width: 8px; height: 8px; right: 18px; top: 50%; border: none; border-style: solid; border-width: 0 0 1px 1px; transform: rotate(-135deg) translateY(50%); -webkit-transform: rotate(-135deg) translateY(50%); -moz-transform: rotate(-135deg) translateY(50%); vertical-align: top; } .dropdown.custom-multidropdown .dropdown-menu .dropdown-item span.is-ellipsis { max-width: 175px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dropdown.custom-multidropdown .dropdown-menu .dropdown-item span.selected-options-sub { margin-left: 5px; } .dropdown.custom-multidropdown .dropdown-menu-wrapper { display: none; position: absolute; left: 212px; padding-left: 32px; padding-right: 32px; top: 0; transform: translate3d(0px, 38px, 0px); -webkit-transform: translate3d(0px, 38px, 0px); -moz-transform: translate3d(0px, 38px, 0px); z-index: 11; background-color: transparent; } .dropdown.custom-multidropdown .dropdown-menu-wrapper .dropdown-menu-content { min-width: 240px; max-width: 240px; margin: 4px 0 0; background-color: white; border: 1px solid #e2e2e2; box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.24); -webkit-box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.24); -moz-box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.24); border-radius: 4px; } .dropdown.custom-multidropdown .dropdown-menu-wrapper .dropdown-menu-content .dropdown-menu-content__search { padding: 4px 12px; position: relative; } .dropdown.custom-multidropdown .dropdown-menu-wrapper .dropdown-menu-content .dropdown-menu-content__search .form-control.prepend-icon { padding-right: 25px; } .dropdown.custom-multidropdown .dropdown-menu-wrapper .dropdown-menu-content .dropdown-menu-content__search .icon--reset { display: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 22px; color: #777777; cursor: pointer; } .dropdown.custom-multidropdown .dropdown-menu-wrapper .dropdown-menu-content .dropdown-menu-content__multiple-checklist { padding: 0 12px; max-height: 126px; overflow-y: auto; } .dropdown.custom-multidropdown .dropdown-menu-wrapper.is-flex-height .dropdown-menu-content { position: relative; } .dropdown.custom-multidropdown .dropdown-menu-wrapper.is-flex-height .dropdown-menu-content p.option-not-find { position: absolute; top: 60%; left: 50%; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } .dropdown.custom-multidropdown .dropdown-menu-wrapper.is-on-left { left: -276px; } .dropdown.custom-multidropdown.dropdown-filter-list .dropdown-menu { min-width: 240px; } .dropdown.dropdown-with-action .dropdown-menu { max-height: 200px; } .dropdown-action--search { position: relative; } .dropdown-action--search .icon--reset { display: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 20px; color: #777777; cursor: pointer; } .dropdown-action--search.is-sticky { position: sticky; top: 0; background-color: white; z-index: 2; } .dropdown-menu.dropdown-filter-column-toggle { min-width: 240px; } .dropdown-menu.dropdown-filter-column-toggle p.label-title { padding: 8px 12px; position: sticky; top: 0; background-color: white; z-index: 1; } .dropdown-menu.dropdown-filter-column-toggle .label-content { padding: 0 12px 8px; } .dropdown.dropdown-hide-not-found .dropdown-not-found { display: none; } .dropdown .dropdown-menu-content__item .custom-control-input[type="radio"]:checked ~ .dropdown-item { background-color: #f2f4f7; } .dropdown-toggle-bold::after { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-chevron-down.png'); width: 20px !important; height: 20px !important; border: none !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; background-position: center; background-size: cover; background-repeat: no-repeat; margin-left: 8px !important; display: inline-block; vertical-align: bottom; } .dropdown-toggle-navbar::after { background-image: url('https://talenta.oss-ap-southeast-5.aliyuncs.com/assets/images/ic-chevron-down-grey.png'); width: 16px !important; height: 16px !important; border: none !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; background-position: center; background-size: cover; background-repeat: no-repeat; margin-left: 4px !important; margin-bottom: 3px; display: inline-block; vertical-align: bottom; } .form-group-label .ic { position: relative; width: 20px; height: 20px; font-weight: 400; } .form-group-label .ic:before { position: absolute; bottom: -5px; } .custom-select.dropdown-toggle { color: #b4b4b4; text-align: left; padding-right: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-select.dropdown-toggle::after { content: none; } .custom-select.dropdown-toggle.selected { color: #212121; } .custom-select ~ .dropdown-menu { width: 100%; } .custom-select ~ .dropdown-selected-list { margin-top: 0; } .custom-select__reset { position: absolute; right: 32px; } .dropdown-menu .dropdown-menu-list .dropdown-item { white-space: normal; } .dropdown-menu .dropdown-menu-list .dropdown-item.dropdown-action { padding-left: 12px; padding-right: 12px; } .dropdown-with-pill.is-disabled { pointer-events: none; } .dropdown-with-pill.is-disabled .custom-select.dropdown-toggle { background-color: #f2f4f7; } .dropdown-with-pill.is-disabled .dropdown-selected-list .badge .ic-reset { display: none; } .custom-file { margin: 4px 0; } .custom-file .custom-file-label { padding-right: 24px; } .custom-file .custom-file-label::after { content: "Choose file"; } .custom-file .custom-file-label.is-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .custom-file .custom-file-input:not(:disabled):hover ~ .custom-file-label { border: 1px solid #005fbf; } .custom-file .custom-file-input:not(:disabled):hover ~ .custom-file-label::after { border: 1px solid #005fbf; } .custom-file .right-icon.ic-reset { color: #777777; z-index: 3; cursor: pointer; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .custom-file-loader { z-index: 4; display: inline-block; width: 20px; height: 20px; position: absolute; right: 8px; border: 2px solid #005fbf; border-right-color: transparent; background: center center no-repeat; background-size: cover; border-radius: 50%; -webkit-animation: spinner-border 0.75s linear infinite; animation: spinner-border 0.75s linear infinite; } .custom-file-list { margin-top: 20px; } .custom-file-list .custom-file-list__item { display: flex; width: 100%; padding: 6px 0; position: relative; } .custom-file-list .custom-file-list__item:not(:last-child) { border-bottom: 1px solid #e2e2e2; } .custom-file-list .custom-file-list__item .ic { color: #777777; } .custom-file-list .custom-file-list__item .custom-file-list__name { width: 280px; padding-left: 8px; } .custom-file-list .custom-file-list__item .custom-file-list__reset { cursor: pointer; } .custom-file-list .custom-file-list__item .custom-file-loader { right: 0; } .custom-file-input:hover:not(:disabled) { border: none; } .custom-file-autodetect__img { display: flex; flex-wrap: wrap; margin: -8px; } .custom-file-autodetect__img-wrapper { position: relative; margin: 0 !important; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .custom-file-autodetect__img-wrapper::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; opacity: 0; } .custom-file-autodetect__img-wrapper:hover::before { opacity: 0.4; } .custom-file-autodetect__img-wrapper:hover .custom-file-autodetect__img-remove { display: block; } .custom-file-autodetect__img-remove { display: none; position: absolute; margin: 0 !important; top: 4px; right: 4px; padding: 4px 12px; cursor: pointer; font-size: 28px; font-weight: bold; z-index: 3; } .custom-file-autodetect__img-spinner { width: 120px; display: flex; align-items: center; justify-content: center; } .custom-file-autodetect__img img, .custom-file-autodetect__img-add { width: 120px; height: 120px; border-radius: 4px; } .custom-file-autodetect__img-add { position: relative; cursor: pointer; border: 1px dashed #b4b4b4; } .custom-file-autodetect__img-add::before, .custom-file-autodetect__img-add::after { content: ""; position: absolute; top: 59px; left: 48px; width: 24px; height: 2px; background-color: #b4b4b4; } .custom-file-autodetect__img-add::after { transform: rotate(90deg); } .custom-file-autodetect__img * { margin: 8px; } .custom-file-list-uploaded-ellipsis { width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } textarea.form-control { resize: none; } textarea.form-control.resizeable { resize: unset; } input.input-datepicker:read-only:not(:disabled) { background-color: white; color: #212121; cursor: pointer; } input.input-datepicker:read-only:not(:disabled):hover { border: 1px solid #005fbf; } input.form-control-calendar:read-only:not(:disabled) { background-color: white; color: #212121; cursor: pointer; } input.form-control-calendar:read-only:not(:disabled):hover { border: 1px solid #005fbf; } input.input-datepicker:-moz-read-only:not(:disabled) { background-color: white; color: #212121; cursor: pointer; } input.input-datepicker:-moz-read-only:not(:disabled):hover { border: 1px solid #005fbf; } input.form-control-calendar:-moz-read-only:not(:disabled) { background-color: white; color: #212121; cursor: pointer; } input.form-control-calendar:-moz-read-only:not(:disabled):hover { border: 1px solid #005fbf; } .input-group.input-with-icon-white { position: relative; } .input-group.input-with-icon-white >.form-control:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .input-group.input-with-icon-white .input-group-append { position: absolute; right: 0; height: 38px; z-index: 3; } .input-group.input-with-icon-white .input-group-text { background-color: transparent; border: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .tl-color-picker { width: 32px; height: 32px; padding-left: 0; margin-right: 12px; border-radius: 100px; border: 1px solid; } .tl-color-picker:last-child { margin-right: 0; } .tl-color-picker .custom-control-label { cursor: pointer; width: 100%; height: 100%; border-radius: inherit; opacity: 0.1; } .tl-color-picker .custom-control-label::before, .tl-color-picker .custom-control-label::after { content: none; } .tl-color-picker .custom-control-input:checked ~ .custom-control-label { opacity: 1; } .tl-color-picker .custom-control-input:checked ~ .custom-control-label::after { content: ""; left: 0; top: 0; width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 5.5L5 9L12.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .tl-color-picker .custom-control-input:disabled ~ .custom-control-label { background-color: #f2f4f7; border-color: #e2e2e2; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label.chart-blue::before { background-color: #4585e6; border-color: #4585e6; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label.chart-purple::before { background-color: #5c37d4; border-color: #5c37d4; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label.chart-light-orange::before { background-color: #ffbe70; border-color: #ffbe70; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label.chart-orange::before { background-color: #ff912c; border-color: #ff912c; } .border-left-dashed { border-left-style: dashed !important; } .border-right-dashed { border-right-style: dashed !important; } .border-top-dashed { border-top-style: dashed !important; } .border-bottom-dashed { border-bottom-style: dashed !important; } .img-xs { min-width: 24px; } .img-sm { min-width: 40px; } .img-md { min-width: 60px; } .img-lg { min-width: 120px; } .modal .tl-form-action { margin-bottom: 8px; } .modal .modal-header .close .ic { top: 20px; right: 20px; font-size: 16px; } .modal .modal-header .modal-title, .modal .modal-header .modal-title h3, .modal .modal-header h3 { font-size: 14px; } .modal .modal-attachment { max-width: 100%; margin: 0; } .modal .modal-attachment .close { position: absolute; top: 16px; right: 24px; z-index: 2; text-shadow: unset; color: white; outline: none; } .modal .modal-attachment .modal-content { height: 100vh; background: linear-gradient(180deg, black 0%, transparent 100%); border: none; border-radius: 0; } .modal .modal-attachment .modal-content .modal-body { padding: 0 24px; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-control-prev, .modal .modal-attachment .modal-content .modal-body .carousel .carousel-control-next { top: 50%; bottom: 50%; width: 40px; height: 40px; padding: 10px; border-radius: 50%; background-color: black; opacity: 0.75; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-control-prev:hover, .modal .modal-attachment .modal-content .modal-body .carousel .carousel-control-next:hover { background-color: #005fbf; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-control-prev .ic::before, .modal .modal-attachment .modal-content .modal-body .carousel .carousel-control-next .ic::before { color: white; font-weight: 500; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-item { display: flex; align-items: center; position: relative; width: 100%; height: 100vh; text-align: center; color: white; transition-delay: 0.5s; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-item.active { display: flex; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-item .modal-attachment__header { position: absolute; top: 0; width: 100%; padding: 12px 0; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-item .modal-attachment__header .modal-attachment__info { display: flex; align-items: center; text-align: left; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-item .modal-attachment__header .modal-attachment__action { position: absolute; top: 16px; right: 40px; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-item .modal-attachment__header .modal-attachment__action > * { opacity: 0.5; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-item .modal-attachment__header .modal-attachment__action > *:hover { opacity: 0.75; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-item .modal-attachment__content { width: 100%; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-item .modal-attachment__content img { max-height: 80vh; } .modal .modal-attachment .modal-content .modal-body .carousel .carousel-item .modal-attachment__footer { position: absolute; bottom: 0; width: 100%; padding: 12px 0; } .modal-absolute { position: absolute; top: -84px; left: 0; height: auto; } .modal-absolute-wrapper { position: relative; } .modal-absolute.fade .modal-dialog { transform: none; } .modal-open.is-absolute { overflow: auto; } .modal .modal-scroll .modal-body { max-height: 400px; overflow-y: auto; } .modal .modal-dialog.modal-full { max-width: 800px; } .progress { border-radius: 4px; } .progress-bar { border-radius: 4px; } .progress-sm { height: 8px; } .progress-xs { height: 4px; } .progress-success { background-color: #009f61; } .progress-danger { background-color: #d74022; } .slider-directive-container { position: relative; } .slider-directive-container > div.d-block.clearfix > .float-left { overflow: hidden; } .slider-directive-container ol.dot-nav { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 16px; right: 16px; } .slider-directive-container ol.dot-nav li { cursor: pointer; width: 12px; height: 4px; background-color: #e2e2e2; border-radius: 8px; display: inline-block; margin: 0 4px; transition: all 0.3s; } .slider-directive-container ol.dot-nav li.active { background-color: #005fbf; } .slider-directive-container ol.dot-nav li:hover { background-color: #005fbf; } .table.tl-table-blank thead tr th { border-bottom: 0; border-radius: 4px; } .table tbody tr td { min-width: 80px; background-color: white; } .table tbody tr td.tl-cell-blank { padding: 32px; text-align: center; color: #777777; } .table tbody tr td.tl-table__remove-row { width: 58px; min-width: unset; text-align: center; padding: 22px 0 0; } .table tbody tr td.tl-table__remove-row .ic-minus { font-family: unset; } .table tbody tr td.tl-table__remove-row .ic-minus::before { content: "\2014"; } .table tbody tr td .center-text-span { display: block; margin-top: 12px; } .table tbody tr:hover td.tl-cell-blank { background-color: white; } .table tr th.tl-small-action, .table tr td.tl-small-action { text-align: right; width: 32px; padding-left: 0; min-width: 0; } .table tr th.sort.disabled, .table tr td.sort.disabled { pointer-events: none; } .table tr th.sort.disabled span, .table tr td.sort.disabled span { color: #b4b4b4; } .table.checkallbox-wrapper tr th:first-child, .table.checkallbox-wrapper tr td:first-child { width: 32px; padding-right: 0; min-width: 0; } .table.checkallbox-wrapper tr.checked td { background-color: #f2f4f7; } .table.tl-table-expense tr th:first-child, .table.tl-table-expense tr td:first-child { width: 5%; min-width: unset; } .table.tl-table-expense tr th:nth-child(2), .table.tl-table-expense tr td:nth-child(2) { width: 25%; } .table.tl-table-expense tr th:nth-child(3), .table.tl-table-expense tr td:nth-child(3) { width: 30%; } .table.tl-table-expense tr th:last-child, .table.tl-table-expense tr td:last-child { width: 20%; } .table.is-loading { position: relative; } .table.is-loading::before { content: ""; position: absolute; top: 0; height: 100%; width: 100%; pointer-events: none; background-color: #212121; opacity: 0.2; cursor: progress !important; } .table.bulkaction-wrapper thead .bulkaction-content { margin-left: 12px; } .table.bulkaction-wrapper thead .bulkaction-content > * { margin-right: 16px; } .table.bulkaction-wrapper thead .bulkaction-content .bulkaction-count-wrapper { display: inline-block; font-weight: normal; } .table.bulkaction-wrapper thead .bulkaction-content .bulkaction-count-wrapper .bulkaction-count { display: inline-block; } .table.is-bulk thead .bulkaction-parent .checkallbox-parent:not(:checked) ~ .custom-control-label::before, .table.is-bulk-vue thead .bulkaction-parent .checkallbox-parent:not(:checked) ~ .custom-control-label::before { border-color: #005fbf; background-color: #005fbf; } .table.is-bulk thead .bulkaction-parent .checkallbox-parent:not(:checked) ~ .custom-control-label::after, .table.is-bulk-vue thead .bulkaction-parent .checkallbox-parent:not(:checked) ~ .custom-control-label::after { content: ""; top: 9px; width: 8px; height: 2px; margin-left: 4px; background-color: white; border-radius: 4px; } .table.is-bulk-vue thead tr th { display: none; } .table.is-bulk-vue thead tr th:first-child { display: table-cell; } .table.table-employees-index th, .table.table-employees-index td { white-space: nowrap; vertical-align: middle; } .table.table-employees-index th:first-child, .table.table-employees-index td:first-child { position: sticky; left: 0; z-index: 1; } .table.table-employees-index th:first-child .d-flex, .table.table-employees-index td:first-child .d-flex { width: max-content; } .table.table-employees-index th:first-child .table-employees-index__name, .table.table-employees-index td:first-child .table-employees-index__name { max-width: 255px; white-space: normal; } .table.table-employees-index th .custom-checkbox, .table.table-employees-index td .custom-checkbox { display: inline-block; } .table.table-employees-index th:first-child { z-index: 10; } .table.table-employees-index .tl-small-action { position: sticky; right: 0; } .table.table-employees-index .tl-small-action .dropdown-menu { left: -24px !important; } .table.table-collapsible { border-collapse: separate; border-spacing: 0 4px; border: unset; } .table.table-collapsible .collapse-target__wrapper { height: 0; opacity: 0; transition: 0.2s ease-in; } .table.table-collapsible .collapse-target__wrapper.collapsing { display: flex; } .table.table-collapsible .collapse-target__wrapper.show { display: flex; height: 100%; opacity: 1; transition: 0.2s ease-in; } .table.table-collapsible .collapse-target__wrapper table { width: calc(100% - 44px); } .table.table-collapsible .collapse-target__wrapper thead tr th { border-bottom: 0; } .table.table-collapsible .collapse-target__wrapper thead tr th:first-child { border-bottom-left-radius: 0; } .table.table-collapsible .collapse-target__wrapper thead tr th:last-child { border-bottom-right-radius: 0; } .table.table-collapsible .collapse-target__wrapper td { color: #777777; } .table.table-collapsible .collapse-target__wrapper tr:not(:last-child):not(:first-child) td:first-child { border-top-left-radius: 0; } .table.table-collapsible .collapse-target__wrapper tr:not(:last-child):not(:first-child) td:last-child { border-top-right-radius: 0; } .table.table-collapsible .collapse-target__wrapper tr:not(:last-child) td { border-bottom: 0; } .table.table-collapsible .collapse-target__wrapper tr:not(:last-child) td:first-child { border-bottom-left-radius: 0; } .table.table-collapsible .collapse-target__wrapper tr:not(:last-child) td:last-child { border-bottom-right-radius: 0; } .table.table-collapsible .collapse-target__wrapper tr:last-child td:first-child { border-top-left-radius: 0; } .table.table-collapsible .collapse-target__wrapper tr:last-child td:last-child { border-top-right-radius: 0; } .table.table-collapsible .collapse-target__wrapper:before { content: ''; display: flex; width: 4px; margin: 0 16px 0 25px; background-color: #f2f4f7; } .table.table-collapsible tr:not(.collapse-target):last-child td { border-bottom: 1px solid #e2e2e2; } .table.table-collapsible tr:not(.collapse-target) th, .table.table-collapsible tr:not(.collapse-target) td { border-top: 1px solid #e2e2e2; } .table.table-collapsible tr:not(.collapse-target) th:first-child, .table.table-collapsible tr:not(.collapse-target) td:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left: 1px solid #e2e2e2; } .table.table-collapsible tr:not(.collapse-target) th:last-child, .table.table-collapsible tr:not(.collapse-target) td:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #e2e2e2; } .table.table-collapsible tr td:first-child:not(.collapsed) .ic-dropdown { transform: rotate(0deg); } .table th.tl-small-action, .table td.tl-small-action { position: relative; min-width: 0; width: 40px; } .tl-table-scroll { overflow-y: scroll; max-height: 600px; border: 1px solid #e2e2e2; border-radius: 4px; } .tl-table-scroll .table { border: none; } .tl-table-scroll .table thead th { position: sticky !important; top: 0; z-index: 9; } .tl-table-scroll-horizontal { overflow: scroll; border: 1px solid #e2e2e2; border-radius: 4px; } .tl-table-scroll-horizontal .table { border: none; } .tl-table-scroll-horizontal .table thead tr .column-shadow, .tl-table-scroll-horizontal .table tbody tr .column-shadow { box-shadow: 1px 0px 4px 0 rgba(0, 21, 41, 0.08); -webkit-box-shadow: 1px 0px 4px 0 rgba(0, 21, 41, 0.08); -moz-box-shadow: 1px 0px 4px 0 rgba(0, 21, 41, 0.08); } .tl-table-scroll-horizontal .table thead tr .column-shadow-end, .tl-table-scroll-horizontal .table tbody tr .column-shadow-end { box-shadow: -1px 0px 4px 0 rgba(0, 21, 41, 0.08); -webkit-box-shadow: -1px 0px 4px 0 rgba(0, 21, 41, 0.08); -moz-box-shadow: -1px 0px 4px 0 rgba(0, 21, 41, 0.08); } .tl-table-scroll-horizontal .table thead tr .column-sticky, .tl-table-scroll-horizontal .table tbody tr .column-sticky { position: sticky !important; left: 0; z-index: 9; } .tl-table-scroll-horizontal .table thead tr .column-sticky-end, .tl-table-scroll-horizontal .table tbody tr .column-sticky-end { position: sticky !important; right: 0; z-index: 9; } .tl-table-scroll-horizontal .table thead tr .column-sticky-end.is-dropdown, .tl-table-scroll-horizontal .table tbody tr .column-sticky-end.is-dropdown { max-width: 56px; width: 56px; min-width: 0; text-align: center; padding-left: 8px; } .tl-table-scroll-horizontal .table thead tr .column-sticky-end.is-dropdown .dropdown-menu, .tl-table-scroll-horizontal .table tbody tr .column-sticky-end.is-dropdown .dropdown-menu { min-width: 170px; } .tl-table-scroll-horizontal .table thead tr .column-sticky-end.is-dropdown .dropdown-menu.left-60, .tl-table-scroll-horizontal .table tbody tr .column-sticky-end.is-dropdown .dropdown-menu.left-60 { left: -57px !important; } .tl-table-scroll-horizontal .table thead tr .column-sticky-end.is-dropdown .dropdown-menu.left-80, .tl-table-scroll-horizontal .table tbody tr .column-sticky-end.is-dropdown .dropdown-menu.left-80 { left: -77px !important; } .tl-table-scroll-horizontal .table thead tr .column-sticky-end.is-dropdown .dropdown-menu.overlay, .tl-table-scroll-horizontal .table tbody tr .column-sticky-end.is-dropdown .dropdown-menu.overlay { left: auto !important; right: 0 !important; transform: unset !important; top: -12px !important; min-width: 160px; } .tl-table-scroll-horizontal .table thead tr .column-static, .tl-table-scroll-horizontal .table tbody tr .column-static { position: static !important; left: auto !important; z-index: auto; } .tl-table-scroll-horizontal .table.is-bulk-vue tbody tr .column-sticky { position: static !important; left: auto !important; z-index: auto; } .tl-table-scroll-horizontal .table.set-left-auto thead tr th { left: auto !important; } .tl-table-shadow__wrapper { position: relative; } .tl-table-shadow__wrapper.is-left table th:first-child::after, .tl-table-shadow__wrapper.is-left table td:first-child::after { content: ''; position: absolute; top: 0; right: -8px; width: 8px; height: 100%; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) -10%, transparent 100%); } .tl-table-shadow__wrapper.is-left table.is-bulk th:first-child::after { content: none; } .tl-table-shadow__wrapper.is-right .tl-table-shadow__right { position: absolute; top: 0; right: 0; width: 8px; height: 100%; z-index: 9; background: -webkit-linear-gradient(left, transparent -10%, rgba(0, 0, 0, 0.1) 100%); } .tl-table-shadow__wrapper.is-right table th.tl-small-action::before, .tl-table-shadow__wrapper.is-right table td:last-child.tl-small-action::before { content: ''; position: absolute; top: 0; left: -8px; width: 8px; height: 100%; background: -webkit-linear-gradient(left, transparent -10%, rgba(0, 0, 0, 0.1) 100%); } .tl-table-shadow__table { overflow-x: auto; border: 1px solid #e2e2e2; border-radius: 4px; } .tl-table-shadow__table .table { border: none; } .tl-table-pricing tr th, .tl-table-pricing tr td { text-align: center; min-width: 220px; padding: 16px; white-space: nowrap; } .tl-table-pricing tr th:nth-child(odd), .tl-table-pricing tr td:nth-child(odd) { background-color: white; } .tl-table-pricing tr th:nth-child(even), .tl-table-pricing tr td:nth-child(even) { background-color: #f2f4f7; } .tl-table-pricing tr th:first-child, .tl-table-pricing tr td:first-child { text-align: left; position: sticky; left: 0; } .tl-table-pricing tr th { font-weight: normal; padding: 24px 24px 16px; } .tl-table-scroll--deactive .tl-table-scroll { overflow-y: visible; max-height: none; } .table-align-middle td, .table-align-middle th { vertical-align: middle; } .dataTables_wrapper.is-processing { position: relative; } .dataTables_wrapper.is-processing .dataTables_processing { top: auto; bottom: 56px; margin-top: 0; border: none; color: #777777; } .dataTables_wrapper.is-processing .table { margin-bottom: 90px !important; } .dataTables_wrapper.is-processing .table tbody { display: none; } .dataTables_wrapper .dataTable { margin: 0 !important; } .dataTables_wrapper .dataTable th:focus, .dataTables_wrapper .dataTable td:focus { outline: none; } .dataTables_wrapper .dataTable thead .sort, .dataTables_wrapper .dataTable thead .sorting_asc, .dataTables_wrapper .dataTable thead .sorting_desc { padding-right: 30px; } .dataTables_wrapper .dataTable thead .sort::before, .dataTables_wrapper .dataTable thead .sorting_asc::before, .dataTables_wrapper .dataTable thead .sorting_desc::before, .dataTables_wrapper .dataTable thead .sort::after, .dataTables_wrapper .dataTable thead .sorting_asc::after, .dataTables_wrapper .dataTable thead .sorting_desc::after { content: none; } .dataTables_wrapper .dataTable thead .sort span::before, .dataTables_wrapper .dataTable thead .sorting_asc span::before, .dataTables_wrapper .dataTable thead .sorting_desc span::before { top: auto; bottom: 10px; } .dataTables_wrapper .dataTable thead .sorting_asc span::before { border-color: transparent transparent #212121 transparent; } .dataTables_wrapper .dataTable thead .sorting_desc span::after { border-color: #212121 transparent transparent transparent; } .dataTables_wrapper .dataTable .dataTables_empty { padding: 32px; text-align: center; color: #777777; } .dataTables_wrapper .dataTable .dataTables_empty:hover { background-color: white; } .dataTables_wrapper .pagination { align-items: center; color: #777777; margin-bottom: 24px; } .dataTables_wrapper .pagination .dataTables_length label { margin-bottom: 0; } .dataTables_wrapper .pagination .dataTables_length label .custom-select { width: 75px; padding: 4px 8px; margin: 0 4px; background-color: white; color: #212121; } .dataTables_wrapper .pagination .dataTables_length label .custom-select:focus, .dataTables_wrapper .pagination .dataTables_length label .custom-select:active { border-color: #005fbf; } .dataTables_wrapper .pagination .dataTables_info { padding-top: 0; } .dataTables_wrapper .pagination .dataTables_paginate .btn { width: auto; min-width: 20px; height: 20px; padding: 0; font-size: 20px; margin-left: 2px; } .dataTables_wrapper .pagination .dataTables_paginate .btn a.page-link { width: auto; height: 20px; padding: 0 2px; margin-top: -2px; color: #777777; font-size: 14px; line-height: 20px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .dataTables_wrapper .pagination .dataTables_paginate .btn a.page-link:focus { text-decoration: none; box-shadow: 0 0 4px 1px #1357ff; border: 1px solid #005fbf; } .dataTables_wrapper .pagination .dataTables_paginate .btn.active { background-color: #005fbf; border-color: transparent; } .dataTables_wrapper .pagination .dataTables_paginate .btn.active a.page-link { color: white; } .dataTables_wrapper .pagination .dataTables_paginate .btn.disabled { cursor: no-drop; color: #b4b4b4; background-color: transparent; border: none; } .dataTables_wrapper .pagination .dataTables_paginate .btn.disabled a.page-link { cursor: no-drop; color: #b4b4b4; } .dataTables_wrapper .pagination .dataTables_paginate .btn.disabled a.page-link:focus { box-shadow: none; border-color: transparent; } .nav-tabs .nav-link.active::after { background-color: #c02a34; border-top-left-radius: 2px; border-top-right-radius: 2px; bottom: -11px; } .symbol-end-page { position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; width: 16px; height: 16px; display: inline-block; } .symbol-end-page::before { content: ''; position: absolute; width: 100px; height: 1px; background-color: #e2e2e2; left: 32px; top: 8px; } .symbol-end-page::after { content: ''; position: absolute; width: 100px; height: 1px; background-color: #e2e2e2; right: 32px; top: 8px; }