mirror of
https://github.com/esiur/iui.git
synced 2025-05-06 06:42:58 +00:00
2841 lines
108 KiB
CSS
2841 lines
108 KiB
CSS
:root {
|
|
--search-white: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH4goJEQEaWX1GfgAAAwBJREFUaN7tmU1IVUEUx//jN0pg3wuLQF2kZbkVxNyFRUUUhkGLoGWrijYVLdq0LmjVoqJMLM1qFy2soKIQtLDa1cKSNCkhIz9/LbrBYxhf7/lmrj55Z/XO3HvPub93Zs7MOVfKSU6CiMnkYWCzpN2SGiXVSqqQVBZd/ibpk6QBSb2SHhpjxpcMOZAPHAJekZ78Bm4BdUsBogHoJzOZA64CqxcDwADngJkU//m5FO4bAhrjhCgAbszzMtPAY+A4sA1YGz1TCFQAO4CLwPsk0AfjisTNeaZHO1Cdhq09wKDD1gywNzTIWYfjUaA5g0RxwTH1JoBtIRe2vSbeAZUebLcCkw7bxSFSrJ2dRnxAJPg45oj2Gd8gbY410Rwg6lcsP9+Bcp8O7M2uPdD0XQmMWb5O+jJeYxmeAqoCJpRTlr+BUIYfBc6M6xxJZUO6dvIcY/Zu+yDoqdWYEUnPreEmHyBbLL03hgPEE0uv9QFih3U4BpAhS9+YEQhgJJUkDE0aY8ZiAPlq6SsyAjHGYF0vAPJjACm09F8+ptaPhN/5ktbHAFJh6SM+QD5aemUMIFWZrksXSL+lt8QAYvt46WODOmJtToOBN8Q6y99PoMiH4VVR5ZYouwKCXLd8dfk0ftsy/gbICwCxHZi1fDX7dFDvqOLOe4YoBfosH30hQn7NUZMc8NgL6LDszwINIUDWAF8cXY+jHiLR4agOL4XMKE2O2hrg8kIquWhN9M3TGroDFIaEOTxPY24UOJFKxxDYGk3V2f807RYMY1KE2S+p3TpQ/pNZSc8kPY1OscOSiqNjR6X+Nrmr03inLkltxpjpUJGpBz4Qj9z1sikmgSmJmnbjGbxkH7AT6FlUmITux2ngbRqfFDqBlqjmEVDkE8Z4gNoU1dg1UWVXJmlS0pikz5JeSHptjJlwPFskqVPSviQuuqM1M6WlLClGpjv4NMvBLAzm3nKC6VnWMHlLDSTKTq2S7ie5rVxSgbJBkkSmFyhVNokDJvsgHDDZC2HBZDdETrJV/gAG6fzXmRYcGwAAAABJRU5ErkJggg==);
|
|
--search: url(data:image/png;base64,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IHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgIHhtbG5zOnBsdXM9Imh0dHA6Ly9ucy51c2VwbHVzLm9yZy9sZGYveG1wLzEuMC8iCiAgICB4bWxuczpHSU1QPSJodHRwOi8vd3d3LmdpbXAub3JnL3htcC8iCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDplMmQ0ZWUzNS1hOGRhLTQ0N2QtOThjYi04YTk3YjhkNDI2ZDkiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M2Y1MjdjMTUtZWZlMS00YzBjLWFiNjYtNWYxZjA3Y2RkZjA4IgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NGYyYzMxNmQtZDRlYS00OTMyLTg4NDctNjliMDI1NzgxOGE5IgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJXaW5kb3dzIgogICBHSU1QOlRpbWVTdGFtcD0iMTU5NDczNjQ1Nzg5NzcwMCIKICAgR0lNUDpWZXJzaW9uPSIyLjEwLjgiCiAgIGRjOkZvcm1hdD0iaW1hZ2UvcG5nIgogICB4bXA6Q3JlYXRvclRvb2w9IkdJTVAgMi4xMCI+CiAgIDxpcHRjRXh0OkxvY2F0aW9uQ3JlYXRlZD4KICAgIDxyZGY6QmFnLz4KICAgPC9pcHRjRXh0OkxvY2F0aW9uQ3JlYXRlZD4KICAgPGlwdGNFeHQ6TG9jYXRpb25TaG93bj4KICAgIDxyZGY6QmFnLz4KICAgPC9pcHRjRXh0OkxvY2F0aW9uU2hvd24+CiAgIDxpcHRjRXh0OkFydHdvcmtPck9iamVjdD4KICAgIDxyZGY6QmFnLz4KICAgPC9pcHRjRXh0OkFydHdvcmtPck9iamVjdD4KICAgPGlwdGNFeHQ6UmVnaXN0cnlJZD4KICAgIDxyZGY6QmFnLz4KICAgPC9pcHRjRXh0OlJlZ2lzdHJ5SWQ+CiAgIDx4bXBNTTpIaXN0b3J5PgogICAgPHJkZjpTZXE+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjFjNWU2Mjk5LWQyZjUtNDhhNy1iMTczLTI4YjJlZTQwN2EzYSIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChXaW5kb3dzKSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMC0wNy0xNFQxNzoyMDo1NyIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgIDxwbHVzOkltYWdlU3VwcGxpZXI+CiAgICA8cmRmOlNlcS8+CiAgIDwvcGx1czpJbWFnZVN1cHBsaWVyPgogICA8cGx1czpJbWFnZUNyZWF0b3I+CiAgICA8cmRmOlNlcS8+CiAgIDwvcGx1czpJbWFnZUNyZWF0b3I+CiAgIDxwbHVzOkNvcHlyaWdodE93bmVyPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6Q29weXJpZ2h0T3duZXI+CiAgIDxwbHVzOkxpY2Vuc29yPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6TGljZW5zb3I+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz7JIG+QAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH5AcODhQ5aMsqQAAAA/VJREFUaN7tmVGIVVUUhr87d5wkCSbIQsYQ3IHONKMV9iCIROCCnEorm9QskPCtHqKBHrSUenB8jvBFCg1LonFyJKhF0dhEkwiihthDpwQTzdTqwcG5Ok4Pd40cNueO596zz/UK87+tfe7Ze39n7bX32uvCtKaViwpZXhaRhUA3sAzoANqAWfb4InAaOA4MAQdV9b+GARGRIrAGeAt4vIpXx4B+oE9Vf7mtICKyFNgJLM4w5gTwEfC2ql6qK4iIFIAtwFagmOLLt6To+yywVlV/DAHSlAKiGdgNvJcAcR34DnjDvHS/qs4E7gLmAk8AO4BfE7puA74VkTW5e8Q88QnwcsLy2Ae8q6q/pfTqM0CfbQpxjQPPq+pgniBbgPe95ovAi6o6VONGsQ3Y7I09CixV1RPBQSywh73ldAp4WlV/z7ht95inW7y+H1XVsVr6LE7x5QaBObHmv4Ens0IARFF00jl3Hng21jwbuBpF0XDIYO/xttgJoCcExKRUdZdt5XH1ikhrSJA3PXtfLTGRQpuByzG7FXgtCIiItHsn9jXgnTzSClX9B9juNb8ayiPdnj2kqlGO+d4e24IntUhE5oYAWebZgzlCoKoXgJ+85uUhQB72PVKHLPyQZ3eEAPHdeq4OIH969oOZQCwlmRlPAENmqFPoL8++JxOIqk54z5vtcMxbMzx7NMTS+tc7+R+oA0ibZ18IAfKHZ8+vA4jLGpdJIMc8+6k6gPhj/BwC5HvPXp0ngYh0eR65AhwOAfKVXVdv7ukisjJHll7P/kZVS5lBVPUyMOA194lIUw7eWAxs8Jo/CJn97rDUfVJdoRNHEbnbqinxORytNctuqpD/HLNkLq6tIvJCIIiCQTwWa74BvJ5HFaXX2wYLwF4R2RjAE58BL3mPPlTVkVr7LU5xHR11zh2xCsrk75qBVc65+5xzI1EUXa0hJg4AKxIen3HOfRlF0Y3gVRQbfL0ts2JCNWU7sPtW+ZiIdJqHX7nFKvgCWK+q14KD2ESeAz71Esp4XWoY+MGy2HOUC3RtlhV0Aw9VMad+YF21MIUqlsUjlItyC+pw0vebZ0qZYyQhZs4753bZYbnEvnotOgpstFR9YYXfdAAdFjPjQT3ieedeYJOt+c4Ur4zZlflj4GtVnRCRFuBzYFUIzxSyrgERmWd37Ha72c2yiV+iXHEfAY6o6pWEd9PA7LeYKeUKEuBDpIEZoPwXRClzjOSlKIrGnXP7gUVTxEw70OmcG6gUM7cdpEqYrkowBRpIKZfZAcp16FLDgmSBaWo0EJtcj022klot72tcj6TwzCFgpaqO3hEgFWASIRoexINprQRxx0hEWuxCNq1p1Vv/A2IAVPy1s7SqAAAAAElFTkSuQmCC);
|
|
--arrow-left: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAnM0AAJzNAeUm7xEAAAAGYktHRAD/AP8A/6C9p5MAAAAHdElNRQfgCxELGAmyd3/VAAADQUlEQVRIS+WWS0hbQRSGT4yJVSlYH/ERFBoQNKtQlC7cFnRZ0U0RXbhyYRGhmy5KhS66aKGUVsGFbrVFydIHFNzookrblXYTUm3E1ldFMZbGRP9/7uRyb26uQrd+cJiZM3PnPzNzZhK5eVxcXARgj2AfYT9gKW2sf4Cxr0oPd8Wjy7xgguewkdPTU1lZWZH19XVhnZSUlEg4HJa2tjYpLS0Vj8fzEu5nKNNqQA55hTC5H8X3vb29uzMzM3J0dKT8mESVWTBOleXl5dLZ2SmBQGAHzXuw3xhrdGocQplMJoBBP9fW1vxzc3Pi8/l0z9Wcn59Le3u7tLa2/kEzjDl+GT0GBbo0wYBvwD8/P+8qwpWUlZXZ+gsLC2VxcVFWV1fvoPkFY7xGj4FNCJ2vDw4OainCD90IBoMyMDAgg4OD4vdzlw28Xq8sLCzI7u5uLZovDK9B7ooe80zc4Erq6uqkp6dHtYuKiqSystI8K8IAo9EofU9hZjaaQnAOb21t+RGN9tjB2Ul1dbX09fWpyMnU1JQkEglHkhweHmaz84FyAOuKhpi+bufClfT39+uWIbK5uSkFBY5jViwvL7N4qBrAOiqAdNZVOzwTriTL9PS0xONx3XLCFTJocF85gFXo1tnZma4acO9ramqkt7dXRZ5Op9VKYrGY60qyJJNJFkHVALbR1kMljOzk5ETdEcLJU6nUtSL5sH7xl89KLjzU8fFxFQSFuYWNjY2OoHLhswS2VQNYhXbwhOiqHa5qcnLSnLy7u1uamppcxehvbm5m9bNyAKvQe3Zya/LBRBkbGzO3kW9bfX29qxgfWxBVDWAKYVveNDQ0pKqq3F98rmx0dFTdKcKLGwqFHGJ8nvTWfVIOkHuqb7u6usyJ8sHMnJiYUHWubn9/33ZhuSPcWvhGYObtd7zeiC6B357g0tLSldnFqI+Pj21BUbijo0NaWlriEAlptyKfEPduG2K+68RyoUgkEvmH6m0IsTRxCBEt9hUJEJydnVWJ4PY0cauYrdyuioqKHXwbQXCOBzOvUBZ89ArFEB5b38bGBp9/deN5JsXFxcLE4c85kojRv4P/ifrwf4HgMCwGS8Iy2ljnH5RhPexGIXIJGSaWmmxaX7YAAAAASUVORK5CYII=);
|
|
--arrow-left-active: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAJzNAACczQHlJu8RAAAAB3RJTUUH4AwKEiMw9w+MlAAAAo9JREFUSMfllk1IVFEUx//njV/0EAqdARNf1iJ1aDHEDC0GWkUSbQwLstwYFiWEDLQJFA2DiIKIvhZJKy1zkbmKgpbzFjHggDEfi0pfY1PzRgviSYwz77RwHCbnfWlLD1x4957/vT/OeYdzL7DjjJk9zNzDzNPMvMDMa8WxwMwviz633TlkAxlh5lFN0yDLMh5lDv7jH3AnEQwGIYoiiOgWgGEiKjgGMXMNgISqqvv732qOIn96fBc8Hk8awGEAP4iILUG6rnuI6GskEqkZSzRuKc1DbSoCgcBPAF4i+m4JYuZv0Wi0aeTj7m390yIsDaClPI3CJsjd5eVlR5DZ3lZMn2mqWL+ZdCOTyTQBGCtfFzbprl5489sW8qqnBQBQW1tr6L/4bhXMfL28GoWyaEKKotQ4icTlcgEA+ibmTXWapgHAMaOIBmOxmC1kw/om5rGCelNtOBwGgC4jkOdJtt1048w5qfR9eXLOEgIAj9U2ADiyMa8q89XZRVIoFND/IoYV7HFahM1mxWBo+Xx+XSwItpGYWTnoj5moeyoFZgYRYba3FYEqxen5S0ag9IA7abqja3IRzOtdZejsUZysS1oSimd9MAI97OjosNzcNblYSuOl052W2mAwCAAzFSAiuidJ0ppdLrqnUtB1HQDw+vw+tFLWUCeKIgC8NyuG++Odom3iTz1XSkWywJWNd7xTBBGNElHGqqmmZFluvv1577aqa7g9C7/f/4WIDth1bzeAJVmWq7cKu3HoF3w+Xw5APRHlnFx8bgBzqqo2O734np2oR0NDQ5qZfYIgZLZ6ld8BMKgoSnU8Ht9oKyW70piA1+uFJEk5AA+I6Nr/PlBCzPyJmVeZWS+O1eIDJYQdaX8B9C4jTPMKEFEAAAAASUVORK5CYII=);
|
|
--arrow-right: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAnM0AAJzNAeUm7xEAAAAGYktHRAD/AP8A/6C9p5MAAAAHdElNRQfgCxELGAmyd3/VAAADT0lEQVRIS+WWPUhbURTHTxITqiJYNWlTrRJcqpMF6aCL0ElwCTqYVQdFW0qGDp1q6dChhSLdHRSHFsUOgh90cFEoSpspBqS2GGLV+AXFWI0mPf+Tm+S+vGeQrv7gcO859737v+fc+25CN5N0Oh1k+8WWYEspQ/8HW1A9VhSbai3hSd5x83Rra8sVDocpHo/T6ekp4lRWVkYej4eampqovr4+yc+N2my25/KiBZZCqVTKwy+FDg4OvFNTU7S3t0dOp1ONGkkmk+R2u6m7uxttjEMP+d14ZjSPSYhX6+LmTygUcs3Pz2eC14AXRx0dHdTW1obsagvF7KrViaytrblmZ2eVm8Fut1NlZaXyzGB8aWmJVlZWkPr3TDSPQYizecn74Jubm6OSkhIVJaqoqKBgMEiDg4NUXV2tomayYjxHLc/1VoWFnBAPeNhGsCf6fnCMampqcsL9/f1UWloqfSsgNj09je4zCSj0jB6fnJzQ8fGxcjNwrWlzc5MmJyfFx0TDw8OS5VXgdPJJdfIic0dfF/IvLy+rrhGIRaNRmpmZER/ZDQ0NyWmzAhVZX19H94kEGF3oEQYxqRWIRyIRQmmzfl9f35WZ4ZNgvOIwulAtSlcMTL6xsUHj4+Oyd/AHBgaovLxcPZEnkUiguSUOowtdC3wvKA1agDIiKwjrFFZGF4rhWikGJm9sbKRAIEAOh0P8iYkJ2tnZMU2sTuZfcRhd6Gtzc7NpZTo+n496e3uVR1LCWAy3jhl1UGSjgC70ub29XXWNYOUNDQ2SSZaxsTHa3t5WnhHcf1g0MyoBRhf6gk2tqqpSbgZkWFdXlxO5vLyUTHZ3d+WbsgK3Ot/o51zO9yqUF+JgnO2N3++ni4sLFc1s6v7+Pp2dnYmPDxeZFO6JTk9PD5oP4igMT/PqHdxEV1dXvYuLi7LhWXDSkPHR0dGVIlhgV1cXtbS0/OZn7qmwYHqDxe5yE2ax2wsLC4bLtRjYl87OTmptbT3nOe5zWXMHAVgJIXaH7Rt/3V5cO4eHhzJWmAn2D+DnA+Xik/aT3Qf83LkMaFjXgFFlfM3tC9wYuAfxc66+eCkjThb/0EmfJx9heyWD/wMLudkCbB/Z8AclqQz9T2wY86jHbwxE/wDpF3yaspbwwgAAAABJRU5ErkJggg==);
|
|
--arrow-right-active: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAJzNAACczQHlJu8RAAAAB3RJTUUH4AwKEiQDB557RQAAAoJJREFUSMfllktIVGEUx/9nZpToEkR4J8aJm7XxQcI1sMW4DIpWVpseuopaZEW0iAgKFYWIgpCgoiI39sTIFhFGq2CEGKlZhI+gmq5YMFcxkCs+mvtv4c1svHPvnVr6wbf4OOd/fpzD4ZwPWJWH5BmSGZIzJG3nzpD8RPJMkBjiA7gK4JRhGKVDQ0O4OVH1l71FHUV1dTU0TVsA0CUiZ4sC2bYdFZH05ORk7MjL6UBZ392tQFXVcQB1ImL6gkiWAphOp9OlrR/WF1Xic1u/IZFILACI58NCLv4jg4ODRUMA4PLncgwMDJQAeJ9vC+Vl02qa5paOkbIVQXoPxPG8uSIQzDTNOMkrriCSUZJtR/utFeIKmUAkEgEAPDus+cKcGKcLZbTTsixXYYZl2Hv/66IgFMLTg5t8YYZhlCxv/eWgfclk0lN8u7cfABCJRNDXtNnTd3h4GABOuoF23DArPcUvZivR+ejNYruKeMKcWDE3UDxIZ6V+amjsyYAkRMSvjGu82tv3bMA0bNteKmOQsxw0HkQQkyl0N9ciHA7Dtm009mS83GfdQG9b1FHfTG411f3pngdGQd/jZSMAkHUD9TU0NHhCuptrl94+maCmpgYAutxArxVFKSj8Dcnlcr4QANA0bV5Erq0AiYgpIpfu7FrrKpybmwMA7H845gu5t2cdAFwvOL1JhgGMpVKpWOeo+k9Lsn3bD+i6/l1EygsOVRHJAdheX18/daHSLBpysWoCuq7Pk9SD7CMBsBHAu2w2Gzv2aqaYxfcFQJWIzAde5U4ZO0ietywLyWQS+SPqRPQjEokEFEWBiLSJSPv/fExUkodIPnY+KAvOzZB84tiiq+/L9gsvthlNbhFAMQAAAABJRU5ErkJggg==);
|
|
--arrow-up: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAnM0AAJzNAeUm7xEAAAAGYktHRAD/AP8A/6C9p5MAAAAHdElNRQfgCxELGAmyd3/VAAADKUlEQVRIS+WWy0tbURDGJ2pKfQR8JRgjQreugmA3LgvqNuCmFUQEEaUiglvRnYtCu/AvEIXYoLgR3HThRqEguNOAVKoQpFGoKIaamNjvm/vw3us11W79wXDPmfOYc2bmTCIvk7u7uynID0gOUjKF7Z+QKXNaWQLm1xds8gmfyZOTk+DBwYFks1nJ5XISCASkurpawuGwdHR0SHt7ex7zFqCf1oU++BqCgTA+e2dnZ7G1tTXBV4LBoDHooVAoSCQSkf7+fmlqajrF2nhFRUXWHLZ5YMg0ktnZ2QlubW0JFhkDT6Cvr0/i8ThvF8Lt+LXx22Xvf4yQjY0N2d3dfYVm2tDc49qJMaG7/mUE88yWm6qqKtnc3KSr32DOrKlWvLtNMibljNTW1ko0GjV7D2EsV1dXeZg5SMRU3xuCcorZxcA/RigUkrGxMRkaGpJYLGZqH3JxcSHX19dsvlMFcB79I1P4sexiKo+Pj6t7yMDAgLS0tEipVNK+F8SZn4R2gNNQlO/ED95keHhY3w/jUywW1b28GY1R54Tz9vf32XyrCuA09JqP0Qsf5ujoqC4mS0tLkkqltE14AD83mq6zB1xRtzazwAOUiYkJ210MciaTkaOjI1lZWVEdoRtbW1sfzUbiNPSHp7eor6+XkZEROwPX19fl8PBQD1NZWanGksmkjrE/ODgoDQ0N2ic1NTX8ZLQDnIayDLjF5eWllheecnl5WdLptOvGPMDx8bFt7ObmxnKXrmENBN9VAeyVGGR6f15cXLQzj0nQ3Nysp/e61YJZ19bWJufn55LPG1WHhujyurq6D1inJ7FvBMUXVmEWSIurq6uyRghvxrhZRkhjY6M+bPBNFcCVDGCBVdhJOSMWzjm3t7eSSCSom4fYr99lCAPTLPWswlzwXPi+ent7+bNxiu6MoTXw3oj+RaWP52mMyfBUeLCenh7p6ur6jW4nDl00Rgx8/QJjWupZhfl2WLuI00WEQSeMCd1l3qQT8gtzXY+qbACw0Sxkjmm7vb0trIVWCvOdMIW7u7s18Nh4HuoZ702eDAxFIO8hKQj/jBRMYfsrhGP3D/CFIPIXaROGVaBzO8QAAAAASUVORK5CYII=);
|
|
--arrow-up-active: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAnM0AAJzNAeUm7xEAAAAGYktHRAD/AP8A/6C9p5MAAAAHdElNRQfgDAoUNBtavY3wAAACm0lEQVRIS+WWTWgTURDHX75ETAJK0kitjfViJXgIhXjJURA8WW+2ehF6UFEk4NESi4KIoIeiBwVPDVXx8+Ch4KmQgBhIQDHxoMRADWaLeok0ien6n7eT7Sa7SZf02B8M82Y22f/OvMnbiO2JqqoJ2FfYX9g6G61LsAR/rC8O9pbgJnfgrpTLZU+hUBAPlHHtAnMhWBSRSESEw+EGwnmHw3FVu2LGUggCQ3A5RVFGZpZqWnITHp/wi0AgUMF3o06ns8ppHZMQi6xkMhnP7W/7tKRN5o78EdFolKrzozryOk72RnKDiBDJT7tFNpvdgWVRy2zQIUR7Qu0aRKTNjWJQ4B4Hca8kpyQdrcPFxsmFkofDLfH6zAGB9u2Fyf3SK4JIgqaLw568OL1fvDk7xlFvajU5RMdkAIytu0Qj3A96SrfbLdevpsPS9wL7TO6UDIBRaLj7d2KEW0GVi1arJTDCfSu7Xz1E7qgMgFFoJ3sT1C4SISZT38XM4me5JjZp4wj7zqmzglrUbtfNJ8vS/xJ+cT6Vk2vi5dQor3pjFFpjr0NPSy0iHj5fEh/+bexLRd0jzi18lGuXy9WrshX2HUJVOruMNJtNuScYefF2zbx/VFlbrF6vS9/m4tAXcu9lAPTfEY/33cvL65zRGHOsipIa5Mg+qcmg8Pl809jbRYr1ipC4x6dwB4OIEF6vl9w7GYDuYZinU3irPDq+ix78FkzhlOXp/SOfzw/TATkI18YVEYvFKliOQqilZS3GG0I46aON2cOrnLEPi/zGcsIoQpgqIiAmj3o6he2++KhdoVCIKpmA/YSQKi8wlkJtIJiEXacDMp1Om17lNMLxeFxuPO0JUrPdldgGQiHYFOwZjP6MNNlo/RRG1+itvK0Q4j/rNyX4wPuW3gAAAABJRU5ErkJggg==);
|
|
--arrow-up-mini: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAARCAYAAAC8XK78AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAGYktHRAD/AP8A/6C9p5MAAAAHdElNRQfgCxkXHCBEIVBGAAAAqUlEQVRIS9XVQQrCMBSE4Vp7/9voQhBBV25c2POIzg+NlDoYYl8qHfhATDNPG6XN2nMZ/CV7eQ54vVi2cpM0POE91qrnKtPhCWtVsxM3eIxrwsOt/fbNp7g29DjcmeewJyTjX3upWf+OVs7iikvQQVdx7uIKf0FXUQ7iiuagM5uNHMUVRKCbGTYs9OI2RmKG/RAncRtqYNY7ndQ48xxmdulWLPIQ+UzzeAHoCekenvc+XAAAAABJRU5ErkJggg==);
|
|
--arrow-down: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAJzNAACczQHlJu8RAAAAB3RJTUUH4AsRCxgJsnd/1QAAA0xJREFUSMfllk1IY1cUgL+TP0seSrp4aW0wYkAwriwIhbhx0U3ARSUhKKhLNzKUWXQxuxlmO1AGiyCCiOCiJZBtInSZTQPF1duVGVKi4YX4Q4gpk+SdLhpf/UmiM9u5cBf3nnvPd8/PPffCZ9dU1VTVVVX9VVXfq2q719+r6m89WfgxPTIE4AVeq+qLZrNJsVjEsiyur68BMAyDeDzOwsIChmEgIi9F5NWTQaoqwFfAn7Ztj+dyOc7Pz/9bLHJ/LQChUIh0Oo1pmu+AGRH58BTQ14BVKpW+LBQK+Hy+J7m43W6TTCaZn5//oKoTHo/HHgjquevvUqk0fnx8jNfr/ah4djodlpaWmJubOxORb27LPPfWvrZte7xQKHw0BMDn85HP56nX6+Oq+qYvqJddL3K53B133cThkcy8M85mswDPBln0fbPZdAMPEAgEiEQiOI4zFBKLxRgdHXXnbNumXC4HVPV5P9APxWLRHfj9fra2ttjY2GBqamogZGJigkwmw+bmJh6Px91rWRbAj/1A31mW5aawYRiMjIwAsLq6yuTk5B3LVJWZmRnW1tYQEfx+P2NjY668VqsBhPuBIjeXEeDi4oLDw0O63a4Li8VidLtdVJXp6WmWl5cBcByHvb09Li8v3f2tVgvgi0FZ93/ei3B6esrR0ZE7t7KyQiwWIxKJkE6n3ZTe3t6mXq8PTZDboIphGA+AlUqF/f19d5zJZFhfX3eV7e7u3pz+TgsGgwD/9AP9MTs7++AkIkK1WuXg4ADHcfB6vYgIqsr+/j6NRqOvR8LhMMBZP1AukUj03eTxeKhWq64bO50OOzs7NwHvW47i8TjAL+5lviX/3TAMQqEQV1dXfRVUKhUODg5oNBo0m82Bd8s0TaLRaFtEfn5gkYjYIvIynU7TbrcHKjk7OxsKcRyHVCoF8HZgrRORV6Zpvksmk3Q6nYHZOAyyuLiIaZoVEfnpsWciADROTk4C+Xz+yQX1BpJIJNpARERqj76wjuOEReSkXq+PZ7NZbNvG7/cPDLxpmqRSKUzTrADf3ocMfcp71r0BnpXL5YBlWdRqNVqtFqpKMBgkHA4Tj8eJRqNt4O19d33KB+V57zNyrapOr1+r6l+3K/Tn1f4FgEGhNe9ExXsAAAAASUVORK5CYII=);
|
|
--arrow-down-active: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAJzNAACczQHlJu8RAAAAB3RJTUUH4AwKFDQbWr2N8AAAAntJREFUSMfllktoE2EQx/+TmKSQSxW+6BqMwYuJKKQYERLwJOTgofWF1uYk6KEi0oOIYGlDPfZgQdRDwEt9FUFzErznYkByKAsRpHFrLG4TFEKC5LHjwU3IY7N52FsHFpbvG+a3/9mZbz5g1xkzC2aeZuY3zJxl5qr+ZJl5Td9z9YtDJgArgCVmvl8qlZBMJvFk+2ibz6zIIBwOw+l0gogWiSg2MIiZCcB+AJ9VVZVufCwPpDwecUIIsQHAR0SVQUAHAMipVGrvw4wYKs3zvjyCwWCFmQ9ZLBa1J0hP12YqlZKGhTQsdvw3AoHAFhEdbF23dPgtqao6MgQAFtbHUSgUJGZeNlSkV5c69eLbjlRrIuqtEJHDSNHZUqk0UlAv5bvWFEWxM/OcEWgqmUy2Oa9dlpCIerEPRVPQo2sn8faKu21NlmUAuGMEOt3ZJw7HP+XPoycMYefGMkhEvSAi2Gy2tr2neR8AuIxA7s5Ak6tZ1Ov1JkyiX829U3sU3LwUAQBomobJ1ayR2LFeVddlF15tNt+fzUw0lT24egYAUKvVcP6l0vc/toJyvZxavzY+fQzvZw43KhUXX383i//HCPTplusLzGCapsFqtYKIwMwwa4VZkQGALSPQu1AoZCq/kaJarYZ+/eb3+wHgsVHDupj55w42bJWI7F2KiEglosV4xPnfED3GSs+zjohiQoiNeV9+ZMi9Iz8ghMgR0d1+Y8IOoJhOp+0L6+NDQ0KhUBWAm4i2+05YTdNcRJQuFArS9Q/FYQZfDsBEJ8R0lOvqlgHcVhTFLsty41hpK2G/3w+Px1MFsNKZrlEuKHP6ZaTMzJr+lJn5a+sJvbvsLy0pJLT8OvazAAAAAElFTkSuQmCC);
|
|
--arrow-down-mini: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAARCAYAAAC8XK78AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AsZFxwgRCFQRgAAAI1JREFUSMfVlTsOgCAQBUfx/reRgsSYaEVDoecxWkiMhT+QxTjJtgywy6NgRfENE0AFGGDOXMa7N9qM8vboOgpgzCAfvYuzTTSC8uZKvscI9TyIIaF8iHkiJdAlkHd+rWj0C7lOFRguQu5SJpYCbIDcSqVr/UBeS+e3vTm5OOpkJlzuT01LTHsova//sgBbSukeQz9mngAAAABJRU5ErkJggg==);
|
|
--add: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAJzNAACczQHlJu8RAAAAB3RJTUUH4AsWFBw4DWhmHwAAAmJJREFUSMfllj1r21AUhp/jL4q1uIPUumldulWZUggUnCVDl0CGgr30R4SSoeBsKVkyBEqgf6LF4FUOdPRSh+JJW9vgEgISzlIsmyjodKgJjiPFjpMtL1y4cA567vm45wrunVTVVNV3qvpFVY9UNRytI1X9OrJZ074j1wDSwI6qbvX7fVqtFq7rEgQBAIZhYNs2KysrGIaBiGyLyMeZQaoqwCPgh+d5xUajwenp6X9nkUlfAAqFAtVqFdM0fwMvReRsFtBjwG232w+bzSaZTGamFIdhyNraGsvLy2eq+iyVSnmJoFG6/rTb7eLBwQHpdPpG9Tw/P2d9fZ2lpaUTEXkybktN+O54nldsNpuJkFqtRq1Wi7VlMhkcx6HX6xVVdS8WNOqurUajMXO6klSv1wE2kiJ60+/3Lwp/G3meR7fbzanqZhzobavVupO7l81mcV0X4H0c6LXruldaeF75vg9wcZHHi7EQBMGlJkgqepJtd3f3Yj8YDAAeJHXdXY6uyx05tj82DOP5cDiMPeFkJHG2ceXzeYBhXETfFxcXr5xkXlmWBXASB2qUy+U7gYRhiG3bAJ/jQN8Mw6BQKNwaZJompVIpFJFPV0Ai4onIdrVaJQzDuSFRFFGpVAD2p03vX4eHhy8cx7nxKIqiiNXVVcrl8rGIPJ0GygF/O51OznGceSAhsCAi/tQXNooiS0Q6vV6vWK/X8TyPbDabWHjTNKlUKpimeQy8moRc+5SPotsDNrrdbs51XXzfZzAYoKrk83ksy8K2bUqlUgjsi8iH297yzdHPSKCq0WgFqvpzfELfL/0DbLwxYiWAqw4AAAAASUVORK5CYII=);
|
|
--add-active: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAJzNAACczQHlJu8RAAAAB3RJTUUH4AwDESAUn2/KVQAAAnpJREFUSMflls9LFGEYxz8zs7Ouu4Uj1thmOQZBUUJ0MozQg7cuhnTxXwgpD4F6MsSLBCEECt27LV7sliDsqSWig4ZBPyZkEdN12dVddV7n3Q5usq4z7Lrrqb7w8s7L8zKf9/nxPjPwr0mptEG48iLQB/QDXUBb0ZQEEsAcsKBr6u+aQMKVGjABjKbyLrHlDHE7R3ZfAmCEVO5bEQZuN9ES1gDGdU19UTVIuFIBWoFPdtqJTsU3WdsWAKhlu2XhcDYjAcZ6TSxD/wnc1DXVqQZ0Cfgyv5Jtnk1s0RBQqsrBrijw5F4LD2+cd4Cr5aFUPMK1Or+Sjb75mCagni7h+wcFnnVfoO/6uTVdUy+X2spfNWGnnehsYssXEhu0iA1anraGgMJMIkUyK6LClS89QcXqGp2Kb1YdLj9NLm4ADPl51JfKu0eJr0d22mFpfS8oXDnsBeqPLWfO5HI26gpxOwfw1AvUFbdzJ0q4Vq1mBID5dx0osbVl9+WxIvBLup9t4O2vo+cdRwKE/KruzHQgj69LPUoaIdUqnuTECcs98bKVygipAHteHiUedESO2kq96mgOAqx5geYe3Wo6E8iuKNDdHgZ47QVaaAlrmJFA3SDL0OlsDQldU1+dABWb4PhYr8muqD1+sgAjPSbAdKXu/ePd1+1rMx9Sp25FsgCDdwwedzYldU29UgkUBLbff9sJziRStUAE0KZr6kbFL6xwpQl8TmZFdHJxAzvt0Kgrvom3DJ2RHhPL0JPA3XJIxX+GYqsfWlrfC8btHKsZwY4jOZCH96SjOUh3e5jO1pAApnVNfV5XFQlXDgtX2sKVeeFKWRx54crvpR36/9IfrEMFOunchkwAAAAASUVORK5CYII=);
|
|
--remove: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAJzNAACczQHlJu8RAAAAB3RJTUUH4AsWFDMRXcbGHgAAAllJREFUSMfllr1LW1EYh583X5TcJR3ObVNpuvY6WRAKcXHoEnAoJEv/CCkOBd0UFwehCP0nWgJZE6FjlgYk092KkiLCvcSl5CZ4w3079CIxHxqjmz84cC/n5Tzn/TrnwJOTqhpV/aSq31X1TFXDeJyp6o94zr5rHbkFkAT2VXWn1+vRbDZxXZcgCACwLAvHcVhbW8OyLERkV0T25gapqgAvgBPP8/K1Wo3Ly8v/xiLjtgDkcjkqlQrGmFPgrYhczQN6CbitVut5o9EglUrNFeIwDCmVSqyurl6p6utEIuHNBMXh+tNqtfLHx8ckk8l75XM4HLKxscHKysqFiLwanUuM2e57npdvNBr3hgCkUinq9TrdbjevqodTQXF17dRqtbnDNUvVahVgc5ZHH3q93nXiHyLP8+h0OhlV3ZoG+thsNh+l99LpNK7rAnyeBnrvuu5ECS8q3/cBrht5NBlLQRBMFMH29vZcCx8cHNz47/f7AM9mVd1jHl03K3Lk+9yyrDeDweDWnc6rbDYLMJjm0a/l5eWJnSwq27YBLqaBasVi8VEgYRjiOA7At2mgn5ZlkcvlHgwyxlAoFEIR+ToBEhFPRHYrlQphGC4MiaKIcrkMcDTzrBORPWPMaalUYjgcLgRZX1/HGHMuIl/uuiYywN92u52p1+v3hhSLxRBYEhH/zhs2iiJbRNrdbjdfrVbxPI90Oj0z8cYYyuUyxphz4N045NarPPbuENjsdDoZ13XxfZ9+v4+qks1msW0bx3EoFAohcDQerkW6fCt+jASqGsUjUNXfoyf009I/KqIm8hdbRuUAAAAASUVORK5CYII=);
|
|
--remove-active: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAJzNAACczQHlJu8RAAAAB3RJTUUH4AwDESQlqt0PawAAAnlJREFUSMfllt9LU2EYxz87Z++cm+ER66xpOYOgKCG6MozQC++CMKQb/4QiyovAvDKkmwhCiBS6706EsLuEYFeNiC40DPpxQpaozbG5TXdez7suXDLnkc3Nq/rC4fDwvLyf9/nxPufAvyZPpQXSUSeAfmAA6Abai644EANmgDmha6s1gaSjdGAceJjIOUwvpIhaWdJ5BYDh17gaCTJ4sZnWgA4wJnTtUdUg6SgPEAI+Wkk7/CT6m+UNCYBWtloVdt5m0Mton0nEED+A80LX7GpAJ4HPs4vplqnYOg1eT1U12JQF7lxp5fq5YzZwujyVHpd0Lc0upsMvPyTxaocreH67wP2e4/SfbVoWutZW6ivfatxK2uGp2PqhIQANXg+TsQTxtAxLRz11jajYXau3X/9iJSPrauVQk+DFjTZb6FqDW0T9iZyzW/h6ZCVt5le2fNJRw26ggemF1JFczkbhIWplAe65gbqjVnZfC9eqpZQEMP/a3hJfezqv9jXB9FCkqo0HX/3cY2dsBeA/qOuOTNtqr10aUdzwa5HiSQ48abUy/BrAlltEsWudwd2xUq86W3wAy26gmZsXmo8EsikL9HQEAJ67geZaAzpm0Fs3KGIIukJ+KXTt2T5QcQiOjfaZbMra86cKMNJrAkxUmt7f33zZODP5PlH15C6FDF0yuNXVHBe6dqoSyAdsvP2a8U3GErVAJNAudG2t4hdWOsoEPsXTMvz43RpW0qZReA4sfMQQjPSaRAwRBy6XQyr+MxRH/d35lS1f1MqylJJkbMW22rknnS0+ejoCdIX8EpgQuvagri6SjhqWjrKko3LSUar45KSjvpVO6P9LfwDLUQFhNo3NowAAAABJRU5ErkJggg==);
|
|
--eye-dark: url('data:image/png;base64,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');
|
|
--eye-light: url('data:image/png;base64,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');
|
|
--eye-active: url('data:image/png;base64,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');
|
|
--default-background-color: #ffffff;
|
|
--default-background-color-light: rgba(255, 255, 255, 0.86);
|
|
--default-text-color: #2f4d5e;
|
|
--default-link-color: #41b3e2;
|
|
--default-graph-color: #5ac9af;
|
|
--default-graph-color-light: rgba(90, 201, 175, 0.5);
|
|
--default-graph-color-dim: rgba(245, 227, 179, 0.5);
|
|
--default-path-color: #f2796b;
|
|
--default-point-color: #5ac9af;
|
|
--default-marker-color: rgba(245, 227, 179);
|
|
--button-color: #232323;
|
|
--button-color-hover: #ffffff;
|
|
--button-background: #0000000d;
|
|
--button-box-shadow: inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
|
--button-text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
|
|
--button-border: 1px solid #dadada;
|
|
--button-background-hover: #3fb4e5;
|
|
--button-background-disabled: linear-gradient(to bottom, rgb(230, 230, 230), #bfbfbf);
|
|
--button-color-disabled: #7c7c7c;
|
|
--button-border-color-disabled: #b7b7b7;
|
|
--button-close-color: #aaa;
|
|
--button-close-color-hover: #000;
|
|
--window-background: #fff;
|
|
--window-border: 1px solid #BBBABA;
|
|
--dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
|
--window-active-background: rgb(167, 227, 252);
|
|
--background-background: rgba(0, 0, 0, 0);
|
|
--background-visible-background: rgba(0, 0, 0, 0.6);
|
|
--window-caption-color: #444;
|
|
--window-tools-close-background: linear-gradient(to bottom, #f1796b, #d66255);
|
|
--window-tools-close-border: 1px solid #f1786b;
|
|
--window-tools-close-background-hover: #f03242;
|
|
--dialog-loading-background: rgb(167, 227, 252);
|
|
--dialog-loading-content-border: 10px solid #fff;
|
|
--dialog-loading-content-border-top: 10px solid #ffe3e3;
|
|
--dialog-loading-content-border-right: 10px solid #f2796b;
|
|
--dialog-loading-content-border-bottom: 10px solid #f2786b;
|
|
--window-header-background: #e6e6e6;
|
|
--window-footer-border-top: #eee solid 1px;
|
|
--window-footer-background: linear-gradient(to bottom, white, #e1e2eb);
|
|
--panel-border: 1px solid #BBBABA;
|
|
--panel-title-color: #444;
|
|
--table-td-border-bottom: 1px solid #e0e0e0;
|
|
--table-td-border: 0;
|
|
--table-header-background: linear-gradient(to bottom, white, #e1e2eb);
|
|
--table-header-text-background-up: var(--arrow-up) no-repeat right;
|
|
--table-header-text-background-down: var(--arrow-down) no-repeat right;
|
|
--table-header-text-background-up-rtl: var(--arrow-up) no-repeat left;
|
|
--table-header-text-background-down-rtl: var(--arrow-down) no-repeat left;
|
|
--table-header-sort-background: url(img/sort_16.png) no-repeat;
|
|
--table-tree-background-image: var(--add);
|
|
--table-tree-background-image-hover: var(--add-active);
|
|
--table-tree-background-image-expanded: var(--remove);
|
|
--table-tree-background-image-expanded-hover: var(--remove-active);
|
|
--table-tree-background-image-loading: url(img/ripple.gif);
|
|
--table-row-level-1-background: rgba(221, 221, 221, 0.5);
|
|
--table-row-level-2-background: rgba(121, 121, 121, 0.3);
|
|
--table-row-level-3-background: darkkhaki;
|
|
--table-row-background-hover: rgb(217, 243, 253);
|
|
--table-row-selected-background: rgb(167, 227, 252);
|
|
--table-row-selected-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
|
--table-border: 1px solid #c9c9c9;
|
|
--table-resizer-background: #dde2e3;
|
|
--button-flat-background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 5%, rgb(246, 246, 246) 100%);
|
|
--button-flat-border: 1px solid rgba(220, 220, 220, 0.51);
|
|
--button-flat-color: #666666;
|
|
--button-flat-border-hover: #ffcbcb;
|
|
--button-flat-background-hover: rgb(167, 227, 252);
|
|
--button-flat-color-hover: 0;
|
|
--colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid;
|
|
--colorpicker-button-checked-box-shadow: 0 .0 1em 1px #747373;
|
|
--colorpicker-button-hover-border-color: red;
|
|
--menu-item-hover-background: rgb(167, 227, 252);
|
|
--menu-item-hover-box-shadow: #cecbcb 0 1px 1px 0;
|
|
--checkbutton-checked-color: #fff;
|
|
--checkbutton-checked-background: #3fb4e5;
|
|
--checkbutton-checked-box-shdow: #ffffff 0 1px 10px 0 inset;
|
|
--tabs-content-border: 1px solid #dcdcdc;
|
|
--tabs-button-background: #e7e7e7;
|
|
--tabs-button-border: 1px solid #dcdcdc;
|
|
--tabs-button-color: #666666;
|
|
--tabs-button-hover-border: 1px #6ed5ff solid;
|
|
--tabs-button-checked-box-shadow: 0 2px rgb(255, 255, 255);
|
|
--tabs-button-checked-background: #fff;
|
|
--tabs-button-checked-color: #000000;
|
|
--dropdown-arrow-up-background-image: var(--arrow-up);
|
|
--dropdown-arrow-down-background-image: var(--arrow-down);
|
|
--listview-li-hover-background: #eee;
|
|
--menu-border: 1px solid #CCC;
|
|
--menu-background: #FFF;
|
|
--menu-color: #333;
|
|
--menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
|
--textbox-color: black;
|
|
--textbox-background: white;
|
|
--textbox-background-disabled: #e5e5e5;
|
|
--textbox-border: 1px solid #dadada;
|
|
--textbox-border-color-focus: #a7e3fc;
|
|
--textbox-border-color-invalid: #ff6762;
|
|
--textbox-box-shadow-invalid: 0 0 5px #ff6762;
|
|
--textbox-box-shadow-focus: 0 0 10px #8bddff;
|
|
--resizer-horizontal-background: #dde2e3;
|
|
--resizer-vertical-background: #dde2e3;
|
|
--selectlist-arrow-hover-background-image: var(--arrow-down-active);
|
|
--selectlist-label-background: #fff;
|
|
--selectlist-arrow-background-color: #fff;
|
|
--selectlist-arrow-border: 1px solid #dadada;
|
|
--selectlist-arrow-background-image: var(--arrow-down);
|
|
--searchlist-menu-border: 1px solid #CCC;
|
|
--searchlist-menu-background: rgba(255, 255, 255, 0.44);
|
|
--searchlist-menu-color: #333;
|
|
--lazylist-more-background-image: var(--arrow-down-active);
|
|
--button-arrow-background-color: #f3f3f3;
|
|
--button-arrow-background-border: 1px solid #dadada;
|
|
--button-arrow-background-color-hover: #f3f3f3;
|
|
--separator-background: #dedede;
|
|
--separator-box-shadow: inset 0 0 15px #ffffff;
|
|
--dropdown-visible-img-filter: drop-shadow(0px 0px 8px #45c8ff);
|
|
--dropdown-visible-badge: drop-shadow(1px 1px 5px #a7e3fc);
|
|
--range-background: rgba(0,0,0,0);
|
|
--range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7);
|
|
--range-track-background: rgba(192, 192, 192, 0.75);
|
|
--range-track-border: 0px solid rgba(26, 93, 157, 0.35);
|
|
--range-thumb-box-shadow: 2.2px 2.2px 8.6px rgb(167, 227, 252), 0px 0px 2.2px rgba(167, 227, 252, 0.83);
|
|
--range-thumb-border: 2px solid rgb(70, 183, 230);
|
|
--range-thumb-background: rgb(94, 204, 248);
|
|
--range-track-background-focus: rgba(210, 210, 210, 0.75);
|
|
--bar-arrow-left-background-image: var(--arrow-left);
|
|
--bar-arrow-right-background-image: var(--arrow-right);
|
|
--bar-arrow-left-background-image-hover: var(--arrow-left-active);
|
|
--bar-arrow-right-background-image-hover: var(--arrow-right-active);
|
|
--bar-arrow-left-inactive-background-image: var(--arrow-left);
|
|
--bar-arrow-right-inactive-background-image: var(--arrow-right);
|
|
--bar-item-background: rgba(235, 240, 242, 0.69);
|
|
--bar-item-border: 1px solid #dcdcdc;
|
|
--bar-item-color: #666666;
|
|
--bar-item-background-hover: rgba(255, 255, 255, 0.87);
|
|
--bar-item-checked-border-bottom: 3px solid #46b6e4;
|
|
--bar-item-checked-box-shadow: #cecbcb 0 1px 10px 0 inset;
|
|
--multiselect-add-background-image: var(--add);
|
|
--multiselect-add-background-image-hover: var(--add-active);
|
|
--multiselect-list-li-border-bottom: 2px dotted #dadada;
|
|
--multiselect-list-remove-background-image: url(img/remove.png);
|
|
--multiselect-list-remove-background-image-hover: url(img/remove-hover.png);
|
|
--grid-window-over-border: #e13946 dotted 3px;
|
|
--grid-window-drag-border: #46b7e6 dotted 3px;
|
|
--datetimepicker-calendar-border-right: 3px solid pink;
|
|
--datetimepicker-clock-background: gainsboro;
|
|
--datetimepicker-different-month-color: #bebebe;
|
|
--datetimepicker-day-background-hover: #a7e3fc;
|
|
--datetimepicker-day-selected-background: #46b7e6;
|
|
--datetimepicker-day-selected-color: #fff;
|
|
--datetimepicker-day-today-border-bottom: 3px solid #f2796b;
|
|
--scrollbar-background: #ebebeb;
|
|
--scrollbar-track-border: 1px #dadada solid;
|
|
--scrollbar-track-box-shadow: 0 0 6px #c8c8c8 inset;
|
|
--scrollbar-thumb-background: #b5b5b5;
|
|
--scrollbar-thumb-border: 1px solid #dadada;
|
|
--scrollbar-thumb-background-hover: #62b7da;
|
|
--scrollbar-thumb-border-hover: 1px solid #dadada;
|
|
--scrollbar-thumb-background-active: #48b9e7;
|
|
--scrollbar-thumb-border-active: 1px solid #dadada;
|
|
}
|
|
|
|
.textbox-with-label {
|
|
padding: 15px 5px 5px 5px;
|
|
margin: 10px 0;
|
|
position: relative;
|
|
display: inline-block;
|
|
border-radius: 4px;
|
|
color: var(--textbox-color);
|
|
border: var(--textbox-border);
|
|
background: var(--textbox-background);
|
|
}
|
|
|
|
.textbox-with-label > span {
|
|
padding: 10px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
transition: 0.4s;
|
|
transition-timing-function: ease;
|
|
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
|
|
opacity: 0.5;
|
|
color: var(--default-link-color);
|
|
}
|
|
|
|
html[dir="rtl"] .textbox-with-label > span {
|
|
right: 0;
|
|
}
|
|
|
|
html[dir="ltr"] .textbox-with-label > span {
|
|
left: 0;
|
|
}
|
|
|
|
.textbox-with-label:focus-within {
|
|
outline: none;
|
|
border-color: var(--textbox-border-color-focus);
|
|
box-shadow: var(--textbox-box-shadow-focus);
|
|
background: var(--textbox-background-active);
|
|
}
|
|
|
|
.textbox-with-label > input {
|
|
padding: 5px;
|
|
border: 0;
|
|
background: var(--textbox-background);
|
|
color: var(--textbox-color);
|
|
}
|
|
|
|
.textbox-with-label > input:focus {
|
|
outline: none;
|
|
background: var(--textbox-background-active);
|
|
}
|
|
|
|
.textbox-with-label > input:focus + span,
|
|
.textbox-with-label > input:not(:placeholder-shown) + span {
|
|
opacity: 1;
|
|
transform: scale(0.75) translateY(-40%) translateX(-20px);
|
|
}
|
|
|
|
html[dir="rtl"] .textbox-with-label > input:focus + span,
|
|
html[dir="rtl"] .textbox-with-label > input:not(:placeholder-shown) + span {
|
|
opacity: 1;
|
|
transform: scale(0.75) translateY(-40%) translateX(20%);
|
|
}
|
|
|
|
.range2 {
|
|
position: relative;
|
|
}
|
|
|
|
.range2-thumb4 {
|
|
width: 10px;
|
|
background: var(--default-path-color);
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: 0;
|
|
pointer-events: none;
|
|
left: calc(var(--x) - 5px);
|
|
transition: left ease-out 0.2s;
|
|
}
|
|
|
|
.range2-thumb {
|
|
width: 10px;
|
|
background: var(--default-graph-color-dim);
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: 0;
|
|
pointer-events: none;
|
|
width: var(--x);
|
|
transition: width ease-out 0.2s;
|
|
border-right: 2px solid var(--default-path-color);
|
|
}
|
|
|
|
html[dir='rtl'] .range2-thumb {
|
|
border-right: none;
|
|
border-left: 2px solid var(--default-path-color);
|
|
width: calc(100% - var(--x));
|
|
}
|
|
|
|
.range2-preview {
|
|
/* height: 74px; */
|
|
background: var(--default-background-color-light);
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: 0;
|
|
pointer-events: none;
|
|
left: var(--x);
|
|
transition: left ease-out 0.2s;
|
|
border: 2px solid var(--default-path-color);
|
|
border-radius: 5%;
|
|
display: none;
|
|
text-align: center;
|
|
/* vertical-align: middle; */
|
|
padding: 0;
|
|
transform: translateX(-50%) translateY(calc((-100%) - 7px));
|
|
}
|
|
|
|
.range2-preview:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: solid 10px var(--default-path-color);
|
|
border-left: solid 10px transparent;
|
|
border-right: solid 10px transparent;
|
|
}
|
|
|
|
.range2-preview-visible {
|
|
display: block;
|
|
}
|
|
|
|
.range2-thumb-dragging {
|
|
background-color: var(--default-graph-color-light);
|
|
transition: none;
|
|
}
|
|
|
|
.range2-chart {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.button {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0px 10px;
|
|
border: var(--button-border);
|
|
border-radius: 8px / 10px;
|
|
box-sizing: border-box;
|
|
text-decoration: none;
|
|
font-weight: 300;
|
|
color: var(--button-color);
|
|
text-shadow: var(--button-text-shadow);
|
|
text-align: center;
|
|
transition: all 0.2s;
|
|
background: var(--button-background);
|
|
cursor: pointer;
|
|
margin: 0 2px;
|
|
-webkit-appearance: none;
|
|
outline:0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
|
|
|
|
.button:hover {
|
|
border-color: rgba(255,255,255,1);
|
|
background: var(--button-background-hover);
|
|
color: var(--button-color-hover);
|
|
}
|
|
|
|
.button:disabled {
|
|
background: var(--button-background-disabled);
|
|
color: var(--button-color-disabled);
|
|
border-color: var(--button-border-color-disabled);
|
|
cursor: default;
|
|
}
|
|
|
|
.button button-big {
|
|
font-size: 18px;
|
|
padding: 15px 20px;
|
|
min-width: 100px;
|
|
}
|
|
|
|
.button-close {
|
|
color: var(--button-close-color);
|
|
font-size: 30px;
|
|
text-decoration: none;
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 0;
|
|
}
|
|
|
|
|
|
.button-close:hover {
|
|
color: var(--button-close-color-hover);
|
|
}
|
|
|
|
|
|
.button-flat:disabled {
|
|
opacity: 0.65;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.button-flat img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.button-flat-mini {
|
|
user-select: none;
|
|
background-image: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
|
|
border: 1px solid #dcdcdc;
|
|
cursor: pointer;
|
|
color: #666666;
|
|
text-decoration: none;
|
|
font-size: 8px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
text-shadow: 0 2px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
|
padding: 5px 10px;
|
|
display: inline-block;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.button-flat-mini:hover {
|
|
border: 1px red solid;
|
|
}
|
|
|
|
.button-flat-mini:disabled {
|
|
opacity: 0.65;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.modal-dialog {
|
|
z-index: 10;
|
|
position: absolute;
|
|
background: #fefefe;
|
|
border: #333 solid 1px;
|
|
}
|
|
|
|
|
|
.window, .dialog {
|
|
flex-direction: column;
|
|
background: var(--window-background);
|
|
margin: 0;
|
|
border: var(--window-border);
|
|
z-index: 1000;
|
|
left: 30%;
|
|
top: 25%;
|
|
display: flex;
|
|
outline: none;
|
|
}
|
|
|
|
.dialog {
|
|
display: none;
|
|
position: absolute;
|
|
box-shadow: var(--dialog-box-shadow);
|
|
}
|
|
|
|
.dialog-visible {
|
|
display: flex;
|
|
}
|
|
|
|
.window:focus-within, .dialog:focus-within {
|
|
z-index: 1001;
|
|
}
|
|
|
|
.window:focus-within > .window-header, .dialog-active > .dialog-header {
|
|
background: var(--window-active-background);
|
|
}
|
|
|
|
.background-visible ~ .wrap {
|
|
filter: blur(2px);
|
|
}
|
|
|
|
.dialog-modal {
|
|
z-index: 1004;
|
|
}
|
|
|
|
.background {
|
|
visibility: hidden;
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--background-background);
|
|
z-index: 1003;
|
|
top: 0;
|
|
transition: all .3s ease .15s;
|
|
}
|
|
|
|
.background-visible {
|
|
visibility: visible;
|
|
background: var(--background-visible-background);
|
|
transition: all .3s ease .15s;
|
|
}
|
|
|
|
html[dir='rtl'] .window-tools, html[dir='rtl'] .dialog-tools {
|
|
right: auto;
|
|
left: 5px;
|
|
}
|
|
|
|
.window-tools, .dialog-tools {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
}
|
|
|
|
.window-icon, .dialog-icon {
|
|
width: 22px;
|
|
margin-right: 6px;
|
|
background-image: var(--icon);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
|
|
.window-caption, .dialog-caption {
|
|
max-width: calc(100% - 50px);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
color: var(--window-caption-color);
|
|
}
|
|
|
|
.window-subtitle, .dialog-subtitle
|
|
{
|
|
border: 1px solid #c2c2c2;
|
|
font-size: 12px;
|
|
height: 40%;
|
|
margin: auto 0;
|
|
line-height: 101%;
|
|
padding: 2px;
|
|
border-radius: 3px;
|
|
background: wheat;
|
|
}
|
|
|
|
.window-subtitle:empty, .dialog-subtitle:empty
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.window-tools-close, .dialog-tools-close {
|
|
float: left;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
padding: 0 5px;
|
|
border: var(--window-tools-close-border);
|
|
border-radius: 5px;
|
|
background: var(--window-tools-close-background);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.window-tools-close:hover, .dialog-tools-close:hover {
|
|
background: var(--window-tools-close-background-hover);
|
|
}
|
|
|
|
.window-tools-max, .dialog-tools-max {
|
|
float: left;
|
|
width: 1.4em;
|
|
line-height: 1.4em;
|
|
text-align: center;
|
|
margin-left: .15em;
|
|
cursor: pointer;
|
|
background: #aaa;
|
|
border-radius: .2em;
|
|
font-family: Verdana;
|
|
opacity: .6;
|
|
}
|
|
|
|
.window-body {
|
|
min-height: 20px;
|
|
min-width: 20px;
|
|
padding: 0px;
|
|
flex: 1;
|
|
}
|
|
|
|
.dialog-body {
|
|
flex: 1;
|
|
min-width: 100px;
|
|
min-height: 100px;
|
|
/*width: calc(100% - 10px );*/
|
|
padding: 5px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.dialog-loading {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 0;
|
|
background: var(--dialog-loading-background);
|
|
visibility: hidden;
|
|
text-align: center;
|
|
opacity: 0;
|
|
transition: all .3s ease .15s;
|
|
}
|
|
|
|
.dialog-loading-content {
|
|
position: absolute;
|
|
top: calc(50% - 30px);
|
|
left: calc(50% - 30px);
|
|
border-radius: 50%;
|
|
border: var(--dialog-loading-content-border);
|
|
border-top: var(--dialog-loading-content-border-top);
|
|
border-right: var(--dialog-loading-content-border-right);
|
|
border-bottom: var(--dialog-loading-content-border-bottom);
|
|
width: 40px;
|
|
height: 40px;
|
|
animation: spin 1.2s linear infinite;
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.dialog-loading-visible {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
height: 100%;
|
|
transition: all .3s ease .15s;
|
|
}
|
|
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
.window-header, .dialog-header {
|
|
position: relative;
|
|
line-height: 30px;
|
|
background: var(--window-header-background);
|
|
cursor: move;
|
|
user-select: none;
|
|
min-height: 30px;
|
|
display:flex;
|
|
}
|
|
|
|
.window-header h2, .dialog-header h2 {
|
|
margin: 0px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
|
|
html[dir='rtl'] .window-footer > button:first-of-type, html[dir='rtl'] .dialog-footer > button:first-of-type {
|
|
margin-right: auto;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.window-footer, .dialog-footer {
|
|
border-top: var(--window-footer-border-top);
|
|
background: var(--window-footer-background);
|
|
padding: 5px;
|
|
display: flex;
|
|
}
|
|
|
|
.dialog-footer {
|
|
min-height: 30px;
|
|
}
|
|
|
|
.window-footer > button:first-of-type, .dialog-footer > button:first-of-type {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.window-footer > *, .dialog-footer > * {
|
|
margin: 0 3px;
|
|
}
|
|
|
|
/* End of Dialog */
|
|
|
|
/* Begin of Panel */
|
|
|
|
.panel {
|
|
margin: 0;
|
|
padding: 0;
|
|
/* border-radius: .35em; */
|
|
border: var(--panel-border);
|
|
}
|
|
|
|
html[dir='rtl'] .panel-tools {
|
|
right: auto;
|
|
left: 3px;
|
|
}
|
|
|
|
.panel-tools {
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 3px;
|
|
}
|
|
|
|
.panel-icon {
|
|
float: left;
|
|
height: 16px;
|
|
width: 16px;
|
|
margin-left: 5px;
|
|
margin-top: 3px;
|
|
margin-right: 3px;
|
|
display: none;
|
|
}
|
|
|
|
|
|
.panel-title {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
color: var(--panel-title-color);
|
|
}
|
|
|
|
.panel-tools-close {
|
|
top: 50%;
|
|
right: -1em;
|
|
position: absolute;
|
|
height: 16px;
|
|
line-height: 15px;
|
|
padding: 0 5px;
|
|
background: #e23442;
|
|
border: 1px solid #911f28;
|
|
border-radius: 5px;
|
|
background-image: linear-gradient(to bottom, #e8616c, #dd202f);
|
|
}
|
|
|
|
.panel-tools-close:hover {
|
|
background: #CFFF84;
|
|
}
|
|
|
|
.panel-tools-closed {
|
|
position: absolute;
|
|
height: 16px;
|
|
line-height: 15px;
|
|
padding: 0 5px;
|
|
background: #e23442;
|
|
border: 1px solid #911f28;
|
|
border-radius: 5px;
|
|
background-image: linear-gradient(to bottom, #e8616c, #dd202f);
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.panel-tools-max {
|
|
float: left;
|
|
width: 16px;
|
|
line-height: 16px;
|
|
text-align: center;
|
|
margin-left: 2px;
|
|
cursor: pointer;
|
|
background: #aaa;
|
|
border-radius: 2px;
|
|
font-family: Verdana;
|
|
opacity: .6;
|
|
}
|
|
|
|
.panel-body {
|
|
min-width: 100px;
|
|
min-height: 100px;
|
|
margin: 0;
|
|
/*padding:.2em 1em .6em 1em;*/
|
|
height: 100%;
|
|
overflow: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.panel-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
line-height: 10px;
|
|
background: #e6e6e6;
|
|
border-radius: 3px;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
user-select: none;
|
|
}
|
|
|
|
.panel-header h2 {
|
|
margin: 0px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
html[dir='rtl'] .panel-footer {
|
|
text-align: left;
|
|
}
|
|
|
|
.panel-footer {
|
|
padding: 5px 10px;
|
|
border-top: #eee solid 1px;
|
|
text-align: right;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: calc(100% - 15px);
|
|
background-image: linear-gradient(to bottom, white, #e1e2eb);
|
|
}
|
|
|
|
/* End of Panel */
|
|
|
|
.table-body {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
|
|
.table-body > tbody > tr > td {
|
|
border: var(--table-td-border);
|
|
border-bottom: var(--table-td-border-bottom);
|
|
border-left: 0;
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.table-body > tbody > tr:first-child > td {
|
|
border-top: 0;
|
|
}
|
|
|
|
.table-body > tbody > tr:last-child > td {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.table-body > tbody > tr > td:last-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
|
|
.table-select-box {
|
|
position: fixed;
|
|
background-color: var(--default-graph-color-light);
|
|
border-width: 2px;
|
|
border-color: var(--default-graph-color-dim);
|
|
border-style: dashed;
|
|
display: none;
|
|
z-index: 1000;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.table-select-box-visible {
|
|
display: block;
|
|
}
|
|
|
|
.table-header {
|
|
/*color: var(--table-header-color);
|
|
background-image: var(--table-header-background);
|
|
position: relative;
|
|
overflow: hidden;*/
|
|
}
|
|
|
|
|
|
.table-header td {
|
|
padding: 0;
|
|
border: 0;
|
|
position: sticky;
|
|
top: 0;
|
|
color: var(--table-header-color);
|
|
background-image: var(--table-header-background);
|
|
}
|
|
|
|
.table-header-input {
|
|
width: calc(100% - 20px);
|
|
}
|
|
|
|
.table-header-text {
|
|
padding: 2px 5px 2px 5px;
|
|
cursor: pointer;
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: flex;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
|
|
.table-header-text[data-dir='normal'] {
|
|
background: none
|
|
}
|
|
|
|
.table-header-text[data-dir='up'] {
|
|
background: var(--table-header-text-background-up);
|
|
background-size: contain;
|
|
}
|
|
|
|
.table-header-text[data-dir='down'] {
|
|
background: var(--table-header-text-background-down);
|
|
background-size: contain;
|
|
}
|
|
|
|
html[dir='rtl'] .table-header-text[data-dir='up'] {
|
|
background: var(--table-header-text-background-up-rtl);
|
|
background-size: contain;
|
|
}
|
|
|
|
html[dir='rtl'] .table-header-text[data-dir='down'] {
|
|
background: var(--table-header-text-background-down-rtl);
|
|
background-size: contain;
|
|
}
|
|
|
|
|
|
.table-header-select {
|
|
padding: 2px 5px 2px 5px;
|
|
cursor: pointer;
|
|
width: calc(100% - 18px);
|
|
}
|
|
|
|
.table-header-select[data-dir='normal'] {
|
|
background: url("img/sort_16.png") no-repeat right;
|
|
}
|
|
|
|
.table-header-select[data-dir='up'] {
|
|
background: url("img/sort_up_16.png") no-repeat right;
|
|
}
|
|
|
|
.table-header-select[data-dir='down'] {
|
|
background: url("img/sort_down_16.png") no-repeat right;
|
|
}
|
|
|
|
.table-header-sort {
|
|
float: right;
|
|
width: 10px;
|
|
height: 12px;
|
|
background: var(--table-header-sort-background);
|
|
}
|
|
|
|
|
|
.table-filter-menu {
|
|
position: absolute;
|
|
border: 2px solid #ccc;
|
|
overflow-y: auto;
|
|
display: none;
|
|
background-color: #f9f9f9;
|
|
min-width: 10px;
|
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
|
padding: 5px;
|
|
z-index: 1;
|
|
/* max-height: 100px; */
|
|
top: 16px;
|
|
right: 0;
|
|
}
|
|
|
|
|
|
|
|
.table {
|
|
user-select: none;
|
|
cursor: default;
|
|
overflow: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
border: var(--table-border);
|
|
}
|
|
|
|
|
|
.table-tree {
|
|
cursor: pointer;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-image: var(--table-tree-background-image);
|
|
padding: 3px;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: calc(100% / 2) calc(100% / 2);
|
|
}
|
|
|
|
|
|
.table-tree:hover {
|
|
background-image: var(--table-tree-background-image-hover);
|
|
}
|
|
|
|
.table-tree[data-expand='1'] {
|
|
background-image: var(--table-tree-background-image-expanded);
|
|
}
|
|
|
|
|
|
.table-tree[data-expand='1']:hover {
|
|
background-image: var(--table-tree-background-image-expanded-hover);
|
|
}
|
|
|
|
|
|
.table-tree[data-expand='3'] {
|
|
background-image: var(--table-tree-background-image-loading);
|
|
}
|
|
|
|
|
|
.table-row {
|
|
}
|
|
|
|
.table-row[data-level='0'] {
|
|
}
|
|
|
|
.table-row[data-level='1'] {
|
|
/*background-image: linear-gradient(to top, rgba(153, 205, 254, 0.34), rgba(255, 255, 255, 0.42));*/
|
|
background: var(--table-row-level-1-background);
|
|
}
|
|
|
|
.table-row[data-level='1'] td:first-child {
|
|
padding-left: 32px;
|
|
}
|
|
|
|
.table-row[data-level='1'] .table-tree {
|
|
margin-left: -22px;
|
|
}
|
|
|
|
.table-row[data-level='2'] {
|
|
background: var(--table-row-level-2-background);
|
|
}
|
|
|
|
.table-row[data-level='2'] td:first-child {
|
|
padding-left: 46px;
|
|
}
|
|
|
|
.table-row[data-level='2'] .table-tree {
|
|
margin-left: -22px;
|
|
}
|
|
|
|
.table-row[data-level='3'] {
|
|
background: var(--table-row-level-3-background);
|
|
}
|
|
|
|
.table-row[data-level='3'] td:first-child {
|
|
padding-left: 46px;
|
|
}
|
|
|
|
.table-row[data-level='3'] .table-tree {
|
|
margin-left: -22px;
|
|
}
|
|
|
|
|
|
|
|
|
|
html[dir='rtl'] .table-row[data-level='1'] td:first-child {
|
|
padding-right: 32px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
html[dir='rtl'] .table-row[data-level='1'] .table-tree {
|
|
margin-right: -22px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
|
|
html[dir='rtl'] .table-row[data-level='2'] td:first-child {
|
|
padding-right: 46px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
html[dir='rtl'] .table-row[data-level='2'] .table-tree {
|
|
margin-right: -22px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
|
|
|
|
html[dir='rtl'] .table-row[data-level='3'] td:first-child {
|
|
padding-right: 46px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
html[dir='rtl'] .table-row[data-level='3'] .table-tree {
|
|
margin-right: -22px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
|
|
|
|
.table-row-selected, .table-row-selected:hover, .table-row-selected[data-level='1'], .table-row-selected[data-level='2'] {
|
|
/*background-color: rgb(196, 196, 199);*/
|
|
background: var(--table-row-selected-background);
|
|
box-shadow: var(--table-row-selected-box-shadow);
|
|
}
|
|
|
|
.table-row-hidden {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.table-header-menu {
|
|
position: relative;
|
|
background: red;
|
|
width: 10px;
|
|
height: 15px;
|
|
float: right;
|
|
background: url("img/filter_16.png") no-repeat;
|
|
background-position: 0em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
.table-header-wrap {
|
|
width: 100%;
|
|
border-bottom: var(--table-border);
|
|
display: flex;
|
|
/*border-left: 0;*/
|
|
line-height: 140%;
|
|
}
|
|
|
|
/*html[dir="rtl"] .table-header-wrap {
|
|
border-left: var(--table-header-wrap-border);
|
|
border-right: 0;
|
|
}*/
|
|
|
|
/*
|
|
.table-body > table > thead > tr > td:first-child > .table-header-wrap
|
|
{
|
|
border-left: 0;
|
|
}
|
|
*/
|
|
|
|
|
|
.table-resizer {
|
|
min-width: 4px;
|
|
cursor: col-resize;
|
|
background: var(--table-resizer-background);
|
|
/*border-right: 3px blue solid;*/
|
|
}
|
|
|
|
|
|
|
|
/* Checkbutton
|
|
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
|
|
|
|
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
|
|
background-color:#ffffff;
|
|
border:1px solid #dcdcdc;
|
|
|
|
cursor:pointer;
|
|
color:#666666;
|
|
text-decoration:none;
|
|
|
|
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12);
|
|
|
|
padding: 5px 10px;
|
|
|
|
display:inline-block;
|
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
*/
|
|
|
|
.button-flat, .check, .radiolist-button, .colorpicker-button, .dropdown {
|
|
-webkit-touch-callout: none;
|
|
user-select: none;
|
|
background: var(--button-flat-background);
|
|
/* background-color: #ffffff; */
|
|
border: var(--button-flat-border);
|
|
cursor: pointer;
|
|
color: var(--button-flat-color);
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
/* box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12); */
|
|
padding: 3px 4px;
|
|
display: inline-block;
|
|
-webkit-font-smoothing: antialiased;
|
|
position: relative;
|
|
font-size: var(--button-flat-font-size);
|
|
font-weight: var(--button-flat-font-weight);
|
|
}
|
|
|
|
.colorpicker-radiolist {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.colorpicker-button {
|
|
flex-shrink: 0;
|
|
flex-grow: 1;
|
|
padding: 0;
|
|
width: 15px;
|
|
height: 15px;
|
|
background-image: none;
|
|
margin: 0 1px;
|
|
}
|
|
|
|
.colorpicker-button-checked {
|
|
border: var(--colorpicker-button-checked-border);
|
|
box-shadow: var(--colorpicker-button-checked-box-shadow);
|
|
height: 10px;
|
|
width: 10px;
|
|
}
|
|
|
|
.colorpicker-button-hover {
|
|
border-color: var(--colorpicker-button-hover-border-color);
|
|
}
|
|
|
|
|
|
.dialog-tools-close:before, .window-tools-close:before {
|
|
content: "x";
|
|
}
|
|
|
|
@media only screen and (max-width: 500px) {
|
|
.dialog {
|
|
bottom: 0;
|
|
right: 0;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.dialog-header {
|
|
font-size: 20px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.dialog-tools-close {
|
|
line-height: 25px;
|
|
height: 25px;
|
|
}
|
|
}
|
|
|
|
.check[checked], .button[checked], .radiolist-button-checked {
|
|
background: var(--checkbutton-checked-background);
|
|
box-shadow: var(--checkbutton-checked-box-shdow);
|
|
color: var(--checkbutton-checked-color);
|
|
font-weight: var(--checkbutton-checked-font-weight);
|
|
font-size: var(--checkbutton-checked-font-size);
|
|
transition: all ease-in-out 0.3s;
|
|
/*
|
|
background-image: linear-gradient(to bottom, #67a7e9, #2580df);
|
|
color: white;*/
|
|
}
|
|
|
|
|
|
/* Radio List */
|
|
|
|
.radiolist {
|
|
display: flex;
|
|
}
|
|
|
|
.tabs-body {
|
|
position: relative;
|
|
transition: height.2s ease .2s;
|
|
}
|
|
|
|
/* dirty hack, yet cool */
|
|
.tabs[style*="height:"] > .tabs-body {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
|
|
/* Tabs */
|
|
.tabs-content {
|
|
background-color: var(--tabs-content-background-color);
|
|
padding: 5px;
|
|
border: var(--tabs-content-border);
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
overflow: auto;
|
|
border-top: 0;
|
|
position: absolute;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: all .2s ease .2s;
|
|
}
|
|
|
|
html[dir="ltr"] .tabs-content {
|
|
left: -100%;
|
|
}
|
|
|
|
html[dir="rtl"] .tabs-content {
|
|
right: -100%;
|
|
}
|
|
|
|
.tabs-content-active {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: all .2s ease .2s;
|
|
}
|
|
|
|
html[dir="ltr"] .tabs-content-active {
|
|
left: 0;
|
|
}
|
|
|
|
html[dir="rtl"] .tabs-content-active {
|
|
right: 0;
|
|
}
|
|
|
|
.tabs-bar {
|
|
flex-shrink: 0;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.tabs-bar-ext {
|
|
flex: 1;
|
|
background: 0;
|
|
border-bottom: var(--tabs-button-border);
|
|
}
|
|
|
|
.tabs {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.tabs-button {
|
|
-webkit-touch-callout: none;
|
|
user-select: none;
|
|
background: var(--tabs-button-background);
|
|
border: var(--tabs-button-border);
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
color: var(--tabs-button-color);
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
border-radius: 5px 5px 0 0;
|
|
padding: 5px 15px;
|
|
}
|
|
|
|
|
|
.tabs-button[checked] {
|
|
box-shadow: var(--tabs-button-checked-box-shadow);
|
|
background: var(--tabs-button-checked-background);
|
|
color: var(--tabs-button-checked-color);
|
|
border-bottom: 0;
|
|
}
|
|
|
|
/* Drop Down
|
|
|
|
.dropdown
|
|
{
|
|
display: flex;
|
|
}
|
|
|
|
.dropdown-button:hover
|
|
{
|
|
border: 0.1em red solid;
|
|
}
|
|
|
|
.dropdown-button-visible img
|
|
{
|
|
-webkit-filter: drop-shadow(0px 0px 8px #3b8de2);
|
|
}
|
|
|
|
.dropdown-button {
|
|
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
|
|
|
|
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
|
|
background-color:#ffffff;
|
|
border:.1em solid #dcdcdc;
|
|
|
|
cursor:pointer;
|
|
color:#666666;
|
|
text-decoration:none;
|
|
|
|
|
|
font-size: .8em;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
text-shadow: 0 0.1em rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 0 0.1em 0.1em rgba(255, 255, 255, 0.1), 0 0.1em rgba(0, 0, 0, 0.12);
|
|
|
|
padding: 0.6em 1.5em;
|
|
|
|
display:inline-block;
|
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.dropdown .dropdown-menu {
|
|
background: rgba(255, 255, 255, 0.73);
|
|
border: solid .1em #a1a1a1;
|
|
top: 100%;
|
|
display: block;
|
|
left: -25px;
|
|
margin-top: .6em;
|
|
opacity: 0;
|
|
padding: 0.5em;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transform: translateY(10px);
|
|
transition: all .25s ease-out;
|
|
box-shadow: .1em .1em .2em rgba(0, 0, 0, 0.28);
|
|
z-index: 110;
|
|
}
|
|
|
|
.dropdown .dropdown-menu-visible {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
transform: translateY(0px);
|
|
}
|
|
|
|
|
|
.dropdown .dropdown-menu:after {
|
|
border-left: solid transparent .6em;
|
|
border-right: solid transparent .6em;
|
|
border-bottom: solid #3b8de2 .6em;
|
|
top: -.55em;
|
|
content: " ";
|
|
height: 0;
|
|
left: 50%;
|
|
position: absolute;
|
|
width: 0;
|
|
}
|
|
*/
|
|
|
|
.dropdown-arrow-up {
|
|
background-image: var(--dropdown-arrow-up-background-image);
|
|
}
|
|
|
|
.dropdown-arrow-down {
|
|
background-image: var(--dropdown-arrow-down-background-image);
|
|
}
|
|
|
|
.dropdown-arrow {
|
|
height: 8px;
|
|
width: 12px;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: calc(100% / 2) calc(100% / 2);
|
|
position: absolute;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: opacity .3s ease .15s;
|
|
z-index: 1002;
|
|
}
|
|
|
|
.dropdown-arrow-visible {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity .1s ease .15s;
|
|
}
|
|
|
|
.listview {
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
padding: 0;
|
|
}
|
|
|
|
.listview ul {
|
|
list-style-type: none;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.listview li {
|
|
padding: 5px;
|
|
}
|
|
|
|
.listview li:hover {
|
|
background: var(--listview-li-hover-background);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.listview li img {
|
|
float: left;
|
|
margin: 0 12px 0 0;
|
|
}
|
|
|
|
/* Start of Menu */
|
|
|
|
.menu {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.menu, .tooltip {
|
|
--x: auto;
|
|
--y: auto;
|
|
visibility: hidden;
|
|
z-index: 1002;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
border: var(--menu-border);
|
|
white-space: nowrap;
|
|
/* font-family: sans-serif; */
|
|
background: var(--menu-background);
|
|
color: var(--menu-color);
|
|
/* border-radius: 5px; */
|
|
margin: 0;
|
|
list-style: none;
|
|
padding: 2px;
|
|
user-select: none;
|
|
left: var(--x);
|
|
top: var(--y);
|
|
max-height: 100vh;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.menu-visible, .tooltip-visible {
|
|
visibility: visible;
|
|
}
|
|
|
|
.menu > * {
|
|
padding: 5px 1px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
|
|
.input-form .input, .input-form input[type='file'] {
|
|
width: calc(100% - 8px);
|
|
}
|
|
|
|
.input-form .select-autocomplete, .input-form .multiselect, .input-form .select {
|
|
width: calc(100%);
|
|
}
|
|
|
|
.input-form td:first-child {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.select-textbox
|
|
{
|
|
border: 0;
|
|
background: #f7f7f7;
|
|
padding: 2px 4px;
|
|
outline: none;
|
|
}
|
|
|
|
|
|
|
|
/* Start of Resizer */
|
|
|
|
.resizer-horizontal {
|
|
-webkit-touch-callout: none;
|
|
user-select: none;
|
|
width: 5px;
|
|
cursor: col-resize;
|
|
background: var(--resizer-horizontal-background);
|
|
/*border-right: 3px blue solid;*/
|
|
}
|
|
|
|
.panel-horizontal {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
.panel-horizontal > .panel {
|
|
/* display: block; */
|
|
}
|
|
|
|
.panel-vertical {
|
|
height: 100%;
|
|
}
|
|
|
|
.panel-vertical > .panel {
|
|
display: block;
|
|
}
|
|
|
|
.resizer-vertical {
|
|
-webkit-touch-callout: none;
|
|
user-select: none;
|
|
width: 100%;
|
|
height: 5px;
|
|
cursor: row-resize;
|
|
background: var(--resizer-vertical-background);
|
|
/*border-top: 3px blue solid;*/
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* Auto Complete */
|
|
|
|
.select, .multiselect-autocomplete, .select-autocomplete {
|
|
display: flex;
|
|
position: relative;
|
|
align-items: stretch;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
.select-autocomplete-wrap, .select-wrap, .dropdown-wrap, .multiselect-autocomplete-wrap {
|
|
position: absolute;
|
|
top: 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
.select-autocomplete-arrow:hover, .searchlist-arrow:hover, .select-arrow:hover, .multiselect-autocomplete-arrow:hover {
|
|
background-image: var(--selectlist-arrow-hover-background-image);
|
|
cursor: pointer;
|
|
}
|
|
|
|
html[dir='rtl'] .select-label, html[dir='rtl'] .select-autocomplete-textbox, html[dir='rtl'] .multiselect-autocomplete-textbox {
|
|
/* border-right: var(--textbox-border);
|
|
border-left: 0; */
|
|
}
|
|
|
|
.select-autocomplete-textbox, .searchlist-textbox, .select-label, .multiselect-autocomplete-textbox {
|
|
color: var(--textbox-color);
|
|
background: var(--selectlist-label-background);
|
|
flex: 1;
|
|
/* border: var(--textbox-border); */
|
|
/* border-right: 0; */
|
|
user-select: none;
|
|
border-radius: 10px;
|
|
-webkit-appearance: none;
|
|
align-self: stretch;
|
|
margin: 0;
|
|
transition: var(--selectlist-transition);
|
|
min-height: 1.6em;
|
|
padding: 2px 5px;
|
|
}
|
|
|
|
.select-counter
|
|
{
|
|
text-align: center;
|
|
padding: 0px 10px;
|
|
background-color: #f1f1f1;
|
|
left: 0;
|
|
bottom: 0;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-left-radius: 10px;
|
|
font-size: small;
|
|
}
|
|
|
|
.select-menu-repeat
|
|
{
|
|
background: var(--menu-background);
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
max-height: 16em;
|
|
}
|
|
|
|
|
|
.select-autocomplete-textbox:focus, .searchlist-textbox:focus, .select-label:focus, .multiselect-autocomplete-textbox:focus {
|
|
outline: none;
|
|
border-color: var(--textbox-border-color-focus);
|
|
box-shadow: var(--textbox-box-shadow-focus);
|
|
/*background: var(--selectlist-label-focus-background);*/
|
|
}
|
|
|
|
.select-invalid {
|
|
outline: none;
|
|
border-color: var(--textbox-border-color-invalid) !important;
|
|
box-shadow: var(--textbox-box-shadow-invalid) !important;
|
|
}
|
|
|
|
|
|
.select-autocomplete-textbox:focus + .select-autocomplete-arrow, .searchlist-textbox:focus + .searchlist-arrow, .select:focus + .select-arrow, .multiselect-autocomplete-textbox:focus + .multiselect-autocomplete-arrow, .multiselect-autocomplete-textbox:focus ~ .multiselect-add {
|
|
outline: none;
|
|
border-color: var(--textbox-border-color-focus);
|
|
box-shadow: var(--textbox-box-shadow-focus);
|
|
}
|
|
|
|
.select-autocomplete-textbox-invalid + .select-autocomplete-arrow, .searchlist-textbox:focus + .searchlist-arrow, .select:focus + .select-arrow, .multiselect-autocomplete-textbox:focus + .multiselect-autocomplete-arrow, .multiselect-autocomplete-textbox:focus ~ .multiselect-add {
|
|
outline: none;
|
|
border-color: var(--textbox-border-color-focus);
|
|
box-shadow: var(--textbox-box-shadow-focus);
|
|
}
|
|
|
|
|
|
.select-autocomplete-header, .select-header, .multiselect-autocomplete-header, .searchlist-header {
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
|
|
.select-autocomplete-arrow, .select-arrow, .multiselect-autocomplete-arrow {
|
|
background-color: var(--selectlist-arrow-background-color);
|
|
width: 27px;
|
|
/* border: var(--selectlist-arrow-border); */
|
|
/* margin-top: 0; */
|
|
background-image: var(--selectlist-arrow-background-image);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: calc(100% / 2) calc(100% / 2);
|
|
transition: var(--selectlist-transition);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
|
|
.searchlist-arrow {
|
|
display: none;
|
|
}
|
|
|
|
.searchlist-textbox {
|
|
border-right: 1px solid #dadada;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.searchlist-menu, .lazylist-menu {
|
|
border: var(--searchlist-menu-border);
|
|
/*white-space: nowrap;
|
|
font-family: sans-serif; */
|
|
background: var(--searchlist-menu-background);
|
|
color: var(--searchlist-menu-color);
|
|
margin: 0;
|
|
padding: 1px;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
list-style: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.searchlist-wrap {
|
|
height: 100%;
|
|
}
|
|
|
|
.searchlist {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
|
|
.lazylist {
|
|
height: 100%;
|
|
}
|
|
|
|
.lazylist-more {
|
|
height: 22px;
|
|
background-color: var(--button-arrow-background-color);
|
|
background-image: var(--lazylist-more-background-image);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: calc(100% / 2) calc(100% / 2);
|
|
cursor: pointer;
|
|
border: var(--button-arrow-background-border);
|
|
border-top: 0;
|
|
}
|
|
|
|
|
|
|
|
.lazylist-menu {
|
|
height: calc(100% - 24px);
|
|
}
|
|
|
|
.dropdown-menu-oversized {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.select-autocomplete-menu, .select-menu, .dropdown-menu, .multiselect-autocomplete-menu {
|
|
display: flex;
|
|
flex-direction: column;
|
|
visibility: hidden;
|
|
z-index: 1002;
|
|
position: absolute;
|
|
border: var(--menu-border);
|
|
/*white-space: nowrap;
|
|
font-family: sans-serif; */
|
|
color: var(--menu-color);
|
|
margin: 0;
|
|
padding: 1px;
|
|
opacity: 0;
|
|
transition: opacity .3s, visibility .15s;
|
|
user-select: none;
|
|
|
|
border-radius: 10px;
|
|
|
|
border-color: var(--textbox-border-color-focus);
|
|
box-shadow: var(--textbox-box-shadow-focus);
|
|
|
|
|
|
}
|
|
|
|
.dropdown-down > .dropdown-menu {
|
|
top: calc(100% + 10px);
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
|
|
.dropdown-menu, .menu, .tooltip {
|
|
box-shadow: var(--menu-box-shadow);
|
|
cursor: default;
|
|
text-align: start;
|
|
}
|
|
|
|
|
|
.dropdown-visible.dropdown-up::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: -10px;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
width: 0;
|
|
height: 0;
|
|
border-bottom: solid 10px var(--default-path-color);
|
|
border-left: solid 10px transparent;
|
|
border-right: solid 10px transparent;
|
|
}
|
|
|
|
|
|
.dropdown-up > .dropdown-menu {
|
|
top: 0;
|
|
left: 50%;
|
|
transform: translateY(calc(-100% - 10px)) translateX(-50%);
|
|
}
|
|
|
|
.dropdown-visible.dropdown-down::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: calc(100% + 1px);
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0 auto;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: solid 10px var(--default-path-color);
|
|
border-left: solid 10px transparent;
|
|
border-right: solid 10px transparent;
|
|
z-index: 100;
|
|
}
|
|
|
|
|
|
|
|
|
|
.menu-modal, .select-menu-modal, .select-autocomplete-menu-modal, .multiselect-autocomplete-menu-modal {
|
|
z-index: 1004;
|
|
}
|
|
|
|
.menu-modal, .select-menu-modal, .select-autocomplete-menu-modal, .multiselect-autocomplete-menu-modal {
|
|
border-top: 1px solid #333;
|
|
}
|
|
|
|
.menu-modal > *, .select-menu-modal li, .select-autocomplete-menu-modal li, .multiselect-autocomplete-menu-modal li {
|
|
font-size: 1.4em;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
|
|
/*
|
|
html[dir='rtl'] .autocomplete-menu, html[dir='rtl'] .select-menu, html[dir='rtl'] .multiselect-autocomplete-menu
|
|
{
|
|
left: auto;
|
|
right: 0px;
|
|
}
|
|
*/
|
|
|
|
/* mozilla is a bit special
|
|
_:-moz-tree-row(hover), .select-menu, autocomplete-menu
|
|
{
|
|
left: auto;
|
|
right: 0px;
|
|
}
|
|
|
|
_:-moz-tree-row(hover), html[dir='rtl'] .autocomplete-menu, html[dir='rtl'] .select-menu, html[dir='rtl'] .multiselect-autocomplete-menu
|
|
{
|
|
right: auto;
|
|
left: 0px;
|
|
}
|
|
*/
|
|
|
|
.select-autocomplete-menu-visible, .select-menu-visible, .dropdown-menu-visible, .multiselect-autocomplete-menu-visible {
|
|
width: auto;
|
|
height: auto;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.select-menu-repeat > div
|
|
{
|
|
padding: 0 3px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.select-menu-repeat > div:hover
|
|
{
|
|
background: var(--menu-item-hover-background);
|
|
box-shadow: var(--menu-item-hover-box-shadow);
|
|
color: var(--menu-item-hover-color);
|
|
}
|
|
|
|
/* Input */
|
|
|
|
.input {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.input > input
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.input > input, .select, .textbox {
|
|
outline: none;
|
|
color: var(--textbox-color);
|
|
border: var(--textbox-border);
|
|
background: var(--textbox-background);
|
|
border-radius: 8px / 10px;
|
|
-webkit-appearance: none;
|
|
transition: all 0.2s;
|
|
font-family: "default";
|
|
font-size: 1em;
|
|
}
|
|
|
|
.input > input
|
|
{
|
|
padding: 2px 5px;
|
|
}
|
|
|
|
.input > input:disabled {
|
|
background: var(--textbox-background-disabled);
|
|
}
|
|
|
|
.input > input[type='checkbox'] {
|
|
width: 24px;
|
|
height: 24px;
|
|
transition-duration: 0.3s;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
.input > input:checked::before {
|
|
content: '\2713';
|
|
color: #4ebeec;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translateY(-50%) translateX(-50%);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.input > input:active, .textbox:active {
|
|
border: 1px solid #34495E;
|
|
}
|
|
|
|
.input > input:focus, .textbox:focus {
|
|
border-color: var(--textbox-border-color-focus);
|
|
box-shadow: var(--textbox-box-shadow-focus);
|
|
}
|
|
|
|
.input-invalid > input {
|
|
border-color: var(--textbox-border-color-invalid) !important;
|
|
box-shadow: var(--textbox-box-shadow-invalid) !important;
|
|
}
|
|
|
|
.input-invalid:focus-within:after, .select-invalid:after {
|
|
content: attr(vmsg);
|
|
background-color: var(--textbox-border-color-invalid);
|
|
position: absolute;
|
|
transform: translateY(calc(-100% - 9px)) translateX(-50%);
|
|
text-align: center;
|
|
color: white;
|
|
font-weight: bold;
|
|
white-space: nowrap;
|
|
padding: 0 3px;
|
|
left: 50%;
|
|
}
|
|
|
|
.input-invalid:focus-within:before, .select-invalid:before {
|
|
background-image: var(--arrow-down-mini);
|
|
background-repeat: no-repeat;
|
|
background-position: bottom;
|
|
content: ' ';
|
|
width: 29px;
|
|
height: 10px;
|
|
position: absolute;
|
|
top: -10px;
|
|
left: calc(50% - 5px);
|
|
filter: grayscale(42%);
|
|
background-size: cover;
|
|
filter: contrast(0.2);
|
|
}
|
|
|
|
|
|
|
|
.separator {
|
|
min-width: 2px;
|
|
display: inline-block;
|
|
background: var(--separator-background);
|
|
box-shadow: var(--separator-box-shadow);
|
|
/* background-image: linear-gradient( to top, #ffffff, #9f9f9f); */
|
|
}
|
|
|
|
.button-flat > img, .check > img, .radiolist-button > img, .colorpicker-button > img, .dropdown > img {
|
|
transition: all 0.2s linear;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.dropdown-visible > img {
|
|
-webkit-filter: var(--dropdown-visible-img-filter)
|
|
}
|
|
|
|
.dropdown-visible .badge {
|
|
-webkit-filter: var(--dropdown-visible-badge);
|
|
}
|
|
|
|
.range {
|
|
-webkit-appearance: none;
|
|
height: 15px;
|
|
margin-bottom: 0px;
|
|
background: var(--range-background);
|
|
z-index: 10;
|
|
}
|
|
|
|
.range:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.range::-webkit-slider-runnable-track {
|
|
width: 100%;
|
|
height: 12.1px;
|
|
cursor: pointer;
|
|
box-shadow: var(--range-track-box-shadow);
|
|
background: var(--range-track-background);
|
|
border-radius: 0px;
|
|
border: var(--range-track-border);
|
|
}
|
|
|
|
.range::-webkit-slider-thumb {
|
|
box-shadow: var(--range-thumb-box-shadow);
|
|
border: var(--range-thumb-border);
|
|
height: 18px;
|
|
width: 18px;
|
|
border-radius: 10px;
|
|
background: var(--range-thumb-background);
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.range:focus::-webkit-slider-runnable-track {
|
|
background: var(--range-track-background-focus);
|
|
}
|
|
|
|
.range::-moz-range-track {
|
|
width: 100%;
|
|
height: 12.1px;
|
|
cursor: pointer;
|
|
box-shadow: var(--range-track-box-shadow);
|
|
background: var(--range-track-background);
|
|
border-radius: 12.7px;
|
|
border: var(--range-track-border);
|
|
}
|
|
|
|
.range::-moz-range-thumb {
|
|
box-shadow: var(--range-thumb-box-shadow);
|
|
border: var(--range-thumb-border);
|
|
height: 22px;
|
|
width: 23px;
|
|
border-radius: 28px;
|
|
background: var(--range-thumb-background);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.range::-ms-track {
|
|
width: 100%;
|
|
height: 12.1px;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border-color: transparent;
|
|
color: transparent;
|
|
}
|
|
|
|
.range::-ms-fill-lower {
|
|
background: var(--range-track-background);
|
|
border: var(--range-track-border);
|
|
border-radius: 25.4px;
|
|
box-shadow: var(--range-track-box-shadow);
|
|
}
|
|
|
|
.range::-ms-fill-upper {
|
|
background: var(--range-track-background);
|
|
border: var(--range-track-border);
|
|
border-radius: 25.4px;
|
|
box-shadow: var(--range-track-box-shadow);
|
|
}
|
|
|
|
.range::-ms-thumb {
|
|
box-shadow: var(--range-thumb-box-shadow);
|
|
border: var(--range-thumb-border);
|
|
height: 10px;
|
|
width: 10px;
|
|
border-radius: 28px;
|
|
background: var(--range-thumb-background);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.range:focus::-ms-fill-lower {
|
|
background: var(--range-track-background-focus);
|
|
}
|
|
|
|
.range:focus::-ms-fill-upper {
|
|
background: var(--range-track-background-focus);
|
|
}
|
|
|
|
|
|
.bar {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.bar, .datetimepicker-month, .datetimepicker-year {
|
|
display: flex;
|
|
}
|
|
|
|
html[dir='rtl'] .bar, html[dir='rtl'] .datetimepicker-month, html[dir='rtl'] .datetimepicker-year {
|
|
flex-flow: row-reverse;
|
|
}
|
|
|
|
.bar-slider {
|
|
width: 100%;
|
|
overflow-y: hidden;
|
|
overflow-x: scroll;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.bar-slider-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
display: inline-flex;
|
|
margin: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
|
|
.bar-slider2 {
|
|
position: relative;
|
|
width: 100%;
|
|
overflow: visible;
|
|
}
|
|
|
|
.bar-slider2-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
display: flex;
|
|
margin: 0;
|
|
height: 100%;
|
|
position: absolute;
|
|
--left: 0;
|
|
left: var(--left);
|
|
transition: left 0.3s ease .3s;
|
|
}
|
|
|
|
|
|
.bar-arrow-left, .datetimepicker-previous {
|
|
min-width: 25px;
|
|
min-height: 25px;
|
|
background-color: var(--button-arrow-background-color);
|
|
background-image: var(--bar-arrow-left-background-image);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: calc(100% / 2) calc(100% / 2);
|
|
cursor: pointer;
|
|
border: var(--button-arrow-background-border);
|
|
z-index: 11;
|
|
}
|
|
|
|
.bar-arrow-left:hover, .datetimepicker-previous:hover {
|
|
background-image: var(--bar-arrow-left-background-image-hover);
|
|
}
|
|
|
|
.bar-arrow-right, .datetimepicker-next {
|
|
min-width: 25px;
|
|
min-height: 25px;
|
|
background-color: var(--button-arrow-background-color);
|
|
background-image: var(--bar-arrow-right-background-image);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: calc(100% / 2) calc(100% / 2);
|
|
cursor: pointer;
|
|
border: var(--button-arrow-background-border);
|
|
z-index: 11;
|
|
}
|
|
|
|
.bar-arrow-right:hover, .datetimepicker-next:hover {
|
|
background-image: var(--bar-arrow-right-background-image-hover);
|
|
}
|
|
|
|
.lazylist-more:hover, .bar-arrow-right:hover, .bar-arrow-left:hover, .datetimepicker-previous:hover, .datetimepicker-next:hover {
|
|
background-color: var(--button-arrow-background-color-hover);
|
|
}
|
|
|
|
.bar-arrow-left-inactive {
|
|
background-image: var(--bar-arrow-left-inactive-background-image);
|
|
}
|
|
|
|
|
|
.bar-arrow-right-inactive {
|
|
background-image: var(--bar-arrow-right-inactive-background-image);
|
|
}
|
|
|
|
.bar-item {
|
|
user-select: none;
|
|
background: var(--bar-item-background);
|
|
border: var(--bar-item-border);
|
|
cursor: pointer;
|
|
color: var(--bar-item-color);
|
|
font-weight: normal;
|
|
text-align: center;
|
|
padding: 2px 10px 2px 10px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.bar-item:hover {
|
|
/*background: var(--bar-item-background-hover);*/
|
|
}
|
|
|
|
.bar-item-checked {
|
|
border-bottom: var(--bar-item-checked-border-bottom);
|
|
padding-bottom: 0px;
|
|
box-shadow: var(--bar-item-checked-box-shadow);
|
|
}
|
|
|
|
.multiselect {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.multiselect-wrap {
|
|
display: flex;
|
|
}
|
|
|
|
.multiselect-autocomplete {
|
|
width: 100%;
|
|
}
|
|
|
|
.multiselect-add, .select-autocomplete-add, .select-add {
|
|
background: var(--selectlist-label-background);
|
|
width: 27px;
|
|
border: var(--selectlist-arrow-border);
|
|
margin-top: 0;
|
|
border-left: 0;
|
|
background-image: var(--multiselect-add-background-image);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: calc(100% / 2) calc(100% / 2);
|
|
cursor: pointer;
|
|
}
|
|
|
|
html[dir='rtl'] .multiselect-add, html[dir='rtl'] .select-autocomplete-add, html[dir='rtl'] .select-add {
|
|
border-left: var(--selectlist-arrow-border);
|
|
border-right: 0;
|
|
}
|
|
|
|
.multiselect-add:hover, .select-add:hover, .select-autocomplete-add:hover {
|
|
background-image: var(--multiselect-add-background-image-hover);
|
|
}
|
|
|
|
.multiselect-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: var(--textbox-border);
|
|
border-top: 0;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
height: 100%;
|
|
}
|
|
|
|
.multiselect-list li {
|
|
display: flex;
|
|
border-bottom: var(--multiselect-list-li-border-bottom);
|
|
}
|
|
|
|
.multiselect-list-text {
|
|
padding-left: 3px;
|
|
width: 100%;
|
|
}
|
|
|
|
.multiselect-list-remove {
|
|
margin-left: auto;
|
|
background: var(--selectlist-label-background);
|
|
width: 27px;
|
|
border-left: var(--multiselect-list-li-border-bottom);
|
|
margin-top: 0;
|
|
background-image: var(--multiselect-list-remove-background-image);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: calc(100% / 2) calc(100% / 2);
|
|
cursor: pointer;
|
|
}
|
|
|
|
html[dir='rtl'] .multiselect-list-remove {
|
|
border-right: var(--multiselect-list-li-border-bottom);
|
|
border-left: 0;
|
|
}
|
|
|
|
.multiselect-list li:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.multiselect-list-remove:hover {
|
|
background-image: var(--multiselect-list-remove-background-image-hover);
|
|
}
|
|
|
|
.multiselect-list li:hover {
|
|
background: var(--menu-item-hover-background);
|
|
box-shadow: var(--menu-item-hover-box-shadow);
|
|
}
|
|
|
|
.grid {
|
|
/*
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
*/
|
|
display: grid;
|
|
margin: 0;
|
|
padding: 1px 2px;
|
|
}
|
|
|
|
.grid-window-over {
|
|
/*border: var(--grid-window-over-border);*/
|
|
border-style: dashed;
|
|
border-color:red;
|
|
}
|
|
|
|
.grid-window-drag {
|
|
opacity: .8;
|
|
/*border: var(--grid-window-drag-border);*/
|
|
border-style: dashed;
|
|
border-color:blue;
|
|
}
|
|
|
|
.grid-window {
|
|
/*margin: 1px;*/
|
|
}
|
|
|
|
|
|
.datetimepicker {
|
|
display: flex;
|
|
}
|
|
|
|
.datetimepicker-calendar {
|
|
border-right: var(--datetimepicker-calendar-border-right);
|
|
display: flex;
|
|
flex-flow: column;
|
|
flex: 1;
|
|
}
|
|
|
|
.datetimepicker-calendar-content {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
|
|
.datetimepicker-clock {
|
|
overflow-y: scroll;
|
|
margin-bottom: 0px;
|
|
background: var(--datetimepicker-clock-background);
|
|
}
|
|
|
|
.datetimepicker-different-month {
|
|
color: var(--datetimepicker-different-month-color);
|
|
}
|
|
|
|
.datetimepicker-calendar-content > table {
|
|
width: 100%;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.datetimepicker-tools {
|
|
display: flex;
|
|
background-color: var(--datetimepicker-clock-background);
|
|
}
|
|
|
|
.datetimepicker-day, .datetimepicker-time {
|
|
cursor: pointer;
|
|
text-align: center;
|
|
padding: 3px;
|
|
}
|
|
|
|
|
|
.datetimepicker-day-selected {
|
|
background-color: var(--datetimepicker-day-selected-background);
|
|
color: var(--datetimepicker-day-selected-color);
|
|
}
|
|
|
|
.datetimepicker-day-today {
|
|
border-bottom: 3px solid #f65314;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.datetimepicker-name {
|
|
flex: 1;
|
|
text-align: center;
|
|
align-self: center;
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.datetimepicker-month {
|
|
flex-grow: 1;
|
|
/*width: 60%;*/
|
|
}
|
|
|
|
.datetimepicker-year {
|
|
/*width: 40%;*/
|
|
}
|
|
|
|
.datetimepicker-time-selected {
|
|
background: var(--datetimepicker-day-selected-background);
|
|
color: var(--datetimepicker-day-selected-color);
|
|
}
|
|
|
|
/* customize scrollbar css */
|
|
|
|
.bar-slider::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 0px;
|
|
background: rgba(235, 240, 242, 0.69);
|
|
}
|
|
|
|
.bar-slider::-webkit-scrollbar-thumb {
|
|
background: 0;
|
|
}
|
|
|
|
.toolbar {
|
|
background-image: linear-gradient(var(--default-background-color) 0%, var(--default-background-color-light) 100%);
|
|
color: var(--default-text-color);
|
|
}
|
|
|
|
.datetimepicker-clock::-webkit-scrollbar,
|
|
.bar-slider-scrolling::-webkit-scrollbar,
|
|
.select-menu::-webkit-scrollbar,
|
|
.select-autocomplete-menu::-webkit-scrollbar,
|
|
.multiselect-autocomplete-menu::-webkit-scrollbar,
|
|
.listview::-webkit-scrollbar,
|
|
.table::-webkit-scrollbar,
|
|
.tabs-content::-webkit-scrollbar {
|
|
width: 8px;
|
|
background: var(--scrollbar-background);
|
|
}
|
|
|
|
.datetimepicker-clock::-webkit-scrollbar:horizontal,
|
|
.bar-slider-scrolling::-webkit-scrollbar:horizontal,
|
|
.select-menu::-webkit-scrollbar:horizontal,
|
|
.select-autocomplete-menu::-webkit-scrollbar:horizontal,
|
|
.multiselect-autocomplete-menu::-webkit-scrollbar:horizontal,
|
|
.listview::-webkit-scrollbar:horizontal,
|
|
.table::-webkit-scrollbar:horizontal,
|
|
.tabs-content::-webkit-scrollbar:horizontal {
|
|
height: 8px;
|
|
}
|
|
|
|
.datetimepicker-clock::-webkit-scrollbar-track,
|
|
.bar-slider-scrolling::-webkit-scrollbar-track,
|
|
.select-menu::-webkit-scrollbar-track,
|
|
.select-autocomplete-menu::-webkit-scrollbar-track,
|
|
.multiselect-autocomplete-menu::-webkit-scrollbar-track,
|
|
.listview::-webkit-scrollbar-track,
|
|
.table::-webkit-scrollbar-track,
|
|
.tabs-content::-webkit-scrollbar-track {
|
|
border: var(--scrollbar-track-border);
|
|
border-radius: 0px;
|
|
box-shadow: var(--scrollbar-track-box-shadow);
|
|
}
|
|
|
|
.datetimepicker-clock::-webkit-scrollbar-thumb,
|
|
.bar-slider-scrolling::-webkit-scrollbar-thumb,
|
|
.select-menu::-webkit-scrollbar-thumb,
|
|
.select-autocomplete-menu::-webkit-scrollbar-thumb,
|
|
.multiselect-autocomplete-menu::-webkit-scrollbar-thumb,
|
|
.listview::-webkit-scrollbar-thumb,
|
|
.table::-webkit-scrollbar-thumb,
|
|
.tabs-content::-webkit-scrollbar-thumb {
|
|
background: var(--scrollbar-thumb-background);
|
|
border: var(--scrollbar-thumb-border);
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.datetimepicker-clock::-webkit-scrollbar-thumb:hover,
|
|
.bar-slider-scrolling::-webkit-scrollbar-thumb:hover,
|
|
.select-menu::-webkit-scrollbar-thumb:hover,
|
|
.select-autocomplete-menu::-webkit-scrollbar-thumb:hover,
|
|
.multiselect-autocomplete-menu::-webkit-scrollbar-thumb:hover,
|
|
.listview::-webkit-scrollbar-thumb:hover,
|
|
.table::-webkit-scrollbar-thumb:hover,
|
|
.tabs-content::-webkit-scrollbar-thumb:hover {
|
|
background: var(--scrollbar-thumb-background-hover);
|
|
border: var(--scrollbar-thumb-border-hover);
|
|
}
|
|
|
|
.datetimepicker-clock::-webkit-scrollbar-thumb:active,
|
|
.bar-slider-scrolling::-webkit-scrollbar-thumb:active,
|
|
.select-menu::-webkit-scrollbar-thumb:active,
|
|
.select-autocomplete-menu::-webkit-scrollbar-thumb:active,
|
|
.multiselect-autocomplete-menu::-webkit-scrollbar-thumb:active,
|
|
.listview::-webkit-scrollbar-thumb:active,
|
|
.table::-webkit-scrollbar-thumb:active,
|
|
.tabs-content::-webkit-scrollbar-thumb:active {
|
|
background-color: var(--scrollbar-thumb-background-active);
|
|
border: var(--scrollbar-thumb-border-active);
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width: 500px) {
|
|
.check-hover, .radiolist-button-hover, .dropdown:hover, .button-flat:hover {
|
|
border-color: var(--button-flat-border-hover);
|
|
background: var(--button-flat-background-hover);
|
|
color: var(--button-flat-color-hover);
|
|
}
|
|
|
|
.table-row:hover {
|
|
background-color: var(--table-row-background-hover);
|
|
}
|
|
|
|
.table-row-selected:hover {
|
|
/*background-color: rgb(196, 196, 199);*/
|
|
background: var(--table-row-selected-background);
|
|
box-shadow: var(--table-row-selected-box-shadow);
|
|
}
|
|
|
|
.menu > i-link:hover, .select-autocomplete-menu i-link:hover, .searchlist-menu i-link:hover, .select-menu i-link:hover, .multiselect-autocomplete-menu i-link:hover, .lazylist-menu i-link:hover {
|
|
background: var(--menu-item-hover-background);
|
|
box-shadow: var(--menu-item-hover-box-shadow);
|
|
color: var(--menu-item-hover-color);
|
|
}
|
|
|
|
.tabs-button-hover {
|
|
border: var(--tabs-button-hover-border);
|
|
border-bottom-color: var(--tabs-content-background-color);
|
|
}
|
|
|
|
.datetimepicker-day:hover, .datetimepicker-time:hover {
|
|
background-color: var(--datetimepicker-day-background-hover);
|
|
}
|
|
|
|
.toolbar::-webkit-scrollbar {
|
|
width: 8px;
|
|
background: var(--scrollbar-background);
|
|
}
|
|
|
|
.toolbar::-webkit-scrollbar:horizontal {
|
|
height: 8px;
|
|
}
|
|
|
|
.toolbar::-webkit-scrollbar-track {
|
|
border: var(--scrollbar-track-border);
|
|
border-radius: 0px;
|
|
box-shadow: var(--scrollbar-track-box-shadow);
|
|
}
|
|
|
|
.toolbar::-webkit-scrollbar-thumb {
|
|
background: var(--scrollbar-thumb-background);
|
|
border: var(--scrollbar-thumb-border);
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.toolbar::-webkit-scrollbar-thumb:hover {
|
|
background: var(--scrollbar-thumb-background-hover);
|
|
border: var(--scrollbar-thumb-border-hover);
|
|
}
|
|
|
|
.toolbar::-webkit-scrollbar-thumb:active {
|
|
background-color: var(--scrollbar-thumb-background-active);
|
|
border: var(--scrollbar-thumb-border-active);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.router, i-router
|
|
{
|
|
position: relative;
|
|
}
|
|
|
|
.route {
|
|
width: 100%;
|
|
position: absolute;
|
|
opacity: 1;
|
|
transition: all .1s ease-out;
|
|
overflow: auto;
|
|
height: calc(100% - 20px);
|
|
left: 10px;
|
|
top: 10px;
|
|
width: calc(100% - 20px);
|
|
}
|
|
|
|
.route:not([selected]) {
|
|
/* display: none !important; */
|
|
opacity: 0 !important;
|
|
visibility: hidden;
|
|
/* overflow: auto; */
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
|
|
.search-button:focus, .search-button:valid {
|
|
width: 200px;
|
|
border: 1px solid #fff;
|
|
outline: none;
|
|
cursor: default;
|
|
background-position-x: 2px;
|
|
background-color: rgba(208, 208, 208, 0.5);
|
|
padding: 0 10px 0 30px;
|
|
color: #232323;
|
|
border-radius: 10px;
|
|
border: none;
|
|
}
|
|
|
|
.search-button {
|
|
width: 40px;
|
|
height: 30px;
|
|
background-image: var(--search);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 25px 25px;
|
|
transition: all 0.4s ease-in-out;
|
|
background-color: transparent;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
color: transparent;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.ripple {
|
|
cursor: pointer;
|
|
color: white;
|
|
padding: 10px;
|
|
outline: none;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
.link
|
|
{
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
.button:after, .ripple:after, .link:after{
|
|
content: ' ';
|
|
position: absolute;
|
|
left: var(--x);
|
|
top: var(--y);
|
|
transform: translateX(-50%) translateY(-50%);
|
|
background-color: #b5b5b5;
|
|
border-radius: 100%;
|
|
width: 0;
|
|
height: 0;
|
|
opacity: 1;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.button:after
|
|
{
|
|
background-color: #b2d7f3a8;
|
|
}
|
|
|
|
.link:after
|
|
{
|
|
background-color: #d2d2d2cc;
|
|
}
|
|
|
|
|
|
.button-clicked:after, .ripple-clicked:after, .link-clicked:after
|
|
{
|
|
transition: width .5s ease-out, height .5s ease-out, opacity .5s ease-out;
|
|
opacity: 0;
|
|
width: calc(var(--w) * 2);;
|
|
height: calc(var(--w) * 2);
|
|
}
|
|
|
|
.button-clicked:active:after, .ripple-clicked:active:after, .link-clicked:active:after
|
|
{
|
|
opacity: 0.5;
|
|
}
|
|
|
|
|
|
|
|
.router::after, .target::after
|
|
{
|
|
opacity: 0;
|
|
transition: all 1s;
|
|
content: ' ';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
.router-loading::after, .target-loading::after
|
|
{
|
|
transition: all 1s 1s;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
background: #5454548a;
|
|
box-shadow: inset 0px 0px 40px 38px #3e3e3e9c;
|
|
}
|
|
|
|
|
|
.input-eye
|
|
{
|
|
width: 40px;
|
|
background-color: #e4e4e4;
|
|
position: absolute;
|
|
left: 5px;
|
|
top: 50%;
|
|
height: 26px;
|
|
transform: translateY(-50%);
|
|
border-radius: 7px;
|
|
cursor: pointer;
|
|
background-image: var(--eye-dark);
|
|
background-size: 80%;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
.input-eye:hover
|
|
{
|
|
background-image: var(--eye-active) ;
|
|
}
|
|
|
|
.input-eye-active
|
|
{
|
|
background-image: var(--eye-light) !important;;
|
|
background-color:#4ea3df;
|
|
|
|
}
|
|
|
|
.navbar {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
.navbar-search
|
|
{
|
|
margin: 6px;
|
|
background-image: var(--search);
|
|
background-repeat: no-repeat;
|
|
background-size: 25px;
|
|
background-position: 2px 50%;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.navbar-container
|
|
{
|
|
overflow: auto;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.navbar-container > i-link > span > span
|
|
{
|
|
color: black;
|
|
background-color: #fff3d4;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.navbar-container::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
.navbar-container::-webkit-scrollbar-button:hover {
|
|
background-color: black !important;
|
|
}
|
|
|
|
.navbar-container::-webkit-scrollbar-thumb {
|
|
min-width: 20px;
|
|
min-height: 20px;
|
|
background-color: #71ad48;
|
|
border: 1px solid #cccccc;
|
|
}
|
|
|
|
.navbar-container::-webkit-scrollbar-track {
|
|
background-color: #b5b5b5;
|
|
}
|
|
|
|
.navbar-container::-webkit-scrollbar-thumb:hover {
|
|
background-color: #8bc364;
|
|
}
|
|
|
|
.navbar-container::-webkit-scrollbar-thumb:active {
|
|
/*border: 1px dotted #b5b5b5;*/
|
|
}
|
|
|
|
.navbar-container::-webkit-scrollbar-track:hover {
|
|
/*background-color: gray;*/
|
|
}
|
|
|
|
.navbar-container:hover, .navbar-container > * {
|
|
visibility: visible;
|
|
}
|
|
|
|
.navbar-container i-link
|
|
{
|
|
transition: height ease 0.2s;
|
|
}
|
|
|
|
.navbar-container i-link[data-level = '1'] {
|
|
padding-right: 20px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.navbar-container i-link[data-level = '0'] {
|
|
background-color: #e5e5e5;
|
|
/*border: 1px solid #cacaca;*/
|
|
}
|
|
|
|
.navbar-container i-link[data-level = '2'] {
|
|
background-color: #d4d4d4;
|
|
padding-right: 40px;
|
|
font-size: 14px;
|
|
color: #454545;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.navbar-container i-link[hidden] {
|
|
/* display: none; */
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
height: 0;
|
|
transition: height ease 0.2s;
|
|
}
|
|
|
|
|
|
.navbar-container i-link[selected]
|
|
{
|
|
font-weight: bold;
|
|
background:#4ebeec;
|
|
color: white;
|
|
}
|
|
|
|
.navbar-container i-check {
|
|
width: 42px;
|
|
background-image: var(--arrow-left);
|
|
background-position: 0px 48%;
|
|
background-repeat: no-repeat;
|
|
border-right: 4px solid #c3c3c3;
|
|
display: flex;
|
|
align-self: stretch;
|
|
background-color: #d6d6d6;
|
|
border-top-left-radius: 10px;
|
|
border-bottom-left-radius: 10px;
|
|
}
|
|
|
|
.navbar-container i-check[checked='checked'] {
|
|
background-image: var(--arrow-down-active);
|
|
}
|