@charset "UTF-8"; .resizable { position: relative; transition: all 0.5s ease-in-out 0s; } .resizable.no-transition { transition: none !important; } .rg-bottom, .rg-left, .rg-right, .rg-top { display: block; width: 14px; height: 14px; line-height: 14px; position: absolute; z-index: 1; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; background: 0 0; } .rg-bottom span, .rg-left span, .rg-right span, .rg-top span { position: absolute; box-sizing: border-box; display: block; border: 1px solid #ccc; } .rg-left span, .rg-right span { border-width: 0 1px; top: 50%; margin: -10px 0 0 3.5px; height: 20px; width: 7px; } .rg-bottom span, .rg-top span { border-width: 1px 0; left: 50%; margin: 3.5px 0 0 -10px; width: 20px; height: 7px; } .rg-top { cursor: row-resize; width: 100%; top: 0; left: 0; margin-top: -14px; } .rg-right { cursor: col-resize; height: 100%; right: 0; top: 0; margin-right: -14px; } .rg-bottom { cursor: row-resize; width: 100%; bottom: 0; left: 0; margin-bottom: -14px; } .rg-left { cursor: col-resize; height: 100%; left: 0; top: 0; margin-left: -14px; } .rg-noborder { border: none !important; } .steps-indicator li a:before, .steps-indicator:before { background-color: #e6e6e6; content: ''; } .steps-indicator li.current, .steps-indicator li.default, .steps-indicator li.editing { pointer-events: none; } .steps-indicator { right: 0; bottom: 0; left: 0; margin: 0; padding: 20px 0 0; height: 30px; list-style: none; } .steps-indicator:before { position: absolute; height: 1px; } .steps-indicator.steps-2:before { left: calc(100% / 2 / 2); right: calc(100% / 2 / 2); } .steps-indicator.steps-3:before { left: calc(100% / 3 / 2); right: calc(100% / 3 / 2); } .steps-indicator.steps-4:before { left: calc(100% / 4 / 2); right: calc(100% / 4 / 2); } .steps-indicator.steps-5:before { left: calc(100% / 5 / 2); right: calc(100% / 5 / 2); } .steps-indicator.steps-6:before { left: calc(100% / 6 / 2); right: calc(100% / 6 / 2); } .steps-indicator.steps-7:before { left: calc(100% / 7 / 2); right: calc(100% / 7 / 2); } .steps-indicator.steps-8:before { left: calc(100% / 8 / 2); right: calc(100% / 8 / 2); } .steps-indicator.steps-9:before { left: calc(100% / 9 / 2); right: calc(100% / 9 / 2); } .steps-indicator.steps-10:before { left: calc(100% / 10 / 2); right: calc(100% / 10 / 2); } .steps-indicator * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .steps-indicator li { position: relative; float: left; margin: 0; padding: 0; padding-top: 10px; text-align: center; line-height: 15px; } .steps-indicator li a { color: grey; text-decoration: none; text-transform: uppercase; font-weight: 700; transition: 0.25s; cursor: pointer; } .steps-indicator li a:before { position: absolute; top: -7px; left: calc(50% - 7px); width: 14px; height: 14px; border-radius: 100%; transition: 0.25s; } .steps-indicator li a:hover { color: #4d4d4d; } .steps-indicator.steps-2 li { width: calc(100% / 2); } .steps-indicator.steps-3 li { width: calc(100% / 3); } .steps-indicator.steps-4 li { width: calc(100% / 4); } .steps-indicator.steps-5 li { width: calc(100% / 5); } .steps-indicator.steps-6 li { width: calc(100% / 6); } .steps-indicator.steps-7 li { width: calc(100% / 7); } .steps-indicator.steps-8 li { width: calc(100% / 8); } .steps-indicator.steps-9 li { width: calc(100% / 9); } .steps-indicator.steps-10 li { width: calc(100% / 10); } .steps-indicator.steps-11 li { width: calc(100% / 11); } .steps-indicator li.default a:hover { color: grey; } .steps-indicator li.current a:before { background-color: grey; } .steps-indicator li.done a:before { background-color: #393; } .steps-indicator li.editing a:before { background-color: red; } /*! * Bootstrap Colorpicker v2.5.1 * https://itsjavi.com/bootstrap-colorpicker/ * * Originally written by (c) 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0.txt * */ .colorpicker-saturation { width: 100px; height: 100px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAP9klEQVR4XnRWC47rNgwcKjlA0bv2VL1Qi/YELRav7203iS1ppqZoiXCAhuBHVLI74xFtG3/Hz2joIOjRGuR5eMYuRn9YA1fds859KX8ZvczLr9/pImiR3Rqky9/wlajRIdVE/1Rufeu/0No3/ASgBZAJUkwgi0iCaEatekJJoEqiTQncd67/gyOfRCZshTed0Nl8LbLj8D6qxtoq9/7kJz/aH/3Xfu8VwI5+AUH8DxE7gUyiIpZ5LwiGzUqE3CScJsCDQHAsvBnxWpkbC0QMHmBp6latWS0bnvrCN/x1+xPfce+Ij0GAyeAGGz15sOiax2UylPhKrFaMPnVWClwepKh07hdhkVDsK2uoyEIySergjdbY2VBtV8VLr8Mf9mF/4wMb7kR8FOhzFWZZe7HIZD9JRIbee28eJKBweTB6TwjYkAgWaUmtDveGw1Wx3zZ76YlPPfQd/+gTTUFkiGiJ+NQAszU1EPT/QJEgufolAMPkNU4CVOyUIBLg4xglEZHGQnTFOFV0VaulYddBhA986ge/7N/yQi/3flFgwfQq2ibLnTDBRl9TmUHyJASPV/eoN0UISIr+ICQKIFV4EpljSjV1uFVUq9hRtet5e9gXvuyHPW0zMhQxWaoBBa9Tg8vsCEhww23Smd0CKjIkmPIoxWrUBDgJqFCyESF43ctQxLUoHN7Q1KyVhqrNNm3cy2vMyQNPVKjc29Rh5SSU+giWdRJHkLnQG71FQEuNyNGBTDdBQQAKCuGiEUS/jcyGbkMPq931OIzb/dUPGuVlG7f+slqkO5NAAlzTMdcq0NkzmsEBmAQkbI+pSHbiqnuWIA6lijhvqwIxMyWxMGZiPU669XJE1tADDTs2HWpwKxuqdnTpOiOR42xlzLtm3pXGel3xd8/oTs8Xy0MV8GM1RlsC2Y3Wy3wut3M+2mEVux0Gt9fhzTWyLvGiiJYaqY5DWRFIwAiQ5r6gB9GpQihJw4I9j5Mkscj3BnzGjBhv8xna5P1Jo428o6IOPY5KFZtVOkEKqUjqQY9Gi+jrIOFwJUDzRtA9xyoIrGGmkNRmxVAnZoK+TkUIeUYni5wEzgOG5iZX5HCr2JyQNqdk++G0rgb1ochSIGutTj4P7F0PuRUAolmh5sCzAHn1BYyaADh6bgFeoBx6vst091CEvcSLWBBpqGq384jZ5llVHSwEShLx+D4d0mU3D5eEAJQ9KEhOZUYnDENV2qKgmIlQhWfdvcoXYaegPp/n1oKIOgYFqxrzQSciqNhv/5FqPpy6b0UcX2vf13DfWySRSEgkEYlEJJGQSyKJSEQSCYlEEpHexIVO3XOevffze2a+PfPv9x1rne1c3b3Mmlmz9mE++zuzngfnw/E+Dlc4LL4NwHdFy7u3KGPVmZ6/4eeMoDyre3i/KHADIHYO04w9zO0mAotuKnrc7XaPjvu66bNe5cDT7RlPepEnfS2X8dF1/utDvD+OwGDBxEgQywLCvIMYWBY+DShwAAORAdv9PswhDAqOUCi5+71AbFcDMR4xBDNfhySKXPXZ1+Vub+Q1Ltf5z7eC0AjVldHI26rIFdKIAyYBJCFVUhVDwttAnM52B3Ect1TFQXzJ0z33lOuib/QO8g+CuO0gKBRU80A8hkeJ0b1KRQWmFQVSh8mf3lpUpNaRulzN5NArrmKKGMijXgzk7w5ijdFVgT8f1IdFNjVWjDWicUYWEEMmSFDtILdzHW5XueHp7p+yuS54ep5/c5BE2Gw/gWPNYU4/PZaak2VGEsFjSbOf8irea6KQgojGCk0KxZY31tWWgzwayF8N5KYyo3VADVicWWrhwzr3ZqIOa5xW5zbqMPPMiyDURHDIHQTeWq7KFXcQPOqzPOL5Ov/iIDEDy7DHEwx0PTgjO8SS0fOEHcZNMt+XKEFMj8Q4QUSvPu6HPuvd4N9/x12RPwcIVRCAakSOUzHgsUSMFWYzDQ+PiOJqAOuYc9jh5TecnA+xHfFyOYhebeTH89P80wrCJzUjlsx7euIV0g4zQFUSiBPioIWBACFC7GgDj8P91ZSJOQmQP74MAnQo8H5RIe8kZ0kBcQCMAlEpRDiKROBxbR0ksdhWFq0gR9q9uQzkDzuIFQSPqAgRCAsCaVNF2ZAAhxvtzcqcnDk6tpXxSsayqXLIgSOb6zqeH+fvO0i9XEu5EVV+OZehRZJ6BGTeaRhCkTzVIZeAzaWGAFfErIPogQI5CuR3HQQx7DzBB16R3s7e0MBUPedjWutgG/JUTPqMeAQNEiytJRnJearWUgdwFNxN7rtBoECuj/O3BMHaTIxQ0a4GctireElTJHJvLTaalih5kvBCGMvkdESUMAdCFaI4yG8SpDfRWAptqkAJUwCG6B7lOREFSZBqKs57MEHqVJEBwHa2lp0OiKtiQ18gx9P89QrSXyc0vObBM4vPmBADqJZLAo/yzK7qPSZstCy+fDSZlhrm+Zkyjsf5q2otdC14zkLjHLf0me9wjNqQo0B1a6wBJRaIEgC2Qw9oby/cRHA+xHCQy/xlB1HVSV3Y/5yVhsc7dBi2UoIWCMcbELZWgxNCGUZ5y4ceBaLlE8dAfrEosrYT+z8ya3sxXndFBxuQivNGEHFCbLGBlBLKGYHZoeoQpcjtMn/uICPefcxecpuDOEemg9S/44cflZPIlWolyHkLrEpgbS9IQRlAgZgi0WDjsEiPh+PN/Fkogq4GdzPtarlRGW2tJwEK1RMTEvdVdmhAKHO1pdUuGQsVcX+rSfGzDbwGyE8NRPQc83HCaOkTZwPqABZBdFq8zAN1gue0FPO8wYUFBE1WkMwVzM1iQ4BItFh+H36Qy/yJg0DRQICmBl+tbKUC5cCj3yXI+SUFBS78ZAcBtHt+e9lBuiqpTNh9zTvIjzuIWxVYGQJpAZY+VWS3QKh84iSZbwuIdiDpc4KztQa/sjhMaDJEJDSZ8mZ+kCBdC0JpKVNQzZdKu+EsOeFCosrngVAkDS/uy6iGnW7UxmMpkB8FyFKo6iQW8z1HuBdMu1pdkZdB8jWTjlFtNaiJRYniIDcD+eECMqFLS9ED6DgxzCMKnRD3HYYA2uMCJUh70OK8G0EUnJV8lqe8nj84QdqLhdoJskNlEw1ivajM8LtPBhIeN99LESXI9xcQIHFQudHngZjUhXOQeGlUYmAddh5pxMhzV0M1vMAtMFIVmfp6fq+DgEWefjQVenstaqUy3bJQAiVlEihDghCDINFQg8oUhoQPkO8SBEM7SFQ72VYBwPuE7k8uYF5LNwg/TEd2zkuKjIIhTiJRlYrDfNS1QL7DYUcbcCyKJNwOwucVCVSwBBj/DwghXA2hQtACgCBBPprfXkAIFIYRXhONQARFU00Tsh6LEmmQUbkTImMi9me5qaHDIeBgHeRbdxAIqAJBCDSoCNVQglrciqX/ZCD9RRP6rgpBvhmKAFhg2ForBLXBYPtUjj7vCHPe8SXbYAY47gHB9mKeqjjIg/53fmMD0fR9Bug7SFcHI6EA1OC/E8QTL4NgBSGiCiyTChnI1zcQxmyfRZGM6w701KRybDvsIK3LWDx6mxGkcglEZQLkawnCdppZ6sgCh8trWWBUQaUWCEOlOs7HAenFE45QSu9RQQDAqchXNxDq4orQR44qRIFUQvM+mRJuB6GDEixgCbSBQGXghEEbdn1P/zO/QhAWCsWsmRhLa2VFkSZIgSVKmgEQhvk6K8YKMRZl7Dwg4amOUYvFBfLlE4RasOCB5S9PXKq0AqGDMiYIReXF0mYctITWBmqR5F38X5Y7yJfeCtKBzNbWYm5XpsMpf3dRZD3jPDesvdVCOs6KYQXIFw1E4fcE8dHWOepZBXpLJcACWUZVMRZbfvgXR4Ak8A7VVSKSVuu9p6/mFxyE7cOWavtLp952O8huK83+gmHzHaAsVXLgAvl8gPCvHzAFsM8GNXGKPH5cmN02sXTLa8QdKRXMzHv67/k5A9k1UIx36UH/VlWWtuKssNiRapB6BaLXl6MA+ayDcNS3v/sYXgCL620F1kk8QhKAEOvKu4DvajDO5zkHc4fBg76anyEIIcamBPex5EK8AoVHhMW7QAqWrYD1204CJB1hCfOAV/PTBPH0zBmJmsZZKCEaAmdqm4zMcYxYLN0JuHThIAjirAnp3px7TRgD+ZSD/K92M1CNIgbC8Ex7FkSEIlQEEUQEQQQBRBABEUQQEQTx3X0Evap9AhP39jL5OvuzAWuvbDaTTDIzX2aypUCJ0i7nAigoQAk9gUIUSxXEoCFyyVIuL9ZQcMZoArnwr4D0OLS8jGNGTgGnsZQWMYrcOARoIReAALBeWhf+RUCAIEsECFQHLkwR5zj4JW3t5WOUU5djvgQIawD53EDsctmYz8xGaZGPBUR3qNkiGwqDICUYIFpqBgRaayCfFiAWR2wWvoobmzxdF8N5kyxXmvap/sgGcLF/aoBosbG+lE395R8zCA4BqUYgOgYq+HtvBrT0LK15X8lZwx5f9klCX0rdgXzIIGbdhXMqZtHzJhuptEjmsFc4KzmN5IFPtfM7gWw2kPczSIqQSPUDYKYBMamsBCpKphW0iA5H8AbMDPJOQYjLZg1Vk4G49GlCYNYAkdOd0kwRQ8FCyAHydgLZ6Z2AqrVtjDUQ7hCEmrkEooDAsB2YnBCvkBpZ6yBvJpCd7Mn5zJ6C4QF2BUQPgHEIGUrGnHzQ8rlMekBeTyAzwDJksxwM4+w3BY02B8mIl0CmFRm+ZscxAuSnvwqQsECTIGSV6FEoJFTygVuzB5xAsKqBvAQE3+nkVoJDI1BJIaPBWik7ZSu5NIp5A3mRQaTFvLgkO9fVgEgMqqeVfb+p55tijWH+Kea71ubq4v8Sl8089sZKbKEZNq+VUfISJJF7j79WrbYgS994ZEf+nIz0pNFRWqapSmK6P45i3OQuItIiPDyg6RnxZ4D0g+CFPxAzluoRsWsaA6I6JOqVWCisDvJ0BgHTzMSRgMi0vmi8R+sR6tg/XUh7kCc7kMRqSNkTBDx0OkAUegFcMazciBXNpm798R6klXap/WZz49TQwBHqEcj4oCToUPjUuP9lfxcbyKMAwT6bTf1qqIIQDl3i5oCERNmVm0wgW4A8BGRxMX3hWh8bEV5Rvfp4DS5F3djWH2ztDNWKW7OBjgjIwsDWaKRknJjqMsh9QCa1p608lLovFkBE969DYtYelSzwSRcg535vAsFeNU9SzRCYZb4LDmxmFQKkwYGM+5y/G7b1uxMIylLdyE5yxIyYsoXWhQIpzQhYPi3JkJoKkB9+BxD0OMuyOEBe36DgyPSrxscmATldgKj8PxrkA/kA5PYMgkrocwIQ6GSRGmF0VaNqBKQZ5FYDEZSDzFTzq9mBQjAayE1A+ryDTzcQZe0Ibbxj7EwpAmTrJwEimZR9CCPtODhzxuNtY19Zd2Lf/fjCTnEiDAOg62j1utb/dv9mZ/aHCj4AyOHbsW3/As0BTzIgeJU7AAAAAElFTkSuQmCC); cursor: crosshair; float: left; } .colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; } .colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .colorpicker-alpha, .colorpicker-hue { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; } .colorpicker-alpha i, .colorpicker-hue i { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; } .colorpicker-hue { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC); } .colorpicker-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=); display: none; } .colorpicker-alpha, .colorpicker-hue, .colorpicker-saturation { background-size: contain; } .colorpicker { padding: 4px; min-width: 130px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 2500; } .colorpicker:after, .colorpicker:before { display: table; content: ""; line-height: 0; } .colorpicker:after { clear: both; } .colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px; } .colorpicker div { position: relative; } .colorpicker.colorpicker-with-alpha { min-width: 140px; } .colorpicker.colorpicker-with-alpha .colorpicker-alpha { display: block; } .colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=); background-position: 0 100%; } .colorpicker-color div { height: 10px; } .colorpicker-selectors { display: none; height: 10px; margin-top: 5px; clear: both; } .colorpicker-selectors i { cursor: pointer; float: left; height: 10px; width: 10px; } .colorpicker-selectors i + i { margin-left: 3px; } .colorpicker-element .add-on i, .colorpicker-element .input-group-addon i { display: inline-block; cursor: pointer; height: 16px; vertical-align: text-top; width: 16px; } .colorpicker.colorpicker-inline { position: relative; display: inline-block; float: none; z-index: auto; } .colorpicker.colorpicker-horizontal { width: 110px; min-width: 110px; height: auto; } .colorpicker.colorpicker-horizontal .colorpicker-saturation { margin-bottom: 4px; } .colorpicker.colorpicker-horizontal .colorpicker-color { width: 100px; } .colorpicker.colorpicker-horizontal .colorpicker-alpha, .colorpicker.colorpicker-horizontal .colorpicker-hue { width: 100px; height: 15px; float: left; cursor: col-resize; margin-left: 0; margin-bottom: 4px; } .colorpicker.colorpicker-horizontal .colorpicker-alpha i, .colorpicker.colorpicker-horizontal .colorpicker-hue i { display: block; height: 15px; background: #fff; position: absolute; top: 0; left: 0; width: 1px; border: none; margin-top: 0; } .colorpicker.colorpicker-horizontal .colorpicker-hue { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==); } .colorpicker.colorpicker-horizontal .colorpicker-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=); } .colorpicker-right:before { left: auto; right: 6px; } .colorpicker-right:after { left: auto; right: 7px; } .colorpicker-no-arrow:before { border-right: 0; border-left: 0; } .colorpicker-no-arrow:after { border-right: 0; border-left: 0; } .colorpicker-alpha.colorpicker-visible, .colorpicker-hue.colorpicker-visible, .colorpicker-saturation.colorpicker-visible, .colorpicker-selectors.colorpicker-visible, .colorpicker.colorpicker-visible { display: block; } .colorpicker-alpha.colorpicker-hidden, .colorpicker-hue.colorpicker-hidden, .colorpicker-saturation.colorpicker-hidden, .colorpicker-selectors.colorpicker-hidden, .colorpicker.colorpicker-hidden { display: none; } .colorpicker-inline.colorpicker-visible { display: inline-block; } .djs-minimap { position: absolute; top: 20px; right: 20px; overflow: hidden; background-color: rgba(255, 255, 255, 0.9); border: solid 1px #CCC; border-radius: 2px; box-sizing: border-box; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } .djs-minimap:not(.open) { overflow: hidden; } .djs-minimap .map { display: none; } .djs-minimap.open .map { display: block; } .djs-minimap .map { width: 320px; height: 180px; } .djs-minimap:not(.open) .toggle { width: 46px; height: 46px; line-height: 46px; text-align: center; } .djs-minimap:not(.open) .toggle:before { content: 'Open'; } .djs-minimap.open .toggle { position: absolute; right: 0; padding: 6px; z-index: 1; } .djs-minimap.open .toggle:before { content: 'Close'; } .djs-minimap .map { cursor: crosshair; } .djs-minimap .viewport { /* fill: rgba(255, 116, 0, 0.25); */ fill: none; stroke: none; } .djs-minimap .viewport-dom { position: absolute; border: solid 2px orange; border-radius: 2px; box-sizing: border-box; cursor: move; } .djs-minimap:not(.open) .viewport-dom { display: none; } .djs-minimap.open .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.2); pointer-events: none; } .djs-minimap .cursor-crosshair { cursor: crosshair; } .djs-minimap .cursor-move { cursor: move; } /** * outline styles */ .djs-outline { fill: none; visibility: hidden; } .djs-element.hover .djs-outline, .djs-element.selected .djs-outline { visibility: visible; shape-rendering: crispEdges; stroke-dasharray: 3,3; } .djs-element.selected .djs-outline { stroke: #8888FF; stroke-width: 1px; } .djs-element.hover .djs-outline { stroke: #FF8888; stroke-width: 1px; } .djs-shape.connect-ok .djs-visual > :nth-child(1) { fill: #DCFECC /* light-green */ !important; } .djs-shape.connect-not-ok .djs-visual > :nth-child(1), .djs-shape.drop-not-ok .djs-visual > :nth-child(1) { fill: #f9dee5 /* light-red */ !important; } .djs-shape.new-parent .djs-visual > :nth-child(1) { fill: #F7F9FF !important; } svg.drop-not-ok { background: #f9dee5 /* light-red */ !important; } svg.new-parent { background: #F7F9FF /* light-blue */ !important; } .djs-connection.connect-ok .djs-visual > :nth-child(1), .djs-connection.drop-ok .djs-visual > :nth-child(1) { stroke: #90DD5F /* light-green */ !important; } .djs-connection.connect-not-ok .djs-visual > :nth-child(1), .djs-connection.drop-not-ok .djs-visual > :nth-child(1) { stroke: #E56283 /* light-red */ !important; } .drop-not-ok, .connect-not-ok { cursor: not-allowed; } .djs-element.attach-ok .djs-visual > :nth-child(1) { stroke-width: 5px !important; stroke: rgba(255, 116, 0, 0.7) !important; } /** * Selection box style * */ .djs-lasso-overlay { fill: #ff7400; fill-opacity: 0.1; stroke-dasharray: 5 1 3 1; stroke: #ff7400; shape-rendering: crispEdges; pointer-events: none; } /** * Resize styles */ .djs-resize-overlay { fill: none; stroke-dasharray: 5 1 3 1; stroke: #ff7400; pointer-events: none; } .djs-resizer-hit { fill: none; pointer-events: all; } .djs-resizer-visual { fill: white; stroke-width: 1px; stroke: black; shape-rendering: crispEdges; stroke-opacity: 0.2; } .djs-cursor-resize-nwse, .djs-resizer-nw, .djs-resizer-se { cursor: nwse-resize; } .djs-cursor-resize-nesw, .djs-resizer-ne, .djs-resizer-sw { cursor: nesw-resize; } .djs-shape.djs-resizing > .djs-outline { visibility: hidden !important; } .djs-shape.djs-resizing > .djs-resizer { visibility: hidden; } .djs-dragger > .djs-resizer { visibility: hidden; } /** * drag styles */ .djs-dragger .djs-visual circle, .djs-dragger .djs-visual path, .djs-dragger .djs-visual polygon, .djs-dragger .djs-visual polyline, .djs-dragger .djs-visual rect, .djs-dragger .djs-visual text { fill: none !important; stroke: #ff7400 !important; } .djs-dragging { opacity: 0.3; } .djs-dragging, .djs-dragging > * { pointer-events: none !important; } .djs-dragging .djs-context-pad, .djs-dragging .djs-outline { display: none !important; } /** * no pointer events for visual */ .djs-visual, .djs-outline { pointer-events: none; } /** * all pointer events for hit shape */ .djs-shape .djs-hit { pointer-events: all; } .djs-connection .djs-hit { pointer-events: stroke; } /** * shape / connection basic styles */ .djs-connection .djs-visual { stroke-width: 2px; fill: none; } .djs-cursor-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .djs-cursor-grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .djs-cursor-crosshair { cursor: crosshair; } .djs-cursor-move { cursor: move; } .djs-cursor-resize-ns { cursor: ns-resize; } .djs-cursor-resize-ew { cursor: ew-resize; } /** * snapping */ .djs-snap-line { stroke: #ffc342; stroke: rgba(255, 195, 66, 0.5); stroke-linecap: round; stroke-width: 2px; pointer-events: none; } /** * snapping */ .djs-crosshair { stroke: #555; stroke-linecap: round; stroke-width: 1px; pointer-events: none; shape-rendering: crispEdges; stroke-dasharray: 5, 5; } /** * palette */ .djs-palette { position: absolute; left: 20px; top: 20px; box-sizing: border-box; width: 48px; } .djs-palette .separator { margin: 0 5px; padding-top: 5px; border: none; border-bottom: solid 1px #DDD; clear: both; } .djs-palette .entry:before { vertical-align: middle; } .djs-palette .djs-palette-toggle { cursor: pointer; } .djs-palette .entry, .djs-palette .djs-palette-toggle { color: #333; font-size: 30px; text-align: center; } .djs-palette .entry { float: left; } .djs-palette .entry img { max-width: 100%; } .djs-palette .djs-palette-entries:after { content: ''; display: table; clear: both; } .djs-palette .djs-palette-toggle:hover { background: #666; } .djs-palette .entry:hover { color: #ff7400; } .djs-palette .highlighted-entry { color: #ff7400 !important; } .djs-palette .entry, .djs-palette .djs-palette-toggle { width: 46px; height: 46px; line-height: 46px; cursor: default; } /** * Palette open / two-column layout is controlled via * classes on the palette. Events to hook into palette * changed life-cycle are available in addition. */ .djs-palette.two-column.open { width: 94px; } .djs-palette:not(.open) .djs-palette-entries { display: none; } .djs-palette:not(.open) { overflow: hidden; } .djs-palette.open .djs-palette-toggle { width: 100%; height: 10px; } /** * context-pad */ .djs-overlay-context-pad { width: 72px; } .djs-context-pad { position: absolute; display: none; pointer-events: none; } .djs-context-pad .entry { width: 22px; height: 22px; text-align: center; display: inline-block; font-size: 22px; margin: 0 2px 2px 0; border-radius: 3px; cursor: default; background-color: #FEFEFE; box-shadow: 0 0 2px 1px #FEFEFE; pointer-events: all; } .djs-context-pad .entry:before { vertical-align: top; } .djs-context-pad .entry:hover { background: #fffcb0; } .djs-context-pad.open { display: block; } /** * popup styles */ .djs-popup .entry { line-height: 20px; white-space: nowrap; cursor: default; } /* larger font for prefixed icons */ .djs-popup .entry:before { vertical-align: middle; font-size: 20px; } .djs-popup .entry > span { vertical-align: middle; font-size: 14px; } .djs-popup .entry:hover, .djs-popup .entry.active:hover { background: #fffcb0; } .djs-popup .entry.disabled { background: inherit; } .djs-popup .djs-popup-header .entry { display: inline-block; padding: 2px 3px 2px 3px; border: solid 1px transparent; border-radius: 3px; } .djs-popup .djs-popup-header .entry.active { color: #ff7400; border: solid 1px #ff7400; background-color: #F6F6F6; } .djs-popup-body .entry { padding: 4px 10px 4px 5px; } .djs-popup-body .entry > span { margin-left: 5px; } .djs-popup-body { background-color: #FEFEFE; } .djs-popup-header { border-bottom: 1px solid #DDD; } .djs-popup-header .entry { margin: 1px; margin-left: 3px; } .djs-popup-header .entry:last-child { margin-right: 3px; } /** * popup / palette styles */ .djs-popup, .djs-palette { background: #FAFAFA; border: solid 1px #CCC; border-radius: 2px; } /** * touch */ .djs-shape, .djs-connection { touch-action: none; } .djs-segment-dragger, .djs-bendpoint { display: none; } /** * bendpoints */ .djs-segment-dragger .djs-visual { fill: rgba(255, 255, 121, 0.2); stroke-width: 1px; stroke-opacity: 1; stroke: rgba(255, 255, 121, 0.3); } .djs-bendpoint .djs-visual { fill: rgba(255, 255, 121, 0.8); stroke-width: 1px; stroke-opacity: 0.5; stroke: black; } .djs-segment-dragger:hover, .djs-bendpoints.hover .djs-segment-dragger, .djs-bendpoints.selected .djs-segment-dragger, .djs-bendpoint:hover, .djs-bendpoints.hover .djs-bendpoint, .djs-bendpoints.selected .djs-bendpoint { display: block; } .djs-drag-active .djs-bendpoints * { display: none; } .djs-bendpoints:not(.hover) .floating { display: none; } .djs-segment-dragger:hover .djs-visual, .djs-segment-dragger.djs-dragging .djs-visual, .djs-bendpoint:hover .djs-visual, .djs-bendpoint.floating .djs-visual { fill: yellow; stroke-opacity: 0.5; stroke: black; } .djs-bendpoint.floating .djs-hit { pointer-events: none; } .djs-segment-dragger .djs-hit, .djs-bendpoint .djs-hit { pointer-events: all; fill: none; } .djs-segment-dragger.horizontal .djs-hit { cursor: ns-resize; } .djs-segment-dragger.vertical .djs-hit { cursor: ew-resize; } .djs-segment-dragger.djs-dragging .djs-hit { pointer-events: none; } .djs-updating, .djs-updating > * { pointer-events: none !important; } .djs-updating .djs-context-pad, .djs-updating .djs-outline, .djs-updating .djs-bendpoint, .connect-ok .djs-bendpoint, .connect-not-ok .djs-bendpoint, .drop-ok .djs-bendpoint, .drop-not-ok .djs-bendpoint { display: none !important; } .djs-segment-dragger.djs-dragging, .djs-bendpoint.djs-dragging { display: block; opacity: 1; } .djs-segment-dragger.djs-dragging .djs-visual, .djs-bendpoint.djs-dragging .djs-visual { fill: yellow; stroke-opacity: 0.5; } /** * tooltips */ .djs-tooltip-error { font-size: 11px; line-height: 18px; text-align: left; padding: 5px; opacity: 0.7; } .djs-tooltip-error > * { width: 160px; background: #fcecf0; color: #9e4c4c; padding: 3px 7px; border-radius: 5px; border-left: solid 5px #ae4949; } .djs-tooltip-error:hover { opacity: 1; } /** * search pad */ .djs-search-container { position: absolute; top: 20px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 25%; min-width: 300px; max-width: 400px; z-index: 10; font-size: 1.05em; opacity: 0.9; background: #FAFAFA; border: solid 1px #CCC; border-radius: 2px; } .djs-search-container:not(.open) { display: none; } .djs-search-input input { font-size: 1.05em; width: 100%; padding: 6px 10px; border: 1px solid #ccc; } .djs-search-input input:focus { outline: none; border-color: #52B415; } .djs-search-results { position: relative; overflow-y: auto; max-height: 200px; } .djs-search-results:hover { /*background: #fffdd7;*/ cursor: pointer; } .djs-search-result { width: 100%; padding: 6px 10px; background: white; border-bottom: solid 1px #AAA; border-radius: 1px; } .djs-search-highlight { color: black; } .djs-search-result-primary { margin: 0 0 10px; } .djs-search-result-secondary { font-family: monospace; margin: 0; } .djs-search-result:hover { background: #fdffd6; } .djs-search-result-selected { background: #fffcb0; } .djs-search-result-selected:hover { background: #f7f388; } .djs-search-overlay { background: yellow; opacity: 0.3; } /** * hidden styles */ .djs-element-hidden, .djs-element-hidden .djs-hit, .djs-element-hidden .djs-outline, .djs-label-hidden .djs-label { display: none !important; } .lm_root { position: relative; } .lm_row > .lm_item { float: left; } .lm_content { overflow: hidden; position: relative; } .lm_dragging, .lm_dragging * { cursor: move !important; user-select: none; } .lm_maximised { position: absolute; top: 0; left: 0; z-index: 40; } .lm_maximise_placeholder { display: none; } .lm_splitter { position: relative; z-index: 20; } .lm_splitter:hover, .lm_splitter.lm_dragging { background: orange; } .lm_splitter.lm_vertical .lm_drag_handle { width: 100%; height: 15px; position: absolute; top: -5px; cursor: ns-resize; } .lm_splitter.lm_horizontal { float: left; height: 100%; } .lm_splitter.lm_horizontal .lm_drag_handle { width: 15px; height: 100%; position: absolute; left: -5px; cursor: ew-resize; } .lm_header { overflow: visible; position: relative; z-index: 1; } .lm_header [class^=lm_] { box-sizing: content-box !important; } .lm_header .lm_controls { position: absolute; right: 3px; } .lm_header .lm_controls > li { cursor: pointer; float: left; width: 18px; height: 18px; text-align: center; } .lm_header ul { margin: 0; padding: 0; list-style-type: none; } .lm_header .lm_tabs { position: absolute; } .lm_header .lm_tab { cursor: pointer; float: left; height: 14px; margin-top: 1px; padding: 0 10px 5px; padding-right: 25px; position: relative; } .lm_header .lm_tab i { width: 2px; height: 19px; position: absolute; } .lm_header .lm_tab i.lm_left { top: 0; left: -2px; } .lm_header .lm_tab i.lm_right { top: 0; right: -2px; } .lm_header .lm_tab .lm_title { display: inline-block; overflow: hidden; text-overflow: ellipsis; } .lm_header .lm_tab .lm_close_tab { width: 14px; height: 14px; position: absolute; top: 0; right: 0; text-align: center; } .lm_stack.lm_left .lm_header, .lm_stack.lm_right .lm_header { height: 100%; } .lm_dragProxy.lm_left .lm_header, .lm_dragProxy.lm_right .lm_header, .lm_stack.lm_left .lm_header, .lm_stack.lm_right .lm_header { width: 20px; float: left; vertical-align: top; } .lm_dragProxy.lm_left .lm_header .lm_tabs, .lm_dragProxy.lm_right .lm_header .lm_tabs, .lm_stack.lm_left .lm_header .lm_tabs, .lm_stack.lm_right .lm_header .lm_tabs { transform-origin: left top; top: 0; width: 1000px; } .lm_dragProxy.lm_left .lm_header .lm_controls, .lm_dragProxy.lm_right .lm_header .lm_controls, .lm_stack.lm_left .lm_header .lm_controls, .lm_stack.lm_right .lm_header .lm_controls { bottom: 0; } .lm_dragProxy.lm_left .lm_items, .lm_dragProxy.lm_right .lm_items, .lm_stack.lm_left .lm_items, .lm_stack.lm_right .lm_items { float: left; } .lm_dragProxy.lm_left .lm_header .lm_tabs, .lm_stack.lm_left .lm_header .lm_tabs { transform: rotate(-90deg) scaleX(-1); left: 0; } .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab, .lm_stack.lm_left .lm_header .lm_tabs .lm_tab { transform: scaleX(-1); margin-top: 1px; } .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list, .lm_stack.lm_left .lm_header .lm_tabdropdown_list { top: initial; right: initial; left: 20px; } .lm_dragProxy.lm_right .lm_content { float: left; } .lm_dragProxy.lm_right .lm_header .lm_tabs, .lm_stack.lm_right .lm_header .lm_tabs { transform: rotate(90deg) scaleX(1); left: 100%; margin-left: 0; } .lm_dragProxy.lm_right .lm_header .lm_controls, .lm_stack.lm_right .lm_header .lm_controls { left: 3px; } .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list, .lm_stack.lm_right .lm_header .lm_tabdropdown_list { top: initial; right: 20px; } .lm_dragProxy.lm_bottom .lm_header .lm_tab, .lm_stack.lm_bottom .lm_header .lm_tab { margin-top: 0; border-top: none; } .lm_dragProxy.lm_bottom .lm_header .lm_controls, .lm_stack.lm_bottom .lm_header .lm_controls { top: 3px; } .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list, .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list { top: initial; bottom: 20px; } .lm_drop_tab_placeholder { float: left; width: 100px; height: 10px; visibility: hidden; } .lm_header .lm_controls .lm_tabdropdown:before { content: ''; width: 0; height: 0; vertical-align: middle; display: inline-block; border-top: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent; color: white; } .lm_header .lm_tabdropdown_list { position: absolute; top: 38px; right: 0; z-index: 5; overflow: hidden; } .lm_header .lm_tabdropdown_list .lm_tab { clear: both; padding-right: 10px; margin: 0; } .lm_header .lm_tabdropdown_list .lm_tab .lm_title { width: 100px; } .lm_header .lm_tabdropdown_list .lm_close_tab { display: none !important; } .lm_dragProxy { position: absolute; top: 0; left: 0; z-index: 30; } .lm_dragProxy .lm_header { background: transparent; } .lm_dragProxy .lm_content { border-top: none; overflow: hidden; } .lm_dropTargetIndicator { display: none; position: absolute; z-index: 20; } .lm_dropTargetIndicator .lm_inner { width: 100%; height: 100%; position: relative; top: 0; left: 0; } .lm_transition_indicator { display: none; width: 20px; height: 20px; position: absolute; top: 0; left: 0; z-index: 20; } .lm_popin { width: 20px; height: 20px; position: absolute; bottom: 0; right: 0; z-index: 9999; } .lm_popin > * { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lm_popin > .lm_bg { z-index: 10; } .lm_popin > .lm_icon { z-index: 20; } .lm_goldenlayout { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAGFBMVEX29vb19fXw8PDy8vL09PTz8/Pv7+/x8fGKuegbAAAAyUlEQVR42pXRQQ7CMBRDwST9pfe/MahEmgURbt7WmpVb6+vG0dd9REnn66xRy/qXiCgmEIIJhGACIZhACCYQgvlDCDFIEAwSBIMEwSBBMEgQDBIEgwTBIEEwCJEMQiSDENFMQmQzCZEbNyGemd6KeGZ6u4hnXe2qbdLHFjhf1XqNLXHev4wdMd9nspiEiWISJgqECQJhgkCYIBAmCIQJAmGCQJggECYJhAkCEUMEwhCBMEQgDJEIQ2RSg0iEIRJhiB/S+rrjqvXQ3paIJUgPBXxiAAAAAElFTkSuQmCC); } .lm_content { background: #e1e1e1; border: 1px solid #cccccc; } .lm_dragProxy .lm_content { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); box-sizing: border-box; } .lm_dropTargetIndicator { box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4); outline: 1px dashed #cccccc; margin: 1px; transition: all 200ms ease; } .lm_dropTargetIndicator .lm_inner { background: #000000; opacity: 0.1; } .lm_splitter { background: #999999; opacity: 0.001; transition: opacity 200ms ease; } .lm_splitter:hover, .lm_splitter.lm_dragging { background: #bbbbbb; opacity: 1; } .lm_header { height: 20px; } .lm_header.lm_selectable { cursor: pointer; } .lm_header .lm_tab { font-family: Arial, sans-serif; font-size: 12px; color: #888888; background: #fafafa; margin-right: 2px; padding-bottom: 4px; border: 1px solid #cccccc; border-bottom: none; } .lm_header .lm_tab .lm_title { padding-top: 1px; } .lm_header .lm_tab .lm_close_tab { width: 11px; height: 11px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAIklEQVR4nGNgYGD4z4Ad/Mdg4ODDBXCZRFgCp5EEHQMXBwAQAgz0SVCcggAAAABJRU5ErkJggg==); background-position: center center; background-repeat: no-repeat; right: 6px; top: 4px; opacity: 0.4; } .lm_header .lm_tab .lm_close_tab:hover { opacity: 1; } .lm_header .lm_tab.lm_active { border-bottom: none; box-shadow: 2px -2px 2px -2px rgba(0, 0, 0, 0.2); padding-bottom: 5px; } .lm_header .lm_tab.lm_active .lm_close_tab { opacity: 1; } .lm_dragProxy.lm_bottom .lm_header .lm_tab.lm_active, .lm_stack.lm_bottom .lm_header .lm_tab.lm_active { box-shadow: 2px 2px 2px -2px rgba(0, 0, 0, 0.2); } .lm_selected .lm_header { background-color: #452500; } .lm_tab:hover, .lm_tab.lm_active { background: #e1e1e1; color: #777777; } .lm_header .lm_controls .lm_tabdropdown:before { color: #000000; } .lm_controls > li { position: relative; background-position: center center; background-repeat: no-repeat; opacity: 0.4; transition: opacity 300ms ease; } .lm_controls > li:hover { opacity: 1; } .lm_controls .lm_popout { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAANUlEQVR4nI2QMQoAMAwCz5L/f9mOzZIaN0E9UDyZhaaQz6atgBHgambEJ5wBKoS0WaIvfT+6K2MIECN19MAAAAAASUVORK5CYII=); } .lm_controls .lm_maximise { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAIklEQVR4nGNkYGD4z0AAMBFSAAOETPpPlEmDUREjAxHhBABPvAQLFv3qngAAAABJRU5ErkJggg==); } .lm_controls .lm_close { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVR4nGNgYGD4z4Af/Mdg4FKASwCnDf8JKSBoAtEmEXQTQd8RDCcA6+4Q8OvIgasAAAAASUVORK5CYII=); } .lm_maximised .lm_header { background-color: #ffffff; } .lm_maximised .lm_controls .lm_maximise { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAJklEQVR4nGP8//8/AyHARFDFUFbEwsDAwMDIyIgzHP7//89IlEkApSkHEScJTKoAAAAASUVORK5CYII=); } .lm_transition_indicator { background-color: #000000; border: 1px dashed #555555; } .lm_popin { cursor: pointer; } .lm_popin .lm_bg { background: #000000; opacity: 0.7; } .lm_popin .lm_icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAWklEQVR4nJWOyw3AIAxDHcQC7L8jbwT3AlJBfNp3SiI7dtRaLSlKKeoA1oEsKSQZCEluexw8Tm3ohk+E7bnOUHUGcNh+HwbBygw4AZ7FN/Lt84p0l+yTflV8AKQyLdcCRJi/AAAAAElFTkSuQmCC); background-position: center center; background-repeat: no-repeat; opacity: 0.7; } .lm_popin:hover .lm_icon { opacity: 1; } /*! * Copyright (c) HANDSONCODE sp. z o. o. * * HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o., * a Polish corporation, based in Gdynia, Poland, at 96/98 Aleja Zwycięstwa, * registered with the National Court Register under number 538651, * EU tax ID number: PL5862294002, share capital: PLN 62,800.00. * * This software is protected by applicable copyright laws, including * international treaties, and dual-licensed – depending on whether * your use is intended for or may result in commercial advantage * or monetary compensation (commercial purposes), or not. * * If your use involves only such purposes as research, private study, * evaluation and the like, you agree to be bound by the terms included * in the "handsontable-non-commercial-license.pdf" file, available * in the main directory of this software repository. * * By installing, copying, or otherwise using this software for * commercial purposes, you agree to be bound by the terms included * in the "handsontable-general-terms.pdf" file, available in the main * directory of this software repository. * * HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND. IN NO EVENT * AND UNDER NO LEGAL THEORY, SHALL HANDSONCODE BE LIABLE * TO YOU FOR DAMAGES, INCLUDING ANY DIRECT, INDIRECT, SPECIAL, * INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING * FROM USE OR INABILITY TO USE THIS SOFTWARE. * * Version: 7.4.2 * Release date: 19/02/2020 (built at 19/02/2020 13:50:11) */ .handsontable .table td, .handsontable .table th { border-top: none; } .handsontable tr { background: #fff; } .handsontable td { background-color: inherit; } .handsontable .table caption + thead tr:first-child td, .handsontable .table caption + thead tr:first-child th, .handsontable .table colgroup + thead tr:first-child td, .handsontable .table colgroup + thead tr:first-child th, .handsontable .table thead:first-child tr:first-child td, .handsontable .table thead:first-child tr:first-child th { border-top: 1px solid #ccc; } .handsontable .table-bordered { border: 0; border-collapse: separate; } .handsontable .table-bordered td, .handsontable .table-bordered th { border-left: none; } .handsontable .table-bordered td:first-child, .handsontable .table-bordered th:first-child { border-left: 1px solid #ccc; } .handsontable .table > tbody > tr > td, .handsontable .table > tbody > tr > th, .handsontable .table > tfoot > tr > td, .handsontable .table > tfoot > tr > th, .handsontable .table > thead > tr > td, .handsontable .table > thead > tr > th { line-height: 21px; padding: 0 4px; } .col-lg-1.handsontable, .col-lg-2.handsontable, .col-lg-3.handsontable, .col-lg-4.handsontable, .col-lg-5.handsontable, .col-lg-6.handsontable, .col-lg-7.handsontable, .col-lg-8.handsontable, .col-lg-9.handsontable, .col-lg-10.handsontable, .col-lg-11.handsontable, .col-lg-12.handsontable, .col-md-1.handsontable, .col-md-2.handsontable, .col-md-3.handsontable, .col-md-4.handsontable, .col-md-5.handsontable, .col-md-6.handsontable, .col-md-7.handsontable, .col-md-8.handsontable, .col-md-9.handsontable .col-sm-1.handsontable, .col-md-10.handsontable, .col-md-11.handsontable, .col-md-12.handsontable, .col-sm-2.handsontable, .col-sm-3.handsontable, .col-sm-4.handsontable, .col-sm-5.handsontable, .col-sm-6.handsontable, .col-sm-7.handsontable, .col-sm-8.handsontable, .col-sm-9.handsontable .col-xs-1.handsontable, .col-sm-10.handsontable, .col-sm-11.handsontable, .col-sm-12.handsontable, .col-xs-2.handsontable, .col-xs-3.handsontable, .col-xs-4.handsontable, .col-xs-5.handsontable, .col-xs-6.handsontable, .col-xs-7.handsontable, .col-xs-8.handsontable, .col-xs-9.handsontable, .col-xs-10.handsontable, .col-xs-11.handsontable, .col-xs-12.handsontable { padding-left: 0; padding-right: 0; } .handsontable .table-striped > tbody > tr:nth-of-type(2n) { background-color: #fff; } .handsontable { position: relative; } .handsontable .hide { display: none; } .handsontable .relative { position: relative; } .handsontable.htAutoSize { visibility: hidden; left: -99000px; position: absolute; top: -99000px; } .handsontable .wtHider { width: 0; } .handsontable .wtSpreader { position: relative; width: 0; height: auto; } .handsontable div, .handsontable input, .handsontable table, .handsontable tbody, .handsontable td, .handsontable textarea, .handsontable th, .handsontable thead { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } .handsontable input, .handsontable textarea { min-height: 0; } .handsontable table.htCore { border-collapse: separate; border-spacing: 0; margin: 0; border-width: 0; table-layout: fixed; width: 0; outline-width: 0; cursor: default; max-width: none; max-height: none; } .handsontable col, .handsontable col.rowHeader { width: 50px; } .handsontable td, .handsontable th { border-top-width: 0; border-left-width: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 22px; empty-cells: show; line-height: 21px; padding: 0 4px; background-color: #fff; vertical-align: top; overflow: hidden; outline-width: 0; white-space: pre-line; } .handsontable td.htInvalid { background-color: #ff4c42 !important; } .handsontable td.htNoWrap { white-space: nowrap; } .handsontable th:last-child { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .handsontable th.htNoFrame, .handsontable th:first-child.htNoFrame, .handsontable tr:first-child th.htNoFrame { border-left-width: 0; background-color: #fff; border-color: #fff; } .handsontable .htNoFrame + td, .handsontable .htNoFrame + th, .handsontable.htRowHeaders thead tr th:nth-child(2), .handsontable td:first-of-type, .handsontable th:first-child, .handsontable th:nth-child(2) { border-left: 1px solid #ccc; } .handsontable tr:first-child td, .handsontable tr:first-child th { border-top: 1px solid #ccc; } .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child, .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th { border-right-width: 0; } .ht_master:not(.innerBorderTop) thead tr.lastChild th, .ht_master:not(.innerBorderTop) thead tr:last-child th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th { border-bottom-width: 0; } .handsontable th { background-color: #f0f0f0; color: #222; text-align: center; font-weight: 400; white-space: nowrap; } .handsontable thead th { padding: 0; } .handsontable th.active { background-color: #ccc; } .handsontable thead th .relative { padding: 2px 4px; } #hot-display-license-info { font-size: 10px; color: #323232; padding: 5px 0 3px; font-family: Helvetica, Arial, sans-serif; text-align: left; } #hot-display-license-info a { font-size: 10px; } .handsontable .manualColumnResizer { position: absolute; top: 0; cursor: col-resize; z-index: 210; width: 5px; height: 25px; } .handsontable .manualRowResizer { position: absolute; left: 0; cursor: row-resize; z-index: 210; height: 5px; width: 50px; } .handsontable .manualColumnResizer.active, .handsontable .manualColumnResizer:hover, .handsontable .manualRowResizer.active, .handsontable .manualRowResizer:hover { background-color: #34a9db; } .handsontable .manualColumnResizerGuide { position: absolute; right: 0; top: 0; background-color: #34a9db; display: none; width: 0; border-right: 1px dashed #777; margin-left: 5px; } .handsontable .manualRowResizerGuide { position: absolute; left: 0; bottom: 0; background-color: #34a9db; display: none; height: 0; border-bottom: 1px dashed #777; margin-top: 5px; } .handsontable .manualColumnResizerGuide.active, .handsontable .manualRowResizerGuide.active { display: block; z-index: 209; } .handsontable .columnSorting { position: relative; } .handsontable .columnSorting.sortAction:hover { text-decoration: underline; cursor: pointer; } .handsontable span.colHeader { display: inline-block; line-height: 1.1; } .handsontable span.colHeader.columnSorting:before { top: 50%; margin-top: -6px; padding-left: 8px; position: absolute; right: -9px; content: ""; height: 10px; width: 5px; background-size: contain; background-repeat: no-repeat; background-position-x: right; } .handsontable span.colHeader.columnSorting.ascending:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC"); } .handsontable span.colHeader.columnSorting.descending:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII="); } .htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled):after { content: "*"; display: inline-block; position: relative; padding-right: 20px; } .handsontable .wtBorder { position: absolute; font-size: 0; } .handsontable .wtBorder.hidden { display: none !important; } .handsontable .wtBorder.current { z-index: 10; } .handsontable .wtBorder.area { z-index: 8; } .handsontable .wtBorder.fill { z-index: 6; } .handsontable td.area, .handsontable td.area-1, .handsontable td.area-2, .handsontable td.area-3, .handsontable td.area-4, .handsontable td.area-5, .handsontable td.area-6, .handsontable td.area-7 { position: relative; } .handsontable td.area-1:before, .handsontable td.area-2:before, .handsontable td.area-3:before, .handsontable td.area-4:before, .handsontable td.area-5:before, .handsontable td.area-6:before, .handsontable td.area-7:before, .handsontable td.area:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; bottom: -100% \9; background: #005eff; } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .handsontable td.area-1:before, .handsontable td.area-2:before, .handsontable td.area-3:before, .handsontable td.area-4:before, .handsontable td.area-5:before, .handsontable td.area-6:before, .handsontable td.area-7:before, .handsontable td.area:before { bottom: -100%; } } .handsontable td.area:before { opacity: 0.1; } .handsontable td.area-1:before { opacity: 0.2; } .handsontable td.area-2:before { opacity: 0.27; } .handsontable td.area-3:before { opacity: 0.35; } .handsontable td.area-4:before { opacity: 0.41; } .handsontable td.area-5:before { opacity: 0.47; } .handsontable td.area-6:before { opacity: 0.54; } .handsontable td.area-7:before { opacity: 0.58; } .handsontable tbody th.ht__highlight, .handsontable thead th.ht__highlight { background-color: #dcdcdc; } .handsontable tbody th.ht__active_highlight, .handsontable thead th.ht__active_highlight { background-color: #8eb0e7; color: #000; } .handsontable .wtBorder.corner { font-size: 0; cursor: crosshair; } .handsontable .htBorder.htFillBorder { background: red; width: 1px; height: 1px; } .handsontableInput { border: none; outline-width: 0; margin: 0; padding: 1px 5px 0; font-family: inherit; line-height: 21px; font-size: inherit; box-shadow: inset 0 0 0 2px #5292f7; resize: none; display: block; color: #000; border-radius: 0; background-color: #fff; } .handsontableInputHolder { position: absolute; top: 0; left: 0; z-index: 104; } .htSelectEditor { -webkit-appearance: menulist-button !important; position: absolute; width: auto; } .handsontable .htDimmed { color: #777; } .handsontable .htSubmenu { position: relative; } .handsontable .htSubmenu :after { content: "\25B6"; color: #777; position: absolute; right: 5px; font-size: 9px; } .handsontable .htLeft { text-align: left; } .handsontable .htCenter { text-align: center; } .handsontable .htRight { text-align: right; } .handsontable .htJustify { text-align: justify; } .handsontable .htTop { vertical-align: top; } .handsontable .htMiddle { vertical-align: middle; } .handsontable .htBottom { vertical-align: bottom; } .handsontable .htPlaceholder { color: #999; } .handsontable .htAutocompleteArrow { float: right; font-size: 10px; color: #eee; cursor: default; width: 16px; text-align: center; } .handsontable td .htAutocompleteArrow:hover { color: #777; } .handsontable td.area .htAutocompleteArrow { color: #d3d3d3; } .handsontable .htCheckboxRendererInput { display: inline-block; } .handsontable .htCheckboxRendererInput.noValue { opacity: 0.5; } .handsontable .htCheckboxRendererLabel { font-size: inherit; vertical-align: middle; cursor: pointer; display: inline-block; width: 100%; } .handsontable .handsontable.ht_clone_top .wtHider { padding: 0 0 5px; } .handsontable .autocompleteEditor.handsontable { padding-right: 17px; } .handsontable .autocompleteEditor.handsontable.htMacScroll { padding-right: 15px; } .handsontable.listbox { margin: 0; } .handsontable.listbox .ht_master table { border: 1px solid #ccc; border-collapse: separate; background: #fff; } .handsontable.listbox td, .handsontable.listbox th, .handsontable.listbox tr:first-child td, .handsontable.listbox tr:first-child th, .handsontable.listbox tr:last-child th { border-color: transparent; } .handsontable.listbox td, .handsontable.listbox th { white-space: nowrap; text-overflow: ellipsis; } .handsontable.listbox td.htDimmed { cursor: default; color: inherit; font-style: inherit; } .handsontable.listbox .wtBorder { visibility: hidden; } .handsontable.listbox tr:hover td, .handsontable.listbox tr td.current { background: #eee; } .ht_editor_hidden { z-index: -1; } .ht_editor_visible { z-index: 200; } .ht_clone_master { z-index: 100; } .ht_clone_right { z-index: 110; } .ht_clone_left { z-index: 120; } .ht_clone_bottom { z-index: 130; } .ht_clone_bottom_right_corner { z-index: 140; } .ht_clone_bottom_left_corner { z-index: 150; } .ht_clone_top { z-index: 160; } .ht_clone_top_right_corner { z-index: 170; } .ht_clone_top_left_corner { z-index: 180; } .handsontable td.htSearchResult { background: #fcedd9; color: #583707; } .htBordered { border-width: 1px; } .htBordered.htTopBorderSolid { border-top-style: solid; border-top-color: #000; } .htBordered.htRightBorderSolid { border-right-style: solid; border-right-color: #000; } .htBordered.htBottomBorderSolid { border-bottom-style: solid; border-bottom-color: #000; } .htBordered.htLeftBorderSolid { border-left-style: solid; border-left-color: #000; } .handsontable tbody tr th:nth-last-child(2) { border-right: 1px solid #ccc; } .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer { border-bottom: 1px solid #ccc; padding-bottom: 5px; } .ht_clone_top_left_corner thead tr th:nth-last-child(2) { border-right: 1px solid #ccc; } .htCollapseButton { width: 10px; height: 10px; line-height: 10px; text-align: center; border-radius: 5px; border: 1px solid #f3f3f3; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); cursor: pointer; margin-bottom: 3px; position: relative; } .htCollapseButton:after { content: ""; height: 300%; width: 1px; display: block; background: #ccc; margin-left: 4px; position: absolute; bottom: 10px; } thead .htCollapseButton { right: 5px; position: absolute; top: 5px; background: #fff; } thead .htCollapseButton:after { height: 1px; width: 700%; right: 10px; top: 4px; } .handsontable tr th .htExpandButton { position: absolute; width: 10px; height: 10px; line-height: 10px; text-align: center; border-radius: 5px; border: 1px solid #f3f3f3; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); cursor: pointer; top: 0; display: none; } .handsontable thead tr th .htExpandButton { top: 5px; } .handsontable tr th .htExpandButton.clickable { display: block; } .collapsibleIndicator { position: absolute; top: 50%; transform: translateY(-50%); right: 5px; border: 1px solid #a6a6a6; line-height: 10px; color: #222; border-radius: 10px; font-size: 10px; width: 10px; height: 10px; cursor: pointer; -webkit-box-shadow: 0 0 0 6px #eee; -moz-box-shadow: 0 0 0 6px #eee; box-shadow: 0 0 0 6px #eee; background: #eee; } .handsontable col.hidden { width: 0 !important; } .handsontable table tr th.lightRightBorder { border-right: 1px solid #e6e6e6; } .handsontable tr.hidden, .handsontable tr.hidden td, .handsontable tr.hidden th { display: none; } .ht_clone_bottom, .ht_clone_left, .ht_clone_top, .ht_master { overflow: hidden; } .ht_master .wtHolder { overflow: auto; } .handsontable .ht_clone_left thead, .handsontable .ht_master thead, .handsontable .ht_master tr th { visibility: hidden; } .ht_clone_bottom .wtHolder, .ht_clone_left .wtHolder, .ht_clone_top .wtHolder { overflow: hidden; } .handsontable.mobile, .handsontable.mobile .wtHolder { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-overflow-scrolling: touch; } .htMobileEditorContainer { display: none; position: absolute; top: 0; width: 70%; height: 54pt; background: #f8f8f8; border-radius: 20px; border: 1px solid #ebebeb; z-index: 999; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; } .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea), .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle) { z-index: 9999; } .bottomRightSelectionHandle, .bottomRightSelectionHandle-HitArea, .topLeftSelectionHandle, .topLeftSelectionHandle-HitArea { left: -10000px; top: -10000px; } .htMobileEditorContainer.active { display: block; } .htMobileEditorContainer .inputs { position: absolute; right: 210pt; bottom: 10pt; top: 10pt; left: 14px; height: 34pt; } .htMobileEditorContainer .inputs textarea { font-size: 13pt; border: 1px solid #a1a1a1; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: absolute; left: 14px; right: 14px; top: 0; bottom: 0; padding: 7pt; } .htMobileEditorContainer .cellPointer { position: absolute; top: -13pt; height: 0; width: 0; left: 30px; border-left: 13pt solid transparent; border-right: 13pt solid transparent; border-bottom: 13pt solid #ebebeb; } .htMobileEditorContainer .cellPointer.hidden { display: none; } .htMobileEditorContainer .cellPointer:before { content: ""; display: block; position: absolute; top: 2px; height: 0; width: 0; left: -13pt; border-left: 13pt solid transparent; border-right: 13pt solid transparent; border-bottom: 13pt solid #f8f8f8; } .htMobileEditorContainer .moveHandle { position: absolute; top: 10pt; left: 5px; width: 30px; bottom: 0; cursor: move; z-index: 9999; } .htMobileEditorContainer .moveHandle:after { content: "..\a..\a..\a.."; white-space: pre; line-height: 10px; font-size: 20pt; display: inline-block; margin-top: -8px; color: #ebebeb; } .htMobileEditorContainer .positionControls { width: 205pt; position: absolute; right: 5pt; top: 0; bottom: 0; } .htMobileEditorContainer .positionControls > div { width: 50pt; height: 100%; float: left; } .htMobileEditorContainer .positionControls > div:after { content: " "; display: block; width: 15pt; height: 15pt; text-align: center; line-height: 50pt; } .htMobileEditorContainer .downButton:after, .htMobileEditorContainer .leftButton:after, .htMobileEditorContainer .rightButton:after, .htMobileEditorContainer .upButton:after { transform-origin: 5pt 5pt; -webkit-transform-origin: 5pt 5pt; margin: 21pt 0 0 21pt; } .htMobileEditorContainer .leftButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(-45deg); } .htMobileEditorContainer .leftButton:active:after { border-color: #cfcfcf; } .htMobileEditorContainer .rightButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(135deg); } .htMobileEditorContainer .rightButton:active:after { border-color: #cfcfcf; } .htMobileEditorContainer .upButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(45deg); } .htMobileEditorContainer .upButton:active:after { border-color: #cfcfcf; } .htMobileEditorContainer .downButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(225deg); } .htMobileEditorContainer .downButton:active:after { border-color: #cfcfcf; } .handsontable.hide-tween { -webkit-animation: opacity-hide 0.3s; animation: opacity-hide 0.3s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } .handsontable.show-tween { -webkit-animation: opacity-show 0.3s; animation: opacity-show 0.3s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/ */ .pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid; border-color: #ccc #ccc #bbb; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } .pika-single:after, .pika-single:before { content: " "; display: table; } .pika-single:after { clear: both; } .pika-single { *zoom: 1; } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); } .pika-lendar { float: left; width: 240px; margin: 8px; } .pika-title { position: relative; text-align: center; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: 700; background-color: #fff; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; } .pika-next, .pika-prev { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: 50%; background-repeat: no-repeat; background-size: 75% 75%; opacity: 0.5; *position: absolute; *top: 0; } .pika-next:hover, .pika-prev:hover { opacity: 1; } .is-rtl .pika-next, .pika-prev { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); *left: 0; } .is-rtl .pika-prev, .pika-next { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); *right: 0; } .pika-next.is-disabled, .pika-prev.is-disabled { cursor: default; opacity: 0.2; } .pika-select { display: inline-block; *display: inline; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table td, .pika-table th { width: 14.28571429%; padding: 0; } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: 700; text-align: center; } .pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; } .pika-week { font-size: 11px; color: #999; } .is-today .pika-button { color: #3af; font-weight: 700; } .has-event .pika-button, .is-selected .pika-button { color: #fff; font-weight: 700; background: #3af; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; } .has-event .pika-button { background: #005da9; box-shadow: inset 0 1px 3px #0076c9; } .is-disabled .pika-button, .is-inrange .pika-button { background: #d5e9f7; } .is-startrange .pika-button { color: #fff; background: #6cb31d; box-shadow: none; border-radius: 3px; } .is-endrange .pika-button { color: #fff; background: #3af; box-shadow: none; border-radius: 3px; } .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: 0.3; } .is-outside-current-month .pika-button { color: #999; opacity: 0.3; } .is-selection-disabled { pointer-events: none; cursor: default; } .pika-button:hover, .pika-row.pick-whole-week:hover .pika-button { color: #fff; background: #ff8000; box-shadow: none; border-radius: 3px; } .pika-table abbr { border-bottom: none; cursor: help; } .htCommentCell { position: relative; } .htCommentCell:after { content: ""; position: absolute; top: 0; right: 0; border-left: 6px solid transparent; border-top: 6px solid #000; } .htComments { display: none; z-index: 1059; position: absolute; } .htCommentTextArea { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.117647), 0 1px 2px rgba(0, 0, 0, 0.239216); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; border-left: 3px solid #ccc; background-color: #fff; width: 215px; height: 90px; font-size: 12px; padding: 5px; outline: 0!important; -webkit-appearance: none; } .htCommentTextArea:focus { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.117647), 0 1px 2px rgba(0, 0, 0, 0.239216), inset 0 0 0 1px #5292f7; border-left: 3px solid #5292f7; } /*! * Handsontable ContextMenu */ .htContextMenu:not(.htGhostTable) { display: none; position: absolute; z-index: 1060; } .htContextMenu .ht_clone_corner, .htContextMenu .ht_clone_left, .htContextMenu .ht_clone_top { display: none; } .htContextMenu table.htCore { border-color: #ccc; border-style: solid; border-width: 1px 2px 2px 1px; } .htContextMenu .wtBorder { visibility: hidden; } .htContextMenu table tbody tr td { background: #fff; border-width: 0; padding: 4px 6px 0; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .htContextMenu table tbody tr td:first-child { border: 0; } .htContextMenu table tbody tr td.htDimmed { font-style: normal; color: #323232; } .htContextMenu table tbody tr td.current, .htContextMenu table tbody tr td.zeroclipboard-is-hover { background: #f3f3f3; } .htContextMenu table tbody tr td.htSeparator { border-top: 1px solid #e6e6e6; height: 0; padding: 0; cursor: default; } .htContextMenu table tbody tr td.htDisabled { color: #999; cursor: default; } .htContextMenu table tbody tr td.htDisabled:hover { background: #fff; color: #999; cursor: default; } .htContextMenu table tbody tr.htHidden { display: none; } .htContextMenu table tbody tr td .htItemWrapper { margin-left: 10px; margin-right: 6px; } .htContextMenu table tbody tr td div span.selected { margin-top: -2px; position: absolute; left: 4px; } .htContextMenu .ht_master .wtHolder { overflow: hidden; } textarea.HandsontableCopyPaste { position: fixed!important; top: 0!important; right: 100%!important; overflow: hidden; opacity: 0; outline: 0 none !important; } .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type, .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2) { border-left: 0; } .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight { cursor: move; cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; } .handsontable.ht__manualColumnMove.on-moving--columns, .handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight { cursor: move; cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; } .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer { display: none; } .handsontable .ht__manualColumnMove--backlight, .handsontable .ht__manualColumnMove--guideline { position: absolute; height: 100%; display: none; } .handsontable .ht__manualColumnMove--guideline { background: #757575; width: 2px; top: 0; margin-left: -1px; z-index: 205; } .handsontable .ht__manualColumnMove--backlight { background: #343434; background: rgba(52, 52, 52, 0.25); display: none; z-index: 205; pointer-events: none; } .handsontable.on-moving--columns .ht__manualColumnMove--backlight, .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline { display: block; } .handsontable .wtHider { position: relative; } .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight { cursor: move; cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; } .handsontable.ht__manualRowMove.on-moving--rows, .handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight { cursor: move; cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; } .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer { display: none; } .handsontable .ht__manualRowMove--backlight, .handsontable .ht__manualRowMove--guideline { position: absolute; width: 100%; display: none; } .handsontable .ht__manualRowMove--guideline { background: #757575; height: 2px; left: 0; margin-top: -1px; z-index: 205; } .handsontable .ht__manualRowMove--backlight { background: #343434; background: rgba(52, 52, 52, 0.25); display: none; z-index: 205; pointer-events: none; } .handsontable.on-moving--rows .ht__manualRowMove--backlight, .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline { display: block; } .handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*=fullySelectedMergedCell]):before { opacity: 0; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before, .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]:before { opacity: 0.1; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before { opacity: 0.2; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before { opacity: 0.27; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before { opacity: 0.35; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before { opacity: 0.41; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before { opacity: 0.47; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before { opacity: 0.54; } .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before { opacity: 0.58; } /*! * Handsontable DropdownMenu */ .handsontable .changeType { background: #eee; border-radius: 2px; border: 1px solid #bbb; color: #bbb; font-size: 9px; line-height: 9px; padding: 2px; margin: 3px 1px 0 5px; float: right; } .handsontable .changeType:before { content: "\25BC\ "; } .handsontable .changeType:hover { border: 1px solid #777; color: #777; cursor: pointer; } .htDropdownMenu:not(.htGhostTable) { display: none; position: absolute; z-index: 1060; } .htDropdownMenu .ht_clone_corner, .htDropdownMenu .ht_clone_left, .htDropdownMenu .ht_clone_top { display: none; } .htDropdownMenu table.htCore { border-color: #bbb; border-style: solid; border-width: 1px 2px 2px 1px; } .htDropdownMenu .wtBorder { visibility: hidden; } .htDropdownMenu table tbody tr td { background: #fff; border-width: 0; padding: 4px 6px 0; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .htDropdownMenu table tbody tr td:first-child { border: 0; } .htDropdownMenu table tbody tr td.htDimmed { font-style: normal; color: #323232; } .htDropdownMenu table tbody tr td.current, .htDropdownMenu table tbody tr td.zeroclipboard-is-hover { background: #e9e9e9; } .htDropdownMenu table tbody tr td.htSeparator { border-top: 1px solid #e6e6e6; height: 0; padding: 0; cursor: default; } .htDropdownMenu table tbody tr td.htDisabled { color: #999; } .htDropdownMenu table tbody tr td.htDisabled:hover { background: #fff; color: #999; cursor: default; } .htDropdownMenu:not(.htGhostTable) table tbody tr.htHidden { display: none; } .htDropdownMenu table tbody tr td .htItemWrapper { margin-left: 10px; margin-right: 10px; } .htDropdownMenu table tbody tr td div span.selected { margin-top: -2px; position: absolute; left: 4px; } .htDropdownMenu .ht_master .wtHolder { overflow: hidden; } .handsontable span.colHeader.columnSorting:after { top: 50%; margin-top: -2px; position: absolute; right: -15px; padding-left: 5px; font-size: 8px; height: 8px; line-height: 1.1; text-decoration: underline; text-decoration: none; } .handsontable span.colHeader.columnSorting[class*=" sort-"]:after, .handsontable span.colHeader.columnSorting[class^=sort-]:after { content: "+"; } .handsontable span.colHeader.columnSorting.sort-1:after { content: "1"; } .handsontable span.colHeader.columnSorting.sort-2:after { content: "2"; } .handsontable span.colHeader.columnSorting.sort-3:after { content: "3"; } .handsontable span.colHeader.columnSorting.sort-4:after { content: "4"; } .handsontable span.colHeader.columnSorting.sort-5:after { content: "5"; } .handsontable span.colHeader.columnSorting.sort-6:after { content: "6"; } .handsontable span.colHeader.columnSorting.sort-7:after { content: "7"; } .htGhostTable th div button.changeType + span.colHeader.columnSorting:not(.indicatorDisabled) { padding-right: 5px; } /*! * Handsontable Filters */ .htFiltersConditionsMenu:not(.htGhostTable) { display: none; position: absolute; z-index: 1070; } .htFiltersConditionsMenu .ht_clone_corner, .htFiltersConditionsMenu .ht_clone_left, .htFiltersConditionsMenu .ht_clone_top { display: none; } .htFiltersConditionsMenu table.htCore { border-color: #bbb; border-style: solid; border-width: 1px 2px 2px 1px; } .htFiltersConditionsMenu .wtBorder { visibility: hidden; } .htFiltersConditionsMenu table tbody tr td { background: #fff; border-width: 0; padding: 4px 6px 0; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .htFiltersConditionsMenu table tbody tr td:first-child { border: 0; } .htFiltersConditionsMenu table tbody tr td.htDimmed { font-style: normal; color: #323232; } .htFiltersConditionsMenu table tbody tr td.current, .htFiltersConditionsMenu table tbody tr td.zeroclipboard-is-hover { background: #e9e9e9; } .htFiltersConditionsMenu table tbody tr td.htSeparator { border-top: 1px solid #e6e6e6; height: 0; padding: 0; } .htFiltersConditionsMenu table tbody tr td.htDisabled { color: #999; } .htFiltersConditionsMenu table tbody tr td.htDisabled:hover { background: #fff; color: #999; cursor: default; } .htFiltersConditionsMenu table tbody tr td .htItemWrapper { margin-left: 10px; margin-right: 10px; } .htFiltersConditionsMenu table tbody tr td div span.selected { margin-top: -2px; position: absolute; left: 4px; } .htFiltersConditionsMenu .ht_master .wtHolder { overflow: hidden; } .handsontable .htMenuFiltering { border-bottom: 1px dotted #ccc; height: 135px; overflow: hidden; } .handsontable .ht_master table td.htCustomMenuRenderer { background-color: #fff; cursor: auto; } .handsontable .htFiltersMenuLabel { font-size: 0.75em; } .handsontable .htFiltersMenuActionBar { text-align: center; padding-top: 10px; padding-bottom: 3px; } .handsontable .htFiltersMenuCondition.border { border-bottom: 1px dotted #ccc !important; } .handsontable .htFiltersMenuCondition .htUIInput { padding: 0 0 5px; } .handsontable .htFiltersMenuValue { border-bottom: 1px dotted #ccc !important; } .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch { padding: 0; } .handsontable .htFiltersMenuCondition .htUIInput input, .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input { font-family: inherit; font-size: 0.75em; padding: 4px; box-sizing: border-box; width: 100%; } .htUIMultipleSelect .ht_master .wtHolder { overflow-y: scroll; } .handsontable .htFiltersActive .changeType { border: 1px solid #509272; color: #18804e; background-color: #d2e0d9; } .handsontable .htUISelectAll { margin-right: 10px; } .handsontable .htUIClearAll, .handsontable .htUISelectAll { display: inline-block; } .handsontable .htUIClearAll a, .handsontable .htUISelectAll a { color: #3283d8; font-size: 0.75em; } .handsontable .htUISelectionControls { text-align: right; } .handsontable .htCheckboxRendererInput { margin: 0 5px 0 0; vertical-align: middle; height: 1em; } .handsontable .htUIInput { padding: 3px 0 7px; position: relative; text-align: center; } .handsontable .htUIInput input { border-radius: 2px; border: 1px solid #d2d1d1; } .handsontable .htUIInput input:focus { outline: 0; } .handsontable .htUIInputIcon { position: absolute; } .handsontable .htUIInput.htUIButton { cursor: pointer; display: inline-block; } .handsontable .htUIInput.htUIButton input { background-color: #eee; color: #000; cursor: pointer; font-family: inherit; font-size: 0.7em; font-weight: 700; height: 19px; min-width: 64px; } .handsontable .htUIInput.htUIButton input:hover { border-color: #b9b9b9; } .handsontable .htUIInput.htUIButtonOK { margin-right: 10px; } .handsontable .htUIInput.htUIButtonOK input { background-color: #0f9d58; border-color: #18804e; color: #fff; } .handsontable .htUIInput.htUIButtonOK input:hover { border-color: #1a6f46; } .handsontable .htUISelect { cursor: pointer; margin-bottom: 7px; position: relative; } .handsontable .htUISelectCaption { background-color: #e8e8e8; border-radius: 2px; border: 1px solid #d2d1d1; font-family: inherit; font-size: 0.7em; font-weight: 700; padding: 3px 20px 3px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .handsontable .htUISelectCaption:hover { background-color: #e8e8e8; border: 1px solid #b9b9b9; } .handsontable .htUISelectDropdown:after { content: "\25B2"; font-size: 7px; position: absolute; right: 10px; top: 0; } .handsontable .htUISelectDropdown:before { content: "\25BC"; font-size: 7px; position: absolute; right: 10px; top: 8px; } .handsontable .htUIMultipleSelect .handsontable .htCore { border: none; } .handsontable .htUIMultipleSelect .handsontable .htCore td:hover { background-color: #f5f5f5; } .handsontable .htUIMultipleSelectSearch input { border-radius: 2px; border: 1px solid #d2d1d1; padding: 3px; } .handsontable .htUIRadio { display: inline-block; margin-right: 5px; height: 100%; } .handsontable .htUIRadio:last-child { margin-right: 0; } .handsontable .htUIRadio > input[type=radio] { margin-right: 0.5ex; } .handsontable .htUIRadio label { vertical-align: middle; } .handsontable .htFiltersMenuOperators { padding-bottom: 5px; } .handsontable.ganttChart tr:first-child th div.relative { padding-right: 21px; } .handsontable.ganttChart .colHeader { display: block; } .handsontable.ganttChart td.rangeBar { background: #48b703; border-right-width: 0; position: relative; -webkit-box-shadow: inset 0 3px 0 #fff; -moz-box-shadow: inset 0 3px 0 #fff; box-shadow: inset 0 3px 0 #fff; } .handsontable.ganttChart td.rangeBar.last { border-right-width: 1px; } .handsontable.ganttChart td.rangeBar.area { background: #7ec481; } .handsontable.ganttChart td.rangeBar.partial { background: #8edf5a; } .handsontable.ganttChart td.rangeBar.area.partial { background: #a1d8ad; } .handsontable thead th.hiddenHeader:not(:first-of-type) { display: none; } .handsontable th.ht_nestingLevels { text-align: left; padding-left: 7px; } .handsontable th div.ht_nestingLevels { display: inline-block; position: absolute; left: 11px; } .handsontable.innerBorderLeft th div.ht_nestingLevels, .handsontable.innerBorderLeft ~ .handsontable th div.ht_nestingLevels { right: 10px; } .handsontable th span.ht_nestingLevel { display: inline-block; } .handsontable th span.ht_nestingLevel_empty { display: inline-block; width: 10px; height: 1px; float: left; } .handsontable th span.ht_nestingLevel:after { content: "\2510"; font-size: 9px; display: inline-block; position: relative; bottom: 3px; } .handsontable th div.ht_nestingButton { display: inline-block; position: absolute; right: -2px; cursor: pointer; } .handsontable th div.ht_nestingButton.ht_nestingExpand:after { content: "\002B"; } .handsontable th div.ht_nestingButton.ht_nestingCollapse:after { content: "\002D"; } .handsontable.innerBorderLeft th div.ht_nestingButton, .handsontable.innerBorderLeft ~ .handsontable th div.ht_nestingButton { right: 0; } .handsontable th.beforeHiddenColumn { position: relative; } .handsontable th.afterHiddenColumn:before, .handsontable th.beforeHiddenColumn:after { color: #bbb; position: absolute; top: 50%; font-size: 5pt; transform: translateY(-50%); } .handsontable th.afterHiddenColumn { position: relative; } .handsontable th.beforeHiddenColumn:after { right: 1px; content: "\25C0"; } .handsontable th.afterHiddenColumn:before { left: 1px; content: "\25B6"; } .handsontable td.firstVisibleColumn, .handsontable th.firstVisibleColumn { border-left: 1px solid #ccc; } /*! * Handsontable HiddenRows */ .handsontable th.afterHiddenRow:after, .handsontable th.beforeHiddenRow:before { color: #bbb; font-size: 6pt; line-height: 6pt; position: absolute; left: 2px; } .handsontable th.afterHiddenRow, .handsontable th.beforeHiddenRow { position: relative; } .handsontable th.beforeHiddenRow:before { content: "\25B2"; bottom: 2px; } .handsontable th.afterHiddenRow:after { content: "\25BC"; top: 2px; } .handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after, .handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before { color: #eee; } .handsontable td.afterHiddenRow.firstVisibleRow, .handsontable th.afterHiddenRow.firstVisibleRow { border-top: 1px solid #ccc; } /*! * jsonformatter * * Version: 0.6.0 - 2016-08-27T12:58:03.339Z * License: Apache-2.0 */ .json-formatter-dark.json-formatter-row, .json-formatter-row { font-family: monospace; } .json-formatter-dark.json-formatter-row .toggler.open:after, .json-formatter-row .toggler.open:after { transform: rotate(90deg); } .json-formatter-row, .json-formatter-row a, .json-formatter-row a:hover { color: #000; text-decoration: none; } .json-formatter-row .json-formatter-row { margin-left: 1em; } .json-formatter-row .children.empty { opacity: 0.5; margin-left: 1em; } .json-formatter-row .children.empty.object:after { content: "No properties"; } .json-formatter-row .children.empty.array:after { content: "[]"; } .json-formatter-row .string { color: green; white-space: pre; word-wrap: break-word; } .json-formatter-row .number { color: #00f; } .json-formatter-row .boolean { color: red; } .json-formatter-row .null { color: #855A00; } .json-formatter-row .undefined { color: #ca0b69; } .json-formatter-row .function { color: #FF20ED; } .json-formatter-row .date { background-color: rgba(0, 0, 0, 0.05); } .json-formatter-row .url { text-decoration: underline; color: #00f; cursor: pointer; } .json-formatter-row .bracket { color: #00f; } .json-formatter-row .key { color: #00008B; cursor: pointer; } .json-formatter-row .constructor-name { cursor: pointer; } .json-formatter-row .toggler { font-size: 0.8em; line-height: 1.2em; vertical-align: middle; opacity: 0.6; cursor: pointer; } .json-formatter-row .toggler:after { display: inline-block; transition: transform 0.1s ease-in; content: "►"; } .json-formatter-row > a > .thumbnail-text { opacity: 0; transition: opacity 0.15s ease-in; font-style: italic; } .json-formatter-row:hover > a > .thumbnail-text { opacity: 0.6; } .json-formatter-dark.json-formatter-row, .json-formatter-dark.json-formatter-row a, .json-formatter-dark.json-formatter-row a:hover { color: #fff; text-decoration: none; } .json-formatter-dark.json-formatter-row .json-formatter-row { margin-left: 1em; } .json-formatter-dark.json-formatter-row .children.empty { opacity: 0.5; margin-left: 1em; } .json-formatter-dark.json-formatter-row .children.empty.object:after { content: "No properties"; } .json-formatter-dark.json-formatter-row .children.empty.array:after { content: "[]"; } .json-formatter-dark.json-formatter-row .string { color: #31F031; white-space: pre; word-wrap: break-word; } .json-formatter-dark.json-formatter-row .number { color: #66C2FF; } .json-formatter-dark.json-formatter-row .boolean { color: #EC4242; } .json-formatter-dark.json-formatter-row .null { color: #EEC97D; } .json-formatter-dark.json-formatter-row .undefined { color: #ef8fbe; } .json-formatter-dark.json-formatter-row .function { color: #FD48CB; } .json-formatter-dark.json-formatter-row .date { background-color: rgba(255, 255, 255, 0.05); } .json-formatter-dark.json-formatter-row .url { text-decoration: underline; color: #027BFF; cursor: pointer; } .json-formatter-dark.json-formatter-row .bracket { color: #9494FF; } .json-formatter-dark.json-formatter-row .key { color: #23A0DB; cursor: pointer; } .json-formatter-dark.json-formatter-row .constructor-name { cursor: pointer; } .json-formatter-dark.json-formatter-row .toggler { font-size: 0.8em; line-height: 1.2em; vertical-align: middle; opacity: 0.6; cursor: pointer; } .json-formatter-dark.json-formatter-row .toggler:after { display: inline-block; transition: transform 0.1s ease-in; content: "►"; } .json-formatter-dark.json-formatter-row > a > .thumbnail-text { opacity: 0; transition: opacity 0.15s ease-in; font-style: italic; } .json-formatter-dark.json-formatter-row:hover > a > .thumbnail-text { opacity: 0.6; } .mfb-component--bl, .mfb-component--br, .mfb-component--tl, .mfb-component--tr { box-sizing: border-box; margin: 2px; position: absolute; white-space: nowrap; z-index: 30; padding-left: 0; list-style: none; } .mfb-component--bl *, .mfb-component--bl :after, .mfb-component--bl :before, .mfb-component--br *, .mfb-component--br :after, .mfb-component--br :before, .mfb-component--tl *, .mfb-component--tl :after, .mfb-component--tl :before, .mfb-component--tr *, .mfb-component--tr :after, .mfb-component--tr :before { box-sizing: inherit; } .mfb-component--tl { left: 0; top: 0; } .mfb-component--tr { right: 0; top: 0; } .mfb-component--bl { left: 0; bottom: 0; } .mfb-component--br { right: 0; bottom: 0; } .mfb-component__button--child, .mfb-component__button--main { background-color: #0077be; display: inline-block; border: none; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); cursor: pointer; outline: 0; padding: 0; position: relative; -webkit-user-drag: none; font-weight: 700; color: #f1f1f1; } .mfb-component__list { list-style: none; margin: 0; padding: 0; } .mfb-component__list > li { display: block; position: absolute; top: 0; right: 1px; padding: 10px 0; margin: -10px 0; } .mfb-component__child-icon, .mfb-component__icon, .mfb-component__main-icon--active, .mfb-component__main-icon--resting { position: absolute; font-size: 18px; text-align: center; line-height: 36px; width: 100%; } .mfb-component__wrap { padding: 25px; margin: -25px; } [data-mfb-state=open] .mfb-component__child-icon, [data-mfb-state=open] .mfb-component__icon, [data-mfb-state=open] .mfb-component__main-icon--active, [data-mfb-state=open] .mfb-component__main-icon--resting, [data-mfb-toggle=hover]:hover .mfb-component__child-icon, [data-mfb-toggle=hover]:hover .mfb-component__icon, [data-mfb-toggle=hover]:hover .mfb-component__main-icon--active, [data-mfb-toggle=hover]:hover .mfb-component__main-icon--resting { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .mfb-component__button--main { height: 36px; width: 36px; z-index: 20; } .mfb-component__button--child { height: 36px; width: 36px; } .mfb-component__main-icon--active, .mfb-component__main-icon--resting { -webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1); transition: transform 150ms cubic-bezier(0.4, 0, 1, 1); } .mfb-component__child-icon { line-height: 36px; font-size: 18px; } .mfb-component__main-icon--active { opacity: 0; } [data-mfb-state=open] .mfb-component__main-icon, [data-mfb-toggle=hover]:hover .mfb-component__main-icon { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } [data-mfb-state=open] .mfb-component__main-icon--resting, [data-mfb-toggle=hover]:hover .mfb-component__main-icon--resting { opacity: 0; } [data-mfb-state=open] .mfb-component__main-icon--active, [data-mfb-toggle=hover]:hover .mfb-component__main-icon--active { opacity: 1; } .mfb-component--tl.mfb-slidein .mfb-component__list li, .mfb-component--tr.mfb-slidein .mfb-component__list li { opacity: 0; transition: all 0.5s; } .mfb-component--tl.mfb-slidein[data-mfb-state=open] .mfb-component__list li, .mfb-component--tl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li, .mfb-component--tr.mfb-slidein[data-mfb-state=open] .mfb-component__list li, .mfb-component--tr.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li { opacity: 1; } .mfb-component--tl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px); transform: translateY(70px); } .mfb-component--tl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px); transform: translateY(140px); } .mfb-component--tl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px); transform: translateY(210px); } .mfb-component--tl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px); transform: translateY(280px); } .mfb-component--bl.mfb-slidein .mfb-component__list li, .mfb-component--br.mfb-slidein .mfb-component__list li { opacity: 0; transition: all 0.5s; } .mfb-component--bl.mfb-slidein[data-mfb-state=open] .mfb-component__list li, .mfb-component--bl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li, .mfb-component--br.mfb-slidein[data-mfb-state=open] .mfb-component__list li, .mfb-component--br.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li { opacity: 1; } .mfb-component--bl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px); transform: translateY(-70px); } .mfb-component--bl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px); transform: translateY(-140px); } .mfb-component--bl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px); transform: translateY(-210px); } .mfb-component--bl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px); transform: translateY(-280px); } .mfb-component--tl.mfb-slidein-spring .mfb-component__list li, .mfb-component--tr.mfb-slidein-spring .mfb-component__list li { opacity: 0; transition: all 0.5s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(1) { transition-delay: 0.05s; } .mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(2) { transition-delay: 0.1s; } .mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(3) { transition-delay: 0.15s; } .mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(4) { transition-delay: 0.2s; } .mfb-component--tl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li, .mfb-component--tl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li, .mfb-component--tr.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li, .mfb-component--tr.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li { opacity: 1; } .mfb-component--tl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1) { transition-delay: 0.05s; -webkit-transform: translateY(70px); transform: translateY(70px); } .mfb-component--tl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2) { transition-delay: 0.1s; -webkit-transform: translateY(140px); transform: translateY(140px); } .mfb-component--tl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3) { transition-delay: 0.15s; -webkit-transform: translateY(210px); transform: translateY(210px); } .mfb-component--tl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4) { transition-delay: 0.2s; -webkit-transform: translateY(280px); transform: translateY(280px); } .mfb-component--bl.mfb-slidein-spring .mfb-component__list li, .mfb-component--br.mfb-slidein-spring .mfb-component__list li { opacity: 0; transition: all 0.5s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(1) { transition-delay: 0.05s; } .mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(2) { transition-delay: 0.1s; } .mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(3) { transition-delay: 0.15s; } .mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(4) { transition-delay: 0.2s; } .mfb-component--bl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li, .mfb-component--bl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li, .mfb-component--br.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li, .mfb-component--br.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li { opacity: 1; } .mfb-component--bl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1) { transition-delay: 0.05s; -webkit-transform: translateY(-70px); transform: translateY(-70px); } .mfb-component--bl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2) { transition-delay: 0.1s; -webkit-transform: translateY(-140px); transform: translateY(-140px); } .mfb-component--bl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3) { transition-delay: 0.15s; -webkit-transform: translateY(-210px); transform: translateY(-210px); } .mfb-component--bl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4) { transition-delay: 0.2s; -webkit-transform: translateY(-280px); transform: translateY(-280px); } .mfb-component--tl.mfb-zoomin .mfb-component__list li, .mfb-component--tr.mfb-zoomin .mfb-component__list li { -webkit-transform: scale(0); transform: scale(0); } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px) scale(0); transform: translateY(70px) scale(0); transition: all 0.5s; transition-delay: 0.15s; } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px) scale(0); transform: translateY(140px) scale(0); transition: all 0.5s; transition-delay: 0.1s; } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px) scale(0); transform: translateY(210px) scale(0); transition: all 0.5s; transition-delay: 0.05s; } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px) scale(0); transform: translateY(280px) scale(0); transition: all 0.5s; transition-delay: 0s; } .mfb-component--tl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px) scale(1); transform: translateY(70px) scale(1); transition-delay: 0.05s; } .mfb-component--tl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px) scale(1); transform: translateY(140px) scale(1); transition-delay: 0.1s; } .mfb-component--tl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px) scale(1); transform: translateY(210px) scale(1); transition-delay: 0.15s; } .mfb-component--tl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px) scale(1); transform: translateY(280px) scale(1); transition-delay: 0.2s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li, .mfb-component--br.mfb-zoomin .mfb-component__list li { -webkit-transform: scale(0); transform: scale(0); } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px) scale(0); transform: translateY(-70px) scale(0); transition: all 0.5s; transition-delay: 0.15s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px) scale(0); transform: translateY(-140px) scale(0); transition: all 0.5s; transition-delay: 0.1s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px) scale(0); transform: translateY(-210px) scale(0); transition: all 0.5s; transition-delay: 0.05s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px) scale(0); transform: translateY(-280px) scale(0); transition: all 0.5s; transition-delay: 0s; } .mfb-component--bl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px) scale(1); transform: translateY(-70px) scale(1); transition-delay: 0.05s; } .mfb-component--bl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px) scale(1); transform: translateY(-140px) scale(1); transition-delay: 0.1s; } .mfb-component--bl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px) scale(1); transform: translateY(-210px) scale(1); transition-delay: 0.15s; } .mfb-component--bl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px) scale(1); transform: translateY(-280px) scale(1); transition-delay: 0.2s; } .mfb-component--tl.mfb-fountain .mfb-component__list li, .mfb-component--tr.mfb-fountain .mfb-component__list li { -webkit-transform: scale(0); transform: scale(0); } .mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px) scale(0); transform: translateY(-70px) scale(0); transition: all 0.5s; transition-delay: 0.15s; } .mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px) scale(0); transform: translateY(-140px) scale(0); transition: all 0.5s; transition-delay: 0.1s; } .mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px) scale(0); transform: translateY(-210px) scale(0); transition: all 0.5s; transition-delay: 0.05s; } .mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px) scale(0); transform: translateY(-280px) scale(0); transition: all 0.5s; transition-delay: 0s; } .mfb-component--tl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px) scale(1); transform: translateY(70px) scale(1); transition-delay: 0.05s; } .mfb-component--tl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px) scale(1); transform: translateY(140px) scale(1); transition-delay: 0.1s; } .mfb-component--tl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px) scale(1); transform: translateY(210px) scale(1); transition-delay: 0.15s; } .mfb-component--tl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px) scale(1); transform: translateY(280px) scale(1); transition-delay: 0.2s; } .mfb-component--bl.mfb-fountain .mfb-component__list li, .mfb-component--br.mfb-fountain .mfb-component__list li { -webkit-transform: scale(0); transform: scale(0); } .mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px) scale(0); transform: translateY(70px) scale(0); transition: all 0.5s; transition-delay: 0.15s; } .mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px) scale(0); transform: translateY(140px) scale(0); transition: all 0.5s; transition-delay: 0.1s; } .mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px) scale(0); transform: translateY(210px) scale(0); transition: all 0.5s; transition-delay: 0.05s; } .mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px) scale(0); transform: translateY(280px) scale(0); transition: all 0.5s; transition-delay: 0s; } .mfb-component--bl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px) scale(1); transform: translateY(-70px) scale(1); transition-delay: 0.05s; } .mfb-component--bl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px) scale(1); transform: translateY(-140px) scale(1); transition-delay: 0.1s; } .mfb-component--bl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px) scale(1); transform: translateY(-210px) scale(1); transition-delay: 0.15s; } .mfb-component--bl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px) scale(1); transform: translateY(-280px) scale(1); transition-delay: 0.2s; } [data-mfb-label]:after { content: attr(data-mfb-label); opacity: 0; background: rgba(0, 0, 0, 0.4); padding: 4px 10px; border-radius: 3px; color: rgba(255, 255, 255, 0.8); font-size: 13px; pointer-events: none; position: absolute; top: 50%; margin-top: -10.5px; transition: all 0.5s; } [data-mfb-state=open] [data-mfb-label]:after, [data-mfb-toggle=hover] [data-mfb-label]:hover:after { content: attr(data-mfb-label); opacity: 1; transition: all 0.3s; } .mfb-component--br .mfb-component__list [data-mfb-label]:after, .mfb-component--br [data-mfb-label]:after, .mfb-component--tr .mfb-component__list [data-mfb-label]:after, .mfb-component--tr [data-mfb-label]:after { content: attr(data-mfb-label); right: 70px; } .mfb-component--bl .mfb-component__list [data-mfb-label]:after, .mfb-component--bl [data-mfb-label]:after, .mfb-component--tl .mfb-component__list [data-mfb-label]:after, .mfb-component--tl [data-mfb-label]:after { content: attr(data-mfb-label); left: 70px; } .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-close:before { content: "\f12a"; } .ion-close-circled:before { content: "\f128"; } .ion-close-round:before { content: "\f129"; } .ion-closed-captioning:before { content: "\f317"; } .mrg-top50 { margin-top: 50px; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .list-inline > li { padding-left: 1px; padding-right: 1px; } .candidate-info-wrap .list-inline li { vertical-align: middle; } .candidate-info-wrap .list-inline li.align-super { vertical-align: super; } .candidate-info-wrap .list-inline li.align-middle { vertical-align: middle; } .autocomplete-list { background-color: #fff; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; position: absolute; width: 100%; width: calc(100% + 3px); left: -1px; z-index: 100; } .autocomplete-list ul { margin: 0; padding: 0; max-height: 300px; overflow: auto; } .autocomplete-list ul li { cursor: pointer; list-style: inside none none; padding: 5px 0 5px 10px; } .autocomplete-list ul li.autocomplete-active { background-color: #23a9e1; } .autocomplete-active { background-color: #0000cc; color: #FFFFFF; } .form-item-container { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; padding: 5px 10px; position: relative; } .form-item-container .list-inline { margin-bottom: 0; } .form-item-container .list-inline li { margin: 2px 0; } .form-item-container .list-inline li span { border: 0.5px solid #23a9e1; border-radius: 3px; padding: 2px; } .form-item-container .list-inline li span.remove { border: none; cursor: pointer; padding: 0; } .form-item-container .list-inline li span.remove i { float: none; font-size: 8px; } .form-item-container .list-inline input { border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .error-msg { background-color: #ffdaca; color: #ed1c24; padding: 8px 10px; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #ef4136; } .has-error .form-control { background-color: #ffffff; border-color: #ef4136; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #1cba7d; -webkit-box-shadow: none; box-shadow: none; } .has-error .input-group-addon { color: #ef4136; border-color: #ef4136; background-color: #f2dede; } .has-error .form-control-feedback { color: #ef4136; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { background-color: #cce5cc; border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #1cba7d; -webkit-box-shadow: none; box-shadow: none; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } /*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-origin { position: absolute; height: 0; width: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connect { background: #3FB8AF; border-radius: 4px; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); -webkit-transition: background 450ms; transition: background 450ms; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } .noUi-handle:after, .noUi-handle:before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #B8B8B8; } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed; } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-large, .noUi-marker-sub { background: #AAA; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); padding-left: 25px; } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } /*! * ui-select * http://github.com/angular-ui/ui-select * Version: 0.19.7 - 2017-04-15T14:28:36.790Z * License: MIT */ /* Style when highlighting a search. */ .ui-select-highlight { font-weight: bold; } .ui-select-offscreen { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .ui-select-choices-row:hover { background-color: #f5f5f5; } /* Select2 theme */ /* Mark invalid Select2 */ .ng-dirty.ng-invalid > a.select2-choice { border-color: #D44950; } .select2-result-single { padding-left: 0; } .select2-locked > .select2-search-choice-close { display: none; } .select-locked > .ui-select-match-close { display: none; } body > .select2-container.open { z-index: 9999; /* The z-index Select2 applies to the select2-drop */ } /* Handle up direction Select2 */ .ui-select-container[theme="select2"].direction-up .ui-select-match, .ui-select-container.select2.direction-up .ui-select-match { border-radius: 4px; /* FIXME hardcoded value :-/ */ border-top-left-radius: 0; border-top-right-radius: 0; } .ui-select-container[theme="select2"].direction-up .ui-select-dropdown, .ui-select-container.select2.direction-up .ui-select-dropdown { border-radius: 4px; /* FIXME hardcoded value :-/ */ border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-width: 1px; /* FIXME hardcoded value :-/ */ border-top-style: solid; box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25); margin-top: -4px; /* FIXME hardcoded value :-/ */ } .ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search, .ui-select-container.select2.direction-up .ui-select-dropdown .select2-search { margin-top: 4px; /* FIXME hardcoded value :-/ */ } .ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match, .ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match { border-bottom-color: #5897fb; } .ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden, .ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input { opacity: 0; height: 0; min-height: 0; padding: 0; margin: 0; border: 0; } /* Selectize theme */ /* Helper class to show styles when focus */ .selectize-input.selectize-focus { border-color: #007FBB !important; } /* Fix input width for Selectize theme */ .selectize-control.single > .selectize-input > input { width: 100%; } /* Fix line break when there's at least one item selected with the Selectize theme */ .selectize-control.multi > .selectize-input > input { margin: 0 !important; } /* Fix dropdown width for Selectize theme */ .selectize-control > .selectize-dropdown { width: 100%; } /* Mark invalid Selectize */ .ng-dirty.ng-invalid > div.selectize-input { border-color: #D44950; } /* Handle up direction Selectize */ .ui-select-container[theme="selectize"].direction-up .ui-select-dropdown { box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25); margin-top: -2px; /* FIXME hardcoded value :-/ */ } .ui-select-container[theme="selectize"] input.ui-select-search-hidden { opacity: 0; height: 0; min-height: 0; padding: 0; margin: 0; border: 0; width: 0; } /* Bootstrap theme */ /* Helper class to show styles when focus */ /* .btn-default-focus { color: #333; background-color: #EBEBEB; border-color: #ADADAD; text-decoration: none; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } */ .ui-select-bootstrap .ui-select-toggle { position: relative; } .ui-select-bootstrap .ui-select-toggle > .caret { position: absolute; height: 10px; top: 50%; right: 10px; margin-top: -2px; } /* Fix Bootstrap dropdown position when inside a input-group */ .input-group > .ui-select-bootstrap.dropdown { /* Instead of relative */ position: static; } .input-group > .ui-select-bootstrap > input.ui-select-search.form-control { border-radius: 4px; /* FIXME hardcoded value :-/ */ border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up { border-radius: 4px !important; /* FIXME hardcoded value :-/ */ border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .ui-select-bootstrap .ui-select-search-hidden { opacity: 0; height: 0; min-height: 0; padding: 0; margin: 0; border: 0; } .ui-select-bootstrap > .ui-select-match > .btn { /* Instead of center because of .btn */ text-align: left !important; } .ui-select-bootstrap > .ui-select-match > .caret { position: absolute; top: 45%; right: 15px; } /* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */ .ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice { width: 100%; height: auto; max-height: 200px; overflow-x: hidden; margin-top: -1px; } body > .ui-select-bootstrap.open { z-index: 1000; /* Standard Bootstrap dropdown z-index */ } .ui-select-multiple.ui-select-bootstrap { height: auto; padding: 3px 3px 0 3px; } .ui-select-multiple.ui-select-bootstrap input.ui-select-search { background-color: transparent !important; /* To prevent double background when disabled */ border: none; outline: none; height: 1.666666em; margin-bottom: 3px; } .ui-select-multiple.ui-select-bootstrap .ui-select-match .close { font-size: 1.6em; line-height: 0.75; } .ui-select-multiple.ui-select-bootstrap .ui-select-match-item { outline: 0; margin: 0 3px 3px 0; } .ui-select-multiple .ui-select-match-item { position: relative; } .ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close { pointer-events: none; } .ui-select-multiple:hover .ui-select-match-item.dropping-before:before { content: ""; position: absolute; top: 0; right: 100%; height: 100%; margin-right: 2px; border-left: 1px solid #428bca; } .ui-select-multiple:hover .ui-select-match-item.dropping-after:after { content: ""; position: absolute; top: 0; left: 100%; height: 100%; margin-left: 2px; border-right: 1px solid #428bca; } .ui-select-bootstrap .ui-select-choices-row > span { cursor: pointer; display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .ui-select-bootstrap .ui-select-choices-row > span:hover, .ui-select-bootstrap .ui-select-choices-row > span:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .ui-select-bootstrap .ui-select-choices-row.active > span { color: #fff; text-decoration: none; outline: 0; background-color: #428bca; } .ui-select-bootstrap .ui-select-choices-row.disabled > span, .ui-select-bootstrap .ui-select-choices-row.active.disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } /* fix hide/show angular animation */ .ui-select-match.ng-hide-add, .ui-select-search.ng-hide-add { display: none !important; } /* Mark invalid Bootstrap */ .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match { border-color: #D44950; } /* Handle up direction Bootstrap */ .ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown { box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25); } .ui-select-bootstrap .ui-select-match-text { width: 100%; padding-right: 1em; } .ui-select-bootstrap .ui-select-match-text span { display: inline-block; width: 100%; overflow: hidden; } .ui-select-bootstrap .ui-select-toggle > a.btn { position: absolute; height: 10px; right: 10px; margin-top: -2px; } /* Spinner */ .ui-select-refreshing.glyphicon { position: absolute; right: 0; padding: 8px 27px; } @-webkit-keyframes ui-select-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes ui-select-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .ui-select-spin { -webkit-animation: ui-select-spin 2s infinite linear; animation: ui-select-spin 2s infinite linear; } .ui-select-refreshing.ng-animate { -webkit-animation: none 0s; } /* * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance, * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use, * make sure you copy the url from the website since the url may change between versions. * */ .toast-title { font-weight: 700; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFF; } .toast-message a:hover { color: #CCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: 700; color: #FFF; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1; } .toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #FFF; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; } #toast-container > div:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important; } #toast-container > .toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important; } #toast-container > .toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important; } #toast-container > .toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important; } #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } #toast-container > div.rtl { padding: 15px 50px 15px 15px; } } /*color picker style */ #cp-container .cp-custom .colorpicker-saturation { width: 160px; height: 160px; } #cp-container .cp-custom .colorpicker-hue, #cp-container .cp-custom .colorpicker-alpha { height: 160px; width: 25px; } #cp-container .cp-custom .colorpicker-color, #cp-container .cp-custom .colorpicker-color div { width: 218px; height: 25px; } /*RGB Model style*/ #RGB-Model { margin: 10px; } #RGB-Model > div { padding: 0px 5px; } #RGB-Model .input-group { margin-bottom: 5px; margin-top: 5px; } #RGB-Model .input-group-addon { font-weight: bold; color: white; width: 40% !important; max-width: 100px !important; min-width: 50px !important; } #RGB-Model > input { padding-right: 6px; } #RGB-Model #red { border-color: red; } #RGB-Model #green { border-color: green; } #RGB-Model #blue { border-color: blue; } #RGB-Model #RGB-red > label { background-color: red; border-color: red; } #RGB-Model #RGB-green > label { background-color: green; border-color: green; } #RGB-Model #RGB-blue > label { background-color: blue; border-color: blue; } #RGB-Model #RGB-alpha > label { color: black; } #RGB-Model input[type='number'] { -moz-appearance: textfield; } #RGB-Model input::-webkit-outer-spin-button, #RGB-Model input::-webkit-inner-spin-button { -webkit-appearance: none; } /* Color selector style */ .col-sm-1_5 { width: 12.5%; border: none; display: block; float: left; /* or text-align : center */ } .box { width: 90%; height: 25px; background-color: orange; display: block; margin: 0px auto 3px; /* or display : inline-block; */ } .box:hover { border: 3px solid black !important; } .box:focus { border: 3px solid black; outline: none; } #cpCustom .row { border-radius: 10px; } #cpCustom .row .box { box-shadow: 0px 0px 5px rgba(150, 150, 150, 0.7); } .modal { /*! * ui-select * http://github.com/angular-ui/ui-select * Version: 0.19.7 - 2017-04-15T14:28:36.790Z * License: MIT */ /* Style when highlighting a search. */ /* Select2 theme */ /* Mark invalid Select2 */ /* Handle up direction Select2 */ /* Selectize theme */ /* Helper class to show styles when focus */ /* Fix input width for Selectize theme */ /* Fix line break when there's at least one item selected with the Selectize theme */ /* Fix dropdown width for Selectize theme */ /* Mark invalid Selectize */ /* Handle up direction Selectize */ /* Bootstrap theme */ /* Helper class to show styles when focus */ /* .btn-default-focus { color: #333; background-color: #EBEBEB; border-color: #ADADAD; text-decoration: none; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } */ /* Fix Bootstrap dropdown position when inside a input-group */ /* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */ /* fix hide/show angular animation */ /* Mark invalid Bootstrap */ /* Handle up direction Bootstrap */ /* Spinner */ overflow: hidden; } .modal .ui-select-highlight { font-weight: bold; } .modal .ui-select-offscreen { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .modal .ui-select-choices-row:hover { background-color: #f5f5f5; } .modal .ng-dirty.ng-invalid > a.select2-choice { border-color: #D44950; } .modal .select2-result-single { padding-left: 0; } .modal .select2-locked > .select2-search-choice-close { display: none; } .modal .select-locked > .ui-select-match-close { display: none; } .modal body > .select2-container.open { z-index: 9999; /* The z-index Select2 applies to the select2-drop */ } .modal .ui-select-container[theme="select2"].direction-up .ui-select-match, .modal .ui-select-container.select2.direction-up .ui-select-match { border-radius: 4px; /* FIXME hardcoded value :-/ */ border-top-left-radius: 0; border-top-right-radius: 0; } .modal .ui-select-container[theme="select2"].direction-up .ui-select-dropdown, .modal .ui-select-container.select2.direction-up .ui-select-dropdown { border-radius: 4px; /* FIXME hardcoded value :-/ */ border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-width: 1px; /* FIXME hardcoded value :-/ */ border-top-style: solid; box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25); margin-top: -4px; /* FIXME hardcoded value :-/ */ } .modal .ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search, .modal .ui-select-container.select2.direction-up .ui-select-dropdown .select2-search { margin-top: 4px; /* FIXME hardcoded value :-/ */ } .modal .ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match, .modal .ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match { border-bottom-color: #5897fb; } .modal .ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden, .modal .ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input { opacity: 0; height: 0; min-height: 0; padding: 0; margin: 0; border: 0; } .modal .selectize-input.selectize-focus { border-color: #007FBB !important; } .modal .selectize-control.single > .selectize-input > input { width: 100%; } .modal .selectize-control.multi > .selectize-input > input { margin: 0 !important; } .modal .selectize-control > .selectize-dropdown { width: 100%; } .modal .ng-dirty.ng-invalid > div.selectize-input { border-color: #D44950; } .modal .ui-select-container[theme="selectize"].direction-up .ui-select-dropdown { box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25); margin-top: -2px; /* FIXME hardcoded value :-/ */ } .modal .ui-select-container[theme="selectize"] input.ui-select-search-hidden { opacity: 0; height: 0; min-height: 0; padding: 0; margin: 0; border: 0; width: 0; } .modal .ui-select-bootstrap .ui-select-toggle { position: relative; } .modal .ui-select-bootstrap .ui-select-toggle > .caret { position: absolute; height: 10px; top: 50%; right: 10px; margin-top: -2px; } .modal .input-group > .ui-select-bootstrap.dropdown { /* Instead of relative */ position: static; } .modal .input-group > .ui-select-bootstrap > input.ui-select-search.form-control { border-radius: 4px; /* FIXME hardcoded value :-/ */ border-top-right-radius: 0; border-bottom-right-radius: 0; } .modal .input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up { border-radius: 4px !important; /* FIXME hardcoded value :-/ */ border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .modal .ui-select-bootstrap .ui-select-search-hidden { opacity: 0; height: 0; min-height: 0; padding: 0; margin: 0; border: 0; } .modal .ui-select-bootstrap > .ui-select-match > .btn { /* Instead of center because of .btn */ text-align: left !important; } .modal .ui-select-bootstrap > .ui-select-match > .caret { position: absolute; top: 45%; right: 15px; } .modal .ui-select-bootstrap > .ui-select-choices, .modal .ui-select-bootstrap > .ui-select-no-choice { width: 100%; height: auto; max-height: 200px; overflow-x: hidden; margin-top: -1px; } .modal body > .ui-select-bootstrap.open { z-index: 1000; /* Standard Bootstrap dropdown z-index */ } .modal .ui-select-multiple.ui-select-bootstrap { height: auto; padding: 3px 3px 0 3px; } .modal .ui-select-multiple.ui-select-bootstrap input.ui-select-search { background-color: transparent !important; /* To prevent double background when disabled */ border: none; outline: none; height: 1.666666em; margin-bottom: 3px; } .modal .ui-select-multiple.ui-select-bootstrap .ui-select-match .close { font-size: 1.6em; line-height: 0.75; } .modal .ui-select-multiple.ui-select-bootstrap .ui-select-match-item { outline: 0; margin: 0 3px 3px 0; } .modal .ui-select-multiple .ui-select-match-item { position: relative; } .modal .ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close { pointer-events: none; } .modal .ui-select-multiple:hover .ui-select-match-item.dropping-before:before { content: ""; position: absolute; top: 0; right: 100%; height: 100%; margin-right: 2px; border-left: 1px solid #428bca; } .modal .ui-select-multiple:hover .ui-select-match-item.dropping-after:after { content: ""; position: absolute; top: 0; left: 100%; height: 100%; margin-left: 2px; border-right: 1px solid #428bca; } .modal .ui-select-bootstrap .ui-select-choices-row > span { cursor: pointer; display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .modal .ui-select-bootstrap .ui-select-choices-row > span:hover, .modal .ui-select-bootstrap .ui-select-choices-row > span:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .modal .ui-select-bootstrap .ui-select-choices-row.active > span { color: #fff; text-decoration: none; outline: 0; background-color: #428bca; } .modal .ui-select-bootstrap .ui-select-choices-row.disabled > span, .modal .ui-select-bootstrap .ui-select-choices-row.active.disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .modal .ui-select-match.ng-hide-add, .modal .ui-select-search.ng-hide-add { display: none !important; } .modal .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match { border-color: #D44950; } .modal .ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown { box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25); } .modal .ui-select-bootstrap .ui-select-match-text { width: 100%; padding-right: 1em; } .modal .ui-select-bootstrap .ui-select-match-text span { display: inline-block; width: 100%; overflow: hidden; } .modal .ui-select-bootstrap .ui-select-toggle > a.btn { position: absolute; height: 10px; right: 10px; margin-top: -2px; } .modal .ui-select-refreshing.glyphicon { position: absolute; right: 0; padding: 8px 27px; } @-webkit-keyframes ui-select-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes ui-select-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .modal .ui-select-spin { -webkit-animation: ui-select-spin 2s infinite linear; animation: ui-select-spin 2s infinite linear; } .modal .ui-select-refreshing.ng-animate { -webkit-animation: none 0s; } .modal img { display: inline-block; } .modal .form-horizontal .control-label { text-align: left; font-style: normal !important; } .modal .form-group { margin-bottom: 15px; } .modal .form-group .error-msg { background-color: inherit; color: red; padding: 2px 15px; float: left; } .modal .form-control { overflow: hidden; text-overflow: ellipsis; box-shadow: none; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-image: none; border: 1px solid #ccc; border-radius: 2px; /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */ -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .modal .modal-1000 { width: 1000px; } .modal .modal-1000 label[class^=col-] { padding: 0px; } .modal .modal-md { width: 400px; } .modal .modal-body { max-height: calc(100vh - 250px); overflow-y: overlay; overflow-x: hidden; text-align: left; display: flex; flex-direction: column; } .modal .modal-body wi-tree-node-virtual .node-content.selected { background: #f4f4f4 !important; } .modal .modal-body wi-tree-node-virtual .node-content:hover { background: #f4f4f4 !important; } .modal .modal-body > .container-fluid { width: 100%; } .modal .modal-body h5 { margin: 10px 0 20px 0; position: relative; width: 100%; overflow: hidden; } .modal .modal-body h5:after { position: absolute; content: ""; height: 1px; background-color: #e5e5e5; width: 100%; margin-left: 10px; top: 50%; } .modal .modal-content { border: 1px solid #0077be; border-radius: 2px; box-shadow: 0px 25px 70px #787878b0; width: 100%; } .modal.in .modal-dialog { transition: transform 0.3s cubic-bezier(0.04, 0.26, 0, 1.03); display: flex; align-items: center; min-height: calc(100% - 60px); } .modal .modal-footer { padding: 18px 20px; margin-top: 0; } .modal .footer-left { float: left; text-align: left; } .modal .footer-left p { color: blue; } .modal .footer-right { float: right; text-align: right; } .modal .footer-right p { color: blue; } .modal .modal-title { padding-left: 5px; } .modal .modal-footer .btn-group { padding: 4px 10px 4px 8px; } .modal .modal-footer button, .modal .modal-footer label { padding: 7px 20px 7px 20px; border-radius: 2px; } .modal .modal-footer button span, .modal .modal-footer label span { position: relative; top: 3px; right: 3px; } .modal .modal-footer button span img { float: left; } .modal .area { border: 1px dashed #4d97e6; background-color: #bedaf7; height: 30px; line-height: 30px; border-radius: 5px; } .modal .small-text { font-size: 11px; } .modal .normal-text { font-size: 12px; } .modal .condensed-text { letter-spacing: -1px; } .modal .tiny-text { font-size: 9px; line-height: 1.1; } .modal .wi-form-control { height: auto; padding: 2px 8px; } .modal input[required].ng-invalid-required { border: 1px solid #009aff; box-shadow: none; } .modal .modal-backdrop.in { opacity: 0; } .modal .black-btn { background: #282828; padding: 2px 15px; border: 1px solid #282828; color: #fff; } .modal .black-btn:hover { background: red; border: 1px solid red; color: #fff; } .modal .dialog-error { color: red; } .modal #sample { /* width: 100%; height: 200px; border: 1px solid #0C1021; */ margin-left: 20px; } .modal .trackTab { margin-top: 10px; border-bottom: 1px solid #cecece; } .modal .trackTab li.active { border: 1px solid #cecece; border-bottom: 1px solid #fff; background-color: #fff; padding-top: 7px; } .modal .trackTab li { display: inline; cursor: pointer; background-color: #DEDFE4; padding: 5px 10px 2px; border: 1px solid #cecece; } .modal #preview { height: 50px; border: 1px solid #cecece; } .modal .properties { width: 90%; height: 750px; margin: auto; } .modal .curveTable tbody tr td { padding: 8px 2px; } .modal .shadingTable tbody tr td { padding: 8px 2px; } .modal .wiselected { background-color: #C8C9D0 !important; } .modal .table { font-size: 12px; } .modal form h5 { color: #0077be; padding-bottom: 3px; } .modal form h5:after { background-color: blue; } .modal .text-on-table { font-size: 11px; } .modal .text-on-table .form-control { font-size: 10px; } .modal .text-on-table .wi-form-control { padding: 2px; } .modal .width-95-percent { width: 95%; } .modal .width-5-percent { width: 5%; } .modal .float-left { float: left; } .modal .float-right { float: right; } .modal .valign-middle { vertical-align: middle; } .modal .valign-bottom { vertical-align: bottom; } .modal .color-error { color: red; } .modal .form-condensed .form-group { margin-bottom: 5px; } .modal .form-condensed h1, .modal .form-condensed h2, .modal .form-condensed h3, .modal .form-condensed h4, .modal .form-condensed h5 { margin: 0 0 5px 0; } .modal input.color-comp::-webkit-inner-spin-button, .modal input.color-comp::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .modal input.color-comp { border: 1px solid lightblue; margin: 2px 4px; width: 95%; display: inline-block; color: blue; } .modal .wiColorpicker { width: 100%; } .modal .wiColorpicker .colorpicker-saturation { width: 170px; height: 170px; } .modal .wiColorpicker .colorpicker-hue, .modal .wiColorpicker .colorpicker-alpha { width: 20px; height: 170px; } .modal .wiColorpicker .colorpicker-color, .modal .wiColorpicker .colorpicker-color div { height: 20px; } .modal div.addon { border: 1px solid #ccc; height: 26px; width: 45px; display: inline-block; margin-right: 3px; } .modal .width-80px { width: 53px; height: 26px; display: inline-block; font-size: 11px; } .modal table.shadingTable td.border.border-style1-left { border-left: 1px solid blue; } .modal table.shadingTable td.border.border-style1-right { border-right: 1px solid blue; } .modal table.shadingTable td.border.border-style1-top { border-top: 1px solid blue; } .modal table.shadingTable td.border { border: 1px solid lightgray; } .modal table.shadingTable tr:last-child td.border { border-bottom: 1px solid blue; } .modal table.shadingTable td { padding-top: 1em; padding-bottom: 1em; } .modal .thick-border { border: 1px solid grey; } .modal .text-11px { font-size: 11px; } .modal .text-bold { font-style: bolder; } .modal .border-right { border-right: 2px solid #eee; } .modal .empty { width: 100%; height: 300px; border: 2px dashed #ccc; } .modal .empty-table-values { width: 100%; height: 50px; border: 2px dashed #ccc; } .modal .border-right { border-right: 2px solid #eee; } .modal .background-color-steelblue td { background-color: steelblue; } .modal .table-fixed { width: 100%; } .modal .table-fixed tbody { height: 200px; overflow-y: overlay; width: 100%; } .modal .table-fixed thead, .modal .table-fixed tbody, .modal .table-fixed tr, .modal .table-fixed td, .modal .table-fixed th { display: block; } .modal .table-fixed tbody td { float: left; } .modal .table-fixed thead tr th { float: left; background-color: #f39c12; border-color: #e67e22; } .modal .regressionLineTable input[type="number"]::-webkit-outer-spin-button, .modal .regressionLineTable input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .modal .regressionLineTable tbody tr td { padding: 6px 2px; text-align: center; } .modal .selectPolygons { border-radius: 5px; } .modal .selectPolygons div > button { font-size: 12px; padding: 1px 8px; } .modal .selectPolygons div > ul > li > a > i { margin-right: 1.5em; } .modal .refCurveTable thead tr th { text-align: center; } .modal .refCurveTable tbody tr td { text-align: center; } .modal .udlinesTable thead tr th { text-align: center; } .modal .udlinesTable tbody tr td { text-align: center; } .modal #lineStyleBtn { font-size: 10px; padding: 2px 30px; } .modal .customFillsTable thead th { text-align: center; } .modal .customFillsTable tbody td { text-align: center; } .modal .dialog-style { font-size: 12px; } .modal .dialog-style input[type=text] { font-size: 12px; } .modal .dialog-style input[type=number] { font-size: 12px; } .modal .dialog-style select { font-size: 12px; } .modal #lineStyleSvg { padding: 2px; border-radius: 3px; background: #fff; } .modal .regressionLineTable tbody select, .modal .regressionLineTable tbody input { font-size: 12px; padding: 4px; } .modal .regressionLineTable tbody multiselect button { font-size: 12px; padding: 3px 6px; } .modal .zonesTable tbody tr td { padding: 6px 2px; vertical-align: middle; text-align: center; } .modal input[type="checkbox"] { vertical-align: sub; margin-right: 5px; } .modal .color-red { background-color: red; } .modal .color-navy { background-color: navy; } .modal .template { font-size: 11px; font-weight: bold; letter-spacing: -0.5; } .modal .conditionExpr { margin-top: 1em; } .modal .conditionExpr > textarea { resize: none; min-width: 100%; } .modal .modalTernary thead tr th { text-align: center; } .modal .modalTernary tbody tr td { text-align: center; } .modal .wi-select-control { border: none; float: right; background: none; } .modal .small-button { padding: 1px 8px; } .modal .availableCurve { background: #F2F2F2; border: 1px solid #ccc; } .modal .availableCurve thead, .modal .availableCurve tbody { display: block; } .modal .availableCurve tbody { height: 15rem; overflow-y: overlay; } .modal .availableCurve tr { display: table; width: 100%; } .modal .availableCurve thead > tr > th { text-align: center; padding: 0.6em; } .modal .availableCurve tbody > tr > td:not(:second-child) { text-align: center; } .modal .availableCurve tbody > tr > td { padding: 0.3em; } .modal .scrollTable { /* thead, tbody { display: block; } */ } .modal .scrollTable tbody { max-height: 9em; overflow-y: overlay; } .modal .scrollTable tbody::-webkit-scrollbar { width: 5px; } .modal .scrollTable thead > tr > th { text-align: center; } .modal .scrollTable tbody > tr > td { text-align: center; } .modal input[type=checkbox].input-check { margin-top: 60%; width: 15px; height: 15px; } .modal .border-right-gray { border-right: 1px solid #ccc; } .modal .colorZone { margin: auto; width: 3em; height: 1.5em; border-radius: 5px; border: 1px solid #333; } .modal .ui-select-choices-row > span { height: 26px; } .modal .ui-select-small .ui-select-match .ui-select-toggle { height: 24px !important; padding: 2px 8px; } .modal .ui-select-small .ui-select-match .ui-select-toggle > a.btn { margin-top: 1px; } .modal .ui-select-small .ui-select-search { height: 24px; } .modal .ui-select-bootstrap > .ui-select-choices, .modal .ui-select-bootstrap > .ui-select-no-choice { width: fit-content; min-width: 100%; } .modal .ui-select-bootstrap > .ui-select-no-choice { padding-left: 20px; color: red; } .modal .ui-select-bootstrap .ui-select-match-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .modal #spinner-holder { position: absolute; border: 1px solid pink; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.5); z-index: 10; } .modal .label-disabled { opacity: 0.65; box-shadow: none; pointer-events: none; background-color: #fff; border-color: #ccc; } .modal .refCurve thead tr th { padding: 2px 8px; text-align: center; } .modal .refCurve tbody tr td { padding: 4px 8px 1px; } .modal .refCurve tbody tr td .checkbox { padding-top: 3px; padding-bottom: 3px; } .modal .pane-table { overflow-x: overlay; position: relative; } .modal .pane-table table thead { display: table-row; } .modal .pane-table table tbody { overflow-y: hidden; overflow-x: hidden; display: block; } .modal .pane-table table thead > tr > th { min-width: 100px; } .modal .pane-table table thead > tr > th:first-child { min-width: 50px; } .modal .pane-table table tbody > tr > td { min-width: 100px; } .modal .pane-table table tbody > tr > th { min-width: 50px; } .modal .pane-table table thead > tr > th { text-align: center; } .modal .modalScroll { max-height: 30em; overflow-y: overlay; } .modal .ui-select-toggle > .caret { pointer-events: none; } .modal .ui-select-tiny .ui-select-match .ui-select-toggle { height: 20px; padding: 3px; } .modal .ui-select-tiny .ui-select-search { height: 20px; } .modal .ui-select-tiny .dropdown-menu { min-width: 125px; font-size: 11px; } .modal .ui-select-tiny .dropdown-menu::-webkit-scrollbar { width: 5px; } .modal .background-header-table { background: #EBEDEF; } .modal .striped-table thead tr th { padding: 8px 2px; } .modal .striped-table thead tr { background-color: #EBEDEF; } .modal .striped-table tbody tr:nth-child(even) { background-color: #f2f2f2; } .modal .text-head { text-shadow: 1px 1px 8px #73b1e6; font-weight: bolder; } .modal .dialog-re-style .modal-header, .modal .dialog-re-style .modal-footer { background-color: #f5f5f5; } .modal .dialog-re-style .wi-form-control, .modal .dialog-re-style .ui-select-container > .ui-select-match > .form-control { border-radius: 2px; } .modal .hidden-text { width: 180px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } .modal .tooltip { position: relative; display: inline-block; } .modal .tooltip .tooltip-text { visibility: hidden; width: 120px; background-color: #ccc; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 1; } .modal .tooltip:hover .tooltip-text { visibility: visible; } .modal .list-pattern-style > wi-scroll > div > .scroll-container > wi-base-treeview .rootview { border-bottom: 1px solid #ccc; } .modal .list-pattern-style > wi-scroll > div > .scroll-container > wi-base-treeview .wi-treeview-container .wi-parent-node > .wi-parent-content .icon-expanded { display: none; } .modal .list-pattern-style > wi-scroll > div > .scroll-container > wi-base-treeview .wi-treeview-container .wi-parent-node > .wi-parent-content .item-content { border: 1px solid #888; } .modal .list-pattern-style > wi-scroll > div > .scroll-container > wi-base-treeview .wi-treeview-container .wi-parent-node > .wi-parent-content .item-content span { color: #444; font-weight: bold; } .modal .list-pattern-style > wi-scroll > div > .scroll-container { overflow-y: overlay; } .modal .list-pattern-style > wi-scroll > div > .scroll-container wi-base-treeview .wi-treeview-container .wi-parent-node:hover > .wi-parent-content .item-content > span { color: yellow; font-weight: bold; background: none; } .modal .list-pattern-style > wi-scroll > div > .scroll-container wi-base-treeview .wi-treeview-container .wi-parent-node:hover { background: rgba(0, 0, 255, 0.7); } .modal .list-pattern-style > wi-scroll > div > .scroll-container wi-base-treeview .wi-treeview-container .wi-parent-node.item-active > .wi-parent-content { background: rgba(0, 0, 255, 0.7); } .modal .list-pattern-style > wi-scroll > div > .scroll-container wi-base-treeview .wi-treeview-container .wi-parent-node.item-active > .wi-parent-content .item-content > span { color: yellow; font-weight: bold; text-shadow: 1px 1px #000; background: none; } .modal .list-pattern-style > wi-scroll > div > .scroll-container .rootview { padding-left: 0; } .modal .list-scroll wi-base-treeview .wi-treeview-container .wi-parent-node > .wi-parent-content .icon-expanded { display: none; } .modal .list-group li:nth-child(odd) { background: #eee; } .modal .list-body { flex: 1; display: flex; flex-direction: column; height: 100%; padding: 5px; } .modal .list-body wi-scroll .scroll-container { border: 1px solid #ccc; border-top: none; } .modal .text-heading { color: #428bca; font-size: 15px; font-style: italic; margin-bottom: 0; } .modal .box-shadow-ccc { box-shadow: 2px 2px 5px #ccc; } .modal .color-blue { color: #0077be; } .modal .group-heading::after { content: " "; position: absolute; width: calc(100% - 30px); height: 1px; display: block; background-color: black; } .modal .select-curve-depth { height: 400px; display: flex; } .modal .select-curve-depth .left-side { flex: 1; display: flex; flex-direction: column; margin-right: 15px; } .modal .select-curve-depth .right-side { flex: 1; display: flex; flex-direction: column; } .modal .open-model-modal .line-height-1_5 { line-height: 1; } .modal .comparison-table { display: table; width: calc(100% - 8px); } .modal .comparison-table .table-header { display: table-header-group; text-align: center; font-weight: bold; } .modal .comparison-table .table-body { height: 200px; overflow-y: overlay; } .modal .comparison-table .table-row { display: table-row; } .modal .comparison-table .table-cell { display: table-cell; padding: 3px; border: 1px solid #eee; } .modal .label-none-bg label { background: none; } .modal .selected { background-color: #eee !important; } .modal .set-zone { max-height: 300px; overflow-y: auto; display: block; border: none; border-top: 1px solid #ddd; } .modal .set-zone th, .modal .set-zone td { text-align: center; vertical-align: middle; } .modal .set-zone td { padding: 4px; } .modal .tag-list { overflow: unset; } .modal .tag-list .ui-select-container { overflow: visible; } .modal .tag-list .ui-select-container .ui-select-match { display: flex; flex-wrap: wrap; } .modal .tag-list .ui-select-multiple.ui-select-bootstrap .ui-select-match-item { margin: 5px 10px 5px 0; display: flex; align-items: center; } .modal .tag-list .ui-select-multiple.ui-select-bootstrap .ui-select-match .close { line-height: unset; margin-right: 10px; } .modal .tag-list .btn-xs, .modal .tag-list .btn-group-xs > .btn { padding: 1px 10px 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .modal .tag-list .btn-primary { border: 1px solid #0077be; color: #0077be; font-weight: bold; background-color: #fff !important; border-color: none; } .modal .tag-list .form-control { border: none !important; padding: 0 !important; } .modal .import-parameter .drop-parameter .drop-parameter-title { text-align: center; font-weight: bold; font-size: larger; color: #1962a7; } .vi-track-drawing { position: absolute; } .vi-correlation-track-container .vi-track-header-container { filter: opacity(0); } .vi-zone-track-container .vi-track-plot-container .vi-zone-line-drag { cursor: row-resize; stroke: transparent; } .vi-zone-track-container .vi-track-plot-container .vi-zone-line { stroke: black; } .vi-zone-track-container .vi-track-plot-container .vi-track-svg-zone-container .vi-zone-svg-group foreignObject { pointer-events: none; } .vi-zone-track-container .vi-track-plot-container .vi-track-svg-zone-container .vi-zone-svg-group foreignObject .vi-zone-html-container { float: right; margin: 2px 2px 0 0; padding: 2px; color: #000; text-shadow: 0.7px 0 0 #fff, -0.7px 0 0 #fff, 0 0.7px 0 #fff, 0 -0.7px 0 #fff, 0.7px 0.7px #fff, -0.7px -0.7px 0 #fff, 0.7px -0.7px 0 #fff, -0.7px 0.7px 0 #fff; } .vi-zone-track-container .vi-track-plot-container .vi-track-svg-zone-container .vi-zone-svg-group foreignObject .vi-zone-html-container .fa { font-size: 13px; } .vi-image-track-container .vi-track-plot-container .vi-image-zone-container { border-top: 1px solid blue; border-bottom: 1px solid blue; } .vi-image-track-container .vi-track-plot-container .vi-image-zone-container-highlight { border-top: 1px solid red; border-bottom: 1px solid red; } .vi-track-header-name { cursor: move; } .vi-track-header-name strong { font-size: 0.9em; } .vi-zone-header { position: relative; padding: 2.5px 0; } .vi-zone-header .vi-zone-header-name { display: inline-block; position: relative; text-align: center; background-color: white; border: 0.5px solid black; padding: 0 2px 0 2px; font-size: 10px; z-index: 1; cursor: default; } .vi-zone-header .vi-zone-header-fill { position: absolute; top: 0; left: 0; } .vi-depth-track-container .vi-track-axis-container .domain { display: none; } .vi-depth-track-container .vi-track-axis-container .tick line { stroke: black; stroke-width: 1; stroke-opacity: 1; } .vi-depth-track-container .vi-track-axis-container .tick text { font-weight: bold; font-size: 14px; } .vi-object-track-container .vi-track-plot-container .vi-object-container { position: absolute; display: inline-block; width: 100%; overflow: hidden; } .vi-object-track-container .vi-track-plot-container .vi-object-draw-container { position: relative; display: flex; height: 100%; border-top: 1px solid blue; border-bottom: 1px solid blue; flex-direction: column; text-align: center; } .vi-object-track-container .vi-track-plot-container .ui-resizable-handle:hover { background-color: #999; position: absolute; } .vi-object-track-container .vi-track-plot-container .vi-object-tooltip { width: inherit; height: inherit; position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; } .vi-object-track-container .vi-track-plot-container .vi-object-tooltip span { flex: 1; border-radius: 5px; background-color: rgba(0, 0, 0, 0.9); font-size: 120%; color: white; position: absolute; padding: 0.2em 0.5em; } .vi-image-zone-header { position: relative; padding: 2.5px 0; } .vi-image-zone-header .vi-image-zone-header-name { display: inline-block; position: relative; text-align: center; background-color: white; border: 0.5px solid black; padding: 0 2px 0 2px; font-size: 10px; z-index: 1; cursor: default; } .vi-image-zone-header .vi-image-zone-header-fill { position: absolute; top: 0; left: 0; } .vi-object-header { position: relative; padding: 2.5px 0; } .vi-object-header .vi-object-header-name { display: inline-block; position: relative; text-align: center; background-color: white; border: 0.5px solid black; padding: 0 2px 0 2px; font-size: 10px; z-index: 1; cursor: default; } .vi-object-header .vi-object-header-fill { position: absolute; top: 0; left: 0; } .vi-log-track-container .tooltip-line, .vi-depth-track-container .tooltip-line, .vi-image-track-container .tooltip-line, .vi-object-track-container .tooltip-line, .vi-zone-track-container .tooltip-line, .vi-correlation-track-container .tooltip-line, .vi-tadpole-track-container .tooltip-line, .vi-rose-diagram-track-container .tooltip-line { stroke: black; stroke-dasharray: 2, 1; stroke-width: 1px; pointer-events: none; } .vi-log-track-container .tooltip-rect, .vi-depth-track-container .tooltip-rect, .vi-image-track-container .tooltip-rect, .vi-object-track-container .tooltip-rect, .vi-zone-track-container .tooltip-rect, .vi-correlation-track-container .tooltip-rect, .vi-tadpole-track-container .tooltip-rect, .vi-rose-diagram-track-container .tooltip-rect { stroke: #666; stroke-width: 1px; fill: rgba(255, 255, 160, 0.9); font-size: 10; pointer-events: none; } .vi-log-track-container .tooltip-text, .vi-depth-track-container .tooltip-text, .vi-image-track-container .tooltip-text, .vi-object-track-container .tooltip-text, .vi-zone-track-container .tooltip-text, .vi-correlation-track-container .tooltip-text, .vi-tadpole-track-container .tooltip-text, .vi-rose-diagram-track-container .tooltip-text { pointer-events: none; } .vi-log-track-container .tooltip-text tspan, .vi-depth-track-container .tooltip-text tspan, .vi-image-track-container .tooltip-text tspan, .vi-object-track-container .tooltip-text tspan, .vi-zone-track-container .tooltip-text tspan, .vi-correlation-track-container .tooltip-text tspan, .vi-tadpole-track-container .tooltip-text tspan, .vi-rose-diagram-track-container .tooltip-text tspan { dy: 1.2em; } .vi-log-track-container text { cursor: default; } .vi-log-track-container .vi-shading-header .vi-shading-header-item { display: inline-block; position: relative; background-color: white; border: 1px solid black; padding: 0 2px 0 2px; font-size: 10px; z-index: 1; cursor: default; } .vi-log-track-container .vi-shading-header .vi-shading-left-value { float: left; } .vi-log-track-container .vi-shading-header .vi-shading-right-value { float: right; } .vi-log-track-container .vi-track-drawing > g { pointer-events: all; } .vi-log-track-container .vi-track-axis .domain { display: none; } .vi-log-track-container .vi-track-axis .tick line { stroke: LightGray; stroke-width: 1; stroke-opacity: 0.3; } .vi-log-track-container .vi-track-axis .tick.major line { stroke: LightGray; stroke-opacity: 0.8; } .vi-marker-svg-group { cursor: row-resize; } .vi-crossplot-header-container { flex: 0 1 auto; text-align: center; } .vi-crossplot-header-container .vi-crossplot-header-name { font-size: 20px; } .vi-crossplot-footer-container { flex: 0 1 auto; height: 20px; line-height: 20px; background-color: rgba(0, 0, 0, 0.1); display: flex; flex-direction: row; } .vi-crossplot-footer-left { flex: 1; text-align: left; } .vi-crossplot-footer-middle { flex: 1; text-align: center; } .vi-crossplot-footer-right { flex: 1; text-align: right; } .vi-crossplot-container { position: relative; flex: 1; display: flex; flex-flow: column; } .vi-crossplot-container .vi-crossplot-body-container { position: relative; flex: 1 1 auto; } .vi-crossplot-container .vi-crossplot-body-container canvas, .vi-crossplot-container .vi-crossplot-body-container svg { position: absolute; top: 0; left: 0; } .vi-crossplot-container .vi-crossplot-body-container .vi-crossplot-axes-container .vi-crossplot-axis-grids .tick line { stroke: gray; stroke-width: 1; } .vi-crossplot-container .vi-crossplot-body-container .vi-crossplot-axes-container .vi-crossplot-axis-grids .tick .vi-major-tick { stroke-opacity: 0.8; } .vi-crossplot-container .vi-crossplot-body-container .vi-crossplot-axes-container .vi-crossplot-axis-grids .tick .vi-minor-tick { stroke-opacity: 0.3; } .vi-crossplot-container .vi-crossplot-body-container .vi-crossplot-equations text { font-size: 12px; } .vi-crossplot-container .vi-crossplot-body-container .vi-crossplot-tooltip { pointer-events: none; } .vi-histogram-container { flex: 1; overflow: visible; position: relative; padding: 10px 50px 20px 50px; } .vi-histogram-container .vi-histogram-svg { overflow: visible; position: absolute; top: 10px; left: 50px; } .vi-histogram-tooltip { border: 1px solid blue; border-radius: 5px; background-color: rgba(255, 255, 255, 0.95); font-size: 120%; font-weight: 700; color: blue; position: absolute; } .vi-histogram-tooltip div { padding: 0.2em 0.5em; } .outline { border: 1px dashed gray; width: 5px; z-index: 2; height: 100%; } .mean-line { stroke: #88FF88; stroke-width: 2px; } .sigma-line { stroke: #FF8888; stroke-width: 2px; } .gaussian-line { fill: none; stroke: steelblue; stroke-width: 2px; } .cumulative-line { fill: none; stroke: maroon; stroke-width: 2px; } .curves { fill: none; stroke-width: 2px; } .tick line { stroke: LightGray; stroke-width: 1; stroke-opacity: 0.3; } .tick.major line { stroke: LightGray; stroke-opacity: 0.8; } .vi-tadpole-angle-curve-header { border: 1px solid black; } .vi-tadpole-angle-curve-header span.left { float: left; margin-left: 2px; } .vi-tadpole-angle-curve-header span.right { float: right; margin-right: 2px; } span { display: inline; } input:focus, button:focus, textarea:focus, select:focus { outline: none; } input, select { border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } file-explorer input, wii-items input, wi-props input, file-explorer select, wii-items select, wi-props select { border: none; box-shadow: none; background: transparent; } ::-webkit-scrollbar { height: 7px; width: 7px; } ::-webkit-scrollbar-thumb { background-color: #cccccc; } ::-webkit-scrollbar-button { display: none; background-size: 100%; width: 7px; height: 7px; } ::-webkit-scrollbar-button:horizontal:increment { /* Right */ background-image: none; } ::-webkit-scrollbar-button:horizontal:decrement { /* Left */ background-image: none; } ::-webkit-scrollbar-button:vertical:increment { /* Down */ background-image: none; } ::-webkit-scrollbar-button:vertical:decrement { /* Up */ background-image: none; } body { width: 100vw; height: 100vh; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-family: Roboto, system-ui, sans-serif; -webkit-font-smoothing: antialiased; } .fade.in { opacity: 1; background: #0000002d; } overflow-hidden { overflow: hidden; } .wi-hidden { visibility: hidden; } .main { display: flex; flex-direction: column; height: calc(100% - 5px); width: 100%; font-size: 12px; } #myLayout { width: calc(100% - 2px); display: flex; flex-wrap: wrap; flex: 1 1 auto; height: calc(100% - 160px); padding-top: 3px; background: #fff; } #myLayout .lm_goldenlayout { background: none; } .ribbon-wrapper { height: 160px; } .ribbon-wrapper wi-dropdown.height65 button, .ribbon-wrapper wi-button.height65 button { max-width: 92px; min-width: 92px; } .ribbon-wrapper wi-dropdown.height-auto button, .ribbon-wrapper wi-dropdown.fix-btn-sm button, .ribbon-wrapper wi-dropdown.height65 button, .ribbon-wrapper wi-button.height65 button, .ribbon-wrapper wi-button.height-auto button, .ribbon-wrapper wi-button.fix-btn-sm button { white-space: nowrap; } .ribbon-wrapper wi-dropdown.height-auto button, .ribbon-wrapper wi-button.height-auto button, .ribbon-wrapper wi-dropdown.height65.width-auto button, .ribbon-wrapper wi-button.height65.width-auto button { max-width: unset; min-width: unset; } .ribbon-wrapper wi-dropdown.height-auto button p, .ribbon-wrapper wi-button.height-auto button p, .ribbon-wrapper wi-dropdown.height65.width-auto button p, .ribbon-wrapper wi-button.height65.width-auto button p { padding-right: 5px; padding-left: 10px; } .ribbon-wrapper .toolbar-vertical { height: 90px; } .status-bar { width: 100%; height: 30px; background-color: yellow; border: 1px solid black; z-index: 100; } .lm_header { height: 38px; } .lm_header .lm_tab { color: #333; border-top-left-radius: 2px; border-top-right-radius: 2px; padding-right: 20px; padding-top: 10px; margin-right: 0px; padding-bottom: 11px; max-width: 250px; height: 15px; background: #fff; opacity: 0.75; } .lm_header .lm_tab .lm_close_tab { margin-top: 9px; padding-right: 15px; } .lm_header .lm_tab.lm_active { opacity: 1; border: 1px solid #0077be; border-bottom: none; padding-bottom: 12px; box-shadow: 5px -3px 5px -4px #0000002e, -5px -3px 5px -4px #0000002e; } .lm_header .lm_tab.lm_active .lm_close_tab { opacity: 0.4; } .lm_header .lm_controls { align-items: center; } .lm_header .lm_controls > li { padding-right: 10px; } .lm_header .lm_tab .lm_title { padding-top: 0; overflow: hidden; padding-left: 2px; padding-right: 16px; max-width: calc(100% - 0.5em); } .lm_controls { display: inline-flex; top: 50%; transform: translateY(-50%); } .lm_tabdropdown_list > .lm_tab { min-width: -webkit-fill-available; } .lm_tabdropdown_list > .lm_tab > .lm_title { width: 100% !important; } .lm_title span { vertical-align: middle; line-height: 100%; } .lm_title span:first-child { margin-right: 10px; margin-top: -1px; } .lm_splitter.lm_horizontal .lm_drag_handle { width: 7px !important; left: unset !important; } .lm_splitter.lm_vertical .lm_drag_handle { height: 7px !important; top: unset !important; } .lm_splitter:hover, .lm_splitter.lm_dragging { background: #0077be70; opacity: 1; } .lm_items { border: 1px solid #0077be; position: relative; } .lm_items .lm_item_container.tab-hide { position: absolute; top: -9999px; left: -9999px; } .lm_items .lm_item_container.force-show { position: absolute; top: 0; left: 0; z-index: 9999; } .lm_content { background-color: #fff; border: none; } .position-relative { position: relative; } .position-absolute { position: absolute; } .cursor-pointer { cursor: pointer; } label.flex-row { display: flex; flex-direction: row; } .flex-1 { flex: 1; } .height65 button { height: auto; } .height-20px { height: 20px; } .height-auto { width: 100%; } .height-auto button { height: auto; width: 100%; text-align: left; text-indent: 5px; padding: 5px 0; } .height-auto button > p { width: 130px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; } .width-95-percent { width: 95%; } .width-90-percent { width: 90%; } .width-85-percent { width: 85%; } .width-10-percent { width: 10%; } .width-15-percent { width: 15%; } .width-868 { width: 868px; } .width-920 { width: 920px; } .width-970 { width: 970px; } .width-1100 { width: 1100px; } .width-150 { width: 150px; } .width-250 { width: 250px; } .width-290 { width: 290px; } .width-295 { width: 295px; } .width-290 .toolbar-vertical { padding: 4px 0; } .width-365 { width: 365px; } .width-390 { width: 390px; } .width-450 { width: 450px; } .width-600 { width: 600px; } .width-auto { width: auto; } .fix-btn-sm p { width: 106px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: text-bottom; text-indent: 5px; text-align: left; } .fix-btn-sm button { padding: 0px 5px; height: 20px; } wi-dropdown.fix-btn-sm { border: none; } wi-dropdown.fix-btn-sm p { width: 100px; margin-left: 3px; } .border-right-btn { border-right: 1px solid transparent; -moz-border-image: -moz-linear-gradient(to bottom, rgba(180, 182, 191, 0) 0%, #b4b6bf 51%, rgba(180, 182, 191, 0) 100%); -webkit-border-image: -webkit-linear-gradient(to bottom, rgba(180, 182, 191, 0) 0%, #b4b6bf 51%, rgba(180, 182, 191, 0) 100%); border-image: linear-gradient(to bottom, rgba(180, 182, 191, 0) 0%, #b4b6bf 51%, rgba(180, 182, 191, 0) 100%); border-image-slice: 1; margin-bottom: 0; } .font-weight-700 { font-weight: 700; } .ui-select-multiple.ui-select-bootstrap input.ui-select-search { width: 100% !important; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { filter: hue-rotate(60deg) sepia(1) saturate(25.5); } .ui-resizable-e { width: 12px; right: -7px; } .jsPanel .ui-resizable-e { width: 7px; } .jsPanel .jsPanel-titlebar h3 { font-variant: unset; } input[type].display-none, .display-none { display: none !important; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fade-in { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; animation-duration: 0.2s; } .has-more > div { position: relative; } .has-more button::after { content: ''; width: 0; height: 0; position: absolute; right: 1em; border-left: 5px solid black; border-right: 5px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .display-inline-block { display: inline-block; } .display-block { display: block; } .margin-right-0_5em { margin-right: 0.5em; } .margin-top-5px { margin-top: 5px; } .margin-top-0_5em { margin-top: 0.5em; } .margin-left-0_5em { margin-left: 0.5em; } .margin-left-1em { margin-left: 1em; } .margin-bottom-0 { margin-bottom: 0; } .margin-bottom-1_5em { margin-bottom: 1.5em; } .margin-bottom-0_3em { margin-bottom: 0.3em; } .margin-tb-5px { margin: 5px 0; } .padding-right-0_5em { padding-right: 0.5em; } .padding-right-5px { padding-right: 5px; } .padding-right-30px { padding-right: 30px; } .padding-top-2em { padding-top: 2em; } .padding-top-1em { padding-top: 1em; } .padding-bottom-2em { padding-bottom: 2em; } .padding-bottom-0_5em { padding-bottom: 0.5em; } .padding-bottom-1em { padding-bottom: 1em; } .padding-tb-2em { padding: 2em 0; } .padding-2em { padding: 2em; } .padding-1em { padding: 1em; } .padding-50-percent { padding: 50% 0; } .padding-50px { padding: 50px 0; } .padding-100px { padding: 100px 0; } .padding-tb-small { padding: 4px 0px; } .padding-tb-normal { padding: 8px 0px; } .padding-0 { padding: 0; } .padding-2px { padding: 2px; } .padding-left-0 { padding-left: 0px; } .padding-right-0 { padding-right: 0px; } .padding-top-0 { padding-top: 0px !important; } .padding-0_3-em { padding: 0.3em; } .padding-left-5-percent { padding-left: 5%; } .padding-left-4-percent { padding-left: 4%; } .padding-left-10-percent { padding-left: 10%; } .padding-left-15-percent { padding-left: 15%; } .padding-left-20-percent { padding-left: 20%; } .padding-left-5px { padding-left: 5px; } .padding-left-20px { padding-left: 20px; } .padding-left-4_5em { padding-left: 4.5em; } .padding-left-4em { padding-left: 4em; } .padding-left-3em { padding-left: 3em; } .padding-left-2em { padding-left: 2em; } .padding-left-1em { padding-left: 1em; } .padding-left-1_5em { padding-left: 1.5em; } .padding-left-2_5em { padding-left: 2.5em; } .padding-left-15px { padding-left: 15px; } .padding-left-60px { padding-left: 60px; } .text-color-steelblue { color: steelblue; } .text-color-lightgray { color: slategray; } .text-color-red { color: red; } .user-wrapper { position: absolute; /* top: 9px; */ right: 2px; /* height: 100%; */ display: flex; overflow-y: hidden; overflow-x: auto; height: 40px; border-bottom: none; } .width-100-percent { width: 100%; } .height-100-percent { height: 100%; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; } .color-black { color: black; } .color-lightgray { color: #ccc; } .top-8px { top: 8px; } .border-style { border-right: 1px solid transparent; border-image: linear-gradient(to bottom, rgba(180, 182, 191, 0) 0%, #b4b6bf 51%, rgba(180, 182, 191, 0) 100%); border-image-slice: 1; } .font-weight-normal { font-weight: normal; } .font-size-32 { font-size: 32px; } .noUi-horizontal div.noUi-handle { height: 14px; } div.noUi-horizontal { height: 5px; } div.noUi-handle:after, div.noUi-handle:before { height: 4px; top: 4px; background-color: black; } div.noUi-base { background-color: #888; cursor: pointer; } .table-body-scroll tbody { display: block; height: 200px; max-height: 300px; overflow-y: scroll; } .table-body-scroll thead, .table-body-scroll tbody tr { display: table; width: 100%; table-layout: fixed; } .stack-header-control i { font-size: 16px; cursor: pointer; display: none; margin-right: 3px; } .smooth-scroll { scroll-behavior: smooth; } .tree-block { display: flex; flex-direction: column; padding: 0; flex: 1; overflow: hidden; background-color: #ffffff; margin-bottom: 0; } .tree-block .header-block { display: flex; padding-top: 5px; padding-bottom: 5px; } .tree-block .header-block .button-block { flex: 2; text-align: right; } .tree-block .header-block .button-block label { margin: 5px 0 5px 5px; padding: 5px; } .tree-block .header-block .button-block label:last-child { margin-right: 0; } .tree-block .header-block .button-block button { margin: 5px 0 5px 5px; padding: 5px; } .tree-block .header-block .button-block button:not(.btn-default) { background: none; } .tree-block .search-block { position: relative; } .tree-block .search-block i { position: absolute; line-height: 2em; left: 0.5em; font-size: 14px; color: #aaa; } .tree-block .search-block input { text-indent: 1.5em; color: steelblue; border: none; width: 100%; padding: 7px; } .tree-block .search-block ::-webkit-input-placeholder { color: #ccc; font-style: italic; } .tree-block .treeview-content { display: flex; overflow-x: hidden; overflow-y: hidden; background-color: white; border-top: 1px solid #ddd; } .tree-block .treeview-content wi-scroll { flex: 1; display: flex; flex-direction: column; width: 100%; } .tree-block .treeview-content wi-scroll .scroll-container { overflow-x: hidden; overflow-y: auto; } .tree-block .treeview-content wi-scroll .scroll-busy { text-align: center; padding: 0.5em 0; background-color: rgba(255, 255, 255, 0.5); position: absolute; bottom: 0; left: 0; right: 0; } #hot-display-license-info { display: none; } .htDropdownMenu:not(.htGhostTable) { z-index: 500; } .htFiltersConditionsMenu:not(.htGhostTable) { z-index: 501; } .horizontal-line { border-bottom: 1px solid #e1e1e1; } .handsontable label { margin-bottom: unset; font-weight: unset; } .handsontable .htCheckboxRendererLabel { text-align: center; } .handsontable .htUIMultipleSelectHot .htCheckboxRendererLabel { text-align: unset; } .ht_clone_top { z-index: 0; } .ht_clone_left { z-index: 0; } .ht_clone_top_left_corner { z-index: 0; } .wi-panel h5 { margin: 10px 0 20px 0; position: relative; width: 100%; overflow: hidden; } .wi-panel h5:after { position: absolute; content: ""; height: 1px; background-color: #e5e5e5; width: 100%; margin-left: 10px; top: 50%; } .wi-table { display: table; padding-left: 0; width: 100%; } .wi-table-row { display: table-row; } .wi-table-row.disabled { background-color: #eee; color: #ccc; } .wi-table-heading { font-weight: 700; } .wi-table-cell { display: table-cell; padding: 5px 10px; border: 1px solid #ccc; position: relative; } .wi-table-cell .ti-na { color: red; } .wi-table-cell .ti-check { color: blue; } .wi-table-row.disabled .wi-table-cell .ti-check { color: #ccc; } .ui-select-placeholder { margin-right: 10px; } .text-overflow { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } div[ng-dropdown-multiselect] .multiselect-parent { display: block; } div[ng-dropdown-multiselect] .multiselect-parent .dropdown-toggle { width: 100%; float: unset; } div[ng-dropdown-multiselect] .multiselect-parent .dropdown-menu { width: 100%; } .toast { white-space: normal; } .btn.btn-default { outline: 0 !important; transition: all 0.2s ease-in; } .table thead { font-weight: bold; text-align: center; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #0289db; background-color: #fff; box-shadow: none; border-color: #0089db; transition: all 0.2s ease-in; filter: saturate(2); } .btn-icon { background-color: transparent; border: none; } .progress { overflow: unset; } .progress-bar { box-shadow: 0 0 3px #0289db; } .form-control:focus { border-color: #0077be; outline: 0; box-shadow: none !important; } .jsglyph { font-family: "jsglyphregular"; } .jsPanel-theme-default { background-color: #1962a7; border-color: #1962a7; } .jsPanel-theme-default > .jsPanel-hdr * { color: #fff; font-size: 13px; font-weight: bold; position: relative; } .jsPanel-theme-default > .jsPanel-hdr .jsPanel-hdr-toolbar * { color: #000; } .jsPanel-headerlogo { display: none; } .jsPanel .jsPanel-titlebar h3 { margin-left: 17px; } .jsglyph-minimize::before { position: absolute; height: 15px; width: 15px; left: -59px; bottom: -6px; border-radius: 50%; border: 1px solid #fff3; background-color: #6897c3; display: flex; align-items: center; justify-content: center; font-size: 7px; } .jsglyph-chevron-up::before { position: absolute; height: 15px; width: 15px; left: -78px; bottom: -6px; border-radius: 50%; border: 1px solid #fff3; background-color: #6897c3; display: flex; align-items: center; justify-content: center; font-size: 7px; } .jsglyph-chevron-down::before { position: absolute; height: 15px; width: 15px; left: -78px; bottom: -6px; border-radius: 50%; border: 1px solid #fff3; background-color: #6897c3; display: flex; align-items: center; justify-content: center; font-size: 7px; } .jsglyph-normalize::before { position: absolute; height: 15px; width: 15px; left: -116px; bottom: -6px; border-radius: 50%; background-color: #6897c3; display: flex; align-items: center; justify-content: center; font-size: 7px; } .jsglyph-maximize::before { position: absolute; height: 15px; width: 15px; left: -41px; bottom: -6px; border-radius: 50%; border: 1px solid #fff3; background-color: #6897c3; display: flex; align-items: center; justify-content: center; font-size: 7px; } .jsglyph-close::before { position: absolute; height: 15px; width: 15px; left: -23px; display: flex; bottom: -6px; border-radius: 50%; border: 1px solid #fff3; background-color: #6897c3; align-items: center; justify-content: center; font-size: 7px; } .jsPanel { border: 2px solid #1962a7; font-family: Roboto, system-ui, sans-serif; -webkit-font-smoothing: antialiased; box-shadow: 0 14px 80px rgba(0, 0, 0, 0.38); } .jsPanel-controlbar .jsPanel-btn span { position: relative; vertical-align: middle; } .jsPanel-titlebar h3 { font-family: Roboto, system-ui, sans-serif; margin: 10px 55px 10px 8px; } .jsPanel-theme-default > .jsPanel-hdr .jsPanel-hdr-toolbar { border-top: 1px solid #e0e0e0; background: #f3f3f3; padding-left: 10px; height: 38px; } .lm_controls .lm_maximise { background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.5%20(67469)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Elm_maximise_16x16%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22lm_maximise_16x16%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval-2%22%20stroke%3D%22%230077BE%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%225.5%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill%3D%22%230077BE%22%20transform%3D%22translate(10.500000%2C%206.500000)%20rotate(-360.000000)%20translate(-10.500000%2C%20-6.500000)%20%22%20x%3D%2210%22%20y%3D%225%22%20width%3D%221%22%20height%3D%223%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill%3D%22%230077BE%22%20transform%3D%22translate(9.500000%2C%205.500000)%20rotate(-270.000000)%20translate(-9.500000%2C%20-5.500000)%20%22%20x%3D%229%22%20y%3D%224%22%20width%3D%221%22%20height%3D%223%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill%3D%22%230077BE%22%20transform%3D%22translate(5.500000%2C%209.500000)%20rotate(-180.000000)%20translate(-5.500000%2C%20-9.500000)%20%22%20x%3D%225%22%20y%3D%228%22%20width%3D%221%22%20height%3D%223%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill%3D%22%230077BE%22%20transform%3D%22translate(6.500000%2C%2010.500000)%20rotate(-90.000000)%20translate(-6.500000%2C%20-10.500000)%20%22%20x%3D%226%22%20y%3D%229%22%20width%3D%221%22%20height%3D%223%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E'); } .lm_controls .lm_close { background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.5%20(67469)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Elm_close_16x16%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22lm_close_16x16%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval-2%22%20stroke%3D%22%230077BE%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%225.5%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill%3D%22%230077BE%22%20transform%3D%22translate(8.000000%2C%208.000000)%20rotate(-315.000000)%20translate(-8.000000%2C%20-8.000000)%20%22%20x%3D%227.5%22%20y%3D%225%22%20width%3D%221%22%20height%3D%226%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill%3D%22%230077BE%22%20transform%3D%22translate(8.000000%2C%208.000000)%20rotate(-225.000000)%20translate(-8.000000%2C%20-8.000000)%20%22%20x%3D%227.5%22%20y%3D%225%22%20width%3D%221%22%20height%3D%226%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E'); } .lm_controls .lm_new_windows { opacity: 0.4; cursor: pointer; background-repeat: no-repeat; display: inline-block !important; overflow: hidden; text-indent: -9999px; text-align: left; width: 16px; height: 16px; background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.5%20(67469)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Elm_new_windows_16x16%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22lm_new_windows_16x16%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval-2%22%20stroke%3D%22%230077BE%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%225.5%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill%3D%22%230077BE%22%20transform%3D%22translate(10.500000%2C%206.500000)%20rotate(-360.000000)%20translate(-10.500000%2C%20-6.500000)%20%22%20x%3D%2210%22%20y%3D%225%22%20width%3D%221%22%20height%3D%223%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill%3D%22%230077BE%22%20transform%3D%22translate(9.500000%2C%205.500000)%20rotate(-270.000000)%20translate(-9.500000%2C%20-5.500000)%20%22%20x%3D%229%22%20y%3D%224%22%20width%3D%221%22%20height%3D%223%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill%3D%22%230077BE%22%20transform%3D%22translate(8.000000%2C%208.000000)%20rotate(-315.000000)%20translate(-8.000000%2C%20-8.000000)%20%22%20x%3D%227.5%22%20y%3D%225%22%20width%3D%221%22%20height%3D%226%22%20rx%3D%220.5%22%3E%3C%2Frect%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E'); } .lm_controls .lm_new_windows:hover { opacity: 1; } .lm_tabdropdown { background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.5%20(67469)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Elm_tabdropdown_16x16%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22lm_tabdropdown_16x16%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20fill%3D%22%230077BE%22%20cx%3D%223%22%20cy%3D%228%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval-Copy%22%20fill%3D%22%230077BE%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval-Copy-2%22%20fill%3D%22%230077BE%22%20cx%3D%2213%22%20cy%3D%228%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E'); } .lm_header .lm_controls .lm_tabdropdown:before { opacity: 0; } .lm_maximised { background: #fff; }