html.lb-disable-scrolling { overflow: hidden; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; box-sizing: content-box; outline: none; } .lightbox .lb-image { height: auto; max-width: inherit; max-height: none; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url('data:image/gif;base64,R0lGODlhIAAgAPUuAOjo6Nzc3M3Nzb+/v7e3t7GxsbW1tbu7u8XFxdHR0djY2MHBwa2trbm5ucnJyaSkpKWlpaGhoeLi4urq6u7u7ubm5vLy8vb29vT09Pr6+v39/aysrK+vr7Ozs8fHx9vb297e3qmpqb29vdPT06amptXV1aCgoMvLy8/Pz9fX18PDw/j4+Ozs7ODg4PDw8KioqOTk5JqampmZmZycnP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBwAuACwAAAAAIAAgAEAG/0CXcEgECQ6bUGRDbDpdimTo9QoJnlhsYVvojLLgrEAkGiwWiFTYldGsRyHSYz6P2COG9XCw2TAYeXprCQYEhQcKgoouAQ4IHg4CAiMpCiASFRMUFhgXFxkZawEDcnd2Jh2LLiAdLyQvELEFX6pCAQx9fQ21T1wFHCi8TwcGxQYnwk8eBAcHZQnJTh8D1I8OJwmWMBMsFJudoG4u4mAgIwIoCSMKlpjcmxeLCgcPJianEcIKBXR1prVRSMiBUIfDAA8JoC1SMYWKKw/RXCzoE6IixIgC+uDaQCsiAQ4gOSCIOMRXhxIkhRjoYEwhSQTGCAxIyYiAzWYjU35o5oxaIj095J6AWFDmDAIHCVpgubCizRoFKtBAQjeixIdLADRZYBpOQ1An5qYmLKEgQAsYWb95UiUhgIJK7bZRCBMEACH5BAkHADMALAAAAAAZACAAAAb/wJlwSAQJRJxNJMLgHBzE6FBxeD0ey2zEBJESA4sXBHItZ2MJr1DReZFIZfNS9lGXOC83aRzPktQKHCEheW4QBQseCQkeAwZeIAYbG4OEBiNqXgiTnBsemV6BkwwbDCigXioMq6RQqFEBHLKyB69SKAW5BRwltlELugW1vkQHBh3In8RDBs3NactCBM4GvdEzBNMGBNbRB9MEB9DRAwQNBwcC1zMe5wciCOsj7wcDAwrXAe8i9ifrDvwGLEDQjdgHewtUIPBQJxqKBQM9OBDQkBgIBws9CBCQQAEMNRk0SAngoeTGBCMUgKgwgYIFDBcyhPTywSTHEiolsHR5YcVMMkgoOCbACUJny5cxf0ppkWIRzgAtYABg4QKmz5AivUhQ8LTozqo9M9iS0KKFURY8iQQBACH5BAkHAAAALAAAAAAZACAAAAb/QIBwSAShRBzGA8LhHAQgolSoEIVIENJjG+maHgfFFBBQbUKvF3bL7kZMpoFUYTij0xAI++E2yVJEJQUbhCF3JGsRfF0xB0QKg4SFIR0qDgkJHgMhjEUESZIbBiNjAAkvAkQeHAUFTRwOpaUKHa22CbKlCLatsblTAQYdwgVyv1MJBsrKJcdTCMsGxs5EAwQEBgQn1FIH1wQHpNxDBw0H52LjQucHIiKA6gAi7SID4uoL9QMLuPEOA/sW+FI3IiACDwHigVCB4OCleKYOejgh4INChwIEJJAQLxPFBCNKcBwHIiOKBCUUfJAwgaRGlApASKgwwQWGCxkyaNAgC8SIMxEpYs6cQMHChRU6f0lQEFQmzaJHk/6CAeKDU6JGkfJ0VkHCUAo2cerc6mwC0bBayQIIAgAh+QQJBwAuACwAAAAAHAAgAAAG/0CXcEgEJQaFAomUHAhAxGhUMWCErq/X8sF9HRRSYgDB2ZixWgiXG4kMAuFPg2Gmb0JZEkTNbnPARCUGHAUcDHZYS3wPbW0QCUMfBklJhhsGCA4JCQ4LDH0RMzIcQiAHBR2UBQclYS4JBY0mA0MOBrepBieuRAgmMhuRBLfEkLxEJwdEHgbDtwLHxwEE1NQq0ccjDdQHX9i8Dt3d19+uCyIiB07lrgPu7q3sUu8LCx/y8/ULCPf4vQgAPQDyJ8RBQAfxCL5C4MGBAGMKFTA88VCCQhcgHDhEMWIgwRECUCQYkcKiQhAiSSoAAeCiggQlFHwAIWGCQgkpUqxsAQMABToMBCXIpFlhAgULF1Zk0KCBnQQQRI0iVdpUXgUJEooeTbrU34QKWqd2JUiBxVaqTC9iwHAhg9u0roIAACH5BAkHADMALAAAAAAfACAAAAb/wJlwSAQlFoZOKNQpDFAgonQq/CwKjI12E3p5IaGDgjoNeAoFDoeR5XpfJAiENAiQq6ImOt1efiEPgRxjVCkHBkl7axsMfnGADxERLyNTH4eIBgVNBAgnIyMOCxwvgYGSL4RCIAMGBJkGIiVkIx2QkhEcdkICBK+/AndDCBC4kgNVBwcNzAeVwkMCkZIxMR8zJyIiygco0FIIESYyBava2gMe31MbL0QjA/HxqutVUgILAwsL6vXCHgtULEDwzB8ZDwgSeqBnEJwHDw4cRGlIBQFEAQImUpQSESOUjVNQYEyQYBfIISVQJBhR4trJIR9IlkjxocJLIRJY0gQh4WaVTxQKArSQMMGnBAUfeFaY4MJnCxAtYCylgOFmhaFLWbjAcCHDSwASplq4sCKDBg0nJwCYQGFsWbQvKcjlmsGszxkW3Nq9y/Ut3Lsz6u6tFwQAIfkECQcAAAAsAAAAACAAHwAABv9AgHBIBCUQBsOGkVwkQMSodPhBdApYzma7CYU2IsV0CnIQklcsg7H1vl6hQWBMHRjOhnSBw+6G3iQQBWJjCgcEiEkGWXxtfy8QEA8hI1MfAwcNiUkHHgIjIycIBX+BkpOEQyAqByIHmQQLJWMjBpEPuBEFUEMCra+vKHRDHiS4DxERA3UDzQMis8O9xrkRhALOzQnSUQjIyREHACAIKggLCyfcUh3gyR8pCPLyH+tRI+AmJh4oCB4eDgTYk8IhQgwZMQYIcODghIMUA6McIDGgHoCGAjLOiUgnowAUCVpwpAMyASgJI8ckSFCihAKUKaW0TKHgA8yYROApCADiJk5QIS0+8JQAg8LPIRU+9IRRYcLRIRKINqVg4SmACRKmurBwweqECSyoXriQ4SmFCVQxkM2gQcNRCmJXsHX71ILaDGytChmLl65eAH3/EvGbMggAIfkECQcAMQAsAAAAACAAHAAABv/AmHBIjI0QB0KhQCCoEqCidPpBNAzYzrLA2Ww4A8V0ChIkm1jDtuv1qgLj4Ud1ODQIafWSw2iHQh1iYwoLdXV3aXt8Xn8vLxsjUwELAwMihgcDDgIlIwIIBoyOJCQhgkMgDpSVlginRSMGIS+kpAVRQwkICJSUCXFDHrMQD8UDqLvJrsBEKCQQxA8vggke1tYlzEUe0cUHMS0O4icOv9pFBsUPEQ8fCgLw8LjnQyPs6xEeJQkoCQmR9IpwiEAwAoF9IxLCCUhkQMEIDEpITKFAAkMiJx5CSEHxw4cKF3MVNBHBI4iTAEIKSTAywskWEmBMUDlFQswKFVjQlIKzwoQ6CRR2FpkAACgFFxiEDqEA1IUFDBeULqVg4cKFFRmkxsDwFGuGDBq0Wv2qoWxYqWTPao1Bdi2RsmuDAAAh+QQJBwAqACwAAAAAIAAaAAAG/0CVcEhUlRwDkcEgOiASoKJ0GnA0G4Ts0lDoLhTTKUiQbB4IW0OnW2BwEIHwEORYDJKHPHq57jI2GwZgYR8eCAh2d2Z7bBx/gAUlYh6Ghwt2CAIJKSUoDgQFjo8hHINDLZ6UlQ6mRSUNgBshIS8dUUMpAicCAg4eknJCDn+0JC8LQxIJCby8ccFDCbIvJMaDCsvZH9BFHi/U1CIqMCXlJSOt3EIGJBAPECQfLQr09DDqRSMQ7g8PDiABAgC8hY9Ih37vDoBYKKFFhYJFFiB8UECCxQoVJkAkciJCvwgkYGAEMIHCxmgeH0SIQHICCwoWTgpJsLJmSQouLGCQqaJjTT0IFGBiuHCB54CaEThYsED0QgaeDWbIiGGiwVCnGTJo4KkCxIIXCFRg1UCWa5GsZc2e1ap2Ctu2UrbCFRIEACH5BAkHADAALAAAAAAgABkAAAb/QJhwSISVTovBgTAYeEagonQaEKgGooN2STB4VZ/pFJRAqK5NbaPr7RQ6noB4CBIg7oik8rD2GtwFHAQKc3UODh53KklZDQ1+BZGBBSVTLQkCAoceiR4JIyklCQ4HBpIcDBsFhEWimAInDgJhUyUHgRwbugZRdCMjCcEorHMwJwWpuhsqQxUKKaGivcVCCbkbISEbrBIf3goK09RCHtjZIQMwEy0g7QHi40INIS/1Lx8AEvr6APFFI/ZIkDgxAUCFgxX8SSnwAoLAAxMiRmShsMgCEg8cFqDAkaOLikQEPBj5IISFkxgsYAA5JAHJjBdiymRZ7SWEFRkyrFhxgaaxQwgjI7zISTSDzwERkkbgoKFpU6M0NyiNQEDDEA1QQSYwkdSECQdEmtJ8EYErV1o+hziYIcPrgbRTEMiYQQxuEQRCggAAIfkECQcAMQAsAAAAACAAHAAABv/AmHBIjClQHsRApFqcRsWoNAZKJBHNweDAJTQQn2lUkhI4PNeFlnsgGAgER0AslIxQArMDgdWKDg0NbwYdB2FTEiUJiwInZ3xqf4EGlB0dBiVSMAopIyMJeCcCIyUKCiMCIoKVBQUGh0QgHx+cnyMgUykDlq2tBLhDMCAgAQGmwHQCBr0cDAhDEzASEi2yEnRECQUczRscCkITABUV0xXYRSfcG+wLMS4sE/Lk6FEH7OwMARYuFP4TFOoVGYFvQwgBGBLyCyiwiAGDIUIMuEAxIYaGRRZseMHRQIYMKyhewEhEwAsSJzd8XLmC5JAEJCCQmKmhpoaPLoUkgMBz5pBSmxlyxhDwoCiEEEQ0CI2xoGjRAkuLcHD64EDUlxGoOrgqhEPWBxEgwFqKwESEsyasXnUQwezZCOCuDpDh1sQArkIE0DURYg7eGHMfZPqbNwGRIAAh+QQJBwAuACwAAAAAIAAfAAAG/0CXcEh0gUqCEwLhcAhKxajUJVGMEgKBw7NcDL6OzzRaASlKV1TS0f2KDocTaCwEtAIfRSqt5XoHbw0EA2JTExISICABemknbAhecAcEBAcpUhQAFRWIiwoKHx+LewiAcAYEBg2FRCwTsBUwiBVTCggHDQa7BiJzQxYUwq8AE3RCKJW8BR5DFxgW0cIUx0Mjux0F2gpCF97eGBjVRAIG2toqQisZGSve40UD5xwFAez37PBEJdocHBsCMmgYOFBfkQb/NmwYUFCIBoNEEDBQuMHAQ4hSBFDcwAHjlBEKQ4j0KCWByBAvQpCMIgDlixcbVhZZ8JLEiwIyiRQgwZPEgU6cQkZAGEoCwgmgLgw8gLCURKuVCB5Ilfozp4ClU19wk4kgQoSpDwbIDPDCq9kIDALkDDHj7AMoQGOY8PoiAdKkMdBuvUtChNq7Qp4SCQIAIfkECQcAMAAsAQAAAB8AIAAABv9AmHBIlHxKCZRgmVAQn9AhwKgojRIJwcmD6AoCUShl2gJ9qlctF6EaLASgsNA1AVQk5TNS6eAuBgMHKh9hFhQsExN3EgEfKVgCfQh/gQcDTk8XGBYuh4oSoKAtRwKTgAeoB4REF62bFIkTYR8OpwcNBANxQhkZKyuaFhZyQwkiqAQEBg68vb3AF8REJbcGygSEGtoaztJPCcoG4ggwGkPc3lAL4gYdHWDn5unT4h0FBQLz0gf39wv6xDz0K9AAoBwUHApwSGgwzIiFHDYwaBhlBAMGGyRShCIgY0YOG58g8LjBQEgiBkKE2BBiwEkhI168CDEz30sDL0jIDLEqpAdOCBByvnB5UgAJoBB0YtqIAMIDpBCIUkxQIMKDq1c5wDN4YEOEr1gfvEix0YCJr1a/hhgRckEMtF85LN0Y4+xZEVtD1n3QYO7JESfyQgkCACH5BAkHADAALAQAAAAcACAAAAb/QJhwCANIQB/FaFn6EJ9QC6tSOSZHCZTg5EgEoE+MizWptgKKUiKx9SAQCRAYdsFYKCxAFZnCChxuCCoeX0QZGSt1d2VWSmyAbyoLCwpEGhqIdRQTE3p7CgmQCAsDpU5DmBmKFnMBAqOlAwcqcqiZc0QjpLIHBwKWiLhPKSIivb2nMJjCUAm9DQ0EHszMCNAE2IXUYCnRBgQGCdu4AwbmBgjjcw7mHR0H6mAJ7R0G8VAlBfr6908j+/z6DUHBAaDAIQg4KOTQ4KAQAgw2SBzgcITEi78OEri4gYG2ex5CiJS44KCAEC9ejKzUDwGJlylDqOj3D8KDBzALfMS1BsGANw0Rbt58uSHFOA4RkgYVijPECHURTChl+qAAy3EdpCoNSmLATmomwop9cOBqvAImQmxoIKDWnCAAIfkECQcAKQAsBgAAABoAIAAABv/AlFBooUwqsBYoAAINn1Dh5VJkHSWgj2KUUDijwoz4giles9sESlD6PjXwzIpKYVUkSkVJLXAI3G9jGC4sADASAXoJAicOHh4fUXFTg0Z3H3uMDggIHgGSYmApEiWanCoegHCiTwqOnAsDAqy0CrADuJG0oiUquAMHJ7usDrgHByKfw1EKIiLHBwnLYCrQDR7TUQINDQQEA9lQCd0GBA3hTyUEBuUG6EMl7PLvQgny7PQpHgUd/Af5BwoILKCCXgkOAwugoHeAA0KEysI52ECRAYOC6FAwoEiRgwJ0HjaE4LgBQbgRBl6oHLmhQ0QoBwZ4SJDAwwIOEEiofBEihEc+VhwiCBX64AEECC90vuAwgpaMoUWjPiChs8NHVgpiQJWa88WCl2BezDAxlOiDFweu7vrQgGIEExs4HPhDKwgAIfkECQcAJwAsBwAAABkAIAAABv/Ak/CkyWQuGBdlAqgMn9BnEWlZViQgECzKnV6qkyvoo/hIuEPNFAMWf0qjUgutNiJdrAqsBVKUEoABaEYrVEt7ZCMJKAICIGhoFQEKio0ejpBoIIsCDh4ICZmanZ4ICIKiUQqlCCooqVwopioLC4+wTx8ItQMDI7hQHr29DsBPCcMiKsZDJQfPBwPMQinQz9MnzgcEDQ3YCQ0EBAbe0w4G4wbS0wMG7gYI0yUdBvQGocwiBQUd9KjADvYJjGcsQQEOAgsoMOaBg0OEHDw8CRACX5QRBjZo3MCAg4F/J2LMMMFgAKgEHhYUeBEixMYNCo+ZiEAzwoObN0m8YLmxQAk0KDJMCLWJM+fOlhsMLHxSQuhQojchkNDpcgHIIQoaRHiKk4TUECKWQgIh4ADHmw4PYIIUBAAh+QQJBwAAACwEAAAAHAAgAAAG/0CAcEjUZDKXi8VFbDqdGmPSQplYn9hiZqWsViSwSvYZRWKoky8IBBsXjWYXawKTgBSKlpu4vWC8Ei0BCiUlEntPFGofhAkjeohOFYMlIwkCKZFPEimWlwIgmk4gCSgCJw4Jok4lpw4eCKGrQyACrwgqmbNDKB6wCCi7QyMIuAgOwkIpCAvNC8kACgsD1APQCtUi1sklByLe28ICB+QHz8kLDQ3kHskpBPDwqsIDBgT2BAHiBvz87UO2IiXo0KEfgQ9DHJiIgGDPiQIQCXZAJmREjBkRInAYgaUEAQ4QIzbQB8BDjBgZUxZYkGqEAwQGNjDgABKiAQVDPpBIGeGBT0kIQF+8CLFBpkyQBko0UcBgYU+fDyA8EDq0aFEGBHA6CSAiJVQSEEgIJVqUAwKSWBQ0IPGVhNihITgM0Lqn1gGaD0iAHIBCFpYgACH5BAkHADEALAIAAAAeACAAAAb/wJhwSCzGNJqMcck0IjOXC6ZJLT6lFle1+oRiXKwJa7vsRi2USaUCIC8zK6krXZG0Ku7lBa2GtUAgeUwUaxIgHwqBgkYTdocKJRKLRhUBiCUJCpNGAZAJny2bRBIjnwICH6JEJSinAgmqQwoCJw4OArFCH7YevbkxH70Iw78fw8e/KQgqzAi/CQsD0h6/CNLSJ0SKggoHIiIDIiNDIRyTCAfp6QExGzImEc55Ag0H9QfZDybw8LhkIwYICCQgIpWICPAiRHggj4oAAxADGsgWA0SIhA8yFhi3pMSBDhEhithW4oHCjBlJFFDhYMQIBwgMcChQICQBTUQSQDiZEQKJRxcvQmwYymEmzQ4dCKRYooADypQ/gw7dYJTmgVRMAgyA8MAniZ9CpzIoWgABuyrdXjyIGiLs0AILsLoBIUAEzbYgFyTYtiQIACH5BAkHAAAALAAAAQAgAB8AAAb/QIBwSCwaAZqjcqnUZJjQpXN1iVqFGucFg7kys9Oty+JtOjOXi4VCKS/RahdrMnEr45RJBVa3G9d6FRISfkd6MBIgIBWFRSyIIAEfhI1EiQEKJR+Vlh+ZJSWcQxIpJSMJI6JCEqcJKCiqAC2uArWxH7UnukMnBh6FKQ4nDh61LyYxEQyFAh7OCAkeJiYR1Ql2Hwja2ikf1d8Fdg4LCyoqCCAADdTfCGUJA/HxAkIK3w8PJPRWJSLy8ZuEDKiGL98vKCgOKDwg4sA+IQE2RCj4AIKBVEdKLCBAYOGBBemIpAhBkcSLEAYQnBgxolkDAzANEGhwYEDAIiNIQoBAwmSIRw0bGHDgUKBATI4dUyxRUICnyZNAhRYt0AEmAQM2oQQY8KJriJ9Bh0616iBkFAUiNnwFCpRo0Q4IbnoBgWIATKAyVSQweyQIACH5BAkHADEALAAABAAgABwAAAb/wJhwSCwaiRpN5shsFpNLp/QJzVym2Fj1csFkpZkw10L+OldjF4VidmIs6gmA1WZiKCx5BVBn6isSMH1HE4ASLS2DRhOHIAEfBRwcBQWKFQGPHwoRJiYRESODFQqkJSUQn58egy2mI68bqREDgx8JtwkjBJ6fHIMjKAICKCUeng8PoHUgwifCCh/JyA8ddSgO2NggMQfTDxCrXyUIHuUICUIKJN4kKFkKKioI8wjbQgPsIeFOCQP+C/PQDQnAgYRBEi9CGCjBJAWCAyL8DVjgwd6QFCEMvki4YQMBDwJMCXAw4IBJiP8+HBmxYWOIEB0ZSKJkoCaBBg1ODlDQREGHN5cdN8ikVKCmzZwHVKh0EmBB0I6TKHWwSYDAAQEWpSgYwAEq0ak2ESw1AyLBAgIGKFlFMCKrkSAAIfkECQcAMgAsAAAGACAAGgAABv9AmXBILBqPmqNyqUwyn01NBkqVJTXSafWJzV5kjoJge8yYV5c0wRQzhcbkIfqCwVg2kXxkEB/S7RQUEHoRcH0YLoEsE4QRCX1CLosTExV6DxEokDIUABWfEoMPmA6bEzAwEqocEaMPC5sVIC0gtQeuDwWbIB8BHx8gDq4QECN9EgrJKSktHyQQDxAkBn0pIyUj1xIyByQv3y8eZB8J5eUKQgovJN4vG5pUHycC9CgJLUML698bG6VPJTw4OEHwRAoiAQq8CBGi34YGJZR8cIAAgYeLHgTgI5KCQcMNDBhw4HDAgYASJRIIUDFgwIIFFS0GODKCg0ORBXIaMEDggM8/Ay0HqLD4YYkCA/1wFuiwk+dPEUEdzGQSAAEHpUyb9jwgAqgAEFUULMhZQCsBAg24Su0DIgGCtDuBehgBdkkQACH5BAkHADIALAAABwAgABkAAAb/QJlMJSwaj8hkURGZOZTQqOxgMsVMAqlW+ImYIuDGVuv4giOJMVSjIZwjDPWRLWNnOJHHIzKQGzNsGhkZL3l7J35Fg4srEHp6aYkyKxeVlY8PEJGJFxieFhYvehAQiJIYLqAUFAUkjiQLkjIULLW1ByS5Lx2yEwC/ABMnui8hI4kTEhUwzBMfL9AvGwSJEiASLdkTMgMhxRsbT2oSCh8BINdCChsh4Bscm1IgIykK9h8VRSrgDAwcBaaifEiQYMSIEiVAGAlgwN2/AgdKKAmA4oQAAQQTlJBwREGBDf4KiDQgAqO9EQkcIPDgwKIAFAlaJClR4GGBDgYMEDhwQMSAQAELEKxk6UCAQiUKCDzMmXNnz59BhXowKiUAgpFNCTR4+lMoggRHtXxAwJSA1p4+ByBAESDRPAQ/dy5Y4CBhlCAAIfkECQcAJgAsAAAEACAAHAAABv9Ak9CUeA2PyKTyqCDNjMtoFLSJRGJQqXY4sFplpO1W4bU+EmLtIfJ4WBFp6YfEdnfiUke7HUHjlwd7DwV/UQUQDxAQC4VLLySKEAKNSRokl5cjlCYaGpwaL4+hfoUZGZ0aGRuhLyEnlKaxGR2tLxsqlBe6uwMhvhsGlBYYGBfEAiEbyhslhRYUFBYWLhYBDMsMB4UTEyzQ0SYLyxwFr3EAFRUA3CxCChwb5AUdpFoVIBISMDAV7UII8goUMDBJS4sPH0CAaNGiwpEABOR1MGBgQIolIFKMSKEAYQAQAJAoMCBwIsUGCwSMUKAgRQkBAlAkGFGC4weHSUqQNGmgwQFNEQMGLEDgwQFMmSM2Sojy4QBFAlAP/BSqwkPREzETlFgqJYADqFGnCkVA1oFRBVy3fEDQwKfUoEPJehgBohCIEQ4WLDgwgCgKBXWjBAEAIfkECQcAKAAsAAABACAAHwAABv9AlHAoVBCPyGQyIJopn1CUgmMyRaLY4YhkNc1A2aiCFCmXnWEliFN+mAtp5cD9cEcQ8eS4zhfkkyJ8dXh/Rx8kEA8QEAaFSCcQL4sQI45HBySZL3CWRAUvmgudRBsvpiF+o0IhrCEblaoorhu0CbEoHLS0qaoGugyEfxpEGgO0DBwNjhrMKMwCGwwF0yV/GdfMGhkBBRzTBSJ/FxfX10Iq3tMGvFkYGOPjK0XTHQb2sFgUFC4W7u9DHgrYs0fAVpQJACaw2OcCA5EADQYaIHAAgZEkFSRIqFBhgkIKSBQQmDjxgIgBCEakCADiwwcFClhq5DgBJJIUDQgQaHDgwIBPBSoQODghIMGIEgo+gGghAcaEJx8GUDQ54CcCDw4EFFWZFISEp1BAOOjp06pQokaPKmhRIcwHByJOLkBAN+vWDzD+gCghACtdrSUCSIASBAAh+QQFBwAzACwAAAAAHwAgAAAG/8CZcEgECU7EpHJJVDQiJhlzugwMIlhThMoVKjjYcGzQnY5C2EfYZCgvFaGHXI1lHNxJUGEujxRGeEoLEBAPhRAIgUoKLySEECQCikoDjSSOHpNJHyEvjS9tmkQCnZ4vgKJDIiGsIR2pRAYbsxuJsEIctBuStzMMswwMqLe/DBwcCb0zBcfMvLcEBdIFmb0L0wV3vQIFHR0GBiW9Ad/gBguTGkoI5gQEyXgZGupEHwQG7g0H4mUrGfLq5glxgI/AgQMD4FHBcMEfQHozQAwgoA/hAAcfmFCg4ILhhX8Zkig4eHDAAhUIUCgIIEECjAowAEygYMHjRyUpBogQYXKBB04HJ1CMKPEBRIsKMjnWvMAkgAqeA1A6ECAgQQkFRSVUmDCzIxUjJhEg+Fl16MoWWiuwcFEmgACxCKYKLZFCgVG1ikAoSCAARdWrICRQCQIAOw==') no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFF0lEQVR4Ac2ZW0xcVRSGPTNnhlPKcCsUAeeChkEVxhutDQwzMANaqamNWgpaH+yDIaZp1cRHbgH0gTsxkmDCI/hiRAqgD5qYRgKQ8II6TE00wfgGAcIdKeM/ydrNZIezxxg9m518gRxWmn6s9a9zhvNQJBL5T/gfjokwA5Uw0zWFeHBOugiTsAArfSWZky+iABVowAZSwRkiDSTRz1iHlJMmogATsIDTIAPYgRs8SeTTtXSQSLVKFNkivIQKksDDJFCsquqLmqZdAa/i+yCuPQ1cJHOKjdpJEWGdsIFs8BQoy83NvTEzMzO3t7f318HBweHc3Nxdj8dznWQeIWmpIryENUaiCPgdDsfN+fn5XyLcWV5eDlmt1gBqHgOpbAHIFmESySAHeECF0+m8hd/+vcgxZ3d39wBj9grqCkA6iaiyRBRunJhEpcvl+nBhYeG3iM7Z2dnZgkg1ZSgNqLI6wgebSVTZ7faPlpaW/tSTWF9f36ivr+9AbQkF3iZRhAs2dSInJ+eDUCj0h0Biq7S09BPUBkEhyAKJssKusE6QRCGoQLDfn56eDulJrK6ubgeDwS7UXgTPAztIkXUfUbhxKgLlyMRtBPtXPYm1tbXdqqoqJnEOOGhbJQCTkSJ8sJlEMNoJrFhdicPDw6PKyspe1FaD85yE2YBnLUGwSSIrK+s2bnZLehIbGxubfr+/B7WXSMJJ42QlCcVAES7YJJGdnR0dp7BgnLZKSko6qBPngIvrBEkYIKIT7PLoOKET4TjB7kbty+A8SaRxmcAxQEQn2BUI9q3Z2dl7gk7sINhRiZeoE87jMmGECB/s3JhgR8dJV2Jzc3Pb5/N1UieKKdgsEyaAY5wIk2Dj5GHBRifCgmBHb3adLBNsO3HBNkxEAWZwCmSCx4EPwb4ZJ9jbCHYXSRQDpyDYhomoNFIOUIRMvINO/KQnsbKyshMIBD5D7RVwgQWblzBahD2Sp5jN5jzM+9uLi4s/60mEw+FNbKcvUH8DVIECcAZoXLCliaRaLBbX8PBwb0RwRkZGfkftx+BdUM4+KInDbdxoWUCKoih5CQkJgYGBgS/xs6PjRPb394+ampp+RP174CIoBGcpYypQZIqYY+4dz4DLvb29Y6LONDY2fou6OuAF+SCDZCgj8kQSQDqNihfU9vX1TYlkGhoa7qDuDVBKMpQVrjMG30fYCs6gAHuRmdqurq5JkUxLS8sEaq+CMq4zJGOgCB2Fk8kHJSaTqaazs3Pi2MzQaWtrm0RtDfDFyCQyGUNFOJlEkMlkwLWenp5vRDKtra1TNGYsM5mcjKEifGeYjBfUQUaYmebm5omYzLjFC8C4zyNqTGfcNDZ1/2ABjKHudZLXkTFARJAZN/CqqnqNMqN7Ojo6vqMF4ONkVFmvFUQLQNiZ7u7u76PZAn6S4TJjrIhoAdT+iwXAdQYYKCJaAG/iPhNvAYyj7jXwAngUpAGrDBF+ATCZAuBXFOX60NDQ3TiPM1/hyfoyPf7kgNNSXyvwmSGZMk3T3hocHPwhzlPzJLLFnpZT5PztV5wZNyilbTZFmTnZrxU4GZWXATV4ap4kmeNELlEticjsSHyZq/39/V/j374P2Lk/Pj5+BznxUuDlj1acJ4B8cAH/4er29vbPR0dH58fGxubx/ac2my1Ab3iz5Yc9/gJIB05QCJ4Fz9FXD3gC5HIfi+WKCGQ0GpuzwA7yCDtdS+b/SCFfRPwaQqPxSSaS6JrlwUjR+RtEvCM0ct4sLQAAAABJRU5ErkJggg==') left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFDUlEQVR4Ac2ZS0xcVRjHvTN3hisw0GIRZ3AeLWHQWqdVsRqgA86AUmpqoy20Whd2YYhprJq45BVAF7yJkQQTluDGiEhBF5qYRsIjYYMKQxNNMO4gQHgjZfxP8pF8ufEe0qQ5pyf5BTKcWfzyff/vnHt5xLQ0wgbsQCfswEY80BWPxx8I5sUlHMBJP0nm4RfRWAUMkAqOgseII8AFDNqjPYwiGuEAySADeEEuOEkE6bNjIIX22riQchHWSo+SRACc1nU9ahjGG+ASfn8Vn+WT0BNUMV0so04kFTwJTodCoeuTk5N3dnd397a3t/8dHx+fzM7OvoG/nQPPADdwscqoF2HBPgJynE5nZGFhYTZuWlNTU3/4fL6b2FMMnmUyTpJRLqKTSAbIQyu9vrW1tRv/n4Uqzfv9/g+x7xUQAh6QxmVUV0SnKRWESMXm5uZ63GJNT0//GQgEPsHeUibD20xTLeKioBdUV1e3rKysrFrJzM3N/eP1ej/F3jImIxgAcsOeDLLAKRAtLCz8HDKWlZmdnf3b4/F8zCojGADyz5F04AUvgPJoNNq2tLS0YSUzNjY2iwHwEWXmFHCzymiqRGwgiaaXD7wIysvKytqWl5e3rGQwAO4iM7ewt4SmmYfLqLpr2U0yZ0FFaWlp597e3r6VDEbzXapMlGQEA0COiEYyTmozP8lcKC4u7lhdXV2zksGhOZeVlXWLy5gHgDwRJsMqE6A2qygoKGhBm60L2izmdruZjGkAyBShxTNzlGTOgvMYAO2iAYDKxKjNSgQDQI6IRWb8VJnXMADaUZlNK5mJiYl5DAC6AQgGgCwRWjaWGR/IB+fD4XDr2trahqDN5lEZ3mbZ5gEgW4QPAD6aK3BotmIArAsqE2MDIMTajGTkinAZ3mb5NAAS58zGIQPgJvaGwVMgk5597ECTLcJl+AB4GVyKRCJfLi4uijLzGzLzHrWYj1pMVyXCB4BBz/J5oAzcwDT7OhaLWZ4zMzMzvyNX79rt9uOUNyewqRSxsbzk0Jh9H3w2MDDwV1yw+vv7Ox0OR4C+q1REAzr1+ON0TpSDD+rq6n7d2dmxusbs9/T0fJOUlBTRNO2gIg6lGSGJYyAXFIFrtbW1P4oq0dnZOYR9F8EZdqaoCDtVgrJBEoXgck1Nzfciia6urlHsu0rSOSADJEkXYRK8EufAlYaGhtsiiba2thFk4kAij75Po1fiOcIkkplEGFQ2NTWNCBz2W1tbb9tstkrsLaDvcQlN5hWFS2SyTFxubGwcFUl0dHT8gH1VTCITJHMJWSLmYAcPMlFfXy9sJ0gkMnGNpEnCXAkJIhYSReAtBHvosGCTRBgEWSV0qc8jPNhMIgyutLS0/CSSSGRC1/Uqkg5aZUKGiDkTQVAMqtrb238+RGJUHGyZb1F4Je4/2FfFwZYr4qRb7QnwEngTwR4+5JxIZOJtcbDlv2lMAR5wBjfUi7h2fCuS6Ovru6Np2nVqvzwmQcFW9+43HeSg10twix0RSfT29v5iGMY7dMLniTOh+N8KghN7lKZTIQgKMiG/IkwkCJELFiL7uMWOYE+lWUL8elRNa51APoqGh4cTN9p7TOJed3f3d4nz5P4l1ITdDU66XK5Ic3PzF0NDQ1ODg4NT+P0rCFbQM3qu4MRWLsIfX7PB0yAEngPP089TwA8yBMFWKmJ+qZBGj7FecJzw0mfpwBBLqBexseAbIBWkESnAEPybQLnIf4JfIzSb+FymAAAAAElFTkSuQmCC') right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 10px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { max-width: 80%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-controlContainer { float: right; } .lb-data .lb-turnContainer { float: left; margin-right: 5px; } .lb-data .lb-zoomContainer { float: right; margin-right: 5px; } .lb-data .lb-closeContainer { float: right; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAPFBMVEX///8AAAD9/f2CgoKAgIAAAAAAAAAAAABLS0sAAAAAAACqqqqqqqq6urpKSkpISEgAAAC7u7u5ubn////zbsMcAAAAE3RSTlMASv6rqwAWS5YMC7/AyZWVFcrJCYaKfAAAAHhJREFUeF590kkOgCAQRFEaFVGc+/53FYmbz6JqBbyQMFSYuoQuV+iTflnstI7ssLXRvMWRaEMs84e2uVckuZe6knL0hiSPObXhj6ChzoEkIolIIpKIO4joICAIeDd7QGIfCCjOKe9HEk8mnxpIAup/F31RPZP9fAG3IAyBSJe0igAAAABJRU5ErkJggg==') top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-turnLeft { display: block; float: left; width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAACIElEQVRIicWWPWsUURSG3xM/4hYpjLIhphJiIYugNloIiRoU/QO20UJrU1gE/EAbRReCGkQQEbFLCi0EG5NKEIKYItFSkBhSmMLIipolj8WeWa/rbrIzmdm8MNy599xznjN37pe0QbKwAlyTdFjSoJkt1Nhyko5L6pe0S1KPmxYkzUmalDRpZqXYWQDLVHQuaNsNPAFKrK2fwCOgNy440nlgK1AEftUE/wJMAM/8mQDma/qUgVvAlrjgK8CboF4C7gAHAKvjZ24r1ozMFNAdB7wSvI8BXTFGLe8+kT4A+WbBkd4DF4Czazr/H2so+ICpVYe9DjjUyzhgj3cp8L+RBPwbGI4L9pjjHmMZ2JMkRiIB3cA3hz9oGdjhdx38A+hoJXhf8NtOS1Jbi9gzkhb9/WgVTGUD6GnktV6ZGZLeebVQBUsalTQHDGYFlzTvZWcIPuhlX4bgz14uSdJmr0xLOqTKEZeVRiR9lfS82gJ0AAPApgzBGyMaHTTAKeBTFhMMuOxr+Go944gbl4DOFKFdwPeGWyZQ8MNgBSikCL7v0DKwN2qPZrXMbBY4ImmHmc2mBZbU7mXRzD42k+kx4OR6qUCOBlemep138vf2MAZsjwHKA/eA60mybAfeBifKzSb9hn1y4ok3fVcLg2wDbgMzwAlva/PJ8gp4CvQH/fcHiZZZ7aqTIJle/tV0YMsBD4HHaa6KEH4ReAG8Bs6kDshafwDkXu6L86KiLgAAAABJRU5ErkJggg==') top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-turnRight { display: block; float: right; width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAACGUlEQVRIicWXPWgUQRTH/3OJiSCEgJg7FcEmGLkmNoKCYESLYGNrqaDBSkQri4ARDPgBQRBU8CNgE8TCwkIhIqiVYLAQg5UoOZA0Eg1RE/xZ7DsymZzu7HJ7GVgG5r3/+82+3Z33Vlqj4WIdgQ2SBuzaJqlsphlJNUkvJE065xYC3WZJ9yW9ds6NRO8M6AXuAD9JHz+Ae8B2T3/cbIuxwA7gMrAUBJ8BJoEHdj0HaoHPL+CKxThZX4yBbgHeBHdyFegHVj0ewAG7gGvAvKd7BQxHgYEy8METTwA9UWlK9BXgkaf/kwq21Lz1BGdigabvAY4BQ8BUkP7/gi95fueyQE3/JISlgoEdLL9IE1mhFuM88Dsr+LbZvwGVPOA8O+0CFgw81hKogQ97Gam2glmyeb/Ns865960E1+9yqkgYsDUEb7S5ViD0hKQvwHUf/NXm2aLAkvYqqYa7JandFk9LeiZpvEDwZ5s/FshYPew4Pgh0hoa2lh0cAfiifcdnC4h9CvgEDDYy1o/M70C5gT4vtBuYs9ijjRx2ekXiVhPBfSQldvGfpyLLZfFus8AWdxDYk+ZUBTqaADsCHMgjLAEjJE1bltanC3homVsCNmUFV7yKNQdcANoidH4X8xIopWkaBRllZXvb79n2AePAU+Am0G7rh4Bpy9T6zFAPULVP7Qawzlt/x8rRmxuScUNHSZr5xyRdZfTv0JqOvwtaARgflgIWAAAAAElFTkSuQmCC') top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-zoomOut { display: block; float: left; width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAB7UlEQVRIieXWvWsUURTG4XPjJpgmlSFKRAtTWGjAj0ajiSKKFopg/AtELbQTAiI2IaazEhsLK0XEVisbISD4gY2FlQQixiAYxESiBn0sdoKTQHZ3dte18FR3uO97fufcmbmciH8UqVYhUkT0RER3RMxGxMeU0uJfqQoJJ/EAc5bHDzzGWXQ0E9qPZ/iMGziCXnRgPfZgDFN4i2PNgJ7IOryFdVW0a3EZ3zHSCHQfvuFCQd8hzONcPdAuzGC0sLnsP5UVvb2o8RpeY0094CzHXTwqYmjHLIbrhWZ5tuAX+mo1LL2jzkbAWa4XuFRJ05Zb74iIlymlhUbBETERETsrCUq59YaImM5vYlNEXKkBdCelNJF7fh/lRlaNtkqbDUbF6zjf8YeI2LXMmdJURJyvA9obETOVBPmOX0XE7mZ8XBExGBHPa1KihE843QgRffiJrUVMo3iDUnX1qjnu4WFRUxemMVYndBgLha/MzLw3M18s6DucXUDXC0NzSY7jC26ju4q2E1exmA0I8xhqBL4NT7MCbuIoNuYGgQGM4x0mMZJBmwJP2VBwPysgHwt4gjNLvyCGVsAH64avKKRHeSTabJU5awV8rmnwGgscyJ3QVxz8b+EHWgnf789MPon2VsIHlGfv/pZBc/DWdVopfgMdyEl3/DM14wAAAABJRU5ErkJggg==') top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-zoomIn { display: block; float: right; width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAB+UlEQVRIieXWv29NcRzG8c+XttGlk6aEMOhAQhM/FkpLhDD4kai/QFgYpQliaRobi1gMJoRYmSxNmkhIWVibJkQjQiNaKRpehh7p0bTnntt7XYNnOiff5znv53vvPd/7ifhHSmWNSBHRERHtETEREe9TSjN/pRUSjuMBJv2p73iM02ipJ7QLT/EJ13EQa9CCVdiJQbzGKA7XA3o02+FNrKzgXYEL+Ib+WqC78RVnq8ztxxTOLAXahncYqDo8mz+Rld5SbXAQL7G8wDOCTQXrd/CoGmgzJtBXwQfbC9Y34Cc6i56zLHfdExEtEVG+7QJKKY1GxPOIOFYWvDUiRlJK07WAMw1HxLYiQ1PuenVEjOcXsS4iLi2Qu4gPufvbKaXh3P3bmN3IolpWtFijyh3HOI+hEr7CH1fmuYZ7RZ78jl9ExA60lmparJ6IeFbKiSZ8xMkKvkqvUyd+YGPpmhjAqxoPkLt4WBqahdowjsGqgnP5PkxXfWRm4V1Z+FyVuQPZn8TVqqG5hxzBZ9xCewVvKy5jJvv+p9BbC3wznmQFbuAQ1uYGgW5cwRuMoT+D1gWesqHgflYgr2kM4dTvVxC98+A9S4bPK9JhdiRab5E5ax58sm7wkgW7c5/QF+z7b+F7GwnfY24mH0NzI+HdZmfvroZBc/DG7bRIvwDiiW2v3ei28wAAAABJRU5ErkJggg==') top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* animation */ @keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeInOverlay{ 0% {opacity: 0;} 100% {opacity: 0.8;} } @keyframes fadeOutOverlay{ 0% {opacity: 0.8;} 100% {opacity: 0;} } .fadeIn{ animation-name: fadeIn; } .fadeInOverlay{ animation-name: fadeInOverlay; } .fadeOut{ animation-name: fadeOut; } .fadeOutOverlay{ animation-name: fadeOutOverlay; } .animation{ animation-fill-mode: both; } .transition{ /* For Safari 3.1 to 6.0 */ -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-timing-function: ease; } .lb-image { transition-duration: 0.5s; transition-property: transform; } /* animation */ /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .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 styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .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: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /** * Counter Bootstrap */ h2, .h2 { font-size: 1.5em; } h3, .h3 { font-size: 1.17em; } p { margin-bottom: 0; } h4 { font-size: 1em; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0; } input { font-size: small; } .dropdown-menu.scrollable-menu:not(.mention-menu) { overflow: hidden !important; } @media all and (min-width: 50px) { body { font-size: 0.1em; } } @media all and (min-width: 100px) { body { font-size: 0.2em; } } @media all and (min-width: 200px) { body { font-size: 0.4em; } } @media all and (min-width: 300px) { body { font-size: 0.6em; } } @media all and (min-width: 400px) { body { font-size: 0.8em; } } @media all and (min-width: 500px) { body { font-size: 1em; } } @media all and (min-width: 600px) { body { font-size: 1.2em; } } @media all and (min-width: 700px) { body { font-size: 1.4em; } } @media all and (min-width: 800px) { body { font-size: 1.6em; } } @media all and (min-width: 900px) { body { font-size: 1.8em; } } @media all and (min-width: 1000px) { body { font-size: 2em; } } @media all and (min-width: 1100px) { body { font-size: 2.2em; } } @media all and (min-width: 1200px) { body { font-size: 2.4em; } } @media all and (min-width: 1300px) { body { font-size: 2.6em; } } @media all and (min-width: 1400px) { body { font-size: 2.8em; } } @media all and (min-width: 1500px) { body { font-size: 3em; } } @media all and (min-width: 1500px) { body { font-size: 3.2em; } } @media all and (min-width: 1600px) { body { font-size: 3.4em; } } @media all and (min-width: 1700px) { body { font-size: 3.6em; } } body, html { height: 100%; } body { font-family: "Roboto", sans-serif; font-size: 14px; line-height: 1.5; overflow: hidden; position: relative; z-index: 0; } * { text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -webkit-text-rendering: optimizeLegibility; -webkit-tap-highlight-color: transparent; box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } *:focus { outline: none !important; } .thumbnail:not([data-loaded]) { border: none !important; } .intro-2 { background: url('login-bkdrop.jpg') no-repeat center center; background-size: cover; height: 100%; width: 100%; } .auth-container { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .is-mobile { position: fixed; /* Make sure the toolbar will stay on top of the content as it scrolls past. */ z-index: 2; } .sidenav-container { /* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This causes `` to act as our scrolling element for desktop layouts. */ flex: 1; } .is-mobile .sidenav-container { /* When the sidenav is fixed, don't constrain the height of the sidenav container. This allows the `` to be our scrolling element for mobile layouts. */ flex: 1 0 auto; } button { outline: none; } #version { position: fixed; bottom: 20px; left: 20px; font-size: 10px; color: black; z-index: 1; } .rs-avatar { vertical-align: middle; -o-object-fit: cover; object-fit: cover; width: 50px; height: 50px; } .rs-avatar.size-1 { width: 40px; height: 40px; } .rs-avatar.size-2 { width: 70px; height: 70px; } .rs-avatar.size-3 { width: 90px; height: 90px; } .rs-avatar.size-4 { width: 110px; height: 110px; } .in-blo { display: inline-block; } .hvr-grow { display: inline-block; vertical-align: middle; transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { transform: scale(1.1); } /* Hide Up and Down arrows for input type number. */ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s !important; transition: background-color 5000s ease-in-out 0s !important; } .h-300p { height: 300px; } .h-400p { height: 400px; } .max-h-300p { max-height: 300px; } .transition { transition: 0.2s; } .white { color: #fff; } .toolbar-dropdown-menu.mat-menu-panel { margin-top: 9px; border-radius: 0 !important; overflow: hidden; } .toolbar-dropdown-menu.mat-menu-panel .mat-menu-content { padding: 0; overflow: auto; max-height: 300px; } .logo { font-weight: 700; text-decoration: none; min-width: calc(260px - 16px); color: #fff; } .logo img { width: 34px; } .logo.mobile { min-width: calc(66px - 16px); } .logo.mobile span { display: none; } .sidenav .mat-drawer-inner-container { overflow: hidden; } .avatar { height: 40px; width: 40px; border-radius: 50%; flex-shrink: 0; -o-object-fit: cover; object-fit: cover; } .app { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .app .cdk-overlay-container { z-index: 1001; } .app.fixed-header .header { position: fixed; z-index: 999; width: 100%; } .app.fixed-sidenav .sidenav { position: fixed; z-index: 3; } .app.fixed-sidenav .sidenav .sidenav-menu-outer { height: calc(100% - 56px); } .app .mat-sidenav-container, .app .mat-sidenav-content, .app .mat-tab-body-content { transform: none !important; } .menu-item .mat-button-wrapper { padding-left: 16px; } /* Material Components */ .mat-icon, .link, .pointer { cursor: pointer; } .mentioned { cursor: pointer; font-weight: 500; color: #2196f3; } .mentioned:hover { color: #0056b3; } /* setting the backdrop to be dark */ .dark-backdrop { background: #000; opacity: 0.85 !important; } .unbind_menu { width: auto; } button.mat-menu-item { width: -webkit-fill-available !important; } .mat-icon-button .mat-icon.mat-icon-xs, .mat-icon.mat-icon-xs { font-size: 14px; line-height: 14px; height: 14px; width: 14px; vertical-align: middle; } .mat-icon-button .mat-icon.mat-icon-sm, .mat-icon.mat-icon-sm, .icon-sm { font-size: 18px; line-height: 18px; height: 18px; width: 18px; vertical-align: middle; } .mat-icon-button .mat-icon.mat-icon-lg, .mat-icon.mat-icon-lg { font-size: 36px; line-height: 36px; height: 36px; width: 36px; vertical-align: middle; } .mat-icon-button .mat-icon.mat-icon-xlg, .mat-icon.mat-icon-xlg { font-size: 48px; line-height: 48px; height: 48px; width: 48px; vertical-align: middle; } .pdf-viewer-dialog .mat-dialog-container { margin: 0; padding: 0; overflow: unset; } .no-padding-dialog .mat-dialog-container { padding: 0; } .text-center { text-align: center; } button.mat-menu-item.red { background-color: #f44336 !important; } button.mat-menu-item.red:hover { background-color: rgba(244, 67, 54, 0.5) !important; } button.mat-menu-item.green { background-color: #4caf50 !important; } button.mat-menu-item.green:hover { background-color: rgba(76, 175, 80, 0.5) !important; } button.mat-menu-item.blue { background-color: #2196f3 !important; } button.mat-menu-item.blue:hover { background-color: rgba(33, 150, 243, 0.5) !important; } button.mat-menu-item.orange { background-color: #ff9800 !important; } button.mat-menu-item.orange:hover { background-color: rgba(255, 152, 0, 0.5) !important; } button.mat-menu-item.purple { background-color: #9c27b0 !important; } button.mat-menu-item.purple:hover { background-color: rgba(156, 39, 176, 0.5) !important; } .full-width { width: 100%; } .white-space-nowrap { white-space: nowrap; } .tooltip-red { background: #b71c1c; } .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-badge-small .mat-badge-content { font-size: 9px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography h1 { font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography h2 { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography h3 { font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography h4 { font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2 { font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body, .mat-body-1, .mat-typography { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body p, .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption { font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-bottom-sheet-container { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; font-weight: 500; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } .mat-dialog-title { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } .mat-expansion-panel-content { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); -ms-transform: translateY(-1.28125em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); -ms-transform: translateY(-1.28124em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); -ms-transform: translateY(-1.28123em) scale(0.75); width: 133.3333533333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28122em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28121em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2812em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59374em) scale(0.75); width: 133.3333433333%; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } input.mat-input-element { margin-top: -0.0625em; } .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select-trigger { height: 1.125em; } .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-sub-label-error { font-weight: normal; } .mat-step-label-error { font-size: 14px; } .mat-step-label-selected { font-size: 14px; font-weight: 500; } .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tab-label, .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 12px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-list-option { font-size: 12px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } .mat-optgroup-label { font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-mdc-focus-indicator { position: relative; } .app.indigo-light { /* tooltip background-colors */ } .app.indigo-light input:-webkit-autofill { -webkit-text-fill-color: white !important; background-color: white !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .app.indigo-light .mentioned-notification { background-color: white; color: white; } .app.indigo-light .dropdown-menu.scrollable-menu { background: white !important; } .app.indigo-light .dropdown-menu.scrollable-menu:not(.mention-menu) { overflow: hidden !important; } .app.indigo-light .dropdown-menu.scrollable-menu:active { background: rgba(0, 0, 0, 0.12); } .app.indigo-light .tooltip-bg-red { background-color: #f44336 !important; } .app.indigo-light .tooltip-bg-blue { background-color: #1068da !important; } .app.indigo-light .tooltip-text-warn { color: #f44336; } .app.indigo-light .tooltip-text-primary { color: #303f9f; } .app.indigo-light .bg-p { background-color: #303f9f; color: white; } .app.indigo-light .bg-a { background-color: #ff4081; color: white; } .app.indigo-light .bg-w { background-color: #f44336; color: white; } .app.indigo-light .hover:hover { background-color: rgba(0, 0, 0, 0.04); } .app.indigo-light .overflow-auto { overflow: auto; } .app.indigo-light .card-bg-color { background: white !important; } .app.indigo-light .txt-s, .app.indigo-light .secondary-text { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .txt-p { color: white; } .app.indigo-light .primary-text { color: white !important; } .app.indigo-light .accent-text { color: #ff4081 !important; } .app.indigo-light .warn-text { color: #f44336 !important; } .app.indigo-light .purple-text { color: #aa0055 !important; } .app.indigo-light .green-text { color: #1aaf00; } .app.indigo-light .yellow-text { color: #e8bd00; } .app.indigo-light .red-text { color: red; } .app.indigo-light .orange-text { color: orange; } @keyframes pulsate { 0% { color: #f44336; } 50% { color: green; } 100% { color: #f44336; } } .app.indigo-light .pulse-warn-text { animation: pulsate 3s ease-out; animation-iteration-count: infinite; -webkit-animation: pulsate 3s ease-out; -webkit-animation-iteration-count: infinite; color: #f44336; } .app.indigo-light button.status-menu-btn:hover.red { background-color: rgba(244, 67, 54, 0.5) !important; } .app.indigo-light button.status-menu-btn:hover.green { background-color: rgba(76, 175, 80, 0.5) !important; } .app.indigo-light button.status-menu-btn:hover.blue { background-color: rgba(33, 150, 243, 0.5) !important; } .app.indigo-light button.status-menu-btn:hover.orange { background-color: rgba(255, 152, 0, 0.5) !important; } .app.indigo-light button.status-menu-btn:hover.purple { background-color: rgba(156, 39, 176, 0.5) !important; } .app.indigo-light .header { background-color: white; color: black; } .app.indigo-light .horizontal-menu { background-color: white; } .app.indigo-light .horizontal-menu-item .horizontal-sub-menu { background-color: white; } .app.indigo-light .horizontal-menu-item .mat-button { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .horizontal-menu-item .mat-button .horizontal-menu-title { color: white; } .app.indigo-light .horizontal-menu-item .mat-button.parent-item .horizontal-menu-icon { background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); } .app.indigo-light .horizontal-menu-item .mat-button.parent-item.active-link { background: rgba(0, 0, 0, 0.12); } .app.indigo-light .horizontal-menu-item .mat-button.parent-item.active-link .horizontal-menu-icon { background: #303f9f; color: #fff; } .app.indigo-light .menu-item .mat-button .menu-icon { background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); box-sizing: content-box; } .app.indigo-light .menu-item .mat-button .menu-title { color: white; } .app.indigo-light .menu-item .mat-button.active-link { background: rgba(0, 0, 0, 0.12); } .app.indigo-light .menu-item .mat-button.active-link .menu-icon { background: #303f9f; color: #fff; } .app.indigo-light .people-filter-main { background-color: white !important; } .app.indigo-light .people-filter-main .filter-container .mat-list-item { margin-bottom: 10px; } .app.indigo-light .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { background: #1a237e; } .app.indigo-light .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { border-top-right-radius: 25px; width: 90%; border-bottom-right-radius: 25px; } .app.indigo-light .full_width { width: 100%; } .app.indigo-light .menu-expand-icon { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .breadcrumbA a { color: #e8eaf6; } .app.indigo-light .top-toolbar, .app.indigo-light .landing-toolbar { background: #283593; color: #e8eaf6; } .app.indigo-light .menu-toolbar { background: #1a237e; color: #c5cae9; } .app.indigo-light .mention-list-item { background-color: white !important; } .app.indigo-light .search__results { background-color: white !important; } .app.indigo-light .search__results .result:hover { background-color: rgba(0, 0, 0, 0.04); } .app.indigo-light .search__results .result:active { background-color: rgba(0, 0, 0, 0.04); } .app.indigo-light mat-card.card { cursor: grab; background: white !important; } .app.indigo-light mat-card.card:active { cursor: grabbing; } .app.indigo-light th.mat-header-cell, .app.indigo-light td.mat-cell, .app.indigo-light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .app.indigo-light #contacts .header .search-wrapper { background: white; } .app.indigo-light #contacts .header .search-wrapper .search .mat-icon { color: rgba(0, 0, 0, 0.54); } .app.indigo-light #contacts .header .search-wrapper .search input { background: white; color: rgba(0, 0, 0, 0.87); } .app.indigo-light #contacts .content .sidebar .sidebar-content .card { background: white; } .app.indigo-light .table-2 { background-color: white; text-align: left; border-spacing: 0; } .app.indigo-light .table-2 th:first-of-type, .app.indigo-light .table-2 td:first-of-type { padding-left: 24px; } .app.indigo-light .table-2 th:last-of-type, .app.indigo-light .table-2 td:last-of-type { padding-right: 24px; } .app.indigo-light .table-2 thead tr { height: 56px; } .app.indigo-light .table-2 thead tr th { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .table-2 tbody .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; } .app.indigo-light .table-2 tbody .phone { text-align: center; } .app.indigo-light .table-2 tbody tr { cursor: pointer; color: rgba(0, 0, 0, 0.87); height: 48px; padding: 0; } .app.indigo-light .table-2 tbody tr:hover { background-color: rgba(0, 0, 0, 0.04); } .app.indigo-light .table-2 tbody tr td { padding: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.12); } .app.indigo-light .table-dark { display: block; overflow: auto; max-height: 500px; border-radius: 10px; } .app.indigo-light .table-header { background-color: #303f9f !important; } .app.indigo-light .table-header > th { color: rgba(0, 0, 0, 0.87); font-size: 14px; } .app.indigo-light .ems-scrollbar { position: absolute; overflow: auto; padding: 20px; bottom: 64px; left: 0; right: 0; top: 0; } .app.indigo-light .loading_spinner { position: absolute; text-align: center; top: 50%; left: 50%; } .app.indigo-light table { width: 100%; color: rgba(0, 0, 0, 0.87); } .app.indigo-light tr.estimate-detail-row { height: 0; } .app.indigo-light tr.no-estimate { cursor: default !important; } .app.indigo-light tr.estimate-row:not(.estimate-expanded-row):hover:not(.no-estimate) { background-color: rgba(0, 0, 0, 0.12); } .app.indigo-light .tooltip-red { background: #b71c1c; } .app.indigo-light .estimate-row td { border-bottom-width: 0; } .app.indigo-light .estimate-detail { overflow: hidden; display: flex; } .app.indigo-light .estimate-description { padding: 16px; } .app.indigo-light .estimate-description-attribution { opacity: 0.5; } .app.indigo-light .card-container { flex: none; z-index: 1; width: 65%; height: 100%; color: rgba(0, 0, 0, 0.87); overflow-y: scroll; justify-items: center; background-color: white; } .app.indigo-light .thumbnail { border-radius: 40px; max-width: 300px; height: auto; background-size: cover; } .app.indigo-light .img_container { display: flex; flex-direction: column; align-items: flex-start; } .app.indigo-light .cover { border-radius: 4px; } .app.indigo-light .content { overflow: auto; } .app.indigo-light .mid-section { display: inline-grid; grid-auto-flow: column; width: 100%; grid-template-columns: repeat(3, auto); grid-template-rows: 100%; grid-gap: 8px; gap: 8px; padding: 8px; justify-items: center; align-items: start; } .app.indigo-light .mat-toolbar { position: sticky !important; max-height: 64px; top: 0; z-index: 3; } .app.indigo-light .mat-tab-body-wrapper { padding: 20px; min-height: calc(100vh - 64px - 40px); } .app.indigo-light .mat-chip-list-wrapper { padding: 0 12px !important; } .app.indigo-light .card-header-container { overflow: auto; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 12px; justify-content: center; position: relative; } .app.indigo-light .card-header-container .sublet-list-container { flex: 1 1 30%; order: 3; display: flex; flex-direction: column; max-width: 30%; } .app.indigo-light .card-header-container .sublet-list-container .sublet-chip-list { padding: 0 8px; max-height: 200px; overflow: auto; } .app.indigo-light .card-header-container .sublet-list-container .sublet-chip-list.cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .app.indigo-light .card-header-container .avatar_container { margin: 4px 0; } .app.indigo-light .card-header-container .card-cover { order: 1; flex: 1 1 30%; max-width: 300px; } .app.indigo-light .card-header-container .util-buttons { order: 2; flex: 1 1 23%; display: flex; flex-flow: column nowrap; } .app.indigo-light .card-header-container .archive-btn, .app.indigo-light .card-header-container .action-buttons button { white-space: normal; line-height: 1rem; min-height: 36px; max-height: 40px; flex: 1 1 47%; margin: 4px; } .app.indigo-light .card-header-container .action-buttons { display: flex; flex-flow: row wrap; } @media screen and (max-width: 599px) { .app.indigo-light .card-header-container { flex-wrap: wrap; overflow: auto; } .app.indigo-light .card-header-container .sublet-list-container { max-width: 48%; } .app.indigo-light .card-header-container .sublet-list-container .sublet-chip-list { max-height: 240px; overflow-x: auto; } .app.indigo-light .card-header-container .util-buttons { max-width: 48%; } .app.indigo-light .card-header-container .card-cover { flex: 1 1 100%; } } @media screen and (max-width: 959px) { .app.indigo-light .card-header-container .sublet-list-container, .app.indigo-light .card-header-container .card-cover, .app.indigo-light .card-header-container .util-buttons, .app.indigo-light .card-header-container .action-buttons { margin: 8px 2px; } } @media screen and (min-width: 600px) { .app.indigo-light .card-header-container { flex-direction: row; flex-wrap: wrap; padding: 12px; } .app.indigo-light .card-header-container .sublet-list-container { max-width: 70%; } .app.indigo-light .card-header-container .card-cover { margin-right: 12px; } } @media screen and (min-width: 720px) { .app.indigo-light .card-header-container { flex-wrap: nowrap; } .app.indigo-light .card-header-container .util-buttons { max-width: 33%; } } @media screen and (min-width: 960px) { .app.indigo-light .card-header-container { flex-direction: row; flex-wrap: nowrap; } .app.indigo-light .card-header-container .sublet-list-container, .app.indigo-light .card-header-container .action-buttons, .app.indigo-light .card-header-container .util-buttons { flex: 1 1 32%; } } .app.indigo-light .cdk-drag-preview { color: rgba(0, 0, 0, 0.87); box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.indigo-light #board { display: inline-grid !important; grid-auto-columns: 270px; grid-auto-flow: column; grid-gap: 10px; gap: 10px; overflow: auto; width: 100%; padding: 70px 5px 24px 8px; box-sizing: border-box; white-space: nowrap; margin-bottom: 8px; } .app.indigo-light .column-wrapper { box-sizing: border-box; border-radius: 6px; width: 270px; min-height: 0px; max-height: 100%; font-size: 14px; transition: box-shadow 0.15s, background 0.15s; } .app.indigo-light mat-form-field { box-sizing: border-box; width: 100%; } .app.indigo-light button.cdk-drag-handle { cursor: move; grid-row: 1; grid-column: 3; } .app.indigo-light button.cdk-drag-handle[disabled] { cursor: pointer; } .app.indigo-light .add-card-btn { border-radius: 5px; border: 1px solid black; text-align: center; margin-top: 5px; } .app.indigo-light .add-card-btn button { width: 100%; } .app.indigo-light .card-list { height: 100%; margin: 0 3px 6px 3px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 10px 10px 0px; } .app.indigo-light .card-list::-webkit-scrollbar { width: 8px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.2); } .app.indigo-light .card-list::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255, 255, 255, 0.4); } .app.indigo-light .card-list:empty { position: absolute; background-color: red; top: 55px; bottom: 0; right: 0; left: 0; height: 200px; } .app.indigo-light .boardCard { background-color: #fff; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25); display: block; margin-bottom: 12px; max-width: 260px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; text-decoration: none; z-index: 0; } .app.indigo-light .boardCard .mat-card { padding: 0; } .app.indigo-light .cdk-drag-placeholder { opacity: 0.2; } .app.indigo-light .redBg { background-color: red; } .app.indigo-light .greenBg { background-color: green; } .app.indigo-light .blueBg { background-color: blue; } .app.indigo-light .orangeBg { background-color: orange; } .app.indigo-light .purpleBg { background-color: purple; } @media screen and (max-width: 599px) { .app.indigo-light #board { scroll-snap-type: x mandatory; } .app.indigo-light .column-wrapper { scroll-snap-align: center; } } .app.indigo-light .mat-dialog-container { position: relative; } .app.indigo-light .feedback-dialog-content { padding-top: 60px; } .app.indigo-light .feedback-dialog-title { cursor: move; display: flex; } .app.indigo-light .feedback-card { min-width: 120px; margin: 20px auto; } .app.indigo-light .mat-radio-button { display: block; margin: 5px 0; } .app.indigo-light .row { display: flex; flex-direction: row; } .app.indigo-light .col { flex: 1; margin-right: 20px; } .app.indigo-light .col:last-child { margin-right: 0; } .app.indigo-light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .app.indigo-light .mat-option { color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-option:hover:not(.mat-option-disabled), .app.indigo-light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .app.indigo-light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .app.indigo-light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #303f9f; } .app.indigo-light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff4081; } .app.indigo-light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } .app.indigo-light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-pseudo-checkbox::after { color: #fafafa; } .app.indigo-light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } .app.indigo-light .mat-primary .mat-pseudo-checkbox-checked, .app.indigo-light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #303f9f; } .app.indigo-light .mat-pseudo-checkbox-checked, .app.indigo-light .mat-pseudo-checkbox-indeterminate, .app.indigo-light .mat-accent .mat-pseudo-checkbox-checked, .app.indigo-light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ff4081; } .app.indigo-light .mat-warn .mat-pseudo-checkbox-checked, .app.indigo-light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #f44336; } .app.indigo-light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .app.indigo-light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .app.indigo-light .mat-app-background, .app.indigo-light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .app.indigo-light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .app.indigo-light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-badge-content { color: white; background: #303f9f; } .cdk-high-contrast-active .app.indigo-light .mat-badge-content { outline: solid 1px; border-radius: 0; } .app.indigo-light .mat-badge-accent .mat-badge-content { background: #ff4081; color: white; } .app.indigo-light .mat-badge-warn .mat-badge-content { color: white; background: #f44336; } .app.indigo-light .mat-badge { position: relative; } .app.indigo-light .mat-badge-hidden .mat-badge-content { display: none; } .app.indigo-light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .app.indigo-light .ng-animate-disabled .mat-badge-content, .app.indigo-light .mat-badge-content._mat-animation-noopable { transition: none; } .app.indigo-light .mat-badge-content.mat-badge-active { transform: none; } .app.indigo-light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .app.indigo-light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .app.indigo-light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .app.indigo-light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .app.indigo-light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .app.indigo-light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .app.indigo-light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .app.indigo-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .app.indigo-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .app.indigo-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .app.indigo-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .app.indigo-light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .app.indigo-light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .app.indigo-light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .app.indigo-light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .app.indigo-light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .app.indigo-light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .app.indigo-light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .app.indigo-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .app.indigo-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .app.indigo-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .app.indigo-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .app.indigo-light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .app.indigo-light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .app.indigo-light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .app.indigo-light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .app.indigo-light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .app.indigo-light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .app.indigo-light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .app.indigo-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .app.indigo-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .app.indigo-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .app.indigo-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .app.indigo-light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-button, .app.indigo-light .mat-icon-button, .app.indigo-light .mat-stroked-button { color: inherit; background: transparent; } .app.indigo-light .mat-button.mat-primary, .app.indigo-light .mat-icon-button.mat-primary, .app.indigo-light .mat-stroked-button.mat-primary { color: #303f9f; } .app.indigo-light .mat-button.mat-accent, .app.indigo-light .mat-icon-button.mat-accent, .app.indigo-light .mat-stroked-button.mat-accent { color: #ff4081; } .app.indigo-light .mat-button.mat-warn, .app.indigo-light .mat-icon-button.mat-warn, .app.indigo-light .mat-stroked-button.mat-warn { color: #f44336; } .app.indigo-light .mat-button.mat-primary.mat-button-disabled, .app.indigo-light .mat-button.mat-accent.mat-button-disabled, .app.indigo-light .mat-button.mat-warn.mat-button-disabled, .app.indigo-light .mat-button.mat-button-disabled.mat-button-disabled, .app.indigo-light .mat-icon-button.mat-primary.mat-button-disabled, .app.indigo-light .mat-icon-button.mat-accent.mat-button-disabled, .app.indigo-light .mat-icon-button.mat-warn.mat-button-disabled, .app.indigo-light .mat-icon-button.mat-button-disabled.mat-button-disabled, .app.indigo-light .mat-stroked-button.mat-primary.mat-button-disabled, .app.indigo-light .mat-stroked-button.mat-accent.mat-button-disabled, .app.indigo-light .mat-stroked-button.mat-warn.mat-button-disabled, .app.indigo-light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .app.indigo-light .mat-button.mat-primary .mat-button-focus-overlay, .app.indigo-light .mat-icon-button.mat-primary .mat-button-focus-overlay, .app.indigo-light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #303f9f; } .app.indigo-light .mat-button.mat-accent .mat-button-focus-overlay, .app.indigo-light .mat-icon-button.mat-accent .mat-button-focus-overlay, .app.indigo-light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ff4081; } .app.indigo-light .mat-button.mat-warn .mat-button-focus-overlay, .app.indigo-light .mat-icon-button.mat-warn .mat-button-focus-overlay, .app.indigo-light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } .app.indigo-light .mat-button.mat-button-disabled .mat-button-focus-overlay, .app.indigo-light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .app.indigo-light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .app.indigo-light .mat-button .mat-ripple-element, .app.indigo-light .mat-icon-button .mat-ripple-element, .app.indigo-light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .app.indigo-light .mat-button-focus-overlay { background: black; } .app.indigo-light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-flat-button, .app.indigo-light .mat-raised-button, .app.indigo-light .mat-fab, .app.indigo-light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .app.indigo-light .mat-flat-button.mat-primary, .app.indigo-light .mat-raised-button.mat-primary, .app.indigo-light .mat-fab.mat-primary, .app.indigo-light .mat-mini-fab.mat-primary { color: white; } .app.indigo-light .mat-flat-button.mat-accent, .app.indigo-light .mat-raised-button.mat-accent, .app.indigo-light .mat-fab.mat-accent, .app.indigo-light .mat-mini-fab.mat-accent { color: white; } .app.indigo-light .mat-flat-button.mat-warn, .app.indigo-light .mat-raised-button.mat-warn, .app.indigo-light .mat-fab.mat-warn, .app.indigo-light .mat-mini-fab.mat-warn { color: white; } .app.indigo-light .mat-flat-button.mat-primary.mat-button-disabled, .app.indigo-light .mat-flat-button.mat-accent.mat-button-disabled, .app.indigo-light .mat-flat-button.mat-warn.mat-button-disabled, .app.indigo-light .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.indigo-light .mat-raised-button.mat-primary.mat-button-disabled, .app.indigo-light .mat-raised-button.mat-accent.mat-button-disabled, .app.indigo-light .mat-raised-button.mat-warn.mat-button-disabled, .app.indigo-light .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.indigo-light .mat-fab.mat-primary.mat-button-disabled, .app.indigo-light .mat-fab.mat-accent.mat-button-disabled, .app.indigo-light .mat-fab.mat-warn.mat-button-disabled, .app.indigo-light .mat-fab.mat-button-disabled.mat-button-disabled, .app.indigo-light .mat-mini-fab.mat-primary.mat-button-disabled, .app.indigo-light .mat-mini-fab.mat-accent.mat-button-disabled, .app.indigo-light .mat-mini-fab.mat-warn.mat-button-disabled, .app.indigo-light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .app.indigo-light .mat-flat-button.mat-primary, .app.indigo-light .mat-raised-button.mat-primary, .app.indigo-light .mat-fab.mat-primary, .app.indigo-light .mat-mini-fab.mat-primary { background-color: #303f9f; } .app.indigo-light .mat-flat-button.mat-accent, .app.indigo-light .mat-raised-button.mat-accent, .app.indigo-light .mat-fab.mat-accent, .app.indigo-light .mat-mini-fab.mat-accent { background-color: #ff4081; } .app.indigo-light .mat-flat-button.mat-warn, .app.indigo-light .mat-raised-button.mat-warn, .app.indigo-light .mat-fab.mat-warn, .app.indigo-light .mat-mini-fab.mat-warn { background-color: #f44336; } .app.indigo-light .mat-flat-button.mat-primary.mat-button-disabled, .app.indigo-light .mat-flat-button.mat-accent.mat-button-disabled, .app.indigo-light .mat-flat-button.mat-warn.mat-button-disabled, .app.indigo-light .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.indigo-light .mat-raised-button.mat-primary.mat-button-disabled, .app.indigo-light .mat-raised-button.mat-accent.mat-button-disabled, .app.indigo-light .mat-raised-button.mat-warn.mat-button-disabled, .app.indigo-light .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.indigo-light .mat-fab.mat-primary.mat-button-disabled, .app.indigo-light .mat-fab.mat-accent.mat-button-disabled, .app.indigo-light .mat-fab.mat-warn.mat-button-disabled, .app.indigo-light .mat-fab.mat-button-disabled.mat-button-disabled, .app.indigo-light .mat-mini-fab.mat-primary.mat-button-disabled, .app.indigo-light .mat-mini-fab.mat-accent.mat-button-disabled, .app.indigo-light .mat-mini-fab.mat-warn.mat-button-disabled, .app.indigo-light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-flat-button.mat-primary .mat-ripple-element, .app.indigo-light .mat-raised-button.mat-primary .mat-ripple-element, .app.indigo-light .mat-fab.mat-primary .mat-ripple-element, .app.indigo-light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.indigo-light .mat-flat-button.mat-accent .mat-ripple-element, .app.indigo-light .mat-raised-button.mat-accent .mat-ripple-element, .app.indigo-light .mat-fab.mat-accent .mat-ripple-element, .app.indigo-light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.indigo-light .mat-flat-button.mat-warn .mat-ripple-element, .app.indigo-light .mat-raised-button.mat-warn .mat-ripple-element, .app.indigo-light .mat-fab.mat-warn .mat-ripple-element, .app.indigo-light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.indigo-light .mat-stroked-button:not([class*=mat-elevation-z]), .app.indigo-light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-fab:not([class*=mat-elevation-z]), .app.indigo-light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .app.indigo-light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .app.indigo-light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-button-toggle-standalone, .app.indigo-light .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.indigo-light .mat-button-toggle-group-appearance-standard { box-shadow: none; } .app.indigo-light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } .app.indigo-light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } .app.indigo-light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(0, 0, 0, 0.12); } .app.indigo-light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } .app.indigo-light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } .app.indigo-light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .app.indigo-light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.indigo-light .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(0, 0, 0, 0.12); } .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 48px; } .app.indigo-light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-checkbox-checkmark { fill: #fafafa; } .app.indigo-light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } .app.indigo-light .mat-checkbox-mixedmark { background-color: #fafafa; } .app.indigo-light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .app.indigo-light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #303f9f; } .app.indigo-light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .app.indigo-light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ff4081; } .app.indigo-light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .app.indigo-light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } .app.indigo-light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .app.indigo-light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .app.indigo-light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .app.indigo-light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-checkbox .mat-ripple-element { background-color: black; } .app.indigo-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .app.indigo-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #303f9f; } .app.indigo-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .app.indigo-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ff4081; } .app.indigo-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .app.indigo-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } .app.indigo-light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .app.indigo-light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .app.indigo-light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .app.indigo-light .mat-chip.mat-standard-chip::after { background: black; } .app.indigo-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #303f9f; color: white; } .app.indigo-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .app.indigo-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.indigo-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } .app.indigo-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .app.indigo-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.indigo-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ff4081; color: white; } .app.indigo-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .app.indigo-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.indigo-light .mat-table { background: white; } .app.indigo-light .mat-table thead, .app.indigo-light .mat-table tbody, .app.indigo-light .mat-table tfoot, .app.indigo-light mat-header-row, .app.indigo-light mat-row, .app.indigo-light mat-footer-row, .app.indigo-light [mat-header-row], .app.indigo-light [mat-row], .app.indigo-light [mat-footer-row], .app.indigo-light .mat-table-sticky { background: inherit; } .app.indigo-light mat-row, .app.indigo-light mat-header-row, .app.indigo-light mat-footer-row, .app.indigo-light th.mat-header-cell, .app.indigo-light td.mat-cell, .app.indigo-light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-cell, .app.indigo-light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-calendar-arrow { border-top-color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-datepicker-toggle, .app.indigo-light .mat-datepicker-content .mat-calendar-next-button, .app.indigo-light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-calendar-table-header { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-calendar-body-cell-content, .app.indigo-light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } .app.indigo-light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } .app.indigo-light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } .app.indigo-light .mat-calendar-body-in-range::before { background: rgba(48, 63, 159, 0.2); } .app.indigo-light .mat-calendar-body-comparison-identical, .app.indigo-light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.indigo-light .mat-calendar-body-comparison-bridge-start::before, .app.indigo-light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(48, 63, 159, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.indigo-light .mat-calendar-body-comparison-bridge-end::before, .app.indigo-light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(48, 63, 159, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.indigo-light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.indigo-light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.indigo-light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.indigo-light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.indigo-light .mat-calendar-body-selected { background-color: #303f9f; color: white; } .app.indigo-light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(48, 63, 159, 0.4); } .app.indigo-light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.indigo-light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.indigo-light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.indigo-light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(48, 63, 159, 0.3); } .app.indigo-light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 64, 129, 0.2); } .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .app.indigo-light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .app.indigo-light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ff4081; color: white; } .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 64, 129, 0.4); } .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.indigo-light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.indigo-light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.indigo-light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 64, 129, 0.3); } .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(244, 67, 54, 0.2); } .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .app.indigo-light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .app.indigo-light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: white; } .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 67, 54, 0.4); } .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.indigo-light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.indigo-light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.indigo-light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(244, 67, 54, 0.3); } .app.indigo-light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-datepicker-toggle-active { color: #303f9f; } .app.indigo-light .mat-datepicker-toggle-active.mat-accent { color: #ff4081; } .app.indigo-light .mat-datepicker-toggle-active.mat-warn { color: #f44336; } .app.indigo-light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .app.indigo-light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .app.indigo-light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { .app.indigo-light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } .app.indigo-light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-expansion-panel-header-description, .app.indigo-light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .app.indigo-light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .app.indigo-light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .mat-expansion-panel-header { height: 48px; } .mat-expansion-panel-header.mat-expanded { height: 64px; } .app.indigo-light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } .app.indigo-light .mat-hint { color: rgba(0, 0, 0, 0.6); } .app.indigo-light .mat-form-field.mat-focused .mat-form-field-label { color: #303f9f; } .app.indigo-light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ff4081; } .app.indigo-light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } .app.indigo-light .mat-focused .mat-form-field-required-marker { color: #ff4081; } .app.indigo-light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #303f9f; } .app.indigo-light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ff4081; } .app.indigo-light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } .app.indigo-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #303f9f; } .app.indigo-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ff4081; } .app.indigo-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } .app.indigo-light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } .app.indigo-light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .app.indigo-light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } .app.indigo-light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .app.indigo-light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } .app.indigo-light .mat-error { color: #f44336; } .app.indigo-light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .app.indigo-light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.indigo-light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .app.indigo-light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.indigo-light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } .app.indigo-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .app.indigo-light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .app.indigo-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .app.indigo-light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #303f9f; } .app.indigo-light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ff4081; } .app.indigo-light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } .app.indigo-light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } .app.indigo-light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .app.indigo-light .mat-icon.mat-primary { color: #303f9f; } .app.indigo-light .mat-icon.mat-accent { color: #ff4081; } .app.indigo-light .mat-icon.mat-warn { color: #f44336; } .app.indigo-light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-input-element:disabled, .app.indigo-light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-input-element { caret-color: #303f9f; } .app.indigo-light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .app.indigo-light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .app.indigo-light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .app.indigo-light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .app.indigo-light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .app.indigo-light .mat-form-field.mat-accent .mat-input-element { caret-color: #ff4081; } .app.indigo-light .mat-form-field.mat-warn .mat-input-element, .app.indigo-light .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } .app.indigo-light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } .app.indigo-light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-list-item-disabled { background-color: #eeeeee; } .app.indigo-light .mat-list-option:hover, .app.indigo-light .mat-list-option:focus, .app.indigo-light .mat-nav-list .mat-list-item:hover, .app.indigo-light .mat-nav-list .mat-list-item:focus, .app.indigo-light .mat-action-list .mat-list-item:hover, .app.indigo-light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .app.indigo-light .mat-list-single-selected-option, .app.indigo-light .mat-list-single-selected-option:hover, .app.indigo-light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-menu-panel { background: white; } .app.indigo-light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-menu-item[disabled], .app.indigo-light .mat-menu-item[disabled]::after, .app.indigo-light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-menu-item .mat-icon-no-color, .app.indigo-light .mat-menu-item-submenu-trigger::after { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-menu-item:hover:not([disabled]), .app.indigo-light .mat-menu-item.cdk-program-focused:not([disabled]), .app.indigo-light .mat-menu-item.cdk-keyboard-focused:not([disabled]), .app.indigo-light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .app.indigo-light .mat-paginator { background: white; } .app.indigo-light .mat-paginator, .app.indigo-light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-paginator-decrement, .app.indigo-light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-paginator-first, .app.indigo-light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-icon-button[disabled] .mat-paginator-decrement, .app.indigo-light .mat-icon-button[disabled] .mat-paginator-increment, .app.indigo-light .mat-icon-button[disabled] .mat-paginator-first, .app.indigo-light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-paginator-container { min-height: 56px; } .app.indigo-light .mat-progress-bar-background { fill: #c8cbe3; } .app.indigo-light .mat-progress-bar-buffer { background-color: #c8cbe3; } .app.indigo-light .mat-progress-bar-fill::after { background-color: #303f9f; } .app.indigo-light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #fbccdc; } .app.indigo-light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #fbccdc; } .app.indigo-light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ff4081; } .app.indigo-light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #f9ccc9; } .app.indigo-light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #f9ccc9; } .app.indigo-light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } .app.indigo-light .mat-progress-spinner circle, .app.indigo-light .mat-spinner circle { stroke: #303f9f; } .app.indigo-light .mat-progress-spinner.mat-accent circle, .app.indigo-light .mat-spinner.mat-accent circle { stroke: #ff4081; } .app.indigo-light .mat-progress-spinner.mat-warn circle, .app.indigo-light .mat-spinner.mat-warn circle { stroke: #f44336; } .app.indigo-light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #303f9f; } .app.indigo-light .mat-radio-button.mat-primary .mat-radio-inner-circle, .app.indigo-light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.indigo-light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .app.indigo-light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #303f9f; } .app.indigo-light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ff4081; } .app.indigo-light .mat-radio-button.mat-accent .mat-radio-inner-circle, .app.indigo-light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.indigo-light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .app.indigo-light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ff4081; } .app.indigo-light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } .app.indigo-light .mat-radio-button.mat-warn .mat-radio-inner-circle, .app.indigo-light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.indigo-light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .app.indigo-light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } .app.indigo-light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .app.indigo-light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .app.indigo-light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-radio-button .mat-ripple-element { background-color: black; } .app.indigo-light .mat-select-value { color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .app.indigo-light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-select-panel { background: white; } .app.indigo-light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #303f9f; } .app.indigo-light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ff4081; } .app.indigo-light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } .app.indigo-light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } .app.indigo-light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-drawer.mat-drawer-push { background-color: white; } .app.indigo-light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } .app.indigo-light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } .app.indigo-light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .app.indigo-light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ff4081; } .app.indigo-light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 64, 129, 0.54); } .app.indigo-light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ff4081; } .app.indigo-light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #303f9f; } .app.indigo-light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(48, 63, 159, 0.54); } .app.indigo-light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #303f9f; } .app.indigo-light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } .app.indigo-light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } .app.indigo-light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } .app.indigo-light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } .app.indigo-light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } .app.indigo-light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .app.indigo-light .mat-primary .mat-slider-track-fill, .app.indigo-light .mat-primary .mat-slider-thumb, .app.indigo-light .mat-primary .mat-slider-thumb-label { background-color: #303f9f; } .app.indigo-light .mat-primary .mat-slider-thumb-label-text { color: white; } .app.indigo-light .mat-primary .mat-slider-focus-ring { background-color: rgba(48, 63, 159, 0.2); } .app.indigo-light .mat-accent .mat-slider-track-fill, .app.indigo-light .mat-accent .mat-slider-thumb, .app.indigo-light .mat-accent .mat-slider-thumb-label { background-color: #ff4081; } .app.indigo-light .mat-accent .mat-slider-thumb-label-text { color: white; } .app.indigo-light .mat-accent .mat-slider-focus-ring { background-color: rgba(255, 64, 129, 0.2); } .app.indigo-light .mat-warn .mat-slider-track-fill, .app.indigo-light .mat-warn .mat-slider-thumb, .app.indigo-light .mat-warn .mat-slider-thumb-label { background-color: #f44336; } .app.indigo-light .mat-warn .mat-slider-thumb-label-text { color: white; } .app.indigo-light .mat-warn .mat-slider-focus-ring { background-color: rgba(244, 67, 54, 0.2); } .app.indigo-light .mat-slider:hover .mat-slider-track-background, .app.indigo-light .cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-slider-disabled .mat-slider-track-background, .app.indigo-light .mat-slider-disabled .mat-slider-track-fill, .app.indigo-light .mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .app.indigo-light .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .app.indigo-light .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .app.indigo-light .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .app.indigo-light .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .app.indigo-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .app.indigo-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .app.indigo-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .app.indigo-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .app.indigo-light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .app.indigo-light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .app.indigo-light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .app.indigo-light .mat-step-header.cdk-keyboard-focused, .app.indigo-light .mat-step-header.cdk-program-focused, .app.indigo-light .mat-step-header:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { .app.indigo-light .mat-step-header:hover { background: none; } } .app.indigo-light .mat-step-header .mat-step-label, .app.indigo-light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } .app.indigo-light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: white; } .app.indigo-light .mat-step-header .mat-step-icon-selected, .app.indigo-light .mat-step-header .mat-step-icon-state-done, .app.indigo-light .mat-step-header .mat-step-icon-state-edit { background-color: #303f9f; color: white; } .app.indigo-light .mat-step-header.mat-accent .mat-step-icon { color: white; } .app.indigo-light .mat-step-header.mat-accent .mat-step-icon-selected, .app.indigo-light .mat-step-header.mat-accent .mat-step-icon-state-done, .app.indigo-light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ff4081; color: white; } .app.indigo-light .mat-step-header.mat-warn .mat-step-icon { color: white; } .app.indigo-light .mat-step-header.mat-warn .mat-step-icon-selected, .app.indigo-light .mat-step-header.mat-warn .mat-step-icon-state-done, .app.indigo-light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #f44336; color: white; } .app.indigo-light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #f44336; } .app.indigo-light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-step-header .mat-step-label.mat-step-label-error { color: #f44336; } .app.indigo-light .mat-stepper-horizontal, .app.indigo-light .mat-stepper-vertical { background-color: white; } .app.indigo-light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-horizontal-stepper-header::before, .app.indigo-light .mat-horizontal-stepper-header::after, .app.indigo-light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } .mat-horizontal-stepper-header { height: 72px; } .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .mat-vertical-stepper-header { padding: 24px 24px; } .mat-stepper-vertical-line::before { top: -16px; bottom: -16px; } .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { top: 36px; } .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { top: 36px; } .app.indigo-light .mat-sort-header-arrow { color: #757575; } .app.indigo-light .mat-tab-nav-bar, .app.indigo-light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-tab-group-inverted-header .mat-tab-nav-bar, .app.indigo-light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .app.indigo-light .mat-tab-label, .app.indigo-light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-tab-label.mat-tab-disabled, .app.indigo-light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .app.indigo-light .mat-tab-group[class*=mat-background-] .mat-tab-header, .app.indigo-light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .app.indigo-light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(232, 234, 246, 0.3); } .app.indigo-light .mat-tab-group.mat-primary .mat-ink-bar, .app.indigo-light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #303f9f; } .app.indigo-light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.indigo-light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .app.indigo-light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.indigo-light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.indigo-light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 128, 171, 0.3); } .app.indigo-light .mat-tab-group.mat-accent .mat-ink-bar, .app.indigo-light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ff4081; } .app.indigo-light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.indigo-light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .app.indigo-light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.indigo-light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.indigo-light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.indigo-light .mat-tab-group.mat-warn .mat-ink-bar, .app.indigo-light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } .app.indigo-light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.indigo-light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .app.indigo-light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.indigo-light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.indigo-light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(232, 234, 246, 0.3); } .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-header, .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-link-container, .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #303f9f; } .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.indigo-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.indigo-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.indigo-light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 128, 171, 0.3); } .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-header, .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-link-container, .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ff4081; } .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.indigo-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.indigo-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.indigo-light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.indigo-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-header, .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-link-container, .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #f44336; } .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.indigo-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.indigo-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.indigo-light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .app.indigo-light .mat-toolbar.mat-primary { background: #303f9f; color: white; } .app.indigo-light .mat-toolbar.mat-accent { background: #ff4081; color: white; } .app.indigo-light .mat-toolbar.mat-warn { background: #f44336; color: white; } .app.indigo-light .mat-toolbar .mat-form-field-underline, .app.indigo-light .mat-toolbar .mat-form-field-ripple, .app.indigo-light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .app.indigo-light .mat-toolbar .mat-form-field-label, .app.indigo-light .mat-toolbar .mat-focused .mat-form-field-label, .app.indigo-light .mat-toolbar .mat-select-value, .app.indigo-light .mat-toolbar .mat-select-arrow, .app.indigo-light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .app.indigo-light .mat-toolbar .mat-input-element { caret-color: currentColor; } .mat-toolbar-multiple-rows { min-height: 64px; } .mat-toolbar-row, .mat-toolbar-single-row { height: 64px; } @media (max-width: 599px) { .mat-toolbar-multiple-rows { min-height: 56px; } .mat-toolbar-row, .mat-toolbar-single-row { height: 56px; } } .app.indigo-light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .app.indigo-light .mat-tree { background: white; } .app.indigo-light .mat-tree-node, .app.indigo-light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .mat-tree-node { min-height: 48px; } .app.indigo-light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.indigo-light .mat-simple-snackbar-action { color: #ff4081; } .app.teal-light { /* tooltip background-colors */ } .app.teal-light input:-webkit-autofill { -webkit-text-fill-color: white !important; background-color: white !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .app.teal-light .mentioned-notification { background-color: white; color: white; } .app.teal-light .dropdown-menu.scrollable-menu { background: white !important; } .app.teal-light .dropdown-menu.scrollable-menu:not(.mention-menu) { overflow: hidden !important; } .app.teal-light .dropdown-menu.scrollable-menu:active { background: rgba(0, 0, 0, 0.12); } .app.teal-light .tooltip-bg-red { background-color: #e53935 !important; } .app.teal-light .tooltip-bg-blue { background-color: #1068da !important; } .app.teal-light .tooltip-text-warn { color: #e53935; } .app.teal-light .tooltip-text-primary { color: #00796b; } .app.teal-light .bg-p { background-color: #00796b; color: white; } .app.teal-light .bg-a { background-color: #f4511e; color: white; } .app.teal-light .bg-w { background-color: #e53935; color: white; } .app.teal-light .hover:hover { background-color: rgba(0, 0, 0, 0.04); } .app.teal-light .overflow-auto { overflow: auto; } .app.teal-light .card-bg-color { background: white !important; } .app.teal-light .txt-s, .app.teal-light .secondary-text { color: rgba(0, 0, 0, 0.54); } .app.teal-light .txt-p { color: white; } .app.teal-light .primary-text { color: white !important; } .app.teal-light .accent-text { color: #f4511e !important; } .app.teal-light .warn-text { color: #e53935 !important; } .app.teal-light .purple-text { color: #aa0055 !important; } .app.teal-light .green-text { color: #1aaf00; } .app.teal-light .yellow-text { color: #e8bd00; } .app.teal-light .red-text { color: red; } .app.teal-light .orange-text { color: orange; } @keyframes pulsate { 0% { color: #e53935; } 50% { color: green; } 100% { color: #e53935; } } .app.teal-light .pulse-warn-text { animation: pulsate 3s ease-out; animation-iteration-count: infinite; -webkit-animation: pulsate 3s ease-out; -webkit-animation-iteration-count: infinite; color: #e53935; } .app.teal-light button.status-menu-btn:hover.red { background-color: rgba(244, 67, 54, 0.5) !important; } .app.teal-light button.status-menu-btn:hover.green { background-color: rgba(76, 175, 80, 0.5) !important; } .app.teal-light button.status-menu-btn:hover.blue { background-color: rgba(33, 150, 243, 0.5) !important; } .app.teal-light button.status-menu-btn:hover.orange { background-color: rgba(255, 152, 0, 0.5) !important; } .app.teal-light button.status-menu-btn:hover.purple { background-color: rgba(156, 39, 176, 0.5) !important; } .app.teal-light .header { background-color: white; color: black; } .app.teal-light .horizontal-menu { background-color: white; } .app.teal-light .horizontal-menu-item .horizontal-sub-menu { background-color: white; } .app.teal-light .horizontal-menu-item .mat-button { color: rgba(0, 0, 0, 0.54); } .app.teal-light .horizontal-menu-item .mat-button .horizontal-menu-title { color: white; } .app.teal-light .horizontal-menu-item .mat-button.parent-item .horizontal-menu-icon { background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); } .app.teal-light .horizontal-menu-item .mat-button.parent-item.active-link { background: rgba(0, 0, 0, 0.12); } .app.teal-light .horizontal-menu-item .mat-button.parent-item.active-link .horizontal-menu-icon { background: #00796b; color: #fff; } .app.teal-light .menu-item .mat-button .menu-icon { background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); box-sizing: content-box; } .app.teal-light .menu-item .mat-button .menu-title { color: white; } .app.teal-light .menu-item .mat-button.active-link { background: rgba(0, 0, 0, 0.12); } .app.teal-light .menu-item .mat-button.active-link .menu-icon { background: #00796b; color: #fff; } .app.teal-light .people-filter-main { background-color: white !important; } .app.teal-light .people-filter-main .filter-container .mat-list-item { margin-bottom: 10px; } .app.teal-light .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { background: #004d40; } .app.teal-light .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { border-top-right-radius: 25px; width: 90%; border-bottom-right-radius: 25px; } .app.teal-light .full_width { width: 100%; } .app.teal-light .menu-expand-icon { color: rgba(0, 0, 0, 0.54); } .app.teal-light .breadcrumbA a { color: #e0f2f1; } .app.teal-light .top-toolbar, .app.teal-light .landing-toolbar { background: #00695c; color: #e0f2f1; } .app.teal-light .menu-toolbar { background: #004d40; color: #b2dfdb; } .app.teal-light .mention-list-item { background-color: white !important; } .app.teal-light .search__results { background-color: white !important; } .app.teal-light .search__results .result:hover { background-color: rgba(0, 0, 0, 0.04); } .app.teal-light .search__results .result:active { background-color: rgba(0, 0, 0, 0.04); } .app.teal-light mat-card.card { cursor: grab; background: white !important; } .app.teal-light mat-card.card:active { cursor: grabbing; } .app.teal-light th.mat-header-cell, .app.teal-light td.mat-cell, .app.teal-light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .app.teal-light #contacts .header .search-wrapper { background: white; } .app.teal-light #contacts .header .search-wrapper .search .mat-icon { color: rgba(0, 0, 0, 0.54); } .app.teal-light #contacts .header .search-wrapper .search input { background: white; color: rgba(0, 0, 0, 0.87); } .app.teal-light #contacts .content .sidebar .sidebar-content .card { background: white; } .app.teal-light .table-2 { background-color: white; text-align: left; border-spacing: 0; } .app.teal-light .table-2 th:first-of-type, .app.teal-light .table-2 td:first-of-type { padding-left: 24px; } .app.teal-light .table-2 th:last-of-type, .app.teal-light .table-2 td:last-of-type { padding-right: 24px; } .app.teal-light .table-2 thead tr { height: 56px; } .app.teal-light .table-2 thead tr th { color: rgba(0, 0, 0, 0.54); } .app.teal-light .table-2 tbody .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; } .app.teal-light .table-2 tbody .phone { text-align: center; } .app.teal-light .table-2 tbody tr { cursor: pointer; color: rgba(0, 0, 0, 0.87); height: 48px; padding: 0; } .app.teal-light .table-2 tbody tr:hover { background-color: rgba(0, 0, 0, 0.04); } .app.teal-light .table-2 tbody tr td { padding: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.12); } .app.teal-light .table-dark { display: block; overflow: auto; max-height: 500px; border-radius: 10px; } .app.teal-light .table-header { background-color: #00796b !important; } .app.teal-light .table-header > th { color: rgba(0, 0, 0, 0.87); font-size: 14px; } .app.teal-light .ems-scrollbar { position: absolute; overflow: auto; padding: 20px; bottom: 64px; left: 0; right: 0; top: 0; } .app.teal-light .loading_spinner { position: absolute; text-align: center; top: 50%; left: 50%; } .app.teal-light table { width: 100%; color: rgba(0, 0, 0, 0.87); } .app.teal-light tr.estimate-detail-row { height: 0; } .app.teal-light tr.no-estimate { cursor: default !important; } .app.teal-light tr.estimate-row:not(.estimate-expanded-row):hover:not(.no-estimate) { background-color: rgba(0, 0, 0, 0.12); } .app.teal-light .tooltip-red { background: #b71c1c; } .app.teal-light .estimate-row td { border-bottom-width: 0; } .app.teal-light .estimate-detail { overflow: hidden; display: flex; } .app.teal-light .estimate-description { padding: 16px; } .app.teal-light .estimate-description-attribution { opacity: 0.5; } .app.teal-light .card-container { flex: none; z-index: 1; width: 65%; height: 100%; color: rgba(0, 0, 0, 0.87); overflow-y: scroll; justify-items: center; background-color: white; } .app.teal-light .thumbnail { border-radius: 40px; max-width: 300px; height: auto; background-size: cover; } .app.teal-light .img_container { display: flex; flex-direction: column; align-items: flex-start; } .app.teal-light .cover { border-radius: 4px; } .app.teal-light .content { overflow: auto; } .app.teal-light .mid-section { display: inline-grid; grid-auto-flow: column; width: 100%; grid-template-columns: repeat(3, auto); grid-template-rows: 100%; grid-gap: 8px; gap: 8px; padding: 8px; justify-items: center; align-items: start; } .app.teal-light .mat-toolbar { position: sticky !important; max-height: 64px; top: 0; z-index: 3; } .app.teal-light .mat-tab-body-wrapper { padding: 20px; min-height: calc(100vh - 64px - 40px); } .app.teal-light .mat-chip-list-wrapper { padding: 0 12px !important; } .app.teal-light .card-header-container { overflow: auto; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 12px; justify-content: center; position: relative; } .app.teal-light .card-header-container .sublet-list-container { flex: 1 1 30%; order: 3; display: flex; flex-direction: column; max-width: 30%; } .app.teal-light .card-header-container .sublet-list-container .sublet-chip-list { padding: 0 8px; max-height: 200px; overflow: auto; } .app.teal-light .card-header-container .sublet-list-container .sublet-chip-list.cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .app.teal-light .card-header-container .avatar_container { margin: 4px 0; } .app.teal-light .card-header-container .card-cover { order: 1; flex: 1 1 30%; max-width: 300px; } .app.teal-light .card-header-container .util-buttons { order: 2; flex: 1 1 23%; display: flex; flex-flow: column nowrap; } .app.teal-light .card-header-container .archive-btn, .app.teal-light .card-header-container .action-buttons button { white-space: normal; line-height: 1rem; min-height: 36px; max-height: 40px; flex: 1 1 47%; margin: 4px; } .app.teal-light .card-header-container .action-buttons { display: flex; flex-flow: row wrap; } @media screen and (max-width: 599px) { .app.teal-light .card-header-container { flex-wrap: wrap; overflow: auto; } .app.teal-light .card-header-container .sublet-list-container { max-width: 48%; } .app.teal-light .card-header-container .sublet-list-container .sublet-chip-list { max-height: 240px; overflow-x: auto; } .app.teal-light .card-header-container .util-buttons { max-width: 48%; } .app.teal-light .card-header-container .card-cover { flex: 1 1 100%; } } @media screen and (max-width: 959px) { .app.teal-light .card-header-container .sublet-list-container, .app.teal-light .card-header-container .card-cover, .app.teal-light .card-header-container .util-buttons, .app.teal-light .card-header-container .action-buttons { margin: 8px 2px; } } @media screen and (min-width: 600px) { .app.teal-light .card-header-container { flex-direction: row; flex-wrap: wrap; padding: 12px; } .app.teal-light .card-header-container .sublet-list-container { max-width: 70%; } .app.teal-light .card-header-container .card-cover { margin-right: 12px; } } @media screen and (min-width: 720px) { .app.teal-light .card-header-container { flex-wrap: nowrap; } .app.teal-light .card-header-container .util-buttons { max-width: 33%; } } @media screen and (min-width: 960px) { .app.teal-light .card-header-container { flex-direction: row; flex-wrap: nowrap; } .app.teal-light .card-header-container .sublet-list-container, .app.teal-light .card-header-container .action-buttons, .app.teal-light .card-header-container .util-buttons { flex: 1 1 32%; } } .app.teal-light .cdk-drag-preview { color: rgba(0, 0, 0, 0.87); box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.teal-light #board { display: inline-grid !important; grid-auto-columns: 270px; grid-auto-flow: column; grid-gap: 10px; gap: 10px; overflow: auto; width: 100%; padding: 70px 5px 24px 8px; box-sizing: border-box; white-space: nowrap; margin-bottom: 8px; } .app.teal-light .column-wrapper { box-sizing: border-box; border-radius: 6px; width: 270px; min-height: 0px; max-height: 100%; font-size: 14px; transition: box-shadow 0.15s, background 0.15s; } .app.teal-light mat-form-field { box-sizing: border-box; width: 100%; } .app.teal-light button.cdk-drag-handle { cursor: move; grid-row: 1; grid-column: 3; } .app.teal-light button.cdk-drag-handle[disabled] { cursor: pointer; } .app.teal-light .add-card-btn { border-radius: 5px; border: 1px solid black; text-align: center; margin-top: 5px; } .app.teal-light .add-card-btn button { width: 100%; } .app.teal-light .card-list { height: 100%; margin: 0 3px 6px 3px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 10px 10px 0px; } .app.teal-light .card-list::-webkit-scrollbar { width: 8px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.2); } .app.teal-light .card-list::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255, 255, 255, 0.4); } .app.teal-light .card-list:empty { position: absolute; background-color: red; top: 55px; bottom: 0; right: 0; left: 0; height: 200px; } .app.teal-light .boardCard { background-color: #fff; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25); display: block; margin-bottom: 12px; max-width: 260px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; text-decoration: none; z-index: 0; } .app.teal-light .boardCard .mat-card { padding: 0; } .app.teal-light .cdk-drag-placeholder { opacity: 0.2; } .app.teal-light .redBg { background-color: red; } .app.teal-light .greenBg { background-color: green; } .app.teal-light .blueBg { background-color: blue; } .app.teal-light .orangeBg { background-color: orange; } .app.teal-light .purpleBg { background-color: purple; } @media screen and (max-width: 599px) { .app.teal-light #board { scroll-snap-type: x mandatory; } .app.teal-light .column-wrapper { scroll-snap-align: center; } } .app.teal-light .mat-dialog-container { position: relative; } .app.teal-light .feedback-dialog-content { padding-top: 60px; } .app.teal-light .feedback-dialog-title { cursor: move; display: flex; } .app.teal-light .feedback-card { min-width: 120px; margin: 20px auto; } .app.teal-light .mat-radio-button { display: block; margin: 5px 0; } .app.teal-light .row { display: flex; flex-direction: row; } .app.teal-light .col { flex: 1; margin-right: 20px; } .app.teal-light .col:last-child { margin-right: 0; } .app.teal-light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .app.teal-light .mat-option { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-option:hover:not(.mat-option-disabled), .app.teal-light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .app.teal-light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .app.teal-light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #00796b; } .app.teal-light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #f4511e; } .app.teal-light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #e53935; } .app.teal-light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-pseudo-checkbox::after { color: #fafafa; } .app.teal-light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } .app.teal-light .mat-primary .mat-pseudo-checkbox-checked, .app.teal-light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #00796b; } .app.teal-light .mat-pseudo-checkbox-checked, .app.teal-light .mat-pseudo-checkbox-indeterminate, .app.teal-light .mat-accent .mat-pseudo-checkbox-checked, .app.teal-light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #f4511e; } .app.teal-light .mat-warn .mat-pseudo-checkbox-checked, .app.teal-light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #e53935; } .app.teal-light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .app.teal-light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .app.teal-light .mat-app-background, .app.teal-light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .app.teal-light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .app.teal-light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-badge-content { color: white; background: #00796b; } .cdk-high-contrast-active .app.teal-light .mat-badge-content { outline: solid 1px; border-radius: 0; } .app.teal-light .mat-badge-accent .mat-badge-content { background: #f4511e; color: white; } .app.teal-light .mat-badge-warn .mat-badge-content { color: white; background: #e53935; } .app.teal-light .mat-badge { position: relative; } .app.teal-light .mat-badge-hidden .mat-badge-content { display: none; } .app.teal-light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .app.teal-light .ng-animate-disabled .mat-badge-content, .app.teal-light .mat-badge-content._mat-animation-noopable { transition: none; } .app.teal-light .mat-badge-content.mat-badge-active { transform: none; } .app.teal-light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .app.teal-light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .app.teal-light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .app.teal-light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .app.teal-light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .app.teal-light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .app.teal-light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .app.teal-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .app.teal-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .app.teal-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .app.teal-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .app.teal-light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .app.teal-light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .app.teal-light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .app.teal-light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .app.teal-light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .app.teal-light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .app.teal-light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .app.teal-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .app.teal-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .app.teal-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .app.teal-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .app.teal-light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .app.teal-light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .app.teal-light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .app.teal-light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .app.teal-light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .app.teal-light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .app.teal-light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .app.teal-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .app.teal-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .app.teal-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .app.teal-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .app.teal-light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-button, .app.teal-light .mat-icon-button, .app.teal-light .mat-stroked-button { color: inherit; background: transparent; } .app.teal-light .mat-button.mat-primary, .app.teal-light .mat-icon-button.mat-primary, .app.teal-light .mat-stroked-button.mat-primary { color: #00796b; } .app.teal-light .mat-button.mat-accent, .app.teal-light .mat-icon-button.mat-accent, .app.teal-light .mat-stroked-button.mat-accent { color: #f4511e; } .app.teal-light .mat-button.mat-warn, .app.teal-light .mat-icon-button.mat-warn, .app.teal-light .mat-stroked-button.mat-warn { color: #e53935; } .app.teal-light .mat-button.mat-primary.mat-button-disabled, .app.teal-light .mat-button.mat-accent.mat-button-disabled, .app.teal-light .mat-button.mat-warn.mat-button-disabled, .app.teal-light .mat-button.mat-button-disabled.mat-button-disabled, .app.teal-light .mat-icon-button.mat-primary.mat-button-disabled, .app.teal-light .mat-icon-button.mat-accent.mat-button-disabled, .app.teal-light .mat-icon-button.mat-warn.mat-button-disabled, .app.teal-light .mat-icon-button.mat-button-disabled.mat-button-disabled, .app.teal-light .mat-stroked-button.mat-primary.mat-button-disabled, .app.teal-light .mat-stroked-button.mat-accent.mat-button-disabled, .app.teal-light .mat-stroked-button.mat-warn.mat-button-disabled, .app.teal-light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .app.teal-light .mat-button.mat-primary .mat-button-focus-overlay, .app.teal-light .mat-icon-button.mat-primary .mat-button-focus-overlay, .app.teal-light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #00796b; } .app.teal-light .mat-button.mat-accent .mat-button-focus-overlay, .app.teal-light .mat-icon-button.mat-accent .mat-button-focus-overlay, .app.teal-light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #f4511e; } .app.teal-light .mat-button.mat-warn .mat-button-focus-overlay, .app.teal-light .mat-icon-button.mat-warn .mat-button-focus-overlay, .app.teal-light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #e53935; } .app.teal-light .mat-button.mat-button-disabled .mat-button-focus-overlay, .app.teal-light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .app.teal-light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .app.teal-light .mat-button .mat-ripple-element, .app.teal-light .mat-icon-button .mat-ripple-element, .app.teal-light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .app.teal-light .mat-button-focus-overlay { background: black; } .app.teal-light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-flat-button, .app.teal-light .mat-raised-button, .app.teal-light .mat-fab, .app.teal-light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .app.teal-light .mat-flat-button.mat-primary, .app.teal-light .mat-raised-button.mat-primary, .app.teal-light .mat-fab.mat-primary, .app.teal-light .mat-mini-fab.mat-primary { color: white; } .app.teal-light .mat-flat-button.mat-accent, .app.teal-light .mat-raised-button.mat-accent, .app.teal-light .mat-fab.mat-accent, .app.teal-light .mat-mini-fab.mat-accent { color: white; } .app.teal-light .mat-flat-button.mat-warn, .app.teal-light .mat-raised-button.mat-warn, .app.teal-light .mat-fab.mat-warn, .app.teal-light .mat-mini-fab.mat-warn { color: white; } .app.teal-light .mat-flat-button.mat-primary.mat-button-disabled, .app.teal-light .mat-flat-button.mat-accent.mat-button-disabled, .app.teal-light .mat-flat-button.mat-warn.mat-button-disabled, .app.teal-light .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.teal-light .mat-raised-button.mat-primary.mat-button-disabled, .app.teal-light .mat-raised-button.mat-accent.mat-button-disabled, .app.teal-light .mat-raised-button.mat-warn.mat-button-disabled, .app.teal-light .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.teal-light .mat-fab.mat-primary.mat-button-disabled, .app.teal-light .mat-fab.mat-accent.mat-button-disabled, .app.teal-light .mat-fab.mat-warn.mat-button-disabled, .app.teal-light .mat-fab.mat-button-disabled.mat-button-disabled, .app.teal-light .mat-mini-fab.mat-primary.mat-button-disabled, .app.teal-light .mat-mini-fab.mat-accent.mat-button-disabled, .app.teal-light .mat-mini-fab.mat-warn.mat-button-disabled, .app.teal-light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .app.teal-light .mat-flat-button.mat-primary, .app.teal-light .mat-raised-button.mat-primary, .app.teal-light .mat-fab.mat-primary, .app.teal-light .mat-mini-fab.mat-primary { background-color: #00796b; } .app.teal-light .mat-flat-button.mat-accent, .app.teal-light .mat-raised-button.mat-accent, .app.teal-light .mat-fab.mat-accent, .app.teal-light .mat-mini-fab.mat-accent { background-color: #f4511e; } .app.teal-light .mat-flat-button.mat-warn, .app.teal-light .mat-raised-button.mat-warn, .app.teal-light .mat-fab.mat-warn, .app.teal-light .mat-mini-fab.mat-warn { background-color: #e53935; } .app.teal-light .mat-flat-button.mat-primary.mat-button-disabled, .app.teal-light .mat-flat-button.mat-accent.mat-button-disabled, .app.teal-light .mat-flat-button.mat-warn.mat-button-disabled, .app.teal-light .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.teal-light .mat-raised-button.mat-primary.mat-button-disabled, .app.teal-light .mat-raised-button.mat-accent.mat-button-disabled, .app.teal-light .mat-raised-button.mat-warn.mat-button-disabled, .app.teal-light .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.teal-light .mat-fab.mat-primary.mat-button-disabled, .app.teal-light .mat-fab.mat-accent.mat-button-disabled, .app.teal-light .mat-fab.mat-warn.mat-button-disabled, .app.teal-light .mat-fab.mat-button-disabled.mat-button-disabled, .app.teal-light .mat-mini-fab.mat-primary.mat-button-disabled, .app.teal-light .mat-mini-fab.mat-accent.mat-button-disabled, .app.teal-light .mat-mini-fab.mat-warn.mat-button-disabled, .app.teal-light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-flat-button.mat-primary .mat-ripple-element, .app.teal-light .mat-raised-button.mat-primary .mat-ripple-element, .app.teal-light .mat-fab.mat-primary .mat-ripple-element, .app.teal-light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.teal-light .mat-flat-button.mat-accent .mat-ripple-element, .app.teal-light .mat-raised-button.mat-accent .mat-ripple-element, .app.teal-light .mat-fab.mat-accent .mat-ripple-element, .app.teal-light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.teal-light .mat-flat-button.mat-warn .mat-ripple-element, .app.teal-light .mat-raised-button.mat-warn .mat-ripple-element, .app.teal-light .mat-fab.mat-warn .mat-ripple-element, .app.teal-light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.teal-light .mat-stroked-button:not([class*=mat-elevation-z]), .app.teal-light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-fab:not([class*=mat-elevation-z]), .app.teal-light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .app.teal-light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .app.teal-light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-button-toggle-standalone, .app.teal-light .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.teal-light .mat-button-toggle-group-appearance-standard { box-shadow: none; } .app.teal-light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } .app.teal-light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } .app.teal-light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(0, 0, 0, 0.12); } .app.teal-light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } .app.teal-light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } .app.teal-light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .app.teal-light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.teal-light .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-checkbox-checkmark { fill: #fafafa; } .app.teal-light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } .app.teal-light .mat-checkbox-mixedmark { background-color: #fafafa; } .app.teal-light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .app.teal-light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #00796b; } .app.teal-light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .app.teal-light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #f4511e; } .app.teal-light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .app.teal-light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #e53935; } .app.teal-light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .app.teal-light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .app.teal-light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .app.teal-light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-checkbox .mat-ripple-element { background-color: black; } .app.teal-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .app.teal-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #00796b; } .app.teal-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .app.teal-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #f4511e; } .app.teal-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .app.teal-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #e53935; } .app.teal-light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .app.teal-light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .app.teal-light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .app.teal-light .mat-chip.mat-standard-chip::after { background: black; } .app.teal-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #00796b; color: white; } .app.teal-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .app.teal-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.teal-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #e53935; color: white; } .app.teal-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .app.teal-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.teal-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #f4511e; color: white; } .app.teal-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .app.teal-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.teal-light .mat-table { background: white; } .app.teal-light .mat-table thead, .app.teal-light .mat-table tbody, .app.teal-light .mat-table tfoot, .app.teal-light mat-header-row, .app.teal-light mat-row, .app.teal-light mat-footer-row, .app.teal-light [mat-header-row], .app.teal-light [mat-row], .app.teal-light [mat-footer-row], .app.teal-light .mat-table-sticky { background: inherit; } .app.teal-light mat-row, .app.teal-light mat-header-row, .app.teal-light mat-footer-row, .app.teal-light th.mat-header-cell, .app.teal-light td.mat-cell, .app.teal-light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-cell, .app.teal-light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-calendar-arrow { border-top-color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-datepicker-toggle, .app.teal-light .mat-datepicker-content .mat-calendar-next-button, .app.teal-light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-calendar-table-header { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-calendar-body-cell-content, .app.teal-light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } .app.teal-light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } .app.teal-light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } .app.teal-light .mat-calendar-body-in-range::before { background: rgba(0, 121, 107, 0.2); } .app.teal-light .mat-calendar-body-comparison-identical, .app.teal-light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.teal-light .mat-calendar-body-comparison-bridge-start::before, .app.teal-light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(0, 121, 107, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.teal-light .mat-calendar-body-comparison-bridge-end::before, .app.teal-light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(0, 121, 107, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.teal-light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.teal-light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.teal-light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.teal-light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.teal-light .mat-calendar-body-selected { background-color: #00796b; color: white; } .app.teal-light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(0, 121, 107, 0.4); } .app.teal-light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.teal-light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.teal-light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.teal-light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(0, 121, 107, 0.3); } .app.teal-light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(244, 81, 30, 0.2); } .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .app.teal-light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(244, 81, 30, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .app.teal-light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(244, 81, 30, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #f4511e; color: white; } .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 81, 30, 0.4); } .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.teal-light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.teal-light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.teal-light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(244, 81, 30, 0.3); } .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(229, 57, 53, 0.2); } .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .app.teal-light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(229, 57, 53, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .app.teal-light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(229, 57, 53, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #e53935; color: white; } .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(229, 57, 53, 0.4); } .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.teal-light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.teal-light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.teal-light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(229, 57, 53, 0.3); } .app.teal-light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-datepicker-toggle-active { color: #00796b; } .app.teal-light .mat-datepicker-toggle-active.mat-accent { color: #f4511e; } .app.teal-light .mat-datepicker-toggle-active.mat-warn { color: #e53935; } .app.teal-light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .app.teal-light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .app.teal-light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { .app.teal-light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } .app.teal-light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-expansion-panel-header-description, .app.teal-light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .app.teal-light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .app.teal-light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .app.teal-light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } .app.teal-light .mat-hint { color: rgba(0, 0, 0, 0.6); } .app.teal-light .mat-form-field.mat-focused .mat-form-field-label { color: #00796b; } .app.teal-light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #f4511e; } .app.teal-light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #e53935; } .app.teal-light .mat-focused .mat-form-field-required-marker { color: #f4511e; } .app.teal-light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #00796b; } .app.teal-light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #f4511e; } .app.teal-light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #e53935; } .app.teal-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #00796b; } .app.teal-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #f4511e; } .app.teal-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #e53935; } .app.teal-light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #e53935; } .app.teal-light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .app.teal-light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #e53935; } .app.teal-light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .app.teal-light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #e53935; } .app.teal-light .mat-error { color: #e53935; } .app.teal-light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .app.teal-light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.teal-light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .app.teal-light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.teal-light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } .app.teal-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .app.teal-light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .app.teal-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .app.teal-light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #00796b; } .app.teal-light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #f4511e; } .app.teal-light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #e53935; } .app.teal-light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #e53935; } .app.teal-light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .app.teal-light .mat-icon.mat-primary { color: #00796b; } .app.teal-light .mat-icon.mat-accent { color: #f4511e; } .app.teal-light .mat-icon.mat-warn { color: #e53935; } .app.teal-light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-input-element:disabled, .app.teal-light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-input-element { caret-color: #00796b; } .app.teal-light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .app.teal-light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .app.teal-light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .app.teal-light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .app.teal-light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .app.teal-light .mat-form-field.mat-accent .mat-input-element { caret-color: #f4511e; } .app.teal-light .mat-form-field.mat-warn .mat-input-element, .app.teal-light .mat-form-field-invalid .mat-input-element { caret-color: #e53935; } .app.teal-light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #e53935; } .app.teal-light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-list-item-disabled { background-color: #eeeeee; } .app.teal-light .mat-list-option:hover, .app.teal-light .mat-list-option:focus, .app.teal-light .mat-nav-list .mat-list-item:hover, .app.teal-light .mat-nav-list .mat-list-item:focus, .app.teal-light .mat-action-list .mat-list-item:hover, .app.teal-light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .app.teal-light .mat-list-single-selected-option, .app.teal-light .mat-list-single-selected-option:hover, .app.teal-light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-menu-panel { background: white; } .app.teal-light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-menu-item[disabled], .app.teal-light .mat-menu-item[disabled]::after, .app.teal-light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-menu-item .mat-icon-no-color, .app.teal-light .mat-menu-item-submenu-trigger::after { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-menu-item:hover:not([disabled]), .app.teal-light .mat-menu-item.cdk-program-focused:not([disabled]), .app.teal-light .mat-menu-item.cdk-keyboard-focused:not([disabled]), .app.teal-light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .app.teal-light .mat-paginator { background: white; } .app.teal-light .mat-paginator, .app.teal-light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-paginator-decrement, .app.teal-light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .app.teal-light .mat-paginator-first, .app.teal-light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .app.teal-light .mat-icon-button[disabled] .mat-paginator-decrement, .app.teal-light .mat-icon-button[disabled] .mat-paginator-increment, .app.teal-light .mat-icon-button[disabled] .mat-paginator-first, .app.teal-light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-progress-bar-background { fill: #bcdad6; } .app.teal-light .mat-progress-bar-buffer { background-color: #bcdad6; } .app.teal-light .mat-progress-bar-fill::after { background-color: #00796b; } .app.teal-light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #f9d0c3; } .app.teal-light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #f9d0c3; } .app.teal-light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #f4511e; } .app.teal-light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #f5cac9; } .app.teal-light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #f5cac9; } .app.teal-light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #e53935; } .app.teal-light .mat-progress-spinner circle, .app.teal-light .mat-spinner circle { stroke: #00796b; } .app.teal-light .mat-progress-spinner.mat-accent circle, .app.teal-light .mat-spinner.mat-accent circle { stroke: #f4511e; } .app.teal-light .mat-progress-spinner.mat-warn circle, .app.teal-light .mat-spinner.mat-warn circle { stroke: #e53935; } .app.teal-light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #00796b; } .app.teal-light .mat-radio-button.mat-primary .mat-radio-inner-circle, .app.teal-light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.teal-light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .app.teal-light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #00796b; } .app.teal-light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #f4511e; } .app.teal-light .mat-radio-button.mat-accent .mat-radio-inner-circle, .app.teal-light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.teal-light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .app.teal-light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #f4511e; } .app.teal-light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #e53935; } .app.teal-light .mat-radio-button.mat-warn .mat-radio-inner-circle, .app.teal-light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.teal-light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .app.teal-light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #e53935; } .app.teal-light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .app.teal-light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .app.teal-light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-radio-button .mat-ripple-element { background-color: black; } .app.teal-light .mat-select-value { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .app.teal-light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-select-panel { background: white; } .app.teal-light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #00796b; } .app.teal-light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #f4511e; } .app.teal-light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #e53935; } .app.teal-light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #e53935; } .app.teal-light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-drawer.mat-drawer-push { background-color: white; } .app.teal-light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } .app.teal-light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } .app.teal-light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .app.teal-light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #f4511e; } .app.teal-light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 81, 30, 0.54); } .app.teal-light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #f4511e; } .app.teal-light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #00796b; } .app.teal-light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(0, 121, 107, 0.54); } .app.teal-light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #00796b; } .app.teal-light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #e53935; } .app.teal-light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(229, 57, 53, 0.54); } .app.teal-light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #e53935; } .app.teal-light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } .app.teal-light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } .app.teal-light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .app.teal-light .mat-primary .mat-slider-track-fill, .app.teal-light .mat-primary .mat-slider-thumb, .app.teal-light .mat-primary .mat-slider-thumb-label { background-color: #00796b; } .app.teal-light .mat-primary .mat-slider-thumb-label-text { color: white; } .app.teal-light .mat-primary .mat-slider-focus-ring { background-color: rgba(0, 121, 107, 0.2); } .app.teal-light .mat-accent .mat-slider-track-fill, .app.teal-light .mat-accent .mat-slider-thumb, .app.teal-light .mat-accent .mat-slider-thumb-label { background-color: #f4511e; } .app.teal-light .mat-accent .mat-slider-thumb-label-text { color: white; } .app.teal-light .mat-accent .mat-slider-focus-ring { background-color: rgba(244, 81, 30, 0.2); } .app.teal-light .mat-warn .mat-slider-track-fill, .app.teal-light .mat-warn .mat-slider-thumb, .app.teal-light .mat-warn .mat-slider-thumb-label { background-color: #e53935; } .app.teal-light .mat-warn .mat-slider-thumb-label-text { color: white; } .app.teal-light .mat-warn .mat-slider-focus-ring { background-color: rgba(229, 57, 53, 0.2); } .app.teal-light .mat-slider:hover .mat-slider-track-background, .app.teal-light .cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-slider-disabled .mat-slider-track-background, .app.teal-light .mat-slider-disabled .mat-slider-track-fill, .app.teal-light .mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .app.teal-light .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .app.teal-light .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .app.teal-light .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .app.teal-light .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .app.teal-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .app.teal-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .app.teal-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .app.teal-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .app.teal-light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .app.teal-light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .app.teal-light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .app.teal-light .mat-step-header.cdk-keyboard-focused, .app.teal-light .mat-step-header.cdk-program-focused, .app.teal-light .mat-step-header:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { .app.teal-light .mat-step-header:hover { background: none; } } .app.teal-light .mat-step-header .mat-step-label, .app.teal-light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } .app.teal-light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: white; } .app.teal-light .mat-step-header .mat-step-icon-selected, .app.teal-light .mat-step-header .mat-step-icon-state-done, .app.teal-light .mat-step-header .mat-step-icon-state-edit { background-color: #00796b; color: white; } .app.teal-light .mat-step-header.mat-accent .mat-step-icon { color: white; } .app.teal-light .mat-step-header.mat-accent .mat-step-icon-selected, .app.teal-light .mat-step-header.mat-accent .mat-step-icon-state-done, .app.teal-light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #f4511e; color: white; } .app.teal-light .mat-step-header.mat-warn .mat-step-icon { color: white; } .app.teal-light .mat-step-header.mat-warn .mat-step-icon-selected, .app.teal-light .mat-step-header.mat-warn .mat-step-icon-state-done, .app.teal-light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #e53935; color: white; } .app.teal-light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #e53935; } .app.teal-light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-step-header .mat-step-label.mat-step-label-error { color: #e53935; } .app.teal-light .mat-stepper-horizontal, .app.teal-light .mat-stepper-vertical { background-color: white; } .app.teal-light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-horizontal-stepper-header::before, .app.teal-light .mat-horizontal-stepper-header::after, .app.teal-light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } .app.teal-light .mat-sort-header-arrow { color: #757575; } .app.teal-light .mat-tab-nav-bar, .app.teal-light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .app.teal-light .mat-tab-group-inverted-header .mat-tab-nav-bar, .app.teal-light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .app.teal-light .mat-tab-label, .app.teal-light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-tab-label.mat-tab-disabled, .app.teal-light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .app.teal-light .mat-tab-group[class*=mat-background-] .mat-tab-header, .app.teal-light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .app.teal-light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(224, 242, 241, 0.3); } .app.teal-light .mat-tab-group.mat-primary .mat-ink-bar, .app.teal-light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #00796b; } .app.teal-light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.teal-light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .app.teal-light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.teal-light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.teal-light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 61, 0, 0.3); } .app.teal-light .mat-tab-group.mat-accent .mat-ink-bar, .app.teal-light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #f4511e; } .app.teal-light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.teal-light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .app.teal-light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.teal-light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.teal-light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.teal-light .mat-tab-group.mat-warn .mat-ink-bar, .app.teal-light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #e53935; } .app.teal-light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.teal-light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .app.teal-light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.teal-light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.teal-light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(224, 242, 241, 0.3); } .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-header, .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-link-container, .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #00796b; } .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.teal-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.teal-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.teal-light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 61, 0, 0.3); } .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-header, .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-link-container, .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #f4511e; } .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.teal-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.teal-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.teal-light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.teal-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-header, .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-link-container, .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #e53935; } .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.teal-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.teal-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.teal-light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-toolbar.mat-primary { background: #00796b; color: white; } .app.teal-light .mat-toolbar.mat-accent { background: #f4511e; color: white; } .app.teal-light .mat-toolbar.mat-warn { background: #e53935; color: white; } .app.teal-light .mat-toolbar .mat-form-field-underline, .app.teal-light .mat-toolbar .mat-form-field-ripple, .app.teal-light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .app.teal-light .mat-toolbar .mat-form-field-label, .app.teal-light .mat-toolbar .mat-focused .mat-form-field-label, .app.teal-light .mat-toolbar .mat-select-value, .app.teal-light .mat-toolbar .mat-select-arrow, .app.teal-light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .app.teal-light .mat-toolbar .mat-input-element { caret-color: currentColor; } .app.teal-light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .app.teal-light .mat-tree { background: white; } .app.teal-light .mat-tree-node, .app.teal-light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .app.teal-light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.teal-light .mat-simple-snackbar-action { color: #f4511e; } .app.red-light { /* tooltip background-colors */ } .app.red-light input:-webkit-autofill { -webkit-text-fill-color: white !important; background-color: white !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .app.red-light .mentioned-notification { background-color: white; color: white; } .app.red-light .dropdown-menu.scrollable-menu { background: white !important; } .app.red-light .dropdown-menu.scrollable-menu:not(.mention-menu) { overflow: hidden !important; } .app.red-light .dropdown-menu.scrollable-menu:active { background: rgba(0, 0, 0, 0.12); } .app.red-light .tooltip-bg-red { background-color: #ff3d00 !important; } .app.red-light .tooltip-bg-blue { background-color: #1068da !important; } .app.red-light .tooltip-text-warn { color: #ff3d00; } .app.red-light .tooltip-text-primary { color: #d32f2f; } .app.red-light .bg-p { background-color: #d32f2f; color: white; } .app.red-light .bg-a { background-color: #43a047; color: white; } .app.red-light .bg-w { background-color: #ff3d00; color: white; } .app.red-light .hover:hover { background-color: rgba(0, 0, 0, 0.04); } .app.red-light .overflow-auto { overflow: auto; } .app.red-light .card-bg-color { background: white !important; } .app.red-light .txt-s, .app.red-light .secondary-text { color: rgba(0, 0, 0, 0.54); } .app.red-light .txt-p { color: white; } .app.red-light .primary-text { color: white !important; } .app.red-light .accent-text { color: #43a047 !important; } .app.red-light .warn-text { color: #ff3d00 !important; } .app.red-light .purple-text { color: #aa0055 !important; } .app.red-light .green-text { color: #1aaf00; } .app.red-light .yellow-text { color: #e8bd00; } .app.red-light .red-text { color: red; } .app.red-light .orange-text { color: orange; } @keyframes pulsate { 0% { color: #ff3d00; } 50% { color: green; } 100% { color: #ff3d00; } } .app.red-light .pulse-warn-text { animation: pulsate 3s ease-out; animation-iteration-count: infinite; -webkit-animation: pulsate 3s ease-out; -webkit-animation-iteration-count: infinite; color: #ff3d00; } .app.red-light button.status-menu-btn:hover.red { background-color: rgba(244, 67, 54, 0.5) !important; } .app.red-light button.status-menu-btn:hover.green { background-color: rgba(76, 175, 80, 0.5) !important; } .app.red-light button.status-menu-btn:hover.blue { background-color: rgba(33, 150, 243, 0.5) !important; } .app.red-light button.status-menu-btn:hover.orange { background-color: rgba(255, 152, 0, 0.5) !important; } .app.red-light button.status-menu-btn:hover.purple { background-color: rgba(156, 39, 176, 0.5) !important; } .app.red-light .header { background-color: white; color: black; } .app.red-light .horizontal-menu { background-color: white; } .app.red-light .horizontal-menu-item .horizontal-sub-menu { background-color: white; } .app.red-light .horizontal-menu-item .mat-button { color: rgba(0, 0, 0, 0.54); } .app.red-light .horizontal-menu-item .mat-button .horizontal-menu-title { color: white; } .app.red-light .horizontal-menu-item .mat-button.parent-item .horizontal-menu-icon { background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); } .app.red-light .horizontal-menu-item .mat-button.parent-item.active-link { background: rgba(0, 0, 0, 0.12); } .app.red-light .horizontal-menu-item .mat-button.parent-item.active-link .horizontal-menu-icon { background: #d32f2f; color: #fff; } .app.red-light .menu-item .mat-button .menu-icon { background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); box-sizing: content-box; } .app.red-light .menu-item .mat-button .menu-title { color: white; } .app.red-light .menu-item .mat-button.active-link { background: rgba(0, 0, 0, 0.12); } .app.red-light .menu-item .mat-button.active-link .menu-icon { background: #d32f2f; color: #fff; } .app.red-light .people-filter-main { background-color: white !important; } .app.red-light .people-filter-main .filter-container .mat-list-item { margin-bottom: 10px; } .app.red-light .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { background: #b71c1c; } .app.red-light .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { border-top-right-radius: 25px; width: 90%; border-bottom-right-radius: 25px; } .app.red-light .full_width { width: 100%; } .app.red-light .menu-expand-icon { color: rgba(0, 0, 0, 0.54); } .app.red-light .breadcrumbA a { color: #ffebee; } .app.red-light .top-toolbar, .app.red-light .landing-toolbar { background: #c62828; color: #ffebee; } .app.red-light .menu-toolbar { background: #b71c1c; color: #ffcdd2; } .app.red-light .mention-list-item { background-color: white !important; } .app.red-light .search__results { background-color: white !important; } .app.red-light .search__results .result:hover { background-color: rgba(0, 0, 0, 0.04); } .app.red-light .search__results .result:active { background-color: rgba(0, 0, 0, 0.04); } .app.red-light mat-card.card { cursor: grab; background: white !important; } .app.red-light mat-card.card:active { cursor: grabbing; } .app.red-light th.mat-header-cell, .app.red-light td.mat-cell, .app.red-light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .app.red-light #contacts .header .search-wrapper { background: white; } .app.red-light #contacts .header .search-wrapper .search .mat-icon { color: rgba(0, 0, 0, 0.54); } .app.red-light #contacts .header .search-wrapper .search input { background: white; color: rgba(0, 0, 0, 0.87); } .app.red-light #contacts .content .sidebar .sidebar-content .card { background: white; } .app.red-light .table-2 { background-color: white; text-align: left; border-spacing: 0; } .app.red-light .table-2 th:first-of-type, .app.red-light .table-2 td:first-of-type { padding-left: 24px; } .app.red-light .table-2 th:last-of-type, .app.red-light .table-2 td:last-of-type { padding-right: 24px; } .app.red-light .table-2 thead tr { height: 56px; } .app.red-light .table-2 thead tr th { color: rgba(0, 0, 0, 0.54); } .app.red-light .table-2 tbody .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; } .app.red-light .table-2 tbody .phone { text-align: center; } .app.red-light .table-2 tbody tr { cursor: pointer; color: rgba(0, 0, 0, 0.87); height: 48px; padding: 0; } .app.red-light .table-2 tbody tr:hover { background-color: rgba(0, 0, 0, 0.04); } .app.red-light .table-2 tbody tr td { padding: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.12); } .app.red-light .table-dark { display: block; overflow: auto; max-height: 500px; border-radius: 10px; } .app.red-light .table-header { background-color: #d32f2f !important; } .app.red-light .table-header > th { color: rgba(0, 0, 0, 0.87); font-size: 14px; } .app.red-light .ems-scrollbar { position: absolute; overflow: auto; padding: 20px; bottom: 64px; left: 0; right: 0; top: 0; } .app.red-light .loading_spinner { position: absolute; text-align: center; top: 50%; left: 50%; } .app.red-light table { width: 100%; color: rgba(0, 0, 0, 0.87); } .app.red-light tr.estimate-detail-row { height: 0; } .app.red-light tr.no-estimate { cursor: default !important; } .app.red-light tr.estimate-row:not(.estimate-expanded-row):hover:not(.no-estimate) { background-color: rgba(0, 0, 0, 0.12); } .app.red-light .tooltip-red { background: #b71c1c; } .app.red-light .estimate-row td { border-bottom-width: 0; } .app.red-light .estimate-detail { overflow: hidden; display: flex; } .app.red-light .estimate-description { padding: 16px; } .app.red-light .estimate-description-attribution { opacity: 0.5; } .app.red-light .card-container { flex: none; z-index: 1; width: 65%; height: 100%; color: rgba(0, 0, 0, 0.87); overflow-y: scroll; justify-items: center; background-color: white; } .app.red-light .thumbnail { border-radius: 40px; max-width: 300px; height: auto; background-size: cover; } .app.red-light .img_container { display: flex; flex-direction: column; align-items: flex-start; } .app.red-light .cover { border-radius: 4px; } .app.red-light .content { overflow: auto; } .app.red-light .mid-section { display: inline-grid; grid-auto-flow: column; width: 100%; grid-template-columns: repeat(3, auto); grid-template-rows: 100%; grid-gap: 8px; gap: 8px; padding: 8px; justify-items: center; align-items: start; } .app.red-light .mat-toolbar { position: sticky !important; max-height: 64px; top: 0; z-index: 3; } .app.red-light .mat-tab-body-wrapper { padding: 20px; min-height: calc(100vh - 64px - 40px); } .app.red-light .mat-chip-list-wrapper { padding: 0 12px !important; } .app.red-light .card-header-container { overflow: auto; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 12px; justify-content: center; position: relative; } .app.red-light .card-header-container .sublet-list-container { flex: 1 1 30%; order: 3; display: flex; flex-direction: column; max-width: 30%; } .app.red-light .card-header-container .sublet-list-container .sublet-chip-list { padding: 0 8px; max-height: 200px; overflow: auto; } .app.red-light .card-header-container .sublet-list-container .sublet-chip-list.cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .app.red-light .card-header-container .avatar_container { margin: 4px 0; } .app.red-light .card-header-container .card-cover { order: 1; flex: 1 1 30%; max-width: 300px; } .app.red-light .card-header-container .util-buttons { order: 2; flex: 1 1 23%; display: flex; flex-flow: column nowrap; } .app.red-light .card-header-container .archive-btn, .app.red-light .card-header-container .action-buttons button { white-space: normal; line-height: 1rem; min-height: 36px; max-height: 40px; flex: 1 1 47%; margin: 4px; } .app.red-light .card-header-container .action-buttons { display: flex; flex-flow: row wrap; } @media screen and (max-width: 599px) { .app.red-light .card-header-container { flex-wrap: wrap; overflow: auto; } .app.red-light .card-header-container .sublet-list-container { max-width: 48%; } .app.red-light .card-header-container .sublet-list-container .sublet-chip-list { max-height: 240px; overflow-x: auto; } .app.red-light .card-header-container .util-buttons { max-width: 48%; } .app.red-light .card-header-container .card-cover { flex: 1 1 100%; } } @media screen and (max-width: 959px) { .app.red-light .card-header-container .sublet-list-container, .app.red-light .card-header-container .card-cover, .app.red-light .card-header-container .util-buttons, .app.red-light .card-header-container .action-buttons { margin: 8px 2px; } } @media screen and (min-width: 600px) { .app.red-light .card-header-container { flex-direction: row; flex-wrap: wrap; padding: 12px; } .app.red-light .card-header-container .sublet-list-container { max-width: 70%; } .app.red-light .card-header-container .card-cover { margin-right: 12px; } } @media screen and (min-width: 720px) { .app.red-light .card-header-container { flex-wrap: nowrap; } .app.red-light .card-header-container .util-buttons { max-width: 33%; } } @media screen and (min-width: 960px) { .app.red-light .card-header-container { flex-direction: row; flex-wrap: nowrap; } .app.red-light .card-header-container .sublet-list-container, .app.red-light .card-header-container .action-buttons, .app.red-light .card-header-container .util-buttons { flex: 1 1 32%; } } .app.red-light .cdk-drag-preview { color: rgba(0, 0, 0, 0.87); box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.red-light #board { display: inline-grid !important; grid-auto-columns: 270px; grid-auto-flow: column; grid-gap: 10px; gap: 10px; overflow: auto; width: 100%; padding: 70px 5px 24px 8px; box-sizing: border-box; white-space: nowrap; margin-bottom: 8px; } .app.red-light .column-wrapper { box-sizing: border-box; border-radius: 6px; width: 270px; min-height: 0px; max-height: 100%; font-size: 14px; transition: box-shadow 0.15s, background 0.15s; } .app.red-light mat-form-field { box-sizing: border-box; width: 100%; } .app.red-light button.cdk-drag-handle { cursor: move; grid-row: 1; grid-column: 3; } .app.red-light button.cdk-drag-handle[disabled] { cursor: pointer; } .app.red-light .add-card-btn { border-radius: 5px; border: 1px solid black; text-align: center; margin-top: 5px; } .app.red-light .add-card-btn button { width: 100%; } .app.red-light .card-list { height: 100%; margin: 0 3px 6px 3px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 10px 10px 0px; } .app.red-light .card-list::-webkit-scrollbar { width: 8px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.2); } .app.red-light .card-list::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255, 255, 255, 0.4); } .app.red-light .card-list:empty { position: absolute; background-color: red; top: 55px; bottom: 0; right: 0; left: 0; height: 200px; } .app.red-light .boardCard { background-color: #fff; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25); display: block; margin-bottom: 12px; max-width: 260px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; text-decoration: none; z-index: 0; } .app.red-light .boardCard .mat-card { padding: 0; } .app.red-light .cdk-drag-placeholder { opacity: 0.2; } .app.red-light .redBg { background-color: red; } .app.red-light .greenBg { background-color: green; } .app.red-light .blueBg { background-color: blue; } .app.red-light .orangeBg { background-color: orange; } .app.red-light .purpleBg { background-color: purple; } @media screen and (max-width: 599px) { .app.red-light #board { scroll-snap-type: x mandatory; } .app.red-light .column-wrapper { scroll-snap-align: center; } } .app.red-light .mat-dialog-container { position: relative; } .app.red-light .feedback-dialog-content { padding-top: 60px; } .app.red-light .feedback-dialog-title { cursor: move; display: flex; } .app.red-light .feedback-card { min-width: 120px; margin: 20px auto; } .app.red-light .mat-radio-button { display: block; margin: 5px 0; } .app.red-light .row { display: flex; flex-direction: row; } .app.red-light .col { flex: 1; margin-right: 20px; } .app.red-light .col:last-child { margin-right: 0; } .app.red-light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .app.red-light .mat-option { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-option:hover:not(.mat-option-disabled), .app.red-light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .app.red-light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .app.red-light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #d32f2f; } .app.red-light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #43a047; } .app.red-light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff3d00; } .app.red-light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-pseudo-checkbox::after { color: #fafafa; } .app.red-light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } .app.red-light .mat-primary .mat-pseudo-checkbox-checked, .app.red-light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #d32f2f; } .app.red-light .mat-pseudo-checkbox-checked, .app.red-light .mat-pseudo-checkbox-indeterminate, .app.red-light .mat-accent .mat-pseudo-checkbox-checked, .app.red-light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #43a047; } .app.red-light .mat-warn .mat-pseudo-checkbox-checked, .app.red-light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff3d00; } .app.red-light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .app.red-light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .app.red-light .mat-app-background, .app.red-light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .app.red-light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .app.red-light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .app.red-light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-badge-content { color: white; background: #d32f2f; } .cdk-high-contrast-active .app.red-light .mat-badge-content { outline: solid 1px; border-radius: 0; } .app.red-light .mat-badge-accent .mat-badge-content { background: #43a047; color: white; } .app.red-light .mat-badge-warn .mat-badge-content { color: white; background: #ff3d00; } .app.red-light .mat-badge { position: relative; } .app.red-light .mat-badge-hidden .mat-badge-content { display: none; } .app.red-light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .app.red-light .ng-animate-disabled .mat-badge-content, .app.red-light .mat-badge-content._mat-animation-noopable { transition: none; } .app.red-light .mat-badge-content.mat-badge-active { transform: none; } .app.red-light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .app.red-light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .app.red-light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .app.red-light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .app.red-light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .app.red-light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .app.red-light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .app.red-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .app.red-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .app.red-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .app.red-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .app.red-light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .app.red-light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .app.red-light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .app.red-light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .app.red-light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .app.red-light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .app.red-light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .app.red-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .app.red-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .app.red-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .app.red-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .app.red-light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .app.red-light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .app.red-light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .app.red-light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .app.red-light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .app.red-light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .app.red-light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .app.red-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .app.red-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .app.red-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .app.red-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .app.red-light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-button, .app.red-light .mat-icon-button, .app.red-light .mat-stroked-button { color: inherit; background: transparent; } .app.red-light .mat-button.mat-primary, .app.red-light .mat-icon-button.mat-primary, .app.red-light .mat-stroked-button.mat-primary { color: #d32f2f; } .app.red-light .mat-button.mat-accent, .app.red-light .mat-icon-button.mat-accent, .app.red-light .mat-stroked-button.mat-accent { color: #43a047; } .app.red-light .mat-button.mat-warn, .app.red-light .mat-icon-button.mat-warn, .app.red-light .mat-stroked-button.mat-warn { color: #ff3d00; } .app.red-light .mat-button.mat-primary.mat-button-disabled, .app.red-light .mat-button.mat-accent.mat-button-disabled, .app.red-light .mat-button.mat-warn.mat-button-disabled, .app.red-light .mat-button.mat-button-disabled.mat-button-disabled, .app.red-light .mat-icon-button.mat-primary.mat-button-disabled, .app.red-light .mat-icon-button.mat-accent.mat-button-disabled, .app.red-light .mat-icon-button.mat-warn.mat-button-disabled, .app.red-light .mat-icon-button.mat-button-disabled.mat-button-disabled, .app.red-light .mat-stroked-button.mat-primary.mat-button-disabled, .app.red-light .mat-stroked-button.mat-accent.mat-button-disabled, .app.red-light .mat-stroked-button.mat-warn.mat-button-disabled, .app.red-light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .app.red-light .mat-button.mat-primary .mat-button-focus-overlay, .app.red-light .mat-icon-button.mat-primary .mat-button-focus-overlay, .app.red-light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #d32f2f; } .app.red-light .mat-button.mat-accent .mat-button-focus-overlay, .app.red-light .mat-icon-button.mat-accent .mat-button-focus-overlay, .app.red-light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #43a047; } .app.red-light .mat-button.mat-warn .mat-button-focus-overlay, .app.red-light .mat-icon-button.mat-warn .mat-button-focus-overlay, .app.red-light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff3d00; } .app.red-light .mat-button.mat-button-disabled .mat-button-focus-overlay, .app.red-light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .app.red-light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .app.red-light .mat-button .mat-ripple-element, .app.red-light .mat-icon-button .mat-ripple-element, .app.red-light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .app.red-light .mat-button-focus-overlay { background: black; } .app.red-light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } .app.red-light .mat-flat-button, .app.red-light .mat-raised-button, .app.red-light .mat-fab, .app.red-light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .app.red-light .mat-flat-button.mat-primary, .app.red-light .mat-raised-button.mat-primary, .app.red-light .mat-fab.mat-primary, .app.red-light .mat-mini-fab.mat-primary { color: white; } .app.red-light .mat-flat-button.mat-accent, .app.red-light .mat-raised-button.mat-accent, .app.red-light .mat-fab.mat-accent, .app.red-light .mat-mini-fab.mat-accent { color: white; } .app.red-light .mat-flat-button.mat-warn, .app.red-light .mat-raised-button.mat-warn, .app.red-light .mat-fab.mat-warn, .app.red-light .mat-mini-fab.mat-warn { color: white; } .app.red-light .mat-flat-button.mat-primary.mat-button-disabled, .app.red-light .mat-flat-button.mat-accent.mat-button-disabled, .app.red-light .mat-flat-button.mat-warn.mat-button-disabled, .app.red-light .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.red-light .mat-raised-button.mat-primary.mat-button-disabled, .app.red-light .mat-raised-button.mat-accent.mat-button-disabled, .app.red-light .mat-raised-button.mat-warn.mat-button-disabled, .app.red-light .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.red-light .mat-fab.mat-primary.mat-button-disabled, .app.red-light .mat-fab.mat-accent.mat-button-disabled, .app.red-light .mat-fab.mat-warn.mat-button-disabled, .app.red-light .mat-fab.mat-button-disabled.mat-button-disabled, .app.red-light .mat-mini-fab.mat-primary.mat-button-disabled, .app.red-light .mat-mini-fab.mat-accent.mat-button-disabled, .app.red-light .mat-mini-fab.mat-warn.mat-button-disabled, .app.red-light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .app.red-light .mat-flat-button.mat-primary, .app.red-light .mat-raised-button.mat-primary, .app.red-light .mat-fab.mat-primary, .app.red-light .mat-mini-fab.mat-primary { background-color: #d32f2f; } .app.red-light .mat-flat-button.mat-accent, .app.red-light .mat-raised-button.mat-accent, .app.red-light .mat-fab.mat-accent, .app.red-light .mat-mini-fab.mat-accent { background-color: #43a047; } .app.red-light .mat-flat-button.mat-warn, .app.red-light .mat-raised-button.mat-warn, .app.red-light .mat-fab.mat-warn, .app.red-light .mat-mini-fab.mat-warn { background-color: #ff3d00; } .app.red-light .mat-flat-button.mat-primary.mat-button-disabled, .app.red-light .mat-flat-button.mat-accent.mat-button-disabled, .app.red-light .mat-flat-button.mat-warn.mat-button-disabled, .app.red-light .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.red-light .mat-raised-button.mat-primary.mat-button-disabled, .app.red-light .mat-raised-button.mat-accent.mat-button-disabled, .app.red-light .mat-raised-button.mat-warn.mat-button-disabled, .app.red-light .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.red-light .mat-fab.mat-primary.mat-button-disabled, .app.red-light .mat-fab.mat-accent.mat-button-disabled, .app.red-light .mat-fab.mat-warn.mat-button-disabled, .app.red-light .mat-fab.mat-button-disabled.mat-button-disabled, .app.red-light .mat-mini-fab.mat-primary.mat-button-disabled, .app.red-light .mat-mini-fab.mat-accent.mat-button-disabled, .app.red-light .mat-mini-fab.mat-warn.mat-button-disabled, .app.red-light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } .app.red-light .mat-flat-button.mat-primary .mat-ripple-element, .app.red-light .mat-raised-button.mat-primary .mat-ripple-element, .app.red-light .mat-fab.mat-primary .mat-ripple-element, .app.red-light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.red-light .mat-flat-button.mat-accent .mat-ripple-element, .app.red-light .mat-raised-button.mat-accent .mat-ripple-element, .app.red-light .mat-fab.mat-accent .mat-ripple-element, .app.red-light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.red-light .mat-flat-button.mat-warn .mat-ripple-element, .app.red-light .mat-raised-button.mat-warn .mat-ripple-element, .app.red-light .mat-fab.mat-warn .mat-ripple-element, .app.red-light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.red-light .mat-stroked-button:not([class*=mat-elevation-z]), .app.red-light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.red-light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-fab:not([class*=mat-elevation-z]), .app.red-light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .app.red-light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.red-light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .app.red-light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-button-toggle-standalone, .app.red-light .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.red-light .mat-button-toggle-group-appearance-standard { box-shadow: none; } .app.red-light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } .app.red-light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } .app.red-light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } .app.red-light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(0, 0, 0, 0.12); } .app.red-light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.red-light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px rgba(0, 0, 0, 0.12); } .app.red-light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } .app.red-light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } .app.red-light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .app.red-light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.red-light .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(0, 0, 0, 0.12); } .app.red-light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-checkbox-checkmark { fill: #fafafa; } .app.red-light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } .app.red-light .mat-checkbox-mixedmark { background-color: #fafafa; } .app.red-light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .app.red-light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #d32f2f; } .app.red-light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .app.red-light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #43a047; } .app.red-light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .app.red-light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff3d00; } .app.red-light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .app.red-light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .app.red-light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .app.red-light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-checkbox .mat-ripple-element { background-color: black; } .app.red-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .app.red-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #d32f2f; } .app.red-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .app.red-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #43a047; } .app.red-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .app.red-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff3d00; } .app.red-light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .app.red-light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .app.red-light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .app.red-light .mat-chip.mat-standard-chip::after { background: black; } .app.red-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #d32f2f; color: white; } .app.red-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .app.red-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.red-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff3d00; color: white; } .app.red-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .app.red-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.red-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #43a047; color: white; } .app.red-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .app.red-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.red-light .mat-table { background: white; } .app.red-light .mat-table thead, .app.red-light .mat-table tbody, .app.red-light .mat-table tfoot, .app.red-light mat-header-row, .app.red-light mat-row, .app.red-light mat-footer-row, .app.red-light [mat-header-row], .app.red-light [mat-row], .app.red-light [mat-footer-row], .app.red-light .mat-table-sticky { background: inherit; } .app.red-light mat-row, .app.red-light mat-header-row, .app.red-light mat-footer-row, .app.red-light th.mat-header-cell, .app.red-light td.mat-cell, .app.red-light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .app.red-light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-cell, .app.red-light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-calendar-arrow { border-top-color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-datepicker-toggle, .app.red-light .mat-datepicker-content .mat-calendar-next-button, .app.red-light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-calendar-table-header { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } .app.red-light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-calendar-body-cell-content, .app.red-light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } .app.red-light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } .app.red-light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } .app.red-light .mat-calendar-body-in-range::before { background: rgba(211, 47, 47, 0.2); } .app.red-light .mat-calendar-body-comparison-identical, .app.red-light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.red-light .mat-calendar-body-comparison-bridge-start::before, .app.red-light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(211, 47, 47, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.red-light .mat-calendar-body-comparison-bridge-end::before, .app.red-light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(211, 47, 47, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.red-light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.red-light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.red-light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.red-light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.red-light .mat-calendar-body-selected { background-color: #d32f2f; color: white; } .app.red-light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(211, 47, 47, 0.4); } .app.red-light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.red-light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.red-light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.red-light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(211, 47, 47, 0.3); } .app.red-light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(67, 160, 71, 0.2); } .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .app.red-light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(67, 160, 71, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .app.red-light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(67, 160, 71, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #43a047; color: white; } .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(67, 160, 71, 0.4); } .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.red-light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.red-light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.red-light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(67, 160, 71, 0.3); } .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 61, 0, 0.2); } .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .app.red-light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 61, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .app.red-light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 61, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff3d00; color: white; } .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 61, 0, 0.4); } .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.red-light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.red-light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.red-light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 61, 0, 0.3); } .app.red-light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .app.red-light .mat-datepicker-toggle-active { color: #d32f2f; } .app.red-light .mat-datepicker-toggle-active.mat-accent { color: #43a047; } .app.red-light .mat-datepicker-toggle-active.mat-warn { color: #ff3d00; } .app.red-light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .app.red-light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } .app.red-light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } .app.red-light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .app.red-light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .app.red-light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { .app.red-light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } .app.red-light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-expansion-panel-header-description, .app.red-light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .app.red-light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .app.red-light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .app.red-light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } .app.red-light .mat-hint { color: rgba(0, 0, 0, 0.6); } .app.red-light .mat-form-field.mat-focused .mat-form-field-label { color: #d32f2f; } .app.red-light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #43a047; } .app.red-light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff3d00; } .app.red-light .mat-focused .mat-form-field-required-marker { color: #43a047; } .app.red-light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #d32f2f; } .app.red-light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #43a047; } .app.red-light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff3d00; } .app.red-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #d32f2f; } .app.red-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #43a047; } .app.red-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff3d00; } .app.red-light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff3d00; } .app.red-light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .app.red-light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff3d00; } .app.red-light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .app.red-light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff3d00; } .app.red-light .mat-error { color: #ff3d00; } .app.red-light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .app.red-light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.red-light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .app.red-light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.red-light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } .app.red-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .app.red-light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .app.red-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .app.red-light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .app.red-light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #d32f2f; } .app.red-light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #43a047; } .app.red-light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff3d00; } .app.red-light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff3d00; } .app.red-light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .app.red-light .mat-icon.mat-primary { color: #d32f2f; } .app.red-light .mat-icon.mat-accent { color: #43a047; } .app.red-light .mat-icon.mat-warn { color: #ff3d00; } .app.red-light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-input-element:disabled, .app.red-light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-input-element { caret-color: #d32f2f; } .app.red-light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .app.red-light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .app.red-light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .app.red-light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .app.red-light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .app.red-light .mat-form-field.mat-accent .mat-input-element { caret-color: #43a047; } .app.red-light .mat-form-field.mat-warn .mat-input-element, .app.red-light .mat-form-field-invalid .mat-input-element { caret-color: #ff3d00; } .app.red-light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff3d00; } .app.red-light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-list-item-disabled { background-color: #eeeeee; } .app.red-light .mat-list-option:hover, .app.red-light .mat-list-option:focus, .app.red-light .mat-nav-list .mat-list-item:hover, .app.red-light .mat-nav-list .mat-list-item:focus, .app.red-light .mat-action-list .mat-list-item:hover, .app.red-light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .app.red-light .mat-list-single-selected-option, .app.red-light .mat-list-single-selected-option:hover, .app.red-light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } .app.red-light .mat-menu-panel { background: white; } .app.red-light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-menu-item[disabled], .app.red-light .mat-menu-item[disabled]::after, .app.red-light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-menu-item .mat-icon-no-color, .app.red-light .mat-menu-item-submenu-trigger::after { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-menu-item:hover:not([disabled]), .app.red-light .mat-menu-item.cdk-program-focused:not([disabled]), .app.red-light .mat-menu-item.cdk-keyboard-focused:not([disabled]), .app.red-light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .app.red-light .mat-paginator { background: white; } .app.red-light .mat-paginator, .app.red-light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-paginator-decrement, .app.red-light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .app.red-light .mat-paginator-first, .app.red-light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .app.red-light .mat-icon-button[disabled] .mat-paginator-decrement, .app.red-light .mat-icon-button[disabled] .mat-paginator-increment, .app.red-light .mat-icon-button[disabled] .mat-paginator-first, .app.red-light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-progress-bar-background { fill: #f0c7c7; } .app.red-light .mat-progress-bar-buffer { background-color: #f0c7c7; } .app.red-light .mat-progress-bar-fill::after { background-color: #d32f2f; } .app.red-light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #cce4cd; } .app.red-light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #cce4cd; } .app.red-light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #43a047; } .app.red-light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fbcbbc; } .app.red-light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fbcbbc; } .app.red-light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff3d00; } .app.red-light .mat-progress-spinner circle, .app.red-light .mat-spinner circle { stroke: #d32f2f; } .app.red-light .mat-progress-spinner.mat-accent circle, .app.red-light .mat-spinner.mat-accent circle { stroke: #43a047; } .app.red-light .mat-progress-spinner.mat-warn circle, .app.red-light .mat-spinner.mat-warn circle { stroke: #ff3d00; } .app.red-light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #d32f2f; } .app.red-light .mat-radio-button.mat-primary .mat-radio-inner-circle, .app.red-light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.red-light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .app.red-light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #d32f2f; } .app.red-light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #43a047; } .app.red-light .mat-radio-button.mat-accent .mat-radio-inner-circle, .app.red-light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.red-light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .app.red-light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #43a047; } .app.red-light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff3d00; } .app.red-light .mat-radio-button.mat-warn .mat-radio-inner-circle, .app.red-light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.red-light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .app.red-light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff3d00; } .app.red-light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .app.red-light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .app.red-light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-radio-button .mat-ripple-element { background-color: black; } .app.red-light .mat-select-value { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .app.red-light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-select-panel { background: white; } .app.red-light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .app.red-light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #d32f2f; } .app.red-light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #43a047; } .app.red-light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff3d00; } .app.red-light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff3d00; } .app.red-light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-drawer.mat-drawer-push { background-color: white; } .app.red-light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.red-light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.red-light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } .app.red-light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } .app.red-light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.red-light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .app.red-light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #43a047; } .app.red-light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(67, 160, 71, 0.54); } .app.red-light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #43a047; } .app.red-light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #d32f2f; } .app.red-light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(211, 47, 47, 0.54); } .app.red-light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #d32f2f; } .app.red-light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff3d00; } .app.red-light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 61, 0, 0.54); } .app.red-light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff3d00; } .app.red-light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } .app.red-light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } .app.red-light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .app.red-light .mat-primary .mat-slider-track-fill, .app.red-light .mat-primary .mat-slider-thumb, .app.red-light .mat-primary .mat-slider-thumb-label { background-color: #d32f2f; } .app.red-light .mat-primary .mat-slider-thumb-label-text { color: white; } .app.red-light .mat-primary .mat-slider-focus-ring { background-color: rgba(211, 47, 47, 0.2); } .app.red-light .mat-accent .mat-slider-track-fill, .app.red-light .mat-accent .mat-slider-thumb, .app.red-light .mat-accent .mat-slider-thumb-label { background-color: #43a047; } .app.red-light .mat-accent .mat-slider-thumb-label-text { color: white; } .app.red-light .mat-accent .mat-slider-focus-ring { background-color: rgba(67, 160, 71, 0.2); } .app.red-light .mat-warn .mat-slider-track-fill, .app.red-light .mat-warn .mat-slider-thumb, .app.red-light .mat-warn .mat-slider-thumb-label { background-color: #ff3d00; } .app.red-light .mat-warn .mat-slider-thumb-label-text { color: white; } .app.red-light .mat-warn .mat-slider-focus-ring { background-color: rgba(255, 61, 0, 0.2); } .app.red-light .mat-slider:hover .mat-slider-track-background, .app.red-light .cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-slider-disabled .mat-slider-track-background, .app.red-light .mat-slider-disabled .mat-slider-track-fill, .app.red-light .mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .app.red-light .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .app.red-light .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .app.red-light .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .app.red-light .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .app.red-light .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .app.red-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .app.red-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .app.red-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .app.red-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .app.red-light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .app.red-light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .app.red-light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .app.red-light .mat-step-header.cdk-keyboard-focused, .app.red-light .mat-step-header.cdk-program-focused, .app.red-light .mat-step-header:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { .app.red-light .mat-step-header:hover { background: none; } } .app.red-light .mat-step-header .mat-step-label, .app.red-light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } .app.red-light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: white; } .app.red-light .mat-step-header .mat-step-icon-selected, .app.red-light .mat-step-header .mat-step-icon-state-done, .app.red-light .mat-step-header .mat-step-icon-state-edit { background-color: #d32f2f; color: white; } .app.red-light .mat-step-header.mat-accent .mat-step-icon { color: white; } .app.red-light .mat-step-header.mat-accent .mat-step-icon-selected, .app.red-light .mat-step-header.mat-accent .mat-step-icon-state-done, .app.red-light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #43a047; color: white; } .app.red-light .mat-step-header.mat-warn .mat-step-icon { color: white; } .app.red-light .mat-step-header.mat-warn .mat-step-icon-selected, .app.red-light .mat-step-header.mat-warn .mat-step-icon-state-done, .app.red-light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff3d00; color: white; } .app.red-light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff3d00; } .app.red-light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-step-header .mat-step-label.mat-step-label-error { color: #ff3d00; } .app.red-light .mat-stepper-horizontal, .app.red-light .mat-stepper-vertical { background-color: white; } .app.red-light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } .app.red-light .mat-horizontal-stepper-header::before, .app.red-light .mat-horizontal-stepper-header::after, .app.red-light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } .app.red-light .mat-sort-header-arrow { color: #757575; } .app.red-light .mat-tab-nav-bar, .app.red-light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .app.red-light .mat-tab-group-inverted-header .mat-tab-nav-bar, .app.red-light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .app.red-light .mat-tab-label, .app.red-light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-tab-label.mat-tab-disabled, .app.red-light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .app.red-light .mat-tab-group[class*=mat-background-] .mat-tab-header, .app.red-light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .app.red-light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 235, 238, 0.3); } .app.red-light .mat-tab-group.mat-primary .mat-ink-bar, .app.red-light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #d32f2f; } .app.red-light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.red-light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .app.red-light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.red-light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.red-light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(129, 199, 132, 0.3); } .app.red-light .mat-tab-group.mat-accent .mat-ink-bar, .app.red-light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #43a047; } .app.red-light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.red-light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .app.red-light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.red-light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.red-light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } .app.red-light .mat-tab-group.mat-warn .mat-ink-bar, .app.red-light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff3d00; } .app.red-light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.red-light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .app.red-light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.red-light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.red-light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 235, 238, 0.3); } .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-header, .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-link-container, .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #d32f2f; } .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.red-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.red-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.red-light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(129, 199, 132, 0.3); } .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-header, .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-link-container, .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #43a047; } .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.red-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.red-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.red-light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.red-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 204, 188, 0.3); } .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-header, .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-link-container, .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff3d00; } .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.red-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.red-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.red-light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-toolbar.mat-primary { background: #d32f2f; color: white; } .app.red-light .mat-toolbar.mat-accent { background: #43a047; color: white; } .app.red-light .mat-toolbar.mat-warn { background: #ff3d00; color: white; } .app.red-light .mat-toolbar .mat-form-field-underline, .app.red-light .mat-toolbar .mat-form-field-ripple, .app.red-light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .app.red-light .mat-toolbar .mat-form-field-label, .app.red-light .mat-toolbar .mat-focused .mat-form-field-label, .app.red-light .mat-toolbar .mat-select-value, .app.red-light .mat-toolbar .mat-select-arrow, .app.red-light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .app.red-light .mat-toolbar .mat-input-element { caret-color: currentColor; } .app.red-light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .app.red-light .mat-tree { background: white; } .app.red-light .mat-tree-node, .app.red-light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .app.red-light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.red-light .mat-simple-snackbar-action { color: #43a047; } .app.gray-light { /* tooltip background-colors */ } .app.gray-light input:-webkit-autofill { -webkit-text-fill-color: white !important; background-color: white !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .app.gray-light .mentioned-notification { background-color: white; color: white; } .app.gray-light .dropdown-menu.scrollable-menu { background: white !important; } .app.gray-light .dropdown-menu.scrollable-menu:not(.mention-menu) { overflow: hidden !important; } .app.gray-light .dropdown-menu.scrollable-menu:active { background: rgba(0, 0, 0, 0.12); } .app.gray-light .tooltip-bg-red { background-color: #f44336 !important; } .app.gray-light .tooltip-bg-blue { background-color: #1068da !important; } .app.gray-light .tooltip-text-warn { color: #f44336; } .app.gray-light .tooltip-text-primary { color: #616161; } .app.gray-light .bg-p { background-color: #616161; color: white; } .app.gray-light .bg-a { background-color: #ff4081; color: white; } .app.gray-light .bg-w { background-color: #f44336; color: white; } .app.gray-light .hover:hover { background-color: rgba(0, 0, 0, 0.04); } .app.gray-light .overflow-auto { overflow: auto; } .app.gray-light .card-bg-color { background: white !important; } .app.gray-light .txt-s, .app.gray-light .secondary-text { color: rgba(0, 0, 0, 0.54); } .app.gray-light .txt-p { color: white; } .app.gray-light .primary-text { color: white !important; } .app.gray-light .accent-text { color: #ff4081 !important; } .app.gray-light .warn-text { color: #f44336 !important; } .app.gray-light .purple-text { color: #aa0055 !important; } .app.gray-light .green-text { color: #1aaf00; } .app.gray-light .yellow-text { color: #e8bd00; } .app.gray-light .red-text { color: red; } .app.gray-light .orange-text { color: orange; } @keyframes pulsate { 0% { color: #f44336; } 50% { color: green; } 100% { color: #f44336; } } .app.gray-light .pulse-warn-text { animation: pulsate 3s ease-out; animation-iteration-count: infinite; -webkit-animation: pulsate 3s ease-out; -webkit-animation-iteration-count: infinite; color: #f44336; } .app.gray-light button.status-menu-btn:hover.red { background-color: rgba(244, 67, 54, 0.5) !important; } .app.gray-light button.status-menu-btn:hover.green { background-color: rgba(76, 175, 80, 0.5) !important; } .app.gray-light button.status-menu-btn:hover.blue { background-color: rgba(33, 150, 243, 0.5) !important; } .app.gray-light button.status-menu-btn:hover.orange { background-color: rgba(255, 152, 0, 0.5) !important; } .app.gray-light button.status-menu-btn:hover.purple { background-color: rgba(156, 39, 176, 0.5) !important; } .app.gray-light .header { background-color: white; color: black; } .app.gray-light .horizontal-menu { background-color: white; } .app.gray-light .horizontal-menu-item .horizontal-sub-menu { background-color: white; } .app.gray-light .horizontal-menu-item .mat-button { color: rgba(0, 0, 0, 0.54); } .app.gray-light .horizontal-menu-item .mat-button .horizontal-menu-title { color: white; } .app.gray-light .horizontal-menu-item .mat-button.parent-item .horizontal-menu-icon { background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); } .app.gray-light .horizontal-menu-item .mat-button.parent-item.active-link { background: rgba(0, 0, 0, 0.12); } .app.gray-light .horizontal-menu-item .mat-button.parent-item.active-link .horizontal-menu-icon { background: #616161; color: #fff; } .app.gray-light .menu-item .mat-button .menu-icon { background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.54); box-sizing: content-box; } .app.gray-light .menu-item .mat-button .menu-title { color: white; } .app.gray-light .menu-item .mat-button.active-link { background: rgba(0, 0, 0, 0.12); } .app.gray-light .menu-item .mat-button.active-link .menu-icon { background: #616161; color: #fff; } .app.gray-light .people-filter-main { background-color: white !important; } .app.gray-light .people-filter-main .filter-container .mat-list-item { margin-bottom: 10px; } .app.gray-light .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { background: #212121; } .app.gray-light .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { border-top-right-radius: 25px; width: 90%; border-bottom-right-radius: 25px; } .app.gray-light .full_width { width: 100%; } .app.gray-light .menu-expand-icon { color: rgba(0, 0, 0, 0.54); } .app.gray-light .breadcrumbA a { color: #fafafa; } .app.gray-light .top-toolbar, .app.gray-light .landing-toolbar { background: #424242; color: #fafafa; } .app.gray-light .menu-toolbar { background: #212121; color: whitesmoke; } .app.gray-light .mention-list-item { background-color: white !important; } .app.gray-light .search__results { background-color: white !important; } .app.gray-light .search__results .result:hover { background-color: rgba(0, 0, 0, 0.04); } .app.gray-light .search__results .result:active { background-color: rgba(0, 0, 0, 0.04); } .app.gray-light mat-card.card { cursor: grab; background: white !important; } .app.gray-light mat-card.card:active { cursor: grabbing; } .app.gray-light th.mat-header-cell, .app.gray-light td.mat-cell, .app.gray-light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .app.gray-light #contacts .header .search-wrapper { background: white; } .app.gray-light #contacts .header .search-wrapper .search .mat-icon { color: rgba(0, 0, 0, 0.54); } .app.gray-light #contacts .header .search-wrapper .search input { background: white; color: rgba(0, 0, 0, 0.87); } .app.gray-light #contacts .content .sidebar .sidebar-content .card { background: white; } .app.gray-light .table-2 { background-color: white; text-align: left; border-spacing: 0; } .app.gray-light .table-2 th:first-of-type, .app.gray-light .table-2 td:first-of-type { padding-left: 24px; } .app.gray-light .table-2 th:last-of-type, .app.gray-light .table-2 td:last-of-type { padding-right: 24px; } .app.gray-light .table-2 thead tr { height: 56px; } .app.gray-light .table-2 thead tr th { color: rgba(0, 0, 0, 0.54); } .app.gray-light .table-2 tbody .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; } .app.gray-light .table-2 tbody .phone { text-align: center; } .app.gray-light .table-2 tbody tr { cursor: pointer; color: rgba(0, 0, 0, 0.87); height: 48px; padding: 0; } .app.gray-light .table-2 tbody tr:hover { background-color: rgba(0, 0, 0, 0.04); } .app.gray-light .table-2 tbody tr td { padding: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.12); } .app.gray-light .table-dark { display: block; overflow: auto; max-height: 500px; border-radius: 10px; } .app.gray-light .table-header { background-color: #616161 !important; } .app.gray-light .table-header > th { color: rgba(0, 0, 0, 0.87); font-size: 14px; } .app.gray-light .ems-scrollbar { position: absolute; overflow: auto; padding: 20px; bottom: 64px; left: 0; right: 0; top: 0; } .app.gray-light .loading_spinner { position: absolute; text-align: center; top: 50%; left: 50%; } .app.gray-light table { width: 100%; color: rgba(0, 0, 0, 0.87); } .app.gray-light tr.estimate-detail-row { height: 0; } .app.gray-light tr.no-estimate { cursor: default !important; } .app.gray-light tr.estimate-row:not(.estimate-expanded-row):hover:not(.no-estimate) { background-color: rgba(0, 0, 0, 0.12); } .app.gray-light .tooltip-red { background: #b71c1c; } .app.gray-light .estimate-row td { border-bottom-width: 0; } .app.gray-light .estimate-detail { overflow: hidden; display: flex; } .app.gray-light .estimate-description { padding: 16px; } .app.gray-light .estimate-description-attribution { opacity: 0.5; } .app.gray-light .card-container { flex: none; z-index: 1; width: 65%; height: 100%; color: rgba(0, 0, 0, 0.87); overflow-y: scroll; justify-items: center; background-color: white; } .app.gray-light .thumbnail { border-radius: 40px; max-width: 300px; height: auto; background-size: cover; } .app.gray-light .img_container { display: flex; flex-direction: column; align-items: flex-start; } .app.gray-light .cover { border-radius: 4px; } .app.gray-light .content { overflow: auto; } .app.gray-light .mid-section { display: inline-grid; grid-auto-flow: column; width: 100%; grid-template-columns: repeat(3, auto); grid-template-rows: 100%; grid-gap: 8px; gap: 8px; padding: 8px; justify-items: center; align-items: start; } .app.gray-light .mat-toolbar { position: sticky !important; max-height: 64px; top: 0; z-index: 3; } .app.gray-light .mat-tab-body-wrapper { padding: 20px; min-height: calc(100vh - 64px - 40px); } .app.gray-light .mat-chip-list-wrapper { padding: 0 12px !important; } .app.gray-light .card-header-container { overflow: auto; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 12px; justify-content: center; position: relative; } .app.gray-light .card-header-container .sublet-list-container { flex: 1 1 30%; order: 3; display: flex; flex-direction: column; max-width: 30%; } .app.gray-light .card-header-container .sublet-list-container .sublet-chip-list { padding: 0 8px; max-height: 200px; overflow: auto; } .app.gray-light .card-header-container .sublet-list-container .sublet-chip-list.cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .app.gray-light .card-header-container .avatar_container { margin: 4px 0; } .app.gray-light .card-header-container .card-cover { order: 1; flex: 1 1 30%; max-width: 300px; } .app.gray-light .card-header-container .util-buttons { order: 2; flex: 1 1 23%; display: flex; flex-flow: column nowrap; } .app.gray-light .card-header-container .archive-btn, .app.gray-light .card-header-container .action-buttons button { white-space: normal; line-height: 1rem; min-height: 36px; max-height: 40px; flex: 1 1 47%; margin: 4px; } .app.gray-light .card-header-container .action-buttons { display: flex; flex-flow: row wrap; } @media screen and (max-width: 599px) { .app.gray-light .card-header-container { flex-wrap: wrap; overflow: auto; } .app.gray-light .card-header-container .sublet-list-container { max-width: 48%; } .app.gray-light .card-header-container .sublet-list-container .sublet-chip-list { max-height: 240px; overflow-x: auto; } .app.gray-light .card-header-container .util-buttons { max-width: 48%; } .app.gray-light .card-header-container .card-cover { flex: 1 1 100%; } } @media screen and (max-width: 959px) { .app.gray-light .card-header-container .sublet-list-container, .app.gray-light .card-header-container .card-cover, .app.gray-light .card-header-container .util-buttons, .app.gray-light .card-header-container .action-buttons { margin: 8px 2px; } } @media screen and (min-width: 600px) { .app.gray-light .card-header-container { flex-direction: row; flex-wrap: wrap; padding: 12px; } .app.gray-light .card-header-container .sublet-list-container { max-width: 70%; } .app.gray-light .card-header-container .card-cover { margin-right: 12px; } } @media screen and (min-width: 720px) { .app.gray-light .card-header-container { flex-wrap: nowrap; } .app.gray-light .card-header-container .util-buttons { max-width: 33%; } } @media screen and (min-width: 960px) { .app.gray-light .card-header-container { flex-direction: row; flex-wrap: nowrap; } .app.gray-light .card-header-container .sublet-list-container, .app.gray-light .card-header-container .action-buttons, .app.gray-light .card-header-container .util-buttons { flex: 1 1 32%; } } .app.gray-light .cdk-drag-preview { color: rgba(0, 0, 0, 0.87); box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.gray-light #board { display: inline-grid !important; grid-auto-columns: 270px; grid-auto-flow: column; grid-gap: 10px; gap: 10px; overflow: auto; width: 100%; padding: 70px 5px 24px 8px; box-sizing: border-box; white-space: nowrap; margin-bottom: 8px; } .app.gray-light .column-wrapper { box-sizing: border-box; border-radius: 6px; width: 270px; min-height: 0px; max-height: 100%; font-size: 14px; transition: box-shadow 0.15s, background 0.15s; } .app.gray-light mat-form-field { box-sizing: border-box; width: 100%; } .app.gray-light button.cdk-drag-handle { cursor: move; grid-row: 1; grid-column: 3; } .app.gray-light button.cdk-drag-handle[disabled] { cursor: pointer; } .app.gray-light .add-card-btn { border-radius: 5px; border: 1px solid black; text-align: center; margin-top: 5px; } .app.gray-light .add-card-btn button { width: 100%; } .app.gray-light .card-list { height: 100%; margin: 0 3px 6px 3px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 10px 10px 0px; } .app.gray-light .card-list::-webkit-scrollbar { width: 8px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.2); } .app.gray-light .card-list::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255, 255, 255, 0.4); } .app.gray-light .card-list:empty { position: absolute; background-color: red; top: 55px; bottom: 0; right: 0; left: 0; height: 200px; } .app.gray-light .boardCard { background-color: #fff; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25); display: block; margin-bottom: 12px; max-width: 260px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; text-decoration: none; z-index: 0; } .app.gray-light .boardCard .mat-card { padding: 0; } .app.gray-light .cdk-drag-placeholder { opacity: 0.2; } .app.gray-light .redBg { background-color: red; } .app.gray-light .greenBg { background-color: green; } .app.gray-light .blueBg { background-color: blue; } .app.gray-light .orangeBg { background-color: orange; } .app.gray-light .purpleBg { background-color: purple; } @media screen and (max-width: 599px) { .app.gray-light #board { scroll-snap-type: x mandatory; } .app.gray-light .column-wrapper { scroll-snap-align: center; } } .app.gray-light .mat-dialog-container { position: relative; } .app.gray-light .feedback-dialog-content { padding-top: 60px; } .app.gray-light .feedback-dialog-title { cursor: move; display: flex; } .app.gray-light .feedback-card { min-width: 120px; margin: 20px auto; } .app.gray-light .mat-radio-button { display: block; margin: 5px 0; } .app.gray-light .row { display: flex; flex-direction: row; } .app.gray-light .col { flex: 1; margin-right: 20px; } .app.gray-light .col:last-child { margin-right: 0; } .app.gray-light .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .app.gray-light .mat-option { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-option:hover:not(.mat-option-disabled), .app.gray-light .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .app.gray-light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .app.gray-light .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #616161; } .app.gray-light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff4081; } .app.gray-light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } .app.gray-light .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-pseudo-checkbox::after { color: #fafafa; } .app.gray-light .mat-pseudo-checkbox-disabled { color: #b0b0b0; } .app.gray-light .mat-primary .mat-pseudo-checkbox-checked, .app.gray-light .mat-primary .mat-pseudo-checkbox-indeterminate { background: #616161; } .app.gray-light .mat-pseudo-checkbox-checked, .app.gray-light .mat-pseudo-checkbox-indeterminate, .app.gray-light .mat-accent .mat-pseudo-checkbox-checked, .app.gray-light .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ff4081; } .app.gray-light .mat-warn .mat-pseudo-checkbox-checked, .app.gray-light .mat-warn .mat-pseudo-checkbox-indeterminate { background: #f44336; } .app.gray-light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .app.gray-light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .app.gray-light .mat-app-background, .app.gray-light.mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .app.gray-light .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .app.gray-light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-badge-content { color: white; background: #616161; } .cdk-high-contrast-active .app.gray-light .mat-badge-content { outline: solid 1px; border-radius: 0; } .app.gray-light .mat-badge-accent .mat-badge-content { background: #ff4081; color: white; } .app.gray-light .mat-badge-warn .mat-badge-content { color: white; background: #f44336; } .app.gray-light .mat-badge { position: relative; } .app.gray-light .mat-badge-hidden .mat-badge-content { display: none; } .app.gray-light .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .app.gray-light .ng-animate-disabled .mat-badge-content, .app.gray-light .mat-badge-content._mat-animation-noopable { transition: none; } .app.gray-light .mat-badge-content.mat-badge-active { transform: none; } .app.gray-light .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .app.gray-light .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .app.gray-light .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .app.gray-light .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .app.gray-light .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .app.gray-light .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .app.gray-light .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .app.gray-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .app.gray-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .app.gray-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .app.gray-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .app.gray-light .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .app.gray-light .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .app.gray-light .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .app.gray-light .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .app.gray-light .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .app.gray-light .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .app.gray-light .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .app.gray-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .app.gray-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .app.gray-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .app.gray-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .app.gray-light .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .app.gray-light .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .app.gray-light .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .app.gray-light .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .app.gray-light .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .app.gray-light .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .app.gray-light .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .app.gray-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .app.gray-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .app.gray-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .app.gray-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .app.gray-light .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-button, .app.gray-light .mat-icon-button, .app.gray-light .mat-stroked-button { color: inherit; background: transparent; } .app.gray-light .mat-button.mat-primary, .app.gray-light .mat-icon-button.mat-primary, .app.gray-light .mat-stroked-button.mat-primary { color: #616161; } .app.gray-light .mat-button.mat-accent, .app.gray-light .mat-icon-button.mat-accent, .app.gray-light .mat-stroked-button.mat-accent { color: #ff4081; } .app.gray-light .mat-button.mat-warn, .app.gray-light .mat-icon-button.mat-warn, .app.gray-light .mat-stroked-button.mat-warn { color: #f44336; } .app.gray-light .mat-button.mat-primary.mat-button-disabled, .app.gray-light .mat-button.mat-accent.mat-button-disabled, .app.gray-light .mat-button.mat-warn.mat-button-disabled, .app.gray-light .mat-button.mat-button-disabled.mat-button-disabled, .app.gray-light .mat-icon-button.mat-primary.mat-button-disabled, .app.gray-light .mat-icon-button.mat-accent.mat-button-disabled, .app.gray-light .mat-icon-button.mat-warn.mat-button-disabled, .app.gray-light .mat-icon-button.mat-button-disabled.mat-button-disabled, .app.gray-light .mat-stroked-button.mat-primary.mat-button-disabled, .app.gray-light .mat-stroked-button.mat-accent.mat-button-disabled, .app.gray-light .mat-stroked-button.mat-warn.mat-button-disabled, .app.gray-light .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .app.gray-light .mat-button.mat-primary .mat-button-focus-overlay, .app.gray-light .mat-icon-button.mat-primary .mat-button-focus-overlay, .app.gray-light .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #616161; } .app.gray-light .mat-button.mat-accent .mat-button-focus-overlay, .app.gray-light .mat-icon-button.mat-accent .mat-button-focus-overlay, .app.gray-light .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ff4081; } .app.gray-light .mat-button.mat-warn .mat-button-focus-overlay, .app.gray-light .mat-icon-button.mat-warn .mat-button-focus-overlay, .app.gray-light .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } .app.gray-light .mat-button.mat-button-disabled .mat-button-focus-overlay, .app.gray-light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .app.gray-light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .app.gray-light .mat-button .mat-ripple-element, .app.gray-light .mat-icon-button .mat-ripple-element, .app.gray-light .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .app.gray-light .mat-button-focus-overlay { background: black; } .app.gray-light .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-flat-button, .app.gray-light .mat-raised-button, .app.gray-light .mat-fab, .app.gray-light .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .app.gray-light .mat-flat-button.mat-primary, .app.gray-light .mat-raised-button.mat-primary, .app.gray-light .mat-fab.mat-primary, .app.gray-light .mat-mini-fab.mat-primary { color: white; } .app.gray-light .mat-flat-button.mat-accent, .app.gray-light .mat-raised-button.mat-accent, .app.gray-light .mat-fab.mat-accent, .app.gray-light .mat-mini-fab.mat-accent { color: white; } .app.gray-light .mat-flat-button.mat-warn, .app.gray-light .mat-raised-button.mat-warn, .app.gray-light .mat-fab.mat-warn, .app.gray-light .mat-mini-fab.mat-warn { color: white; } .app.gray-light .mat-flat-button.mat-primary.mat-button-disabled, .app.gray-light .mat-flat-button.mat-accent.mat-button-disabled, .app.gray-light .mat-flat-button.mat-warn.mat-button-disabled, .app.gray-light .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.gray-light .mat-raised-button.mat-primary.mat-button-disabled, .app.gray-light .mat-raised-button.mat-accent.mat-button-disabled, .app.gray-light .mat-raised-button.mat-warn.mat-button-disabled, .app.gray-light .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.gray-light .mat-fab.mat-primary.mat-button-disabled, .app.gray-light .mat-fab.mat-accent.mat-button-disabled, .app.gray-light .mat-fab.mat-warn.mat-button-disabled, .app.gray-light .mat-fab.mat-button-disabled.mat-button-disabled, .app.gray-light .mat-mini-fab.mat-primary.mat-button-disabled, .app.gray-light .mat-mini-fab.mat-accent.mat-button-disabled, .app.gray-light .mat-mini-fab.mat-warn.mat-button-disabled, .app.gray-light .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .app.gray-light .mat-flat-button.mat-primary, .app.gray-light .mat-raised-button.mat-primary, .app.gray-light .mat-fab.mat-primary, .app.gray-light .mat-mini-fab.mat-primary { background-color: #616161; } .app.gray-light .mat-flat-button.mat-accent, .app.gray-light .mat-raised-button.mat-accent, .app.gray-light .mat-fab.mat-accent, .app.gray-light .mat-mini-fab.mat-accent { background-color: #ff4081; } .app.gray-light .mat-flat-button.mat-warn, .app.gray-light .mat-raised-button.mat-warn, .app.gray-light .mat-fab.mat-warn, .app.gray-light .mat-mini-fab.mat-warn { background-color: #f44336; } .app.gray-light .mat-flat-button.mat-primary.mat-button-disabled, .app.gray-light .mat-flat-button.mat-accent.mat-button-disabled, .app.gray-light .mat-flat-button.mat-warn.mat-button-disabled, .app.gray-light .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.gray-light .mat-raised-button.mat-primary.mat-button-disabled, .app.gray-light .mat-raised-button.mat-accent.mat-button-disabled, .app.gray-light .mat-raised-button.mat-warn.mat-button-disabled, .app.gray-light .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.gray-light .mat-fab.mat-primary.mat-button-disabled, .app.gray-light .mat-fab.mat-accent.mat-button-disabled, .app.gray-light .mat-fab.mat-warn.mat-button-disabled, .app.gray-light .mat-fab.mat-button-disabled.mat-button-disabled, .app.gray-light .mat-mini-fab.mat-primary.mat-button-disabled, .app.gray-light .mat-mini-fab.mat-accent.mat-button-disabled, .app.gray-light .mat-mini-fab.mat-warn.mat-button-disabled, .app.gray-light .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-flat-button.mat-primary .mat-ripple-element, .app.gray-light .mat-raised-button.mat-primary .mat-ripple-element, .app.gray-light .mat-fab.mat-primary .mat-ripple-element, .app.gray-light .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-light .mat-flat-button.mat-accent .mat-ripple-element, .app.gray-light .mat-raised-button.mat-accent .mat-ripple-element, .app.gray-light .mat-fab.mat-accent .mat-ripple-element, .app.gray-light .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-light .mat-flat-button.mat-warn .mat-ripple-element, .app.gray-light .mat-raised-button.mat-warn .mat-ripple-element, .app.gray-light .mat-fab.mat-warn .mat-ripple-element, .app.gray-light .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-light .mat-stroked-button:not([class*=mat-elevation-z]), .app.gray-light .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-fab:not([class*=mat-elevation-z]), .app.gray-light .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .app.gray-light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .app.gray-light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-button-toggle-standalone, .app.gray-light .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.gray-light .mat-button-toggle-group-appearance-standard { box-shadow: none; } .app.gray-light .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } .app.gray-light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } .app.gray-light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(0, 0, 0, 0.12); } .app.gray-light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } .app.gray-light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } .app.gray-light .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .app.gray-light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.gray-light .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-checkbox-checkmark { fill: #fafafa; } .app.gray-light .mat-checkbox-checkmark-path { stroke: #fafafa !important; } .app.gray-light .mat-checkbox-mixedmark { background-color: #fafafa; } .app.gray-light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .app.gray-light .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #616161; } .app.gray-light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .app.gray-light .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ff4081; } .app.gray-light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .app.gray-light .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } .app.gray-light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .app.gray-light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .app.gray-light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .app.gray-light .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-checkbox .mat-ripple-element { background-color: black; } .app.gray-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .app.gray-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #616161; } .app.gray-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .app.gray-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ff4081; } .app.gray-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .app.gray-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } .app.gray-light .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .app.gray-light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .app.gray-light .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .app.gray-light .mat-chip.mat-standard-chip::after { background: black; } .app.gray-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #616161; color: white; } .app.gray-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .app.gray-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } .app.gray-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .app.gray-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ff4081; color: white; } .app.gray-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .app.gray-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-light .mat-table { background: white; } .app.gray-light .mat-table thead, .app.gray-light .mat-table tbody, .app.gray-light .mat-table tfoot, .app.gray-light mat-header-row, .app.gray-light mat-row, .app.gray-light mat-footer-row, .app.gray-light [mat-header-row], .app.gray-light [mat-row], .app.gray-light [mat-footer-row], .app.gray-light .mat-table-sticky { background: inherit; } .app.gray-light mat-row, .app.gray-light mat-header-row, .app.gray-light mat-footer-row, .app.gray-light th.mat-header-cell, .app.gray-light td.mat-cell, .app.gray-light td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-cell, .app.gray-light .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-calendar-arrow { border-top-color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-datepicker-toggle, .app.gray-light .mat-datepicker-content .mat-calendar-next-button, .app.gray-light .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-calendar-table-header { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-calendar-body-cell-content, .app.gray-light .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } .app.gray-light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } .app.gray-light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } .app.gray-light .mat-calendar-body-in-range::before { background: rgba(97, 97, 97, 0.2); } .app.gray-light .mat-calendar-body-comparison-identical, .app.gray-light .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.gray-light .mat-calendar-body-comparison-bridge-start::before, .app.gray-light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(97, 97, 97, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-light .mat-calendar-body-comparison-bridge-end::before, .app.gray-light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(97, 97, 97, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.gray-light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.gray-light .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.gray-light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.gray-light .mat-calendar-body-selected { background-color: #616161; color: white; } .app.gray-light .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(97, 97, 97, 0.4); } .app.gray-light .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.gray-light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(97, 97, 97, 0.3); } .app.gray-light .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 64, 129, 0.2); } .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .app.gray-light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .app.gray-light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ff4081; color: white; } .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 64, 129, 0.4); } .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.gray-light .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-light .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-light .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 64, 129, 0.3); } .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(244, 67, 54, 0.2); } .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .app.gray-light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .app.gray-light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: white; } .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 67, 54, 0.4); } .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.gray-light .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-light .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-light .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(244, 67, 54, 0.3); } .app.gray-light .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-datepicker-toggle-active { color: #616161; } .app.gray-light .mat-datepicker-toggle-active.mat-accent { color: #ff4081; } .app.gray-light .mat-datepicker-toggle-active.mat-warn { color: #f44336; } .app.gray-light .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .app.gray-light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .app.gray-light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { .app.gray-light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } .app.gray-light .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-expansion-panel-header-description, .app.gray-light .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .app.gray-light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .app.gray-light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .app.gray-light .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } .app.gray-light .mat-hint { color: rgba(0, 0, 0, 0.6); } .app.gray-light .mat-form-field.mat-focused .mat-form-field-label { color: #616161; } .app.gray-light .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ff4081; } .app.gray-light .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } .app.gray-light .mat-focused .mat-form-field-required-marker { color: #ff4081; } .app.gray-light .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #616161; } .app.gray-light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ff4081; } .app.gray-light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } .app.gray-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #616161; } .app.gray-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ff4081; } .app.gray-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } .app.gray-light .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } .app.gray-light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .app.gray-light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } .app.gray-light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .app.gray-light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } .app.gray-light .mat-error { color: #f44336; } .app.gray-light .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .app.gray-light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.gray-light .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .app.gray-light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.gray-light .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } .app.gray-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .app.gray-light .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .app.gray-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .app.gray-light .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #616161; } .app.gray-light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ff4081; } .app.gray-light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } .app.gray-light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } .app.gray-light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .app.gray-light .mat-icon.mat-primary { color: #616161; } .app.gray-light .mat-icon.mat-accent { color: #ff4081; } .app.gray-light .mat-icon.mat-warn { color: #f44336; } .app.gray-light .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-input-element:disabled, .app.gray-light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-input-element { caret-color: #616161; } .app.gray-light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .app.gray-light .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .app.gray-light .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .app.gray-light .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .app.gray-light .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .app.gray-light .mat-form-field.mat-accent .mat-input-element { caret-color: #ff4081; } .app.gray-light .mat-form-field.mat-warn .mat-input-element, .app.gray-light .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } .app.gray-light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } .app.gray-light .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-list-item-disabled { background-color: #eeeeee; } .app.gray-light .mat-list-option:hover, .app.gray-light .mat-list-option:focus, .app.gray-light .mat-nav-list .mat-list-item:hover, .app.gray-light .mat-nav-list .mat-list-item:focus, .app.gray-light .mat-action-list .mat-list-item:hover, .app.gray-light .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .app.gray-light .mat-list-single-selected-option, .app.gray-light .mat-list-single-selected-option:hover, .app.gray-light .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-menu-panel { background: white; } .app.gray-light .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-menu-item[disabled], .app.gray-light .mat-menu-item[disabled]::after, .app.gray-light .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-menu-item .mat-icon-no-color, .app.gray-light .mat-menu-item-submenu-trigger::after { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-menu-item:hover:not([disabled]), .app.gray-light .mat-menu-item.cdk-program-focused:not([disabled]), .app.gray-light .mat-menu-item.cdk-keyboard-focused:not([disabled]), .app.gray-light .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .app.gray-light .mat-paginator { background: white; } .app.gray-light .mat-paginator, .app.gray-light .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-paginator-decrement, .app.gray-light .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .app.gray-light .mat-paginator-first, .app.gray-light .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .app.gray-light .mat-icon-button[disabled] .mat-paginator-decrement, .app.gray-light .mat-icon-button[disabled] .mat-paginator-increment, .app.gray-light .mat-icon-button[disabled] .mat-paginator-first, .app.gray-light .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-progress-bar-background { fill: #d4d4d4; } .app.gray-light .mat-progress-bar-buffer { background-color: #d4d4d4; } .app.gray-light .mat-progress-bar-fill::after { background-color: #616161; } .app.gray-light .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #fbccdc; } .app.gray-light .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #fbccdc; } .app.gray-light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ff4081; } .app.gray-light .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #f9ccc9; } .app.gray-light .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #f9ccc9; } .app.gray-light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } .app.gray-light .mat-progress-spinner circle, .app.gray-light .mat-spinner circle { stroke: #616161; } .app.gray-light .mat-progress-spinner.mat-accent circle, .app.gray-light .mat-spinner.mat-accent circle { stroke: #ff4081; } .app.gray-light .mat-progress-spinner.mat-warn circle, .app.gray-light .mat-spinner.mat-warn circle { stroke: #f44336; } .app.gray-light .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #616161; } .app.gray-light .mat-radio-button.mat-primary .mat-radio-inner-circle, .app.gray-light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.gray-light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .app.gray-light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #616161; } .app.gray-light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ff4081; } .app.gray-light .mat-radio-button.mat-accent .mat-radio-inner-circle, .app.gray-light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.gray-light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .app.gray-light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ff4081; } .app.gray-light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } .app.gray-light .mat-radio-button.mat-warn .mat-radio-inner-circle, .app.gray-light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.gray-light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .app.gray-light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } .app.gray-light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .app.gray-light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .app.gray-light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-radio-button .mat-ripple-element { background-color: black; } .app.gray-light .mat-select-value { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .app.gray-light .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-select-panel { background: white; } .app.gray-light .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #616161; } .app.gray-light .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ff4081; } .app.gray-light .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } .app.gray-light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } .app.gray-light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-drawer.mat-drawer-push { background-color: white; } .app.gray-light .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } .app.gray-light [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } .app.gray-light [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .app.gray-light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ff4081; } .app.gray-light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 64, 129, 0.54); } .app.gray-light .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ff4081; } .app.gray-light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #616161; } .app.gray-light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(97, 97, 97, 0.54); } .app.gray-light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #616161; } .app.gray-light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } .app.gray-light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } .app.gray-light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } .app.gray-light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } .app.gray-light .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } .app.gray-light .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .app.gray-light .mat-primary .mat-slider-track-fill, .app.gray-light .mat-primary .mat-slider-thumb, .app.gray-light .mat-primary .mat-slider-thumb-label { background-color: #616161; } .app.gray-light .mat-primary .mat-slider-thumb-label-text { color: white; } .app.gray-light .mat-primary .mat-slider-focus-ring { background-color: rgba(97, 97, 97, 0.2); } .app.gray-light .mat-accent .mat-slider-track-fill, .app.gray-light .mat-accent .mat-slider-thumb, .app.gray-light .mat-accent .mat-slider-thumb-label { background-color: #ff4081; } .app.gray-light .mat-accent .mat-slider-thumb-label-text { color: white; } .app.gray-light .mat-accent .mat-slider-focus-ring { background-color: rgba(255, 64, 129, 0.2); } .app.gray-light .mat-warn .mat-slider-track-fill, .app.gray-light .mat-warn .mat-slider-thumb, .app.gray-light .mat-warn .mat-slider-thumb-label { background-color: #f44336; } .app.gray-light .mat-warn .mat-slider-thumb-label-text { color: white; } .app.gray-light .mat-warn .mat-slider-focus-ring { background-color: rgba(244, 67, 54, 0.2); } .app.gray-light .mat-slider:hover .mat-slider-track-background, .app.gray-light .cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-slider-disabled .mat-slider-track-background, .app.gray-light .mat-slider-disabled .mat-slider-track-fill, .app.gray-light .mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .app.gray-light .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .app.gray-light .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .app.gray-light .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .app.gray-light .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .app.gray-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .app.gray-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .app.gray-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .app.gray-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .app.gray-light .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .app.gray-light .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .app.gray-light .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .app.gray-light .mat-step-header.cdk-keyboard-focused, .app.gray-light .mat-step-header.cdk-program-focused, .app.gray-light .mat-step-header:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { .app.gray-light .mat-step-header:hover { background: none; } } .app.gray-light .mat-step-header .mat-step-label, .app.gray-light .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } .app.gray-light .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: white; } .app.gray-light .mat-step-header .mat-step-icon-selected, .app.gray-light .mat-step-header .mat-step-icon-state-done, .app.gray-light .mat-step-header .mat-step-icon-state-edit { background-color: #616161; color: white; } .app.gray-light .mat-step-header.mat-accent .mat-step-icon { color: white; } .app.gray-light .mat-step-header.mat-accent .mat-step-icon-selected, .app.gray-light .mat-step-header.mat-accent .mat-step-icon-state-done, .app.gray-light .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ff4081; color: white; } .app.gray-light .mat-step-header.mat-warn .mat-step-icon { color: white; } .app.gray-light .mat-step-header.mat-warn .mat-step-icon-selected, .app.gray-light .mat-step-header.mat-warn .mat-step-icon-state-done, .app.gray-light .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #f44336; color: white; } .app.gray-light .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #f44336; } .app.gray-light .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-step-header .mat-step-label.mat-step-label-error { color: #f44336; } .app.gray-light .mat-stepper-horizontal, .app.gray-light .mat-stepper-vertical { background-color: white; } .app.gray-light .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-horizontal-stepper-header::before, .app.gray-light .mat-horizontal-stepper-header::after, .app.gray-light .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } .app.gray-light .mat-sort-header-arrow { color: #757575; } .app.gray-light .mat-tab-nav-bar, .app.gray-light .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .app.gray-light .mat-tab-group-inverted-header .mat-tab-nav-bar, .app.gray-light .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .app.gray-light .mat-tab-label, .app.gray-light .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-tab-label.mat-tab-disabled, .app.gray-light .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .app.gray-light .mat-tab-group[class*=mat-background-] .mat-tab-header, .app.gray-light .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .app.gray-light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(250, 250, 250, 0.3); } .app.gray-light .mat-tab-group.mat-primary .mat-ink-bar, .app.gray-light .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #616161; } .app.gray-light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.gray-light .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .app.gray-light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.gray-light .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.gray-light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 128, 171, 0.3); } .app.gray-light .mat-tab-group.mat-accent .mat-ink-bar, .app.gray-light .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ff4081; } .app.gray-light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.gray-light .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .app.gray-light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.gray-light .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.gray-light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.gray-light .mat-tab-group.mat-warn .mat-ink-bar, .app.gray-light .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } .app.gray-light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.gray-light .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .app.gray-light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.gray-light .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.gray-light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(250, 250, 250, 0.3); } .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-header, .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-link-container, .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #616161; } .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.gray-light .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.gray-light .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.gray-light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 128, 171, 0.3); } .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-header, .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-link-container, .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ff4081; } .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.gray-light .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.gray-light .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.gray-light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-header, .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-link-container, .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #f44336; } .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.gray-light .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.gray-light .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.gray-light .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-toolbar.mat-primary { background: #616161; color: white; } .app.gray-light .mat-toolbar.mat-accent { background: #ff4081; color: white; } .app.gray-light .mat-toolbar.mat-warn { background: #f44336; color: white; } .app.gray-light .mat-toolbar .mat-form-field-underline, .app.gray-light .mat-toolbar .mat-form-field-ripple, .app.gray-light .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .app.gray-light .mat-toolbar .mat-form-field-label, .app.gray-light .mat-toolbar .mat-focused .mat-form-field-label, .app.gray-light .mat-toolbar .mat-select-value, .app.gray-light .mat-toolbar .mat-select-arrow, .app.gray-light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .app.gray-light .mat-toolbar .mat-input-element { caret-color: currentColor; } .app.gray-light .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .app.gray-light .mat-tree { background: white; } .app.gray-light .mat-tree-node, .app.gray-light .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .app.gray-light .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.gray-light .mat-simple-snackbar-action { color: #ff4081; } .app.blue-dark { /* tooltip background-colors */ } .app.blue-dark input:-webkit-autofill { -webkit-text-fill-color: white !important; background-color: #424242 !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .app.blue-dark .mentioned-notification { background-color: #424242; color: white; } .app.blue-dark .dropdown-menu.scrollable-menu { background: #424242 !important; } .app.blue-dark .dropdown-menu.scrollable-menu:not(.mention-menu) { overflow: hidden !important; } .app.blue-dark .dropdown-menu.scrollable-menu:active { background: rgba(255, 255, 255, 0.12); } .app.blue-dark .tooltip-bg-red { background-color: #ff5252 !important; } .app.blue-dark .tooltip-bg-blue { background-color: #1068da !important; } .app.blue-dark .tooltip-text-warn { color: #ff5252; } .app.blue-dark .tooltip-text-primary { color: #0288d1; } .app.blue-dark .bg-p { background-color: #0288d1; color: white; } .app.blue-dark .bg-a { background-color: #ffd740; color: rgba(0, 0, 0, 0.87); } .app.blue-dark .bg-w { background-color: #ff5252; color: white; } .app.blue-dark .hover:hover { background-color: rgba(255, 255, 255, 0.04); } .app.blue-dark .overflow-auto { overflow: auto; } .app.blue-dark .card-bg-color { background: #424242 !important; } .app.blue-dark .txt-s, .app.blue-dark .secondary-text { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .txt-p { color: white; } .app.blue-dark .primary-text { color: white !important; } .app.blue-dark .accent-text { color: #ffd740 !important; } .app.blue-dark .warn-text { color: #ff5252 !important; } .app.blue-dark .purple-text { color: #aa0055 !important; } .app.blue-dark .green-text { color: #1aaf00; } .app.blue-dark .yellow-text { color: #e8bd00; } .app.blue-dark .red-text { color: red; } .app.blue-dark .orange-text { color: orange; } @keyframes pulsate { 0% { color: #ff5252; } 50% { color: green; } 100% { color: #ff5252; } } .app.blue-dark .pulse-warn-text { animation: pulsate 3s ease-out; animation-iteration-count: infinite; -webkit-animation: pulsate 3s ease-out; -webkit-animation-iteration-count: infinite; color: #ff5252; } .app.blue-dark button.status-menu-btn:hover.red { background-color: rgba(244, 67, 54, 0.5) !important; } .app.blue-dark button.status-menu-btn:hover.green { background-color: rgba(76, 175, 80, 0.5) !important; } .app.blue-dark button.status-menu-btn:hover.blue { background-color: rgba(33, 150, 243, 0.5) !important; } .app.blue-dark button.status-menu-btn:hover.orange { background-color: rgba(255, 152, 0, 0.5) !important; } .app.blue-dark button.status-menu-btn:hover.purple { background-color: rgba(156, 39, 176, 0.5) !important; } .app.blue-dark .header { background-color: #424242; color: white; } .app.blue-dark .horizontal-menu { background-color: #424242; } .app.blue-dark .horizontal-menu-item .horizontal-sub-menu { background-color: #424242; } .app.blue-dark .horizontal-menu-item .mat-button { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .horizontal-menu-item .mat-button .horizontal-menu-title { color: white; } .app.blue-dark .horizontal-menu-item .mat-button.parent-item .horizontal-menu-icon { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.7); } .app.blue-dark .horizontal-menu-item .mat-button.parent-item.active-link { background: rgba(255, 255, 255, 0.12); } .app.blue-dark .horizontal-menu-item .mat-button.parent-item.active-link .horizontal-menu-icon { background: #0288d1; color: #fff; } .app.blue-dark .menu-item .mat-button .menu-icon { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.7); box-sizing: content-box; } .app.blue-dark .menu-item .mat-button .menu-title { color: white; } .app.blue-dark .menu-item .mat-button.active-link { background: rgba(255, 255, 255, 0.12); } .app.blue-dark .menu-item .mat-button.active-link .menu-icon { background: #0288d1; color: #fff; } .app.blue-dark .people-filter-main { background-color: #424242 !important; } .app.blue-dark .people-filter-main .filter-container .mat-list-item { margin-bottom: 10px; } .app.blue-dark .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { background: #01579b; } .app.blue-dark .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { border-top-right-radius: 25px; width: 90%; border-bottom-right-radius: 25px; } .app.blue-dark .full_width { width: 100%; } .app.blue-dark .menu-expand-icon { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .breadcrumbA a { color: #e1f5fe; } .app.blue-dark .top-toolbar, .app.blue-dark .landing-toolbar { background: #0277bd; color: #e1f5fe; } .app.blue-dark .menu-toolbar { background: #01579b; color: #b3e5fc; } .app.blue-dark .mention-list-item { background-color: #424242 !important; } .app.blue-dark .search__results { background-color: #424242 !important; } .app.blue-dark .search__results .result:hover { background-color: rgba(255, 255, 255, 0.04); } .app.blue-dark .search__results .result:active { background-color: rgba(255, 255, 255, 0.04); } .app.blue-dark mat-card.card { cursor: grab; background: #424242 !important; } .app.blue-dark mat-card.card:active { cursor: grabbing; } .app.blue-dark th.mat-header-cell, .app.blue-dark td.mat-cell, .app.blue-dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } .app.blue-dark #contacts .header .search-wrapper { background: #424242; } .app.blue-dark #contacts .header .search-wrapper .search .mat-icon { color: white; } .app.blue-dark #contacts .header .search-wrapper .search input { background: #424242; color: white; } .app.blue-dark #contacts .content .sidebar .sidebar-content .card { background: #424242; } .app.blue-dark .table-2 { background-color: #424242; text-align: left; border-spacing: 0; } .app.blue-dark .table-2 th:first-of-type, .app.blue-dark .table-2 td:first-of-type { padding-left: 24px; } .app.blue-dark .table-2 th:last-of-type, .app.blue-dark .table-2 td:last-of-type { padding-right: 24px; } .app.blue-dark .table-2 thead tr { height: 56px; } .app.blue-dark .table-2 thead tr th { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .table-2 tbody .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; } .app.blue-dark .table-2 tbody .phone { text-align: center; } .app.blue-dark .table-2 tbody tr { cursor: pointer; color: white; height: 48px; padding: 0; } .app.blue-dark .table-2 tbody tr:hover { background-color: rgba(255, 255, 255, 0.04); } .app.blue-dark .table-2 tbody tr td { padding: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .table-dark { display: block; overflow: auto; max-height: 500px; border-radius: 10px; } .app.blue-dark .table-header { background-color: #0288d1 !important; } .app.blue-dark .table-header > th { color: white; font-size: 14px; } .app.blue-dark .ems-scrollbar { position: absolute; overflow: auto; padding: 20px; bottom: 64px; left: 0; right: 0; top: 0; } .app.blue-dark .loading_spinner { position: absolute; text-align: center; top: 50%; left: 50%; } .app.blue-dark table { width: 100%; color: white; } .app.blue-dark tr.estimate-detail-row { height: 0; } .app.blue-dark tr.no-estimate { cursor: default !important; } .app.blue-dark tr.estimate-row:not(.estimate-expanded-row):hover:not(.no-estimate) { background-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .tooltip-red { background: #b71c1c; } .app.blue-dark .estimate-row td { border-bottom-width: 0; } .app.blue-dark .estimate-detail { overflow: hidden; display: flex; } .app.blue-dark .estimate-description { padding: 16px; } .app.blue-dark .estimate-description-attribution { opacity: 0.5; } .app.blue-dark .card-container { flex: none; z-index: 1; width: 65%; height: 100%; color: white; overflow-y: scroll; justify-items: center; background-color: #424242; } .app.blue-dark .thumbnail { border-radius: 40px; max-width: 300px; height: auto; background-size: cover; } .app.blue-dark .img_container { display: flex; flex-direction: column; align-items: flex-start; } .app.blue-dark .cover { border-radius: 4px; } .app.blue-dark .content { overflow: auto; } .app.blue-dark .mid-section { display: inline-grid; grid-auto-flow: column; width: 100%; grid-template-columns: repeat(3, auto); grid-template-rows: 100%; grid-gap: 8px; gap: 8px; padding: 8px; justify-items: center; align-items: start; } .app.blue-dark .mat-toolbar { position: sticky !important; max-height: 64px; top: 0; z-index: 3; } .app.blue-dark .mat-tab-body-wrapper { padding: 20px; min-height: calc(100vh - 64px - 40px); } .app.blue-dark .mat-chip-list-wrapper { padding: 0 12px !important; } .app.blue-dark .card-header-container { overflow: auto; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 12px; justify-content: center; position: relative; } .app.blue-dark .card-header-container .sublet-list-container { flex: 1 1 30%; order: 3; display: flex; flex-direction: column; max-width: 30%; } .app.blue-dark .card-header-container .sublet-list-container .sublet-chip-list { padding: 0 8px; max-height: 200px; overflow: auto; } .app.blue-dark .card-header-container .sublet-list-container .sublet-chip-list.cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .app.blue-dark .card-header-container .avatar_container { margin: 4px 0; } .app.blue-dark .card-header-container .card-cover { order: 1; flex: 1 1 30%; max-width: 300px; } .app.blue-dark .card-header-container .util-buttons { order: 2; flex: 1 1 23%; display: flex; flex-flow: column nowrap; } .app.blue-dark .card-header-container .archive-btn, .app.blue-dark .card-header-container .action-buttons button { white-space: normal; line-height: 1rem; min-height: 36px; max-height: 40px; flex: 1 1 47%; margin: 4px; } .app.blue-dark .card-header-container .action-buttons { display: flex; flex-flow: row wrap; } @media screen and (max-width: 599px) { .app.blue-dark .card-header-container { flex-wrap: wrap; overflow: auto; } .app.blue-dark .card-header-container .sublet-list-container { max-width: 48%; } .app.blue-dark .card-header-container .sublet-list-container .sublet-chip-list { max-height: 240px; overflow-x: auto; } .app.blue-dark .card-header-container .util-buttons { max-width: 48%; } .app.blue-dark .card-header-container .card-cover { flex: 1 1 100%; } } @media screen and (max-width: 959px) { .app.blue-dark .card-header-container .sublet-list-container, .app.blue-dark .card-header-container .card-cover, .app.blue-dark .card-header-container .util-buttons, .app.blue-dark .card-header-container .action-buttons { margin: 8px 2px; } } @media screen and (min-width: 600px) { .app.blue-dark .card-header-container { flex-direction: row; flex-wrap: wrap; padding: 12px; } .app.blue-dark .card-header-container .sublet-list-container { max-width: 70%; } .app.blue-dark .card-header-container .card-cover { margin-right: 12px; } } @media screen and (min-width: 720px) { .app.blue-dark .card-header-container { flex-wrap: nowrap; } .app.blue-dark .card-header-container .util-buttons { max-width: 33%; } } @media screen and (min-width: 960px) { .app.blue-dark .card-header-container { flex-direction: row; flex-wrap: nowrap; } .app.blue-dark .card-header-container .sublet-list-container, .app.blue-dark .card-header-container .action-buttons, .app.blue-dark .card-header-container .util-buttons { flex: 1 1 32%; } } .app.blue-dark .cdk-drag-preview { color: white; box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.blue-dark #board { display: inline-grid !important; grid-auto-columns: 270px; grid-auto-flow: column; grid-gap: 10px; gap: 10px; overflow: auto; width: 100%; padding: 70px 5px 24px 8px; box-sizing: border-box; white-space: nowrap; margin-bottom: 8px; } .app.blue-dark .column-wrapper { box-sizing: border-box; border-radius: 6px; width: 270px; min-height: 0px; max-height: 100%; font-size: 14px; transition: box-shadow 0.15s, background 0.15s; } .app.blue-dark mat-form-field { box-sizing: border-box; width: 100%; } .app.blue-dark button.cdk-drag-handle { cursor: move; grid-row: 1; grid-column: 3; } .app.blue-dark button.cdk-drag-handle[disabled] { cursor: pointer; } .app.blue-dark .add-card-btn { border-radius: 5px; border: 1px solid black; text-align: center; margin-top: 5px; } .app.blue-dark .add-card-btn button { width: 100%; } .app.blue-dark .card-list { height: 100%; margin: 0 3px 6px 3px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 10px 10px 0px; } .app.blue-dark .card-list::-webkit-scrollbar { width: 8px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.2); } .app.blue-dark .card-list::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255, 255, 255, 0.4); } .app.blue-dark .card-list:empty { position: absolute; background-color: red; top: 55px; bottom: 0; right: 0; left: 0; height: 200px; } .app.blue-dark .boardCard { background-color: #fff; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25); display: block; margin-bottom: 12px; max-width: 260px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; text-decoration: none; z-index: 0; } .app.blue-dark .boardCard .mat-card { padding: 0; } .app.blue-dark .cdk-drag-placeholder { opacity: 0.2; } .app.blue-dark .redBg { background-color: red; } .app.blue-dark .greenBg { background-color: green; } .app.blue-dark .blueBg { background-color: blue; } .app.blue-dark .orangeBg { background-color: orange; } .app.blue-dark .purpleBg { background-color: purple; } @media screen and (max-width: 599px) { .app.blue-dark #board { scroll-snap-type: x mandatory; } .app.blue-dark .column-wrapper { scroll-snap-align: center; } } .app.blue-dark .mat-dialog-container { position: relative; } .app.blue-dark .feedback-dialog-content { padding-top: 60px; } .app.blue-dark .feedback-dialog-title { cursor: move; display: flex; } .app.blue-dark .feedback-card { min-width: 120px; margin: 20px auto; } .app.blue-dark .mat-radio-button { display: block; margin: 5px 0; } .app.blue-dark .row { display: flex; flex-direction: row; } .app.blue-dark .col { flex: 1; margin-right: 20px; } .app.blue-dark .col:last-child { margin-right: 0; } .app.blue-dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.blue-dark .mat-option { color: white; } .app.blue-dark .mat-option:hover:not(.mat-option-disabled), .app.blue-dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .app.blue-dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .app.blue-dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } .app.blue-dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #0288d1; } .app.blue-dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffd740; } .app.blue-dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5252; } .app.blue-dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-pseudo-checkbox::after { color: #303030; } .app.blue-dark .mat-pseudo-checkbox-disabled { color: #686868; } .app.blue-dark .mat-primary .mat-pseudo-checkbox-checked, .app.blue-dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #0288d1; } .app.blue-dark .mat-pseudo-checkbox-checked, .app.blue-dark .mat-pseudo-checkbox-indeterminate, .app.blue-dark .mat-accent .mat-pseudo-checkbox-checked, .app.blue-dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ffd740; } .app.blue-dark .mat-warn .mat-pseudo-checkbox-checked, .app.blue-dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5252; } .app.blue-dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .app.blue-dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } .app.blue-dark .mat-app-background, .app.blue-dark.mat-app-background { background-color: #303030; color: white; } .app.blue-dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .app.blue-dark .mat-autocomplete-panel { background: #424242; color: white; } .app.blue-dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } .app.blue-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } .app.blue-dark .mat-badge-content { color: white; background: #0288d1; } .cdk-high-contrast-active .app.blue-dark .mat-badge-content { outline: solid 1px; border-radius: 0; } .app.blue-dark .mat-badge-accent .mat-badge-content { background: #ffd740; color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5252; } .app.blue-dark .mat-badge { position: relative; } .app.blue-dark .mat-badge-hidden .mat-badge-content { display: none; } .app.blue-dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .app.blue-dark .ng-animate-disabled .mat-badge-content, .app.blue-dark .mat-badge-content._mat-animation-noopable { transition: none; } .app.blue-dark .mat-badge-content.mat-badge-active { transform: none; } .app.blue-dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .app.blue-dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .app.blue-dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .app.blue-dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .app.blue-dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .app.blue-dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .app.blue-dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .app.blue-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .app.blue-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .app.blue-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .app.blue-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .app.blue-dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .app.blue-dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .app.blue-dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .app.blue-dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .app.blue-dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .app.blue-dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .app.blue-dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .app.blue-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .app.blue-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .app.blue-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .app.blue-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .app.blue-dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .app.blue-dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .app.blue-dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .app.blue-dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .app.blue-dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .app.blue-dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .app.blue-dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .app.blue-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .app.blue-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .app.blue-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .app.blue-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .app.blue-dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } .app.blue-dark .mat-button, .app.blue-dark .mat-icon-button, .app.blue-dark .mat-stroked-button { color: inherit; background: transparent; } .app.blue-dark .mat-button.mat-primary, .app.blue-dark .mat-icon-button.mat-primary, .app.blue-dark .mat-stroked-button.mat-primary { color: #0288d1; } .app.blue-dark .mat-button.mat-accent, .app.blue-dark .mat-icon-button.mat-accent, .app.blue-dark .mat-stroked-button.mat-accent { color: #ffd740; } .app.blue-dark .mat-button.mat-warn, .app.blue-dark .mat-icon-button.mat-warn, .app.blue-dark .mat-stroked-button.mat-warn { color: #ff5252; } .app.blue-dark .mat-button.mat-primary.mat-button-disabled, .app.blue-dark .mat-button.mat-accent.mat-button-disabled, .app.blue-dark .mat-button.mat-warn.mat-button-disabled, .app.blue-dark .mat-button.mat-button-disabled.mat-button-disabled, .app.blue-dark .mat-icon-button.mat-primary.mat-button-disabled, .app.blue-dark .mat-icon-button.mat-accent.mat-button-disabled, .app.blue-dark .mat-icon-button.mat-warn.mat-button-disabled, .app.blue-dark .mat-icon-button.mat-button-disabled.mat-button-disabled, .app.blue-dark .mat-stroked-button.mat-primary.mat-button-disabled, .app.blue-dark .mat-stroked-button.mat-accent.mat-button-disabled, .app.blue-dark .mat-stroked-button.mat-warn.mat-button-disabled, .app.blue-dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-button.mat-primary .mat-button-focus-overlay, .app.blue-dark .mat-icon-button.mat-primary .mat-button-focus-overlay, .app.blue-dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #0288d1; } .app.blue-dark .mat-button.mat-accent .mat-button-focus-overlay, .app.blue-dark .mat-icon-button.mat-accent .mat-button-focus-overlay, .app.blue-dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ffd740; } .app.blue-dark .mat-button.mat-warn .mat-button-focus-overlay, .app.blue-dark .mat-icon-button.mat-warn .mat-button-focus-overlay, .app.blue-dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5252; } .app.blue-dark .mat-button.mat-button-disabled .mat-button-focus-overlay, .app.blue-dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .app.blue-dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .app.blue-dark .mat-button .mat-ripple-element, .app.blue-dark .mat-icon-button .mat-ripple-element, .app.blue-dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .app.blue-dark .mat-button-focus-overlay { background: white; } .app.blue-dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-flat-button, .app.blue-dark .mat-raised-button, .app.blue-dark .mat-fab, .app.blue-dark .mat-mini-fab { color: white; background-color: #424242; } .app.blue-dark .mat-flat-button.mat-primary, .app.blue-dark .mat-raised-button.mat-primary, .app.blue-dark .mat-fab.mat-primary, .app.blue-dark .mat-mini-fab.mat-primary { color: white; } .app.blue-dark .mat-flat-button.mat-accent, .app.blue-dark .mat-raised-button.mat-accent, .app.blue-dark .mat-fab.mat-accent, .app.blue-dark .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-flat-button.mat-warn, .app.blue-dark .mat-raised-button.mat-warn, .app.blue-dark .mat-fab.mat-warn, .app.blue-dark .mat-mini-fab.mat-warn { color: white; } .app.blue-dark .mat-flat-button.mat-primary.mat-button-disabled, .app.blue-dark .mat-flat-button.mat-accent.mat-button-disabled, .app.blue-dark .mat-flat-button.mat-warn.mat-button-disabled, .app.blue-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.blue-dark .mat-raised-button.mat-primary.mat-button-disabled, .app.blue-dark .mat-raised-button.mat-accent.mat-button-disabled, .app.blue-dark .mat-raised-button.mat-warn.mat-button-disabled, .app.blue-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.blue-dark .mat-fab.mat-primary.mat-button-disabled, .app.blue-dark .mat-fab.mat-accent.mat-button-disabled, .app.blue-dark .mat-fab.mat-warn.mat-button-disabled, .app.blue-dark .mat-fab.mat-button-disabled.mat-button-disabled, .app.blue-dark .mat-mini-fab.mat-primary.mat-button-disabled, .app.blue-dark .mat-mini-fab.mat-accent.mat-button-disabled, .app.blue-dark .mat-mini-fab.mat-warn.mat-button-disabled, .app.blue-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-flat-button.mat-primary, .app.blue-dark .mat-raised-button.mat-primary, .app.blue-dark .mat-fab.mat-primary, .app.blue-dark .mat-mini-fab.mat-primary { background-color: #0288d1; } .app.blue-dark .mat-flat-button.mat-accent, .app.blue-dark .mat-raised-button.mat-accent, .app.blue-dark .mat-fab.mat-accent, .app.blue-dark .mat-mini-fab.mat-accent { background-color: #ffd740; } .app.blue-dark .mat-flat-button.mat-warn, .app.blue-dark .mat-raised-button.mat-warn, .app.blue-dark .mat-fab.mat-warn, .app.blue-dark .mat-mini-fab.mat-warn { background-color: #ff5252; } .app.blue-dark .mat-flat-button.mat-primary.mat-button-disabled, .app.blue-dark .mat-flat-button.mat-accent.mat-button-disabled, .app.blue-dark .mat-flat-button.mat-warn.mat-button-disabled, .app.blue-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.blue-dark .mat-raised-button.mat-primary.mat-button-disabled, .app.blue-dark .mat-raised-button.mat-accent.mat-button-disabled, .app.blue-dark .mat-raised-button.mat-warn.mat-button-disabled, .app.blue-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.blue-dark .mat-fab.mat-primary.mat-button-disabled, .app.blue-dark .mat-fab.mat-accent.mat-button-disabled, .app.blue-dark .mat-fab.mat-warn.mat-button-disabled, .app.blue-dark .mat-fab.mat-button-disabled.mat-button-disabled, .app.blue-dark .mat-mini-fab.mat-primary.mat-button-disabled, .app.blue-dark .mat-mini-fab.mat-accent.mat-button-disabled, .app.blue-dark .mat-mini-fab.mat-warn.mat-button-disabled, .app.blue-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-flat-button.mat-primary .mat-ripple-element, .app.blue-dark .mat-raised-button.mat-primary .mat-ripple-element, .app.blue-dark .mat-fab.mat-primary .mat-ripple-element, .app.blue-dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.blue-dark .mat-flat-button.mat-accent .mat-ripple-element, .app.blue-dark .mat-raised-button.mat-accent .mat-ripple-element, .app.blue-dark .mat-fab.mat-accent .mat-ripple-element, .app.blue-dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .app.blue-dark .mat-flat-button.mat-warn .mat-ripple-element, .app.blue-dark .mat-raised-button.mat-warn .mat-ripple-element, .app.blue-dark .mat-fab.mat-warn .mat-ripple-element, .app.blue-dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.blue-dark .mat-stroked-button:not([class*=mat-elevation-z]), .app.blue-dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-fab:not([class*=mat-elevation-z]), .app.blue-dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .app.blue-dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .app.blue-dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-button-toggle-standalone, .app.blue-dark .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.blue-dark .mat-button-toggle-group-appearance-standard { box-shadow: none; } .app.blue-dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } .app.blue-dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } .app.blue-dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(255, 255, 255, 0.12); } .app.blue-dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } .app.blue-dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } .app.blue-dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } .app.blue-dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } .app.blue-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.blue-dark .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-card { background: #424242; color: white; } .app.blue-dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-checkbox-checkmark { fill: #303030; } .app.blue-dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } .app.blue-dark .mat-checkbox-mixedmark { background-color: #303030; } .app.blue-dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .app.blue-dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #0288d1; } .app.blue-dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .app.blue-dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ffd740; } .app.blue-dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .app.blue-dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5252; } .app.blue-dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .app.blue-dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } .app.blue-dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } .app.blue-dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-checkbox .mat-ripple-element { background-color: white; } .app.blue-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .app.blue-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #0288d1; } .app.blue-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .app.blue-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ffd740; } .app.blue-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .app.blue-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5252; } .app.blue-dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } .app.blue-dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } .app.blue-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .app.blue-dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .app.blue-dark .mat-chip.mat-standard-chip::after { background: white; } .app.blue-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #0288d1; color: white; } .app.blue-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .app.blue-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.blue-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5252; color: white; } .app.blue-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .app.blue-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.blue-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ffd740; color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .app.blue-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .app.blue-dark .mat-table { background: #424242; } .app.blue-dark .mat-table thead, .app.blue-dark .mat-table tbody, .app.blue-dark .mat-table tfoot, .app.blue-dark mat-header-row, .app.blue-dark mat-row, .app.blue-dark mat-footer-row, .app.blue-dark [mat-header-row], .app.blue-dark [mat-row], .app.blue-dark [mat-footer-row], .app.blue-dark .mat-table-sticky { background: inherit; } .app.blue-dark mat-row, .app.blue-dark mat-header-row, .app.blue-dark mat-footer-row, .app.blue-dark th.mat-header-cell, .app.blue-dark td.mat-cell, .app.blue-dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-cell, .app.blue-dark .mat-footer-cell { color: white; } .app.blue-dark .mat-calendar-arrow { border-top-color: white; } .app.blue-dark .mat-datepicker-toggle, .app.blue-dark .mat-datepicker-content .mat-calendar-next-button, .app.blue-dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } .app.blue-dark .mat-calendar-table-header { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-calendar-body-cell-content, .app.blue-dark .mat-date-range-input-separator { color: white; border-color: transparent; } .app.blue-dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } .app.blue-dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-calendar-body-in-range::before { background: rgba(2, 136, 209, 0.2); } .app.blue-dark .mat-calendar-body-comparison-identical, .app.blue-dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.blue-dark .mat-calendar-body-comparison-bridge-start::before, .app.blue-dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(2, 136, 209, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.blue-dark .mat-calendar-body-comparison-bridge-end::before, .app.blue-dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(2, 136, 209, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.blue-dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.blue-dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.blue-dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.blue-dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.blue-dark .mat-calendar-body-selected { background-color: #0288d1; color: white; } .app.blue-dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(2, 136, 209, 0.4); } .app.blue-dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.blue-dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.blue-dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.blue-dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(2, 136, 209, 0.3); } .app.blue-dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 215, 64, 0.2); } .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .app.blue-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .app.blue-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ffd740; color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 215, 64, 0.4); } .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.blue-dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.blue-dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 215, 64, 0.3); } .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 82, 82, 0.2); } .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .app.blue-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .app.blue-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5252; color: white; } .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 82, 82, 0.4); } .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.blue-dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.blue-dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.blue-dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } .app.blue-dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-datepicker-toggle-active { color: #0288d1; } .app.blue-dark .mat-datepicker-toggle-active.mat-accent { color: #ffd740; } .app.blue-dark .mat-datepicker-toggle-active.mat-warn { color: #ff5252; } .app.blue-dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } .app.blue-dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-expansion-panel { background: #424242; color: white; } .app.blue-dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .app.blue-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .app.blue-dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { .app.blue-dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } .app.blue-dark .mat-expansion-panel-header-title { color: white; } .app.blue-dark .mat-expansion-panel-header-description, .app.blue-dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .app.blue-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .app.blue-dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-hint { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-form-field.mat-focused .mat-form-field-label { color: #0288d1; } .app.blue-dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ffd740; } .app.blue-dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5252; } .app.blue-dark .mat-focused .mat-form-field-required-marker { color: #ffd740; } .app.blue-dark .mat-form-field-ripple { background-color: white; } .app.blue-dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #0288d1; } .app.blue-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ffd740; } .app.blue-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5252; } .app.blue-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #0288d1; } .app.blue-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ffd740; } .app.blue-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5252; } .app.blue-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5252; } .app.blue-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .app.blue-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5252; } .app.blue-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .app.blue-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5252; } .app.blue-dark .mat-error { color: #ff5252; } .app.blue-dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.blue-dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.blue-dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } .app.blue-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } .app.blue-dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .app.blue-dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } .app.blue-dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #0288d1; } .app.blue-dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ffd740; } .app.blue-dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5252; } .app.blue-dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5252; } .app.blue-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } .app.blue-dark .mat-icon.mat-primary { color: #0288d1; } .app.blue-dark .mat-icon.mat-accent { color: #ffd740; } .app.blue-dark .mat-icon.mat-warn { color: #ff5252; } .app.blue-dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-input-element:disabled, .app.blue-dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-input-element { caret-color: #0288d1; } .app.blue-dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-input-element option { color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-input-element option:disabled { color: rgba(0, 0, 0, 0.38); } .app.blue-dark .mat-form-field.mat-accent .mat-input-element { caret-color: #ffd740; } .app.blue-dark .mat-form-field.mat-warn .mat-input-element, .app.blue-dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5252; } .app.blue-dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5252; } .app.blue-dark .mat-list-base .mat-list-item { color: white; } .app.blue-dark .mat-list-base .mat-list-option { color: white; } .app.blue-dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-list-item-disabled { background-color: black; } .app.blue-dark .mat-list-option:hover, .app.blue-dark .mat-list-option:focus, .app.blue-dark .mat-nav-list .mat-list-item:hover, .app.blue-dark .mat-nav-list .mat-list-item:focus, .app.blue-dark .mat-action-list .mat-list-item:hover, .app.blue-dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } .app.blue-dark .mat-list-single-selected-option, .app.blue-dark .mat-list-single-selected-option:hover, .app.blue-dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-menu-panel { background: #424242; } .app.blue-dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-menu-item { background: transparent; color: white; } .app.blue-dark .mat-menu-item[disabled], .app.blue-dark .mat-menu-item[disabled]::after, .app.blue-dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-menu-item .mat-icon-no-color, .app.blue-dark .mat-menu-item-submenu-trigger::after { color: white; } .app.blue-dark .mat-menu-item:hover:not([disabled]), .app.blue-dark .mat-menu-item.cdk-program-focused:not([disabled]), .app.blue-dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), .app.blue-dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } .app.blue-dark .mat-paginator { background: #424242; } .app.blue-dark .mat-paginator, .app.blue-dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-paginator-decrement, .app.blue-dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } .app.blue-dark .mat-paginator-first, .app.blue-dark .mat-paginator-last { border-top: 2px solid white; } .app.blue-dark .mat-icon-button[disabled] .mat-paginator-decrement, .app.blue-dark .mat-icon-button[disabled] .mat-paginator-increment, .app.blue-dark .mat-icon-button[disabled] .mat-paginator-first, .app.blue-dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-progress-bar-background { fill: #254658; } .app.blue-dark .mat-progress-bar-buffer { background-color: #254658; } .app.blue-dark .mat-progress-bar-fill::after { background-color: #0288d1; } .app.blue-dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #645a34; } .app.blue-dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #645a34; } .app.blue-dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ffd740; } .app.blue-dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643939; } .app.blue-dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643939; } .app.blue-dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5252; } .app.blue-dark .mat-progress-spinner circle, .app.blue-dark .mat-spinner circle { stroke: #0288d1; } .app.blue-dark .mat-progress-spinner.mat-accent circle, .app.blue-dark .mat-spinner.mat-accent circle { stroke: #ffd740; } .app.blue-dark .mat-progress-spinner.mat-warn circle, .app.blue-dark .mat-spinner.mat-warn circle { stroke: #ff5252; } .app.blue-dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #0288d1; } .app.blue-dark .mat-radio-button.mat-primary .mat-radio-inner-circle, .app.blue-dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.blue-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .app.blue-dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #0288d1; } .app.blue-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ffd740; } .app.blue-dark .mat-radio-button.mat-accent .mat-radio-inner-circle, .app.blue-dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.blue-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .app.blue-dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ffd740; } .app.blue-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5252; } .app.blue-dark .mat-radio-button.mat-warn .mat-radio-inner-circle, .app.blue-dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.blue-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .app.blue-dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5252; } .app.blue-dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .app.blue-dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .app.blue-dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-radio-button .mat-ripple-element { background-color: white; } .app.blue-dark .mat-select-value { color: white; } .app.blue-dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-select-panel { background: #424242; } .app.blue-dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #0288d1; } .app.blue-dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ffd740; } .app.blue-dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5252; } .app.blue-dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5252; } .app.blue-dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-drawer-container { background-color: #303030; color: white; } .app.blue-dark .mat-drawer { background-color: #424242; color: white; } .app.blue-dark .mat-drawer.mat-drawer-push { background-color: #424242; } .app.blue-dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .app.blue-dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .app.blue-dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } .app.blue-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ffd740; } .app.blue-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 215, 64, 0.54); } .app.blue-dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ffd740; } .app.blue-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #0288d1; } .app.blue-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(2, 136, 209, 0.54); } .app.blue-dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #0288d1; } .app.blue-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5252; } .app.blue-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 82, 82, 0.54); } .app.blue-dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5252; } .app.blue-dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } .app.blue-dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } .app.blue-dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-primary .mat-slider-track-fill, .app.blue-dark .mat-primary .mat-slider-thumb, .app.blue-dark .mat-primary .mat-slider-thumb-label { background-color: #0288d1; } .app.blue-dark .mat-primary .mat-slider-thumb-label-text { color: white; } .app.blue-dark .mat-primary .mat-slider-focus-ring { background-color: rgba(2, 136, 209, 0.2); } .app.blue-dark .mat-accent .mat-slider-track-fill, .app.blue-dark .mat-accent .mat-slider-thumb, .app.blue-dark .mat-accent .mat-slider-thumb-label { background-color: #ffd740; } .app.blue-dark .mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-accent .mat-slider-focus-ring { background-color: rgba(255, 215, 64, 0.2); } .app.blue-dark .mat-warn .mat-slider-track-fill, .app.blue-dark .mat-warn .mat-slider-thumb, .app.blue-dark .mat-warn .mat-slider-thumb-label { background-color: #ff5252; } .app.blue-dark .mat-warn .mat-slider-thumb-label-text { color: white; } .app.blue-dark .mat-warn .mat-slider-focus-ring { background-color: rgba(255, 82, 82, 0.2); } .app.blue-dark .mat-slider:hover .mat-slider-track-background, .app.blue-dark .cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-slider-disabled .mat-slider-track-background, .app.blue-dark .mat-slider-disabled .mat-slider-track-fill, .app.blue-dark .mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .app.blue-dark .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } .app.blue-dark .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .app.blue-dark .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } .app.blue-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .app.blue-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .app.blue-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .app.blue-dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .app.blue-dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .app.blue-dark .mat-step-header.cdk-keyboard-focused, .app.blue-dark .mat-step-header.cdk-program-focused, .app.blue-dark .mat-step-header:hover { background-color: rgba(255, 255, 255, 0.04); } @media (hover: none) { .app.blue-dark .mat-step-header:hover { background: none; } } .app.blue-dark .mat-step-header .mat-step-label, .app.blue-dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } .app.blue-dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: white; } .app.blue-dark .mat-step-header .mat-step-icon-selected, .app.blue-dark .mat-step-header .mat-step-icon-state-done, .app.blue-dark .mat-step-header .mat-step-icon-state-edit { background-color: #0288d1; color: white; } .app.blue-dark .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-step-header.mat-accent .mat-step-icon-selected, .app.blue-dark .mat-step-header.mat-accent .mat-step-icon-state-done, .app.blue-dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ffd740; color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-step-header.mat-warn .mat-step-icon { color: white; } .app.blue-dark .mat-step-header.mat-warn .mat-step-icon-selected, .app.blue-dark .mat-step-header.mat-warn .mat-step-icon-state-done, .app.blue-dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5252; color: white; } .app.blue-dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5252; } .app.blue-dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } .app.blue-dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5252; } .app.blue-dark .mat-stepper-horizontal, .app.blue-dark .mat-stepper-vertical { background-color: #424242; } .app.blue-dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-horizontal-stepper-header::before, .app.blue-dark .mat-horizontal-stepper-header::after, .app.blue-dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-sort-header-arrow { color: #c6c6c6; } .app.blue-dark .mat-tab-nav-bar, .app.blue-dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-tab-group-inverted-header .mat-tab-nav-bar, .app.blue-dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } .app.blue-dark .mat-tab-label, .app.blue-dark .mat-tab-link { color: white; } .app.blue-dark .mat-tab-label.mat-tab-disabled, .app.blue-dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-tab-header-pagination-chevron { border-color: white; } .app.blue-dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } .app.blue-dark .mat-tab-group[class*=mat-background-] .mat-tab-header, .app.blue-dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .app.blue-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(225, 245, 254, 0.3); } .app.blue-dark .mat-tab-group.mat-primary .mat-ink-bar, .app.blue-dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #0288d1; } .app.blue-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.blue-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .app.blue-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.blue-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.blue-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 229, 127, 0.3); } .app.blue-dark .mat-tab-group.mat-accent .mat-ink-bar, .app.blue-dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ffd740; } .app.blue-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.blue-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .app.blue-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.blue-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.blue-dark .mat-tab-group.mat-warn .mat-ink-bar, .app.blue-dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5252; } .app.blue-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.blue-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .app.blue-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.blue-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.blue-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(225, 245, 254, 0.3); } .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-header, .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #0288d1; } .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.blue-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.blue-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 229, 127, 0.3); } .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-header, .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ffd740; } .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.4); } .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.blue-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.blue-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.blue-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-header, .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5252; } .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.blue-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.blue-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.blue-dark .mat-toolbar { background: #212121; color: white; } .app.blue-dark .mat-toolbar.mat-primary { background: #0288d1; color: white; } .app.blue-dark .mat-toolbar.mat-accent { background: #ffd740; color: rgba(0, 0, 0, 0.87); } .app.blue-dark .mat-toolbar.mat-warn { background: #ff5252; color: white; } .app.blue-dark .mat-toolbar .mat-form-field-underline, .app.blue-dark .mat-toolbar .mat-form-field-ripple, .app.blue-dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .app.blue-dark .mat-toolbar .mat-form-field-label, .app.blue-dark .mat-toolbar .mat-focused .mat-form-field-label, .app.blue-dark .mat-toolbar .mat-select-value, .app.blue-dark .mat-toolbar .mat-select-arrow, .app.blue-dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .app.blue-dark .mat-toolbar .mat-input-element { caret-color: currentColor; } .app.blue-dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .app.blue-dark .mat-tree { background: #424242; } .app.blue-dark .mat-tree-node, .app.blue-dark .mat-nested-tree-node { color: white; } .app.blue-dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.blue-dark .mat-simple-snackbar-action { color: inherit; } .app.green-dark { /* tooltip background-colors */ } .app.green-dark input:-webkit-autofill { -webkit-text-fill-color: white !important; background-color: #424242 !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .app.green-dark .mentioned-notification { background-color: #424242; color: white; } .app.green-dark .dropdown-menu.scrollable-menu { background: #424242 !important; } .app.green-dark .dropdown-menu.scrollable-menu:not(.mention-menu) { overflow: hidden !important; } .app.green-dark .dropdown-menu.scrollable-menu:active { background: rgba(255, 255, 255, 0.12); } .app.green-dark .tooltip-bg-red { background-color: #ff5252 !important; } .app.green-dark .tooltip-bg-blue { background-color: #1068da !important; } .app.green-dark .tooltip-text-warn { color: #ff5252; } .app.green-dark .tooltip-text-primary { color: #388e3c; } .app.green-dark .bg-p { background-color: #388e3c; color: white; } .app.green-dark .bg-a { background-color: #ffab00; color: rgba(0, 0, 0, 0.87); } .app.green-dark .bg-w { background-color: #ff5252; color: white; } .app.green-dark .hover:hover { background-color: rgba(255, 255, 255, 0.04); } .app.green-dark .overflow-auto { overflow: auto; } .app.green-dark .card-bg-color { background: #424242 !important; } .app.green-dark .txt-s, .app.green-dark .secondary-text { color: rgba(255, 255, 255, 0.7); } .app.green-dark .txt-p { color: white; } .app.green-dark .primary-text { color: white !important; } .app.green-dark .accent-text { color: #ffab00 !important; } .app.green-dark .warn-text { color: #ff5252 !important; } .app.green-dark .purple-text { color: #aa0055 !important; } .app.green-dark .green-text { color: #1aaf00; } .app.green-dark .yellow-text { color: #e8bd00; } .app.green-dark .red-text { color: red; } .app.green-dark .orange-text { color: orange; } @keyframes pulsate { 0% { color: #ff5252; } 50% { color: green; } 100% { color: #ff5252; } } .app.green-dark .pulse-warn-text { animation: pulsate 3s ease-out; animation-iteration-count: infinite; -webkit-animation: pulsate 3s ease-out; -webkit-animation-iteration-count: infinite; color: #ff5252; } .app.green-dark button.status-menu-btn:hover.red { background-color: rgba(244, 67, 54, 0.5) !important; } .app.green-dark button.status-menu-btn:hover.green { background-color: rgba(76, 175, 80, 0.5) !important; } .app.green-dark button.status-menu-btn:hover.blue { background-color: rgba(33, 150, 243, 0.5) !important; } .app.green-dark button.status-menu-btn:hover.orange { background-color: rgba(255, 152, 0, 0.5) !important; } .app.green-dark button.status-menu-btn:hover.purple { background-color: rgba(156, 39, 176, 0.5) !important; } .app.green-dark .header { background-color: #424242; color: white; } .app.green-dark .horizontal-menu { background-color: #424242; } .app.green-dark .horizontal-menu-item .horizontal-sub-menu { background-color: #424242; } .app.green-dark .horizontal-menu-item .mat-button { color: rgba(255, 255, 255, 0.7); } .app.green-dark .horizontal-menu-item .mat-button .horizontal-menu-title { color: white; } .app.green-dark .horizontal-menu-item .mat-button.parent-item .horizontal-menu-icon { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.7); } .app.green-dark .horizontal-menu-item .mat-button.parent-item.active-link { background: rgba(255, 255, 255, 0.12); } .app.green-dark .horizontal-menu-item .mat-button.parent-item.active-link .horizontal-menu-icon { background: #388e3c; color: #fff; } .app.green-dark .menu-item .mat-button .menu-icon { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.7); box-sizing: content-box; } .app.green-dark .menu-item .mat-button .menu-title { color: white; } .app.green-dark .menu-item .mat-button.active-link { background: rgba(255, 255, 255, 0.12); } .app.green-dark .menu-item .mat-button.active-link .menu-icon { background: #388e3c; color: #fff; } .app.green-dark .people-filter-main { background-color: #424242 !important; } .app.green-dark .people-filter-main .filter-container .mat-list-item { margin-bottom: 10px; } .app.green-dark .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { background: #1b5e20; } .app.green-dark .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { border-top-right-radius: 25px; width: 90%; border-bottom-right-radius: 25px; } .app.green-dark .full_width { width: 100%; } .app.green-dark .menu-expand-icon { color: rgba(255, 255, 255, 0.7); } .app.green-dark .breadcrumbA a { color: #e8f5e9; } .app.green-dark .top-toolbar, .app.green-dark .landing-toolbar { background: #2e7d32; color: #e8f5e9; } .app.green-dark .menu-toolbar { background: #1b5e20; color: #c8e6c9; } .app.green-dark .mention-list-item { background-color: #424242 !important; } .app.green-dark .search__results { background-color: #424242 !important; } .app.green-dark .search__results .result:hover { background-color: rgba(255, 255, 255, 0.04); } .app.green-dark .search__results .result:active { background-color: rgba(255, 255, 255, 0.04); } .app.green-dark mat-card.card { cursor: grab; background: #424242 !important; } .app.green-dark mat-card.card:active { cursor: grabbing; } .app.green-dark th.mat-header-cell, .app.green-dark td.mat-cell, .app.green-dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } .app.green-dark #contacts .header .search-wrapper { background: #424242; } .app.green-dark #contacts .header .search-wrapper .search .mat-icon { color: white; } .app.green-dark #contacts .header .search-wrapper .search input { background: #424242; color: white; } .app.green-dark #contacts .content .sidebar .sidebar-content .card { background: #424242; } .app.green-dark .table-2 { background-color: #424242; text-align: left; border-spacing: 0; } .app.green-dark .table-2 th:first-of-type, .app.green-dark .table-2 td:first-of-type { padding-left: 24px; } .app.green-dark .table-2 th:last-of-type, .app.green-dark .table-2 td:last-of-type { padding-right: 24px; } .app.green-dark .table-2 thead tr { height: 56px; } .app.green-dark .table-2 thead tr th { color: rgba(255, 255, 255, 0.7); } .app.green-dark .table-2 tbody .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; } .app.green-dark .table-2 tbody .phone { text-align: center; } .app.green-dark .table-2 tbody tr { cursor: pointer; color: white; height: 48px; padding: 0; } .app.green-dark .table-2 tbody tr:hover { background-color: rgba(255, 255, 255, 0.04); } .app.green-dark .table-2 tbody tr td { padding: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.12); } .app.green-dark .table-dark { display: block; overflow: auto; max-height: 500px; border-radius: 10px; } .app.green-dark .table-header { background-color: #388e3c !important; } .app.green-dark .table-header > th { color: white; font-size: 14px; } .app.green-dark .ems-scrollbar { position: absolute; overflow: auto; padding: 20px; bottom: 64px; left: 0; right: 0; top: 0; } .app.green-dark .loading_spinner { position: absolute; text-align: center; top: 50%; left: 50%; } .app.green-dark table { width: 100%; color: white; } .app.green-dark tr.estimate-detail-row { height: 0; } .app.green-dark tr.no-estimate { cursor: default !important; } .app.green-dark tr.estimate-row:not(.estimate-expanded-row):hover:not(.no-estimate) { background-color: rgba(255, 255, 255, 0.12); } .app.green-dark .tooltip-red { background: #b71c1c; } .app.green-dark .estimate-row td { border-bottom-width: 0; } .app.green-dark .estimate-detail { overflow: hidden; display: flex; } .app.green-dark .estimate-description { padding: 16px; } .app.green-dark .estimate-description-attribution { opacity: 0.5; } .app.green-dark .card-container { flex: none; z-index: 1; width: 65%; height: 100%; color: white; overflow-y: scroll; justify-items: center; background-color: #424242; } .app.green-dark .thumbnail { border-radius: 40px; max-width: 300px; height: auto; background-size: cover; } .app.green-dark .img_container { display: flex; flex-direction: column; align-items: flex-start; } .app.green-dark .cover { border-radius: 4px; } .app.green-dark .content { overflow: auto; } .app.green-dark .mid-section { display: inline-grid; grid-auto-flow: column; width: 100%; grid-template-columns: repeat(3, auto); grid-template-rows: 100%; grid-gap: 8px; gap: 8px; padding: 8px; justify-items: center; align-items: start; } .app.green-dark .mat-toolbar { position: sticky !important; max-height: 64px; top: 0; z-index: 3; } .app.green-dark .mat-tab-body-wrapper { padding: 20px; min-height: calc(100vh - 64px - 40px); } .app.green-dark .mat-chip-list-wrapper { padding: 0 12px !important; } .app.green-dark .card-header-container { overflow: auto; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 12px; justify-content: center; position: relative; } .app.green-dark .card-header-container .sublet-list-container { flex: 1 1 30%; order: 3; display: flex; flex-direction: column; max-width: 30%; } .app.green-dark .card-header-container .sublet-list-container .sublet-chip-list { padding: 0 8px; max-height: 200px; overflow: auto; } .app.green-dark .card-header-container .sublet-list-container .sublet-chip-list.cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .app.green-dark .card-header-container .avatar_container { margin: 4px 0; } .app.green-dark .card-header-container .card-cover { order: 1; flex: 1 1 30%; max-width: 300px; } .app.green-dark .card-header-container .util-buttons { order: 2; flex: 1 1 23%; display: flex; flex-flow: column nowrap; } .app.green-dark .card-header-container .archive-btn, .app.green-dark .card-header-container .action-buttons button { white-space: normal; line-height: 1rem; min-height: 36px; max-height: 40px; flex: 1 1 47%; margin: 4px; } .app.green-dark .card-header-container .action-buttons { display: flex; flex-flow: row wrap; } @media screen and (max-width: 599px) { .app.green-dark .card-header-container { flex-wrap: wrap; overflow: auto; } .app.green-dark .card-header-container .sublet-list-container { max-width: 48%; } .app.green-dark .card-header-container .sublet-list-container .sublet-chip-list { max-height: 240px; overflow-x: auto; } .app.green-dark .card-header-container .util-buttons { max-width: 48%; } .app.green-dark .card-header-container .card-cover { flex: 1 1 100%; } } @media screen and (max-width: 959px) { .app.green-dark .card-header-container .sublet-list-container, .app.green-dark .card-header-container .card-cover, .app.green-dark .card-header-container .util-buttons, .app.green-dark .card-header-container .action-buttons { margin: 8px 2px; } } @media screen and (min-width: 600px) { .app.green-dark .card-header-container { flex-direction: row; flex-wrap: wrap; padding: 12px; } .app.green-dark .card-header-container .sublet-list-container { max-width: 70%; } .app.green-dark .card-header-container .card-cover { margin-right: 12px; } } @media screen and (min-width: 720px) { .app.green-dark .card-header-container { flex-wrap: nowrap; } .app.green-dark .card-header-container .util-buttons { max-width: 33%; } } @media screen and (min-width: 960px) { .app.green-dark .card-header-container { flex-direction: row; flex-wrap: nowrap; } .app.green-dark .card-header-container .sublet-list-container, .app.green-dark .card-header-container .action-buttons, .app.green-dark .card-header-container .util-buttons { flex: 1 1 32%; } } .app.green-dark .cdk-drag-preview { color: white; box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.green-dark #board { display: inline-grid !important; grid-auto-columns: 270px; grid-auto-flow: column; grid-gap: 10px; gap: 10px; overflow: auto; width: 100%; padding: 70px 5px 24px 8px; box-sizing: border-box; white-space: nowrap; margin-bottom: 8px; } .app.green-dark .column-wrapper { box-sizing: border-box; border-radius: 6px; width: 270px; min-height: 0px; max-height: 100%; font-size: 14px; transition: box-shadow 0.15s, background 0.15s; } .app.green-dark mat-form-field { box-sizing: border-box; width: 100%; } .app.green-dark button.cdk-drag-handle { cursor: move; grid-row: 1; grid-column: 3; } .app.green-dark button.cdk-drag-handle[disabled] { cursor: pointer; } .app.green-dark .add-card-btn { border-radius: 5px; border: 1px solid black; text-align: center; margin-top: 5px; } .app.green-dark .add-card-btn button { width: 100%; } .app.green-dark .card-list { height: 100%; margin: 0 3px 6px 3px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 10px 10px 0px; } .app.green-dark .card-list::-webkit-scrollbar { width: 8px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.2); } .app.green-dark .card-list::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255, 255, 255, 0.4); } .app.green-dark .card-list:empty { position: absolute; background-color: red; top: 55px; bottom: 0; right: 0; left: 0; height: 200px; } .app.green-dark .boardCard { background-color: #fff; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25); display: block; margin-bottom: 12px; max-width: 260px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; text-decoration: none; z-index: 0; } .app.green-dark .boardCard .mat-card { padding: 0; } .app.green-dark .cdk-drag-placeholder { opacity: 0.2; } .app.green-dark .redBg { background-color: red; } .app.green-dark .greenBg { background-color: green; } .app.green-dark .blueBg { background-color: blue; } .app.green-dark .orangeBg { background-color: orange; } .app.green-dark .purpleBg { background-color: purple; } @media screen and (max-width: 599px) { .app.green-dark #board { scroll-snap-type: x mandatory; } .app.green-dark .column-wrapper { scroll-snap-align: center; } } .app.green-dark .mat-dialog-container { position: relative; } .app.green-dark .feedback-dialog-content { padding-top: 60px; } .app.green-dark .feedback-dialog-title { cursor: move; display: flex; } .app.green-dark .feedback-card { min-width: 120px; margin: 20px auto; } .app.green-dark .mat-radio-button { display: block; margin: 5px 0; } .app.green-dark .row { display: flex; flex-direction: row; } .app.green-dark .col { flex: 1; margin-right: 20px; } .app.green-dark .col:last-child { margin-right: 0; } .app.green-dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.green-dark .mat-option { color: white; } .app.green-dark .mat-option:hover:not(.mat-option-disabled), .app.green-dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .app.green-dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .app.green-dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } .app.green-dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #388e3c; } .app.green-dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ffab00; } .app.green-dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5252; } .app.green-dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-pseudo-checkbox::after { color: #303030; } .app.green-dark .mat-pseudo-checkbox-disabled { color: #686868; } .app.green-dark .mat-primary .mat-pseudo-checkbox-checked, .app.green-dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #388e3c; } .app.green-dark .mat-pseudo-checkbox-checked, .app.green-dark .mat-pseudo-checkbox-indeterminate, .app.green-dark .mat-accent .mat-pseudo-checkbox-checked, .app.green-dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ffab00; } .app.green-dark .mat-warn .mat-pseudo-checkbox-checked, .app.green-dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5252; } .app.green-dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .app.green-dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } .app.green-dark .mat-app-background, .app.green-dark.mat-app-background { background-color: #303030; color: white; } .app.green-dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .app.green-dark .mat-autocomplete-panel { background: #424242; color: white; } .app.green-dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } .app.green-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } .app.green-dark .mat-badge-content { color: white; background: #388e3c; } .cdk-high-contrast-active .app.green-dark .mat-badge-content { outline: solid 1px; border-radius: 0; } .app.green-dark .mat-badge-accent .mat-badge-content { background: #ffab00; color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5252; } .app.green-dark .mat-badge { position: relative; } .app.green-dark .mat-badge-hidden .mat-badge-content { display: none; } .app.green-dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .app.green-dark .ng-animate-disabled .mat-badge-content, .app.green-dark .mat-badge-content._mat-animation-noopable { transition: none; } .app.green-dark .mat-badge-content.mat-badge-active { transform: none; } .app.green-dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .app.green-dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .app.green-dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .app.green-dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .app.green-dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .app.green-dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .app.green-dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .app.green-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .app.green-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .app.green-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .app.green-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .app.green-dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .app.green-dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .app.green-dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .app.green-dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .app.green-dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .app.green-dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .app.green-dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .app.green-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .app.green-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .app.green-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .app.green-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .app.green-dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .app.green-dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .app.green-dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .app.green-dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .app.green-dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .app.green-dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .app.green-dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .app.green-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .app.green-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .app.green-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .app.green-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .app.green-dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } .app.green-dark .mat-button, .app.green-dark .mat-icon-button, .app.green-dark .mat-stroked-button { color: inherit; background: transparent; } .app.green-dark .mat-button.mat-primary, .app.green-dark .mat-icon-button.mat-primary, .app.green-dark .mat-stroked-button.mat-primary { color: #388e3c; } .app.green-dark .mat-button.mat-accent, .app.green-dark .mat-icon-button.mat-accent, .app.green-dark .mat-stroked-button.mat-accent { color: #ffab00; } .app.green-dark .mat-button.mat-warn, .app.green-dark .mat-icon-button.mat-warn, .app.green-dark .mat-stroked-button.mat-warn { color: #ff5252; } .app.green-dark .mat-button.mat-primary.mat-button-disabled, .app.green-dark .mat-button.mat-accent.mat-button-disabled, .app.green-dark .mat-button.mat-warn.mat-button-disabled, .app.green-dark .mat-button.mat-button-disabled.mat-button-disabled, .app.green-dark .mat-icon-button.mat-primary.mat-button-disabled, .app.green-dark .mat-icon-button.mat-accent.mat-button-disabled, .app.green-dark .mat-icon-button.mat-warn.mat-button-disabled, .app.green-dark .mat-icon-button.mat-button-disabled.mat-button-disabled, .app.green-dark .mat-stroked-button.mat-primary.mat-button-disabled, .app.green-dark .mat-stroked-button.mat-accent.mat-button-disabled, .app.green-dark .mat-stroked-button.mat-warn.mat-button-disabled, .app.green-dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-button.mat-primary .mat-button-focus-overlay, .app.green-dark .mat-icon-button.mat-primary .mat-button-focus-overlay, .app.green-dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #388e3c; } .app.green-dark .mat-button.mat-accent .mat-button-focus-overlay, .app.green-dark .mat-icon-button.mat-accent .mat-button-focus-overlay, .app.green-dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ffab00; } .app.green-dark .mat-button.mat-warn .mat-button-focus-overlay, .app.green-dark .mat-icon-button.mat-warn .mat-button-focus-overlay, .app.green-dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5252; } .app.green-dark .mat-button.mat-button-disabled .mat-button-focus-overlay, .app.green-dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .app.green-dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .app.green-dark .mat-button .mat-ripple-element, .app.green-dark .mat-icon-button .mat-ripple-element, .app.green-dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .app.green-dark .mat-button-focus-overlay { background: white; } .app.green-dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-flat-button, .app.green-dark .mat-raised-button, .app.green-dark .mat-fab, .app.green-dark .mat-mini-fab { color: white; background-color: #424242; } .app.green-dark .mat-flat-button.mat-primary, .app.green-dark .mat-raised-button.mat-primary, .app.green-dark .mat-fab.mat-primary, .app.green-dark .mat-mini-fab.mat-primary { color: white; } .app.green-dark .mat-flat-button.mat-accent, .app.green-dark .mat-raised-button.mat-accent, .app.green-dark .mat-fab.mat-accent, .app.green-dark .mat-mini-fab.mat-accent { color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-flat-button.mat-warn, .app.green-dark .mat-raised-button.mat-warn, .app.green-dark .mat-fab.mat-warn, .app.green-dark .mat-mini-fab.mat-warn { color: white; } .app.green-dark .mat-flat-button.mat-primary.mat-button-disabled, .app.green-dark .mat-flat-button.mat-accent.mat-button-disabled, .app.green-dark .mat-flat-button.mat-warn.mat-button-disabled, .app.green-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.green-dark .mat-raised-button.mat-primary.mat-button-disabled, .app.green-dark .mat-raised-button.mat-accent.mat-button-disabled, .app.green-dark .mat-raised-button.mat-warn.mat-button-disabled, .app.green-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.green-dark .mat-fab.mat-primary.mat-button-disabled, .app.green-dark .mat-fab.mat-accent.mat-button-disabled, .app.green-dark .mat-fab.mat-warn.mat-button-disabled, .app.green-dark .mat-fab.mat-button-disabled.mat-button-disabled, .app.green-dark .mat-mini-fab.mat-primary.mat-button-disabled, .app.green-dark .mat-mini-fab.mat-accent.mat-button-disabled, .app.green-dark .mat-mini-fab.mat-warn.mat-button-disabled, .app.green-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-flat-button.mat-primary, .app.green-dark .mat-raised-button.mat-primary, .app.green-dark .mat-fab.mat-primary, .app.green-dark .mat-mini-fab.mat-primary { background-color: #388e3c; } .app.green-dark .mat-flat-button.mat-accent, .app.green-dark .mat-raised-button.mat-accent, .app.green-dark .mat-fab.mat-accent, .app.green-dark .mat-mini-fab.mat-accent { background-color: #ffab00; } .app.green-dark .mat-flat-button.mat-warn, .app.green-dark .mat-raised-button.mat-warn, .app.green-dark .mat-fab.mat-warn, .app.green-dark .mat-mini-fab.mat-warn { background-color: #ff5252; } .app.green-dark .mat-flat-button.mat-primary.mat-button-disabled, .app.green-dark .mat-flat-button.mat-accent.mat-button-disabled, .app.green-dark .mat-flat-button.mat-warn.mat-button-disabled, .app.green-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.green-dark .mat-raised-button.mat-primary.mat-button-disabled, .app.green-dark .mat-raised-button.mat-accent.mat-button-disabled, .app.green-dark .mat-raised-button.mat-warn.mat-button-disabled, .app.green-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.green-dark .mat-fab.mat-primary.mat-button-disabled, .app.green-dark .mat-fab.mat-accent.mat-button-disabled, .app.green-dark .mat-fab.mat-warn.mat-button-disabled, .app.green-dark .mat-fab.mat-button-disabled.mat-button-disabled, .app.green-dark .mat-mini-fab.mat-primary.mat-button-disabled, .app.green-dark .mat-mini-fab.mat-accent.mat-button-disabled, .app.green-dark .mat-mini-fab.mat-warn.mat-button-disabled, .app.green-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-flat-button.mat-primary .mat-ripple-element, .app.green-dark .mat-raised-button.mat-primary .mat-ripple-element, .app.green-dark .mat-fab.mat-primary .mat-ripple-element, .app.green-dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.green-dark .mat-flat-button.mat-accent .mat-ripple-element, .app.green-dark .mat-raised-button.mat-accent .mat-ripple-element, .app.green-dark .mat-fab.mat-accent .mat-ripple-element, .app.green-dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .app.green-dark .mat-flat-button.mat-warn .mat-ripple-element, .app.green-dark .mat-raised-button.mat-warn .mat-ripple-element, .app.green-dark .mat-fab.mat-warn .mat-ripple-element, .app.green-dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.green-dark .mat-stroked-button:not([class*=mat-elevation-z]), .app.green-dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-fab:not([class*=mat-elevation-z]), .app.green-dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .app.green-dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .app.green-dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-button-toggle-standalone, .app.green-dark .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.green-dark .mat-button-toggle-group-appearance-standard { box-shadow: none; } .app.green-dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } .app.green-dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } .app.green-dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(255, 255, 255, 0.12); } .app.green-dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.green-dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px rgba(255, 255, 255, 0.12); } .app.green-dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } .app.green-dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } .app.green-dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } .app.green-dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } .app.green-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.green-dark .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(255, 255, 255, 0.12); } .app.green-dark .mat-card { background: #424242; color: white; } .app.green-dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-checkbox-checkmark { fill: #303030; } .app.green-dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } .app.green-dark .mat-checkbox-mixedmark { background-color: #303030; } .app.green-dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .app.green-dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #388e3c; } .app.green-dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .app.green-dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ffab00; } .app.green-dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .app.green-dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5252; } .app.green-dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .app.green-dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } .app.green-dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } .app.green-dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-checkbox .mat-ripple-element { background-color: white; } .app.green-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .app.green-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #388e3c; } .app.green-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .app.green-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ffab00; } .app.green-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .app.green-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5252; } .app.green-dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } .app.green-dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } .app.green-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .app.green-dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .app.green-dark .mat-chip.mat-standard-chip::after { background: white; } .app.green-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #388e3c; color: white; } .app.green-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .app.green-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.green-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5252; color: white; } .app.green-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .app.green-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.green-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ffab00; color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .app.green-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .app.green-dark .mat-table { background: #424242; } .app.green-dark .mat-table thead, .app.green-dark .mat-table tbody, .app.green-dark .mat-table tfoot, .app.green-dark mat-header-row, .app.green-dark mat-row, .app.green-dark mat-footer-row, .app.green-dark [mat-header-row], .app.green-dark [mat-row], .app.green-dark [mat-footer-row], .app.green-dark .mat-table-sticky { background: inherit; } .app.green-dark mat-row, .app.green-dark mat-header-row, .app.green-dark mat-footer-row, .app.green-dark th.mat-header-cell, .app.green-dark td.mat-cell, .app.green-dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-cell, .app.green-dark .mat-footer-cell { color: white; } .app.green-dark .mat-calendar-arrow { border-top-color: white; } .app.green-dark .mat-datepicker-toggle, .app.green-dark .mat-datepicker-content .mat-calendar-next-button, .app.green-dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } .app.green-dark .mat-calendar-table-header { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-calendar-body-cell-content, .app.green-dark .mat-date-range-input-separator { color: white; border-color: transparent; } .app.green-dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } .app.green-dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-calendar-body-in-range::before { background: rgba(56, 142, 60, 0.2); } .app.green-dark .mat-calendar-body-comparison-identical, .app.green-dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.green-dark .mat-calendar-body-comparison-bridge-start::before, .app.green-dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(56, 142, 60, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.green-dark .mat-calendar-body-comparison-bridge-end::before, .app.green-dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(56, 142, 60, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.green-dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.green-dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.green-dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.green-dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.green-dark .mat-calendar-body-selected { background-color: #388e3c; color: white; } .app.green-dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(56, 142, 60, 0.4); } .app.green-dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.green-dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.green-dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.green-dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(56, 142, 60, 0.3); } .app.green-dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 171, 0, 0.2); } .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .app.green-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 171, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .app.green-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 171, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ffab00; color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 171, 0, 0.4); } .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } .app.green-dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.green-dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.green-dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 171, 0, 0.3); } .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 82, 82, 0.2); } .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .app.green-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .app.green-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5252; color: white; } .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 82, 82, 0.4); } .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.green-dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.green-dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.green-dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } .app.green-dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-datepicker-toggle-active { color: #388e3c; } .app.green-dark .mat-datepicker-toggle-active.mat-accent { color: #ffab00; } .app.green-dark .mat-datepicker-toggle-active.mat-warn { color: #ff5252; } .app.green-dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } .app.green-dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-expansion-panel { background: #424242; color: white; } .app.green-dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .app.green-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .app.green-dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { .app.green-dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } .app.green-dark .mat-expansion-panel-header-title { color: white; } .app.green-dark .mat-expansion-panel-header-description, .app.green-dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .app.green-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .app.green-dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-hint { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-form-field.mat-focused .mat-form-field-label { color: #388e3c; } .app.green-dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ffab00; } .app.green-dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5252; } .app.green-dark .mat-focused .mat-form-field-required-marker { color: #ffab00; } .app.green-dark .mat-form-field-ripple { background-color: white; } .app.green-dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #388e3c; } .app.green-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ffab00; } .app.green-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5252; } .app.green-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #388e3c; } .app.green-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ffab00; } .app.green-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5252; } .app.green-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5252; } .app.green-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .app.green-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5252; } .app.green-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .app.green-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5252; } .app.green-dark .mat-error { color: #ff5252; } .app.green-dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.green-dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.green-dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } .app.green-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } .app.green-dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .app.green-dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } .app.green-dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #388e3c; } .app.green-dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ffab00; } .app.green-dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5252; } .app.green-dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5252; } .app.green-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } .app.green-dark .mat-icon.mat-primary { color: #388e3c; } .app.green-dark .mat-icon.mat-accent { color: #ffab00; } .app.green-dark .mat-icon.mat-warn { color: #ff5252; } .app.green-dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-input-element:disabled, .app.green-dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-input-element { caret-color: #388e3c; } .app.green-dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-input-element option { color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-input-element option:disabled { color: rgba(0, 0, 0, 0.38); } .app.green-dark .mat-form-field.mat-accent .mat-input-element { caret-color: #ffab00; } .app.green-dark .mat-form-field.mat-warn .mat-input-element, .app.green-dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5252; } .app.green-dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5252; } .app.green-dark .mat-list-base .mat-list-item { color: white; } .app.green-dark .mat-list-base .mat-list-option { color: white; } .app.green-dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-list-item-disabled { background-color: black; } .app.green-dark .mat-list-option:hover, .app.green-dark .mat-list-option:focus, .app.green-dark .mat-nav-list .mat-list-item:hover, .app.green-dark .mat-nav-list .mat-list-item:focus, .app.green-dark .mat-action-list .mat-list-item:hover, .app.green-dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } .app.green-dark .mat-list-single-selected-option, .app.green-dark .mat-list-single-selected-option:hover, .app.green-dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-menu-panel { background: #424242; } .app.green-dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-menu-item { background: transparent; color: white; } .app.green-dark .mat-menu-item[disabled], .app.green-dark .mat-menu-item[disabled]::after, .app.green-dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-menu-item .mat-icon-no-color, .app.green-dark .mat-menu-item-submenu-trigger::after { color: white; } .app.green-dark .mat-menu-item:hover:not([disabled]), .app.green-dark .mat-menu-item.cdk-program-focused:not([disabled]), .app.green-dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), .app.green-dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } .app.green-dark .mat-paginator { background: #424242; } .app.green-dark .mat-paginator, .app.green-dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-paginator-decrement, .app.green-dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } .app.green-dark .mat-paginator-first, .app.green-dark .mat-paginator-last { border-top: 2px solid white; } .app.green-dark .mat-icon-button[disabled] .mat-paginator-decrement, .app.green-dark .mat-icon-button[disabled] .mat-paginator-increment, .app.green-dark .mat-icon-button[disabled] .mat-paginator-first, .app.green-dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-progress-bar-background { fill: #324833; } .app.green-dark .mat-progress-bar-buffer { background-color: #324833; } .app.green-dark .mat-progress-bar-fill::after { background-color: #388e3c; } .app.green-dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #644f24; } .app.green-dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #644f24; } .app.green-dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ffab00; } .app.green-dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643939; } .app.green-dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643939; } .app.green-dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5252; } .app.green-dark .mat-progress-spinner circle, .app.green-dark .mat-spinner circle { stroke: #388e3c; } .app.green-dark .mat-progress-spinner.mat-accent circle, .app.green-dark .mat-spinner.mat-accent circle { stroke: #ffab00; } .app.green-dark .mat-progress-spinner.mat-warn circle, .app.green-dark .mat-spinner.mat-warn circle { stroke: #ff5252; } .app.green-dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #388e3c; } .app.green-dark .mat-radio-button.mat-primary .mat-radio-inner-circle, .app.green-dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.green-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .app.green-dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #388e3c; } .app.green-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ffab00; } .app.green-dark .mat-radio-button.mat-accent .mat-radio-inner-circle, .app.green-dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.green-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .app.green-dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ffab00; } .app.green-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5252; } .app.green-dark .mat-radio-button.mat-warn .mat-radio-inner-circle, .app.green-dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.green-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .app.green-dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5252; } .app.green-dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .app.green-dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .app.green-dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-radio-button .mat-ripple-element { background-color: white; } .app.green-dark .mat-select-value { color: white; } .app.green-dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-select-panel { background: #424242; } .app.green-dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #388e3c; } .app.green-dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ffab00; } .app.green-dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5252; } .app.green-dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5252; } .app.green-dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-drawer-container { background-color: #303030; color: white; } .app.green-dark .mat-drawer { background-color: #424242; color: white; } .app.green-dark .mat-drawer.mat-drawer-push { background-color: #424242; } .app.green-dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.green-dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .app.green-dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .app.green-dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.green-dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } .app.green-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ffab00; } .app.green-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 171, 0, 0.54); } .app.green-dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ffab00; } .app.green-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #388e3c; } .app.green-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(56, 142, 60, 0.54); } .app.green-dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #388e3c; } .app.green-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5252; } .app.green-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 82, 82, 0.54); } .app.green-dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5252; } .app.green-dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } .app.green-dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } .app.green-dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-primary .mat-slider-track-fill, .app.green-dark .mat-primary .mat-slider-thumb, .app.green-dark .mat-primary .mat-slider-thumb-label { background-color: #388e3c; } .app.green-dark .mat-primary .mat-slider-thumb-label-text { color: white; } .app.green-dark .mat-primary .mat-slider-focus-ring { background-color: rgba(56, 142, 60, 0.2); } .app.green-dark .mat-accent .mat-slider-track-fill, .app.green-dark .mat-accent .mat-slider-thumb, .app.green-dark .mat-accent .mat-slider-thumb-label { background-color: #ffab00; } .app.green-dark .mat-accent .mat-slider-thumb-label-text { color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-accent .mat-slider-focus-ring { background-color: rgba(255, 171, 0, 0.2); } .app.green-dark .mat-warn .mat-slider-track-fill, .app.green-dark .mat-warn .mat-slider-thumb, .app.green-dark .mat-warn .mat-slider-thumb-label { background-color: #ff5252; } .app.green-dark .mat-warn .mat-slider-thumb-label-text { color: white; } .app.green-dark .mat-warn .mat-slider-focus-ring { background-color: rgba(255, 82, 82, 0.2); } .app.green-dark .mat-slider:hover .mat-slider-track-background, .app.green-dark .cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-slider-disabled .mat-slider-track-background, .app.green-dark .mat-slider-disabled .mat-slider-track-fill, .app.green-dark .mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .app.green-dark .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } .app.green-dark .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .app.green-dark .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } .app.green-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .app.green-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .app.green-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .app.green-dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .app.green-dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .app.green-dark .mat-step-header.cdk-keyboard-focused, .app.green-dark .mat-step-header.cdk-program-focused, .app.green-dark .mat-step-header:hover { background-color: rgba(255, 255, 255, 0.04); } @media (hover: none) { .app.green-dark .mat-step-header:hover { background: none; } } .app.green-dark .mat-step-header .mat-step-label, .app.green-dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } .app.green-dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: white; } .app.green-dark .mat-step-header .mat-step-icon-selected, .app.green-dark .mat-step-header .mat-step-icon-state-done, .app.green-dark .mat-step-header .mat-step-icon-state-edit { background-color: #388e3c; color: white; } .app.green-dark .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-step-header.mat-accent .mat-step-icon-selected, .app.green-dark .mat-step-header.mat-accent .mat-step-icon-state-done, .app.green-dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ffab00; color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-step-header.mat-warn .mat-step-icon { color: white; } .app.green-dark .mat-step-header.mat-warn .mat-step-icon-selected, .app.green-dark .mat-step-header.mat-warn .mat-step-icon-state-done, .app.green-dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5252; color: white; } .app.green-dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5252; } .app.green-dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } .app.green-dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5252; } .app.green-dark .mat-stepper-horizontal, .app.green-dark .mat-stepper-vertical { background-color: #424242; } .app.green-dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-horizontal-stepper-header::before, .app.green-dark .mat-horizontal-stepper-header::after, .app.green-dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-sort-header-arrow { color: #c6c6c6; } .app.green-dark .mat-tab-nav-bar, .app.green-dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .app.green-dark .mat-tab-group-inverted-header .mat-tab-nav-bar, .app.green-dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } .app.green-dark .mat-tab-label, .app.green-dark .mat-tab-link { color: white; } .app.green-dark .mat-tab-label.mat-tab-disabled, .app.green-dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-tab-header-pagination-chevron { border-color: white; } .app.green-dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } .app.green-dark .mat-tab-group[class*=mat-background-] .mat-tab-header, .app.green-dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .app.green-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(232, 245, 233, 0.3); } .app.green-dark .mat-tab-group.mat-primary .mat-ink-bar, .app.green-dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #388e3c; } .app.green-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.green-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .app.green-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.green-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.green-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 229, 127, 0.3); } .app.green-dark .mat-tab-group.mat-accent .mat-ink-bar, .app.green-dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ffab00; } .app.green-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.green-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .app.green-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.green-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.green-dark .mat-tab-group.mat-warn .mat-ink-bar, .app.green-dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5252; } .app.green-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.green-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .app.green-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.green-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.green-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(232, 245, 233, 0.3); } .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-header, .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #388e3c; } .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.green-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.green-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 229, 127, 0.3); } .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-header, .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ffab00; } .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.4); } .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.4); } .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.green-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.green-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(0, 0, 0, 0.12); } .app.green-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.green-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-header, .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5252; } .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.green-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.green-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.green-dark .mat-toolbar { background: #212121; color: white; } .app.green-dark .mat-toolbar.mat-primary { background: #388e3c; color: white; } .app.green-dark .mat-toolbar.mat-accent { background: #ffab00; color: rgba(0, 0, 0, 0.87); } .app.green-dark .mat-toolbar.mat-warn { background: #ff5252; color: white; } .app.green-dark .mat-toolbar .mat-form-field-underline, .app.green-dark .mat-toolbar .mat-form-field-ripple, .app.green-dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .app.green-dark .mat-toolbar .mat-form-field-label, .app.green-dark .mat-toolbar .mat-focused .mat-form-field-label, .app.green-dark .mat-toolbar .mat-select-value, .app.green-dark .mat-toolbar .mat-select-arrow, .app.green-dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .app.green-dark .mat-toolbar .mat-input-element { caret-color: currentColor; } .app.green-dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .app.green-dark .mat-tree { background: #424242; } .app.green-dark .mat-tree-node, .app.green-dark .mat-nested-tree-node { color: white; } .app.green-dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.green-dark .mat-simple-snackbar-action { color: inherit; } .app.pink-dark { /* tooltip background-colors */ } .app.pink-dark input:-webkit-autofill { -webkit-text-fill-color: white !important; background-color: #424242 !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .app.pink-dark .mentioned-notification { background-color: #424242; color: white; } .app.pink-dark .dropdown-menu.scrollable-menu { background: #424242 !important; } .app.pink-dark .dropdown-menu.scrollable-menu:not(.mention-menu) { overflow: hidden !important; } .app.pink-dark .dropdown-menu.scrollable-menu:active { background: rgba(255, 255, 255, 0.12); } .app.pink-dark .tooltip-bg-red { background-color: #ff5252 !important; } .app.pink-dark .tooltip-bg-blue { background-color: #1068da !important; } .app.pink-dark .tooltip-text-warn { color: #ff5252; } .app.pink-dark .tooltip-text-primary { color: #c2185b; } .app.pink-dark .bg-p { background-color: #c2185b; color: white; } .app.pink-dark .bg-a { background-color: #546e7a; color: white; } .app.pink-dark .bg-w { background-color: #ff5252; color: white; } .app.pink-dark .hover:hover { background-color: rgba(255, 255, 255, 0.04); } .app.pink-dark .overflow-auto { overflow: auto; } .app.pink-dark .card-bg-color { background: #424242 !important; } .app.pink-dark .txt-s, .app.pink-dark .secondary-text { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .txt-p { color: white; } .app.pink-dark .primary-text { color: white !important; } .app.pink-dark .accent-text { color: #546e7a !important; } .app.pink-dark .warn-text { color: #ff5252 !important; } .app.pink-dark .purple-text { color: #aa0055 !important; } .app.pink-dark .green-text { color: #1aaf00; } .app.pink-dark .yellow-text { color: #e8bd00; } .app.pink-dark .red-text { color: red; } .app.pink-dark .orange-text { color: orange; } @keyframes pulsate { 0% { color: #ff5252; } 50% { color: green; } 100% { color: #ff5252; } } .app.pink-dark .pulse-warn-text { animation: pulsate 3s ease-out; animation-iteration-count: infinite; -webkit-animation: pulsate 3s ease-out; -webkit-animation-iteration-count: infinite; color: #ff5252; } .app.pink-dark button.status-menu-btn:hover.red { background-color: rgba(244, 67, 54, 0.5) !important; } .app.pink-dark button.status-menu-btn:hover.green { background-color: rgba(76, 175, 80, 0.5) !important; } .app.pink-dark button.status-menu-btn:hover.blue { background-color: rgba(33, 150, 243, 0.5) !important; } .app.pink-dark button.status-menu-btn:hover.orange { background-color: rgba(255, 152, 0, 0.5) !important; } .app.pink-dark button.status-menu-btn:hover.purple { background-color: rgba(156, 39, 176, 0.5) !important; } .app.pink-dark .header { background-color: #424242; color: white; } .app.pink-dark .horizontal-menu { background-color: #424242; } .app.pink-dark .horizontal-menu-item .horizontal-sub-menu { background-color: #424242; } .app.pink-dark .horizontal-menu-item .mat-button { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .horizontal-menu-item .mat-button .horizontal-menu-title { color: white; } .app.pink-dark .horizontal-menu-item .mat-button.parent-item .horizontal-menu-icon { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.7); } .app.pink-dark .horizontal-menu-item .mat-button.parent-item.active-link { background: rgba(255, 255, 255, 0.12); } .app.pink-dark .horizontal-menu-item .mat-button.parent-item.active-link .horizontal-menu-icon { background: #c2185b; color: #fff; } .app.pink-dark .menu-item .mat-button .menu-icon { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.7); box-sizing: content-box; } .app.pink-dark .menu-item .mat-button .menu-title { color: white; } .app.pink-dark .menu-item .mat-button.active-link { background: rgba(255, 255, 255, 0.12); } .app.pink-dark .menu-item .mat-button.active-link .menu-icon { background: #c2185b; color: #fff; } .app.pink-dark .people-filter-main { background-color: #424242 !important; } .app.pink-dark .people-filter-main .filter-container .mat-list-item { margin-bottom: 10px; } .app.pink-dark .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { background: #880e4f; } .app.pink-dark .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { border-top-right-radius: 25px; width: 90%; border-bottom-right-radius: 25px; } .app.pink-dark .full_width { width: 100%; } .app.pink-dark .menu-expand-icon { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .breadcrumbA a { color: #fce4ec; } .app.pink-dark .top-toolbar, .app.pink-dark .landing-toolbar { background: #ad1457; color: #fce4ec; } .app.pink-dark .menu-toolbar { background: #880e4f; color: #f8bbd0; } .app.pink-dark .mention-list-item { background-color: #424242 !important; } .app.pink-dark .search__results { background-color: #424242 !important; } .app.pink-dark .search__results .result:hover { background-color: rgba(255, 255, 255, 0.04); } .app.pink-dark .search__results .result:active { background-color: rgba(255, 255, 255, 0.04); } .app.pink-dark mat-card.card { cursor: grab; background: #424242 !important; } .app.pink-dark mat-card.card:active { cursor: grabbing; } .app.pink-dark th.mat-header-cell, .app.pink-dark td.mat-cell, .app.pink-dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } .app.pink-dark #contacts .header .search-wrapper { background: #424242; } .app.pink-dark #contacts .header .search-wrapper .search .mat-icon { color: white; } .app.pink-dark #contacts .header .search-wrapper .search input { background: #424242; color: white; } .app.pink-dark #contacts .content .sidebar .sidebar-content .card { background: #424242; } .app.pink-dark .table-2 { background-color: #424242; text-align: left; border-spacing: 0; } .app.pink-dark .table-2 th:first-of-type, .app.pink-dark .table-2 td:first-of-type { padding-left: 24px; } .app.pink-dark .table-2 th:last-of-type, .app.pink-dark .table-2 td:last-of-type { padding-right: 24px; } .app.pink-dark .table-2 thead tr { height: 56px; } .app.pink-dark .table-2 thead tr th { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .table-2 tbody .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; } .app.pink-dark .table-2 tbody .phone { text-align: center; } .app.pink-dark .table-2 tbody tr { cursor: pointer; color: white; height: 48px; padding: 0; } .app.pink-dark .table-2 tbody tr:hover { background-color: rgba(255, 255, 255, 0.04); } .app.pink-dark .table-2 tbody tr td { padding: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .table-dark { display: block; overflow: auto; max-height: 500px; border-radius: 10px; } .app.pink-dark .table-header { background-color: #c2185b !important; } .app.pink-dark .table-header > th { color: white; font-size: 14px; } .app.pink-dark .ems-scrollbar { position: absolute; overflow: auto; padding: 20px; bottom: 64px; left: 0; right: 0; top: 0; } .app.pink-dark .loading_spinner { position: absolute; text-align: center; top: 50%; left: 50%; } .app.pink-dark table { width: 100%; color: white; } .app.pink-dark tr.estimate-detail-row { height: 0; } .app.pink-dark tr.no-estimate { cursor: default !important; } .app.pink-dark tr.estimate-row:not(.estimate-expanded-row):hover:not(.no-estimate) { background-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .tooltip-red { background: #b71c1c; } .app.pink-dark .estimate-row td { border-bottom-width: 0; } .app.pink-dark .estimate-detail { overflow: hidden; display: flex; } .app.pink-dark .estimate-description { padding: 16px; } .app.pink-dark .estimate-description-attribution { opacity: 0.5; } .app.pink-dark .card-container { flex: none; z-index: 1; width: 65%; height: 100%; color: white; overflow-y: scroll; justify-items: center; background-color: #424242; } .app.pink-dark .thumbnail { border-radius: 40px; max-width: 300px; height: auto; background-size: cover; } .app.pink-dark .img_container { display: flex; flex-direction: column; align-items: flex-start; } .app.pink-dark .cover { border-radius: 4px; } .app.pink-dark .content { overflow: auto; } .app.pink-dark .mid-section { display: inline-grid; grid-auto-flow: column; width: 100%; grid-template-columns: repeat(3, auto); grid-template-rows: 100%; grid-gap: 8px; gap: 8px; padding: 8px; justify-items: center; align-items: start; } .app.pink-dark .mat-toolbar { position: sticky !important; max-height: 64px; top: 0; z-index: 3; } .app.pink-dark .mat-tab-body-wrapper { padding: 20px; min-height: calc(100vh - 64px - 40px); } .app.pink-dark .mat-chip-list-wrapper { padding: 0 12px !important; } .app.pink-dark .card-header-container { overflow: auto; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 12px; justify-content: center; position: relative; } .app.pink-dark .card-header-container .sublet-list-container { flex: 1 1 30%; order: 3; display: flex; flex-direction: column; max-width: 30%; } .app.pink-dark .card-header-container .sublet-list-container .sublet-chip-list { padding: 0 8px; max-height: 200px; overflow: auto; } .app.pink-dark .card-header-container .sublet-list-container .sublet-chip-list.cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .app.pink-dark .card-header-container .avatar_container { margin: 4px 0; } .app.pink-dark .card-header-container .card-cover { order: 1; flex: 1 1 30%; max-width: 300px; } .app.pink-dark .card-header-container .util-buttons { order: 2; flex: 1 1 23%; display: flex; flex-flow: column nowrap; } .app.pink-dark .card-header-container .archive-btn, .app.pink-dark .card-header-container .action-buttons button { white-space: normal; line-height: 1rem; min-height: 36px; max-height: 40px; flex: 1 1 47%; margin: 4px; } .app.pink-dark .card-header-container .action-buttons { display: flex; flex-flow: row wrap; } @media screen and (max-width: 599px) { .app.pink-dark .card-header-container { flex-wrap: wrap; overflow: auto; } .app.pink-dark .card-header-container .sublet-list-container { max-width: 48%; } .app.pink-dark .card-header-container .sublet-list-container .sublet-chip-list { max-height: 240px; overflow-x: auto; } .app.pink-dark .card-header-container .util-buttons { max-width: 48%; } .app.pink-dark .card-header-container .card-cover { flex: 1 1 100%; } } @media screen and (max-width: 959px) { .app.pink-dark .card-header-container .sublet-list-container, .app.pink-dark .card-header-container .card-cover, .app.pink-dark .card-header-container .util-buttons, .app.pink-dark .card-header-container .action-buttons { margin: 8px 2px; } } @media screen and (min-width: 600px) { .app.pink-dark .card-header-container { flex-direction: row; flex-wrap: wrap; padding: 12px; } .app.pink-dark .card-header-container .sublet-list-container { max-width: 70%; } .app.pink-dark .card-header-container .card-cover { margin-right: 12px; } } @media screen and (min-width: 720px) { .app.pink-dark .card-header-container { flex-wrap: nowrap; } .app.pink-dark .card-header-container .util-buttons { max-width: 33%; } } @media screen and (min-width: 960px) { .app.pink-dark .card-header-container { flex-direction: row; flex-wrap: nowrap; } .app.pink-dark .card-header-container .sublet-list-container, .app.pink-dark .card-header-container .action-buttons, .app.pink-dark .card-header-container .util-buttons { flex: 1 1 32%; } } .app.pink-dark .cdk-drag-preview { color: white; box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.pink-dark #board { display: inline-grid !important; grid-auto-columns: 270px; grid-auto-flow: column; grid-gap: 10px; gap: 10px; overflow: auto; width: 100%; padding: 70px 5px 24px 8px; box-sizing: border-box; white-space: nowrap; margin-bottom: 8px; } .app.pink-dark .column-wrapper { box-sizing: border-box; border-radius: 6px; width: 270px; min-height: 0px; max-height: 100%; font-size: 14px; transition: box-shadow 0.15s, background 0.15s; } .app.pink-dark mat-form-field { box-sizing: border-box; width: 100%; } .app.pink-dark button.cdk-drag-handle { cursor: move; grid-row: 1; grid-column: 3; } .app.pink-dark button.cdk-drag-handle[disabled] { cursor: pointer; } .app.pink-dark .add-card-btn { border-radius: 5px; border: 1px solid black; text-align: center; margin-top: 5px; } .app.pink-dark .add-card-btn button { width: 100%; } .app.pink-dark .card-list { height: 100%; margin: 0 3px 6px 3px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 10px 10px 0px; } .app.pink-dark .card-list::-webkit-scrollbar { width: 8px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.2); } .app.pink-dark .card-list::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255, 255, 255, 0.4); } .app.pink-dark .card-list:empty { position: absolute; background-color: red; top: 55px; bottom: 0; right: 0; left: 0; height: 200px; } .app.pink-dark .boardCard { background-color: #fff; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25); display: block; margin-bottom: 12px; max-width: 260px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; text-decoration: none; z-index: 0; } .app.pink-dark .boardCard .mat-card { padding: 0; } .app.pink-dark .cdk-drag-placeholder { opacity: 0.2; } .app.pink-dark .redBg { background-color: red; } .app.pink-dark .greenBg { background-color: green; } .app.pink-dark .blueBg { background-color: blue; } .app.pink-dark .orangeBg { background-color: orange; } .app.pink-dark .purpleBg { background-color: purple; } @media screen and (max-width: 599px) { .app.pink-dark #board { scroll-snap-type: x mandatory; } .app.pink-dark .column-wrapper { scroll-snap-align: center; } } .app.pink-dark .mat-dialog-container { position: relative; } .app.pink-dark .feedback-dialog-content { padding-top: 60px; } .app.pink-dark .feedback-dialog-title { cursor: move; display: flex; } .app.pink-dark .feedback-card { min-width: 120px; margin: 20px auto; } .app.pink-dark .mat-radio-button { display: block; margin: 5px 0; } .app.pink-dark .row { display: flex; flex-direction: row; } .app.pink-dark .col { flex: 1; margin-right: 20px; } .app.pink-dark .col:last-child { margin-right: 0; } .app.pink-dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.pink-dark .mat-option { color: white; } .app.pink-dark .mat-option:hover:not(.mat-option-disabled), .app.pink-dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .app.pink-dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .app.pink-dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } .app.pink-dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #c2185b; } .app.pink-dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #546e7a; } .app.pink-dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff5252; } .app.pink-dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-pseudo-checkbox::after { color: #303030; } .app.pink-dark .mat-pseudo-checkbox-disabled { color: #686868; } .app.pink-dark .mat-primary .mat-pseudo-checkbox-checked, .app.pink-dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #c2185b; } .app.pink-dark .mat-pseudo-checkbox-checked, .app.pink-dark .mat-pseudo-checkbox-indeterminate, .app.pink-dark .mat-accent .mat-pseudo-checkbox-checked, .app.pink-dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #546e7a; } .app.pink-dark .mat-warn .mat-pseudo-checkbox-checked, .app.pink-dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #ff5252; } .app.pink-dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .app.pink-dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } .app.pink-dark .mat-app-background, .app.pink-dark.mat-app-background { background-color: #303030; color: white; } .app.pink-dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .app.pink-dark .mat-autocomplete-panel { background: #424242; color: white; } .app.pink-dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } .app.pink-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } .app.pink-dark .mat-badge-content { color: white; background: #c2185b; } .cdk-high-contrast-active .app.pink-dark .mat-badge-content { outline: solid 1px; border-radius: 0; } .app.pink-dark .mat-badge-accent .mat-badge-content { background: #546e7a; color: white; } .app.pink-dark .mat-badge-warn .mat-badge-content { color: white; background: #ff5252; } .app.pink-dark .mat-badge { position: relative; } .app.pink-dark .mat-badge-hidden .mat-badge-content { display: none; } .app.pink-dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .app.pink-dark .ng-animate-disabled .mat-badge-content, .app.pink-dark .mat-badge-content._mat-animation-noopable { transition: none; } .app.pink-dark .mat-badge-content.mat-badge-active { transform: none; } .app.pink-dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .app.pink-dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .app.pink-dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .app.pink-dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .app.pink-dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .app.pink-dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .app.pink-dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .app.pink-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .app.pink-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .app.pink-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .app.pink-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .app.pink-dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .app.pink-dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .app.pink-dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .app.pink-dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .app.pink-dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .app.pink-dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .app.pink-dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .app.pink-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .app.pink-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .app.pink-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .app.pink-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .app.pink-dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .app.pink-dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .app.pink-dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .app.pink-dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .app.pink-dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .app.pink-dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .app.pink-dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .app.pink-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .app.pink-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .app.pink-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .app.pink-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .app.pink-dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } .app.pink-dark .mat-button, .app.pink-dark .mat-icon-button, .app.pink-dark .mat-stroked-button { color: inherit; background: transparent; } .app.pink-dark .mat-button.mat-primary, .app.pink-dark .mat-icon-button.mat-primary, .app.pink-dark .mat-stroked-button.mat-primary { color: #c2185b; } .app.pink-dark .mat-button.mat-accent, .app.pink-dark .mat-icon-button.mat-accent, .app.pink-dark .mat-stroked-button.mat-accent { color: #546e7a; } .app.pink-dark .mat-button.mat-warn, .app.pink-dark .mat-icon-button.mat-warn, .app.pink-dark .mat-stroked-button.mat-warn { color: #ff5252; } .app.pink-dark .mat-button.mat-primary.mat-button-disabled, .app.pink-dark .mat-button.mat-accent.mat-button-disabled, .app.pink-dark .mat-button.mat-warn.mat-button-disabled, .app.pink-dark .mat-button.mat-button-disabled.mat-button-disabled, .app.pink-dark .mat-icon-button.mat-primary.mat-button-disabled, .app.pink-dark .mat-icon-button.mat-accent.mat-button-disabled, .app.pink-dark .mat-icon-button.mat-warn.mat-button-disabled, .app.pink-dark .mat-icon-button.mat-button-disabled.mat-button-disabled, .app.pink-dark .mat-stroked-button.mat-primary.mat-button-disabled, .app.pink-dark .mat-stroked-button.mat-accent.mat-button-disabled, .app.pink-dark .mat-stroked-button.mat-warn.mat-button-disabled, .app.pink-dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-button.mat-primary .mat-button-focus-overlay, .app.pink-dark .mat-icon-button.mat-primary .mat-button-focus-overlay, .app.pink-dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #c2185b; } .app.pink-dark .mat-button.mat-accent .mat-button-focus-overlay, .app.pink-dark .mat-icon-button.mat-accent .mat-button-focus-overlay, .app.pink-dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #546e7a; } .app.pink-dark .mat-button.mat-warn .mat-button-focus-overlay, .app.pink-dark .mat-icon-button.mat-warn .mat-button-focus-overlay, .app.pink-dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #ff5252; } .app.pink-dark .mat-button.mat-button-disabled .mat-button-focus-overlay, .app.pink-dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .app.pink-dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .app.pink-dark .mat-button .mat-ripple-element, .app.pink-dark .mat-icon-button .mat-ripple-element, .app.pink-dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .app.pink-dark .mat-button-focus-overlay { background: white; } .app.pink-dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-flat-button, .app.pink-dark .mat-raised-button, .app.pink-dark .mat-fab, .app.pink-dark .mat-mini-fab { color: white; background-color: #424242; } .app.pink-dark .mat-flat-button.mat-primary, .app.pink-dark .mat-raised-button.mat-primary, .app.pink-dark .mat-fab.mat-primary, .app.pink-dark .mat-mini-fab.mat-primary { color: white; } .app.pink-dark .mat-flat-button.mat-accent, .app.pink-dark .mat-raised-button.mat-accent, .app.pink-dark .mat-fab.mat-accent, .app.pink-dark .mat-mini-fab.mat-accent { color: white; } .app.pink-dark .mat-flat-button.mat-warn, .app.pink-dark .mat-raised-button.mat-warn, .app.pink-dark .mat-fab.mat-warn, .app.pink-dark .mat-mini-fab.mat-warn { color: white; } .app.pink-dark .mat-flat-button.mat-primary.mat-button-disabled, .app.pink-dark .mat-flat-button.mat-accent.mat-button-disabled, .app.pink-dark .mat-flat-button.mat-warn.mat-button-disabled, .app.pink-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.pink-dark .mat-raised-button.mat-primary.mat-button-disabled, .app.pink-dark .mat-raised-button.mat-accent.mat-button-disabled, .app.pink-dark .mat-raised-button.mat-warn.mat-button-disabled, .app.pink-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.pink-dark .mat-fab.mat-primary.mat-button-disabled, .app.pink-dark .mat-fab.mat-accent.mat-button-disabled, .app.pink-dark .mat-fab.mat-warn.mat-button-disabled, .app.pink-dark .mat-fab.mat-button-disabled.mat-button-disabled, .app.pink-dark .mat-mini-fab.mat-primary.mat-button-disabled, .app.pink-dark .mat-mini-fab.mat-accent.mat-button-disabled, .app.pink-dark .mat-mini-fab.mat-warn.mat-button-disabled, .app.pink-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-flat-button.mat-primary, .app.pink-dark .mat-raised-button.mat-primary, .app.pink-dark .mat-fab.mat-primary, .app.pink-dark .mat-mini-fab.mat-primary { background-color: #c2185b; } .app.pink-dark .mat-flat-button.mat-accent, .app.pink-dark .mat-raised-button.mat-accent, .app.pink-dark .mat-fab.mat-accent, .app.pink-dark .mat-mini-fab.mat-accent { background-color: #546e7a; } .app.pink-dark .mat-flat-button.mat-warn, .app.pink-dark .mat-raised-button.mat-warn, .app.pink-dark .mat-fab.mat-warn, .app.pink-dark .mat-mini-fab.mat-warn { background-color: #ff5252; } .app.pink-dark .mat-flat-button.mat-primary.mat-button-disabled, .app.pink-dark .mat-flat-button.mat-accent.mat-button-disabled, .app.pink-dark .mat-flat-button.mat-warn.mat-button-disabled, .app.pink-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.pink-dark .mat-raised-button.mat-primary.mat-button-disabled, .app.pink-dark .mat-raised-button.mat-accent.mat-button-disabled, .app.pink-dark .mat-raised-button.mat-warn.mat-button-disabled, .app.pink-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.pink-dark .mat-fab.mat-primary.mat-button-disabled, .app.pink-dark .mat-fab.mat-accent.mat-button-disabled, .app.pink-dark .mat-fab.mat-warn.mat-button-disabled, .app.pink-dark .mat-fab.mat-button-disabled.mat-button-disabled, .app.pink-dark .mat-mini-fab.mat-primary.mat-button-disabled, .app.pink-dark .mat-mini-fab.mat-accent.mat-button-disabled, .app.pink-dark .mat-mini-fab.mat-warn.mat-button-disabled, .app.pink-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-flat-button.mat-primary .mat-ripple-element, .app.pink-dark .mat-raised-button.mat-primary .mat-ripple-element, .app.pink-dark .mat-fab.mat-primary .mat-ripple-element, .app.pink-dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.pink-dark .mat-flat-button.mat-accent .mat-ripple-element, .app.pink-dark .mat-raised-button.mat-accent .mat-ripple-element, .app.pink-dark .mat-fab.mat-accent .mat-ripple-element, .app.pink-dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.pink-dark .mat-flat-button.mat-warn .mat-ripple-element, .app.pink-dark .mat-raised-button.mat-warn .mat-ripple-element, .app.pink-dark .mat-fab.mat-warn .mat-ripple-element, .app.pink-dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.pink-dark .mat-stroked-button:not([class*=mat-elevation-z]), .app.pink-dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-fab:not([class*=mat-elevation-z]), .app.pink-dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .app.pink-dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .app.pink-dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-button-toggle-standalone, .app.pink-dark .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.pink-dark .mat-button-toggle-group-appearance-standard { box-shadow: none; } .app.pink-dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } .app.pink-dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } .app.pink-dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(255, 255, 255, 0.12); } .app.pink-dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } .app.pink-dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } .app.pink-dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } .app.pink-dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } .app.pink-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.pink-dark .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-card { background: #424242; color: white; } .app.pink-dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-checkbox-checkmark { fill: #303030; } .app.pink-dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } .app.pink-dark .mat-checkbox-mixedmark { background-color: #303030; } .app.pink-dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .app.pink-dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #c2185b; } .app.pink-dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .app.pink-dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #546e7a; } .app.pink-dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .app.pink-dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #ff5252; } .app.pink-dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .app.pink-dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } .app.pink-dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } .app.pink-dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-checkbox .mat-ripple-element { background-color: white; } .app.pink-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .app.pink-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #c2185b; } .app.pink-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .app.pink-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #546e7a; } .app.pink-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .app.pink-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #ff5252; } .app.pink-dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } .app.pink-dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } .app.pink-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .app.pink-dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .app.pink-dark .mat-chip.mat-standard-chip::after { background: white; } .app.pink-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #c2185b; color: white; } .app.pink-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .app.pink-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.pink-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #ff5252; color: white; } .app.pink-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .app.pink-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.pink-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #546e7a; color: white; } .app.pink-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .app.pink-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.pink-dark .mat-table { background: #424242; } .app.pink-dark .mat-table thead, .app.pink-dark .mat-table tbody, .app.pink-dark .mat-table tfoot, .app.pink-dark mat-header-row, .app.pink-dark mat-row, .app.pink-dark mat-footer-row, .app.pink-dark [mat-header-row], .app.pink-dark [mat-row], .app.pink-dark [mat-footer-row], .app.pink-dark .mat-table-sticky { background: inherit; } .app.pink-dark mat-row, .app.pink-dark mat-header-row, .app.pink-dark mat-footer-row, .app.pink-dark th.mat-header-cell, .app.pink-dark td.mat-cell, .app.pink-dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-cell, .app.pink-dark .mat-footer-cell { color: white; } .app.pink-dark .mat-calendar-arrow { border-top-color: white; } .app.pink-dark .mat-datepicker-toggle, .app.pink-dark .mat-datepicker-content .mat-calendar-next-button, .app.pink-dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } .app.pink-dark .mat-calendar-table-header { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-calendar-body-cell-content, .app.pink-dark .mat-date-range-input-separator { color: white; border-color: transparent; } .app.pink-dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } .app.pink-dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-calendar-body-in-range::before { background: rgba(194, 24, 91, 0.2); } .app.pink-dark .mat-calendar-body-comparison-identical, .app.pink-dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.pink-dark .mat-calendar-body-comparison-bridge-start::before, .app.pink-dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(194, 24, 91, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.pink-dark .mat-calendar-body-comparison-bridge-end::before, .app.pink-dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(194, 24, 91, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.pink-dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.pink-dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.pink-dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.pink-dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.pink-dark .mat-calendar-body-selected { background-color: #c2185b; color: white; } .app.pink-dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(194, 24, 91, 0.4); } .app.pink-dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.pink-dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.pink-dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.pink-dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(194, 24, 91, 0.3); } .app.pink-dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(84, 110, 122, 0.2); } .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .app.pink-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(84, 110, 122, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .app.pink-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(84, 110, 122, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #546e7a; color: white; } .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(84, 110, 122, 0.4); } .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.pink-dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.pink-dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.pink-dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(84, 110, 122, 0.3); } .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(255, 82, 82, 0.2); } .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .app.pink-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .app.pink-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 82, 82, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #ff5252; color: white; } .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 82, 82, 0.4); } .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.pink-dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.pink-dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.pink-dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 82, 82, 0.3); } .app.pink-dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-datepicker-toggle-active { color: #c2185b; } .app.pink-dark .mat-datepicker-toggle-active.mat-accent { color: #546e7a; } .app.pink-dark .mat-datepicker-toggle-active.mat-warn { color: #ff5252; } .app.pink-dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } .app.pink-dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-expansion-panel { background: #424242; color: white; } .app.pink-dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .app.pink-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .app.pink-dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { .app.pink-dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } .app.pink-dark .mat-expansion-panel-header-title { color: white; } .app.pink-dark .mat-expansion-panel-header-description, .app.pink-dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .app.pink-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .app.pink-dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-hint { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-form-field.mat-focused .mat-form-field-label { color: #c2185b; } .app.pink-dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #546e7a; } .app.pink-dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #ff5252; } .app.pink-dark .mat-focused .mat-form-field-required-marker { color: #546e7a; } .app.pink-dark .mat-form-field-ripple { background-color: white; } .app.pink-dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #c2185b; } .app.pink-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #546e7a; } .app.pink-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #ff5252; } .app.pink-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #c2185b; } .app.pink-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #546e7a; } .app.pink-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #ff5252; } .app.pink-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #ff5252; } .app.pink-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .app.pink-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #ff5252; } .app.pink-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .app.pink-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #ff5252; } .app.pink-dark .mat-error { color: #ff5252; } .app.pink-dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.pink-dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.pink-dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } .app.pink-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } .app.pink-dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .app.pink-dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } .app.pink-dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #c2185b; } .app.pink-dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #546e7a; } .app.pink-dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #ff5252; } .app.pink-dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #ff5252; } .app.pink-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } .app.pink-dark .mat-icon.mat-primary { color: #c2185b; } .app.pink-dark .mat-icon.mat-accent { color: #546e7a; } .app.pink-dark .mat-icon.mat-warn { color: #ff5252; } .app.pink-dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-input-element:disabled, .app.pink-dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-input-element { caret-color: #c2185b; } .app.pink-dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-input-element option { color: rgba(0, 0, 0, 0.87); } .app.pink-dark .mat-input-element option:disabled { color: rgba(0, 0, 0, 0.38); } .app.pink-dark .mat-form-field.mat-accent .mat-input-element { caret-color: #546e7a; } .app.pink-dark .mat-form-field.mat-warn .mat-input-element, .app.pink-dark .mat-form-field-invalid .mat-input-element { caret-color: #ff5252; } .app.pink-dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #ff5252; } .app.pink-dark .mat-list-base .mat-list-item { color: white; } .app.pink-dark .mat-list-base .mat-list-option { color: white; } .app.pink-dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-list-item-disabled { background-color: black; } .app.pink-dark .mat-list-option:hover, .app.pink-dark .mat-list-option:focus, .app.pink-dark .mat-nav-list .mat-list-item:hover, .app.pink-dark .mat-nav-list .mat-list-item:focus, .app.pink-dark .mat-action-list .mat-list-item:hover, .app.pink-dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } .app.pink-dark .mat-list-single-selected-option, .app.pink-dark .mat-list-single-selected-option:hover, .app.pink-dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-menu-panel { background: #424242; } .app.pink-dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-menu-item { background: transparent; color: white; } .app.pink-dark .mat-menu-item[disabled], .app.pink-dark .mat-menu-item[disabled]::after, .app.pink-dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-menu-item .mat-icon-no-color, .app.pink-dark .mat-menu-item-submenu-trigger::after { color: white; } .app.pink-dark .mat-menu-item:hover:not([disabled]), .app.pink-dark .mat-menu-item.cdk-program-focused:not([disabled]), .app.pink-dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), .app.pink-dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } .app.pink-dark .mat-paginator { background: #424242; } .app.pink-dark .mat-paginator, .app.pink-dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-paginator-decrement, .app.pink-dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } .app.pink-dark .mat-paginator-first, .app.pink-dark .mat-paginator-last { border-top: 2px solid white; } .app.pink-dark .mat-icon-button[disabled] .mat-paginator-decrement, .app.pink-dark .mat-icon-button[disabled] .mat-paginator-increment, .app.pink-dark .mat-icon-button[disabled] .mat-paginator-first, .app.pink-dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-progress-bar-background { fill: #552a3b; } .app.pink-dark .mat-progress-bar-buffer { background-color: #552a3b; } .app.pink-dark .mat-progress-bar-fill::after { background-color: #c2185b; } .app.pink-dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #394043; } .app.pink-dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #394043; } .app.pink-dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #546e7a; } .app.pink-dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #643939; } .app.pink-dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #643939; } .app.pink-dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #ff5252; } .app.pink-dark .mat-progress-spinner circle, .app.pink-dark .mat-spinner circle { stroke: #c2185b; } .app.pink-dark .mat-progress-spinner.mat-accent circle, .app.pink-dark .mat-spinner.mat-accent circle { stroke: #546e7a; } .app.pink-dark .mat-progress-spinner.mat-warn circle, .app.pink-dark .mat-spinner.mat-warn circle { stroke: #ff5252; } .app.pink-dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #c2185b; } .app.pink-dark .mat-radio-button.mat-primary .mat-radio-inner-circle, .app.pink-dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.pink-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .app.pink-dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #c2185b; } .app.pink-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #546e7a; } .app.pink-dark .mat-radio-button.mat-accent .mat-radio-inner-circle, .app.pink-dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.pink-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .app.pink-dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #546e7a; } .app.pink-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #ff5252; } .app.pink-dark .mat-radio-button.mat-warn .mat-radio-inner-circle, .app.pink-dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.pink-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .app.pink-dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #ff5252; } .app.pink-dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .app.pink-dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .app.pink-dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-radio-button .mat-ripple-element { background-color: white; } .app.pink-dark .mat-select-value { color: white; } .app.pink-dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-select-panel { background: #424242; } .app.pink-dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #c2185b; } .app.pink-dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #546e7a; } .app.pink-dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #ff5252; } .app.pink-dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #ff5252; } .app.pink-dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-drawer-container { background-color: #303030; color: white; } .app.pink-dark .mat-drawer { background-color: #424242; color: white; } .app.pink-dark .mat-drawer.mat-drawer-push { background-color: #424242; } .app.pink-dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .app.pink-dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .app.pink-dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } .app.pink-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #546e7a; } .app.pink-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(84, 110, 122, 0.54); } .app.pink-dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #546e7a; } .app.pink-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #c2185b; } .app.pink-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(194, 24, 91, 0.54); } .app.pink-dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #c2185b; } .app.pink-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #ff5252; } .app.pink-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 82, 82, 0.54); } .app.pink-dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #ff5252; } .app.pink-dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } .app.pink-dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } .app.pink-dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-primary .mat-slider-track-fill, .app.pink-dark .mat-primary .mat-slider-thumb, .app.pink-dark .mat-primary .mat-slider-thumb-label { background-color: #c2185b; } .app.pink-dark .mat-primary .mat-slider-thumb-label-text { color: white; } .app.pink-dark .mat-primary .mat-slider-focus-ring { background-color: rgba(194, 24, 91, 0.2); } .app.pink-dark .mat-accent .mat-slider-track-fill, .app.pink-dark .mat-accent .mat-slider-thumb, .app.pink-dark .mat-accent .mat-slider-thumb-label { background-color: #546e7a; } .app.pink-dark .mat-accent .mat-slider-thumb-label-text { color: white; } .app.pink-dark .mat-accent .mat-slider-focus-ring { background-color: rgba(84, 110, 122, 0.2); } .app.pink-dark .mat-warn .mat-slider-track-fill, .app.pink-dark .mat-warn .mat-slider-thumb, .app.pink-dark .mat-warn .mat-slider-thumb-label { background-color: #ff5252; } .app.pink-dark .mat-warn .mat-slider-thumb-label-text { color: white; } .app.pink-dark .mat-warn .mat-slider-focus-ring { background-color: rgba(255, 82, 82, 0.2); } .app.pink-dark .mat-slider:hover .mat-slider-track-background, .app.pink-dark .cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-slider-disabled .mat-slider-track-background, .app.pink-dark .mat-slider-disabled .mat-slider-track-fill, .app.pink-dark .mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .app.pink-dark .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } .app.pink-dark .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .app.pink-dark .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } .app.pink-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .app.pink-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .app.pink-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .app.pink-dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .app.pink-dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .app.pink-dark .mat-step-header.cdk-keyboard-focused, .app.pink-dark .mat-step-header.cdk-program-focused, .app.pink-dark .mat-step-header:hover { background-color: rgba(255, 255, 255, 0.04); } @media (hover: none) { .app.pink-dark .mat-step-header:hover { background: none; } } .app.pink-dark .mat-step-header .mat-step-label, .app.pink-dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } .app.pink-dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: white; } .app.pink-dark .mat-step-header .mat-step-icon-selected, .app.pink-dark .mat-step-header .mat-step-icon-state-done, .app.pink-dark .mat-step-header .mat-step-icon-state-edit { background-color: #c2185b; color: white; } .app.pink-dark .mat-step-header.mat-accent .mat-step-icon { color: white; } .app.pink-dark .mat-step-header.mat-accent .mat-step-icon-selected, .app.pink-dark .mat-step-header.mat-accent .mat-step-icon-state-done, .app.pink-dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #546e7a; color: white; } .app.pink-dark .mat-step-header.mat-warn .mat-step-icon { color: white; } .app.pink-dark .mat-step-header.mat-warn .mat-step-icon-selected, .app.pink-dark .mat-step-header.mat-warn .mat-step-icon-state-done, .app.pink-dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #ff5252; color: white; } .app.pink-dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #ff5252; } .app.pink-dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } .app.pink-dark .mat-step-header .mat-step-label.mat-step-label-error { color: #ff5252; } .app.pink-dark .mat-stepper-horizontal, .app.pink-dark .mat-stepper-vertical { background-color: #424242; } .app.pink-dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-horizontal-stepper-header::before, .app.pink-dark .mat-horizontal-stepper-header::after, .app.pink-dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-sort-header-arrow { color: #c6c6c6; } .app.pink-dark .mat-tab-nav-bar, .app.pink-dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-tab-group-inverted-header .mat-tab-nav-bar, .app.pink-dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } .app.pink-dark .mat-tab-label, .app.pink-dark .mat-tab-link { color: white; } .app.pink-dark .mat-tab-label.mat-tab-disabled, .app.pink-dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-tab-header-pagination-chevron { border-color: white; } .app.pink-dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } .app.pink-dark .mat-tab-group[class*=mat-background-] .mat-tab-header, .app.pink-dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .app.pink-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(252, 228, 236, 0.3); } .app.pink-dark .mat-tab-group.mat-primary .mat-ink-bar, .app.pink-dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #c2185b; } .app.pink-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.pink-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .app.pink-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.pink-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.pink-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(144, 164, 174, 0.3); } .app.pink-dark .mat-tab-group.mat-accent .mat-ink-bar, .app.pink-dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #546e7a; } .app.pink-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.pink-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .app.pink-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.pink-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.pink-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.pink-dark .mat-tab-group.mat-warn .mat-ink-bar, .app.pink-dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #ff5252; } .app.pink-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.pink-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .app.pink-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.pink-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.pink-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(252, 228, 236, 0.3); } .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-header, .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #c2185b; } .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.pink-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.pink-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(144, 164, 174, 0.3); } .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-header, .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #546e7a; } .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.pink-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.pink-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.pink-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-header, .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #ff5252; } .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.pink-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.pink-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.pink-dark .mat-toolbar { background: #212121; color: white; } .app.pink-dark .mat-toolbar.mat-primary { background: #c2185b; color: white; } .app.pink-dark .mat-toolbar.mat-accent { background: #546e7a; color: white; } .app.pink-dark .mat-toolbar.mat-warn { background: #ff5252; color: white; } .app.pink-dark .mat-toolbar .mat-form-field-underline, .app.pink-dark .mat-toolbar .mat-form-field-ripple, .app.pink-dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .app.pink-dark .mat-toolbar .mat-form-field-label, .app.pink-dark .mat-toolbar .mat-focused .mat-form-field-label, .app.pink-dark .mat-toolbar .mat-select-value, .app.pink-dark .mat-toolbar .mat-select-arrow, .app.pink-dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .app.pink-dark .mat-toolbar .mat-input-element { caret-color: currentColor; } .app.pink-dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .app.pink-dark .mat-tree { background: #424242; } .app.pink-dark .mat-tree-node, .app.pink-dark .mat-nested-tree-node { color: white; } .app.pink-dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.pink-dark .mat-simple-snackbar-action { color: inherit; } .app.gray-dark { /* tooltip background-colors */ } .app.gray-dark input:-webkit-autofill { -webkit-text-fill-color: white !important; background-color: #424242 !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .app.gray-dark .mentioned-notification { background-color: #424242; color: white; } .app.gray-dark .dropdown-menu.scrollable-menu { background: #424242 !important; } .app.gray-dark .dropdown-menu.scrollable-menu:not(.mention-menu) { overflow: hidden !important; } .app.gray-dark .dropdown-menu.scrollable-menu:active { background: rgba(255, 255, 255, 0.12); } .app.gray-dark .tooltip-bg-red { background-color: #f44336 !important; } .app.gray-dark .tooltip-bg-blue { background-color: #1068da !important; } .app.gray-dark .tooltip-text-warn { color: #f44336; } .app.gray-dark .tooltip-text-primary { color: #455a64; } .app.gray-dark .bg-p { background-color: #455a64; color: white; } .app.gray-dark .bg-a { background-color: #ff4081; color: white; } .app.gray-dark .bg-w { background-color: #f44336; color: white; } .app.gray-dark .hover:hover { background-color: rgba(255, 255, 255, 0.04); } .app.gray-dark .overflow-auto { overflow: auto; } .app.gray-dark .card-bg-color { background: #424242 !important; } .app.gray-dark .txt-s, .app.gray-dark .secondary-text { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .txt-p { color: white; } .app.gray-dark .primary-text { color: white !important; } .app.gray-dark .accent-text { color: #ff4081 !important; } .app.gray-dark .warn-text { color: #f44336 !important; } .app.gray-dark .purple-text { color: #aa0055 !important; } .app.gray-dark .green-text { color: #1aaf00; } .app.gray-dark .yellow-text { color: #e8bd00; } .app.gray-dark .red-text { color: red; } .app.gray-dark .orange-text { color: orange; } @keyframes pulsate { 0% { color: #f44336; } 50% { color: green; } 100% { color: #f44336; } } .app.gray-dark .pulse-warn-text { animation: pulsate 3s ease-out; animation-iteration-count: infinite; -webkit-animation: pulsate 3s ease-out; -webkit-animation-iteration-count: infinite; color: #f44336; } .app.gray-dark button.status-menu-btn:hover.red { background-color: rgba(244, 67, 54, 0.5) !important; } .app.gray-dark button.status-menu-btn:hover.green { background-color: rgba(76, 175, 80, 0.5) !important; } .app.gray-dark button.status-menu-btn:hover.blue { background-color: rgba(33, 150, 243, 0.5) !important; } .app.gray-dark button.status-menu-btn:hover.orange { background-color: rgba(255, 152, 0, 0.5) !important; } .app.gray-dark button.status-menu-btn:hover.purple { background-color: rgba(156, 39, 176, 0.5) !important; } .app.gray-dark .header { background-color: #424242; color: white; } .app.gray-dark .horizontal-menu { background-color: #424242; } .app.gray-dark .horizontal-menu-item .horizontal-sub-menu { background-color: #424242; } .app.gray-dark .horizontal-menu-item .mat-button { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .horizontal-menu-item .mat-button .horizontal-menu-title { color: white; } .app.gray-dark .horizontal-menu-item .mat-button.parent-item .horizontal-menu-icon { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.7); } .app.gray-dark .horizontal-menu-item .mat-button.parent-item.active-link { background: rgba(255, 255, 255, 0.12); } .app.gray-dark .horizontal-menu-item .mat-button.parent-item.active-link .horizontal-menu-icon { background: #455a64; color: #fff; } .app.gray-dark .menu-item .mat-button .menu-icon { background: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.7); box-sizing: content-box; } .app.gray-dark .menu-item .mat-button .menu-title { color: white; } .app.gray-dark .menu-item .mat-button.active-link { background: rgba(255, 255, 255, 0.12); } .app.gray-dark .menu-item .mat-button.active-link .menu-icon { background: #455a64; color: #fff; } .app.gray-dark .people-filter-main { background-color: #424242 !important; } .app.gray-dark .people-filter-main .filter-container .mat-list-item { margin-bottom: 10px; } .app.gray-dark .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { background: #263238; } .app.gray-dark .people-filter-main .filter-container .mat-list-item.active .mat-list-item-content { border-top-right-radius: 25px; width: 90%; border-bottom-right-radius: 25px; } .app.gray-dark .full_width { width: 100%; } .app.gray-dark .menu-expand-icon { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .breadcrumbA a { color: #eceff1; } .app.gray-dark .top-toolbar, .app.gray-dark .landing-toolbar { background: #37474f; color: #eceff1; } .app.gray-dark .menu-toolbar { background: #263238; color: #cfd8dc; } .app.gray-dark .mention-list-item { background-color: #424242 !important; } .app.gray-dark .search__results { background-color: #424242 !important; } .app.gray-dark .search__results .result:hover { background-color: rgba(255, 255, 255, 0.04); } .app.gray-dark .search__results .result:active { background-color: rgba(255, 255, 255, 0.04); } .app.gray-dark mat-card.card { cursor: grab; background: #424242 !important; } .app.gray-dark mat-card.card:active { cursor: grabbing; } .app.gray-dark th.mat-header-cell, .app.gray-dark td.mat-cell, .app.gray-dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } .app.gray-dark #contacts .header .search-wrapper { background: #424242; } .app.gray-dark #contacts .header .search-wrapper .search .mat-icon { color: white; } .app.gray-dark #contacts .header .search-wrapper .search input { background: #424242; color: white; } .app.gray-dark #contacts .content .sidebar .sidebar-content .card { background: #424242; } .app.gray-dark .table-2 { background-color: #424242; text-align: left; border-spacing: 0; } .app.gray-dark .table-2 th:first-of-type, .app.gray-dark .table-2 td:first-of-type { padding-left: 24px; } .app.gray-dark .table-2 th:last-of-type, .app.gray-dark .table-2 td:last-of-type { padding-right: 24px; } .app.gray-dark .table-2 thead tr { height: 56px; } .app.gray-dark .table-2 thead tr th { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .table-2 tbody .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100px; } .app.gray-dark .table-2 tbody .phone { text-align: center; } .app.gray-dark .table-2 tbody tr { cursor: pointer; color: white; height: 48px; padding: 0; } .app.gray-dark .table-2 tbody tr:hover { background-color: rgba(255, 255, 255, 0.04); } .app.gray-dark .table-2 tbody tr td { padding: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .table-dark { display: block; overflow: auto; max-height: 500px; border-radius: 10px; } .app.gray-dark .table-header { background-color: #455a64 !important; } .app.gray-dark .table-header > th { color: white; font-size: 14px; } .app.gray-dark .ems-scrollbar { position: absolute; overflow: auto; padding: 20px; bottom: 64px; left: 0; right: 0; top: 0; } .app.gray-dark .loading_spinner { position: absolute; text-align: center; top: 50%; left: 50%; } .app.gray-dark table { width: 100%; color: white; } .app.gray-dark tr.estimate-detail-row { height: 0; } .app.gray-dark tr.no-estimate { cursor: default !important; } .app.gray-dark tr.estimate-row:not(.estimate-expanded-row):hover:not(.no-estimate) { background-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .tooltip-red { background: #b71c1c; } .app.gray-dark .estimate-row td { border-bottom-width: 0; } .app.gray-dark .estimate-detail { overflow: hidden; display: flex; } .app.gray-dark .estimate-description { padding: 16px; } .app.gray-dark .estimate-description-attribution { opacity: 0.5; } .app.gray-dark .card-container { flex: none; z-index: 1; width: 65%; height: 100%; color: white; overflow-y: scroll; justify-items: center; background-color: #424242; } .app.gray-dark .thumbnail { border-radius: 40px; max-width: 300px; height: auto; background-size: cover; } .app.gray-dark .img_container { display: flex; flex-direction: column; align-items: flex-start; } .app.gray-dark .cover { border-radius: 4px; } .app.gray-dark .content { overflow: auto; } .app.gray-dark .mid-section { display: inline-grid; grid-auto-flow: column; width: 100%; grid-template-columns: repeat(3, auto); grid-template-rows: 100%; grid-gap: 8px; gap: 8px; padding: 8px; justify-items: center; align-items: start; } .app.gray-dark .mat-toolbar { position: sticky !important; max-height: 64px; top: 0; z-index: 3; } .app.gray-dark .mat-tab-body-wrapper { padding: 20px; min-height: calc(100vh - 64px - 40px); } .app.gray-dark .mat-chip-list-wrapper { padding: 0 12px !important; } .app.gray-dark .card-header-container { overflow: auto; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 12px; justify-content: center; position: relative; } .app.gray-dark .card-header-container .sublet-list-container { flex: 1 1 30%; order: 3; display: flex; flex-direction: column; max-width: 30%; } .app.gray-dark .card-header-container .sublet-list-container .sublet-chip-list { padding: 0 8px; max-height: 200px; overflow: auto; } .app.gray-dark .card-header-container .sublet-list-container .sublet-chip-list.cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .app.gray-dark .card-header-container .avatar_container { margin: 4px 0; } .app.gray-dark .card-header-container .card-cover { order: 1; flex: 1 1 30%; max-width: 300px; } .app.gray-dark .card-header-container .util-buttons { order: 2; flex: 1 1 23%; display: flex; flex-flow: column nowrap; } .app.gray-dark .card-header-container .archive-btn, .app.gray-dark .card-header-container .action-buttons button { white-space: normal; line-height: 1rem; min-height: 36px; max-height: 40px; flex: 1 1 47%; margin: 4px; } .app.gray-dark .card-header-container .action-buttons { display: flex; flex-flow: row wrap; } @media screen and (max-width: 599px) { .app.gray-dark .card-header-container { flex-wrap: wrap; overflow: auto; } .app.gray-dark .card-header-container .sublet-list-container { max-width: 48%; } .app.gray-dark .card-header-container .sublet-list-container .sublet-chip-list { max-height: 240px; overflow-x: auto; } .app.gray-dark .card-header-container .util-buttons { max-width: 48%; } .app.gray-dark .card-header-container .card-cover { flex: 1 1 100%; } } @media screen and (max-width: 959px) { .app.gray-dark .card-header-container .sublet-list-container, .app.gray-dark .card-header-container .card-cover, .app.gray-dark .card-header-container .util-buttons, .app.gray-dark .card-header-container .action-buttons { margin: 8px 2px; } } @media screen and (min-width: 600px) { .app.gray-dark .card-header-container { flex-direction: row; flex-wrap: wrap; padding: 12px; } .app.gray-dark .card-header-container .sublet-list-container { max-width: 70%; } .app.gray-dark .card-header-container .card-cover { margin-right: 12px; } } @media screen and (min-width: 720px) { .app.gray-dark .card-header-container { flex-wrap: nowrap; } .app.gray-dark .card-header-container .util-buttons { max-width: 33%; } } @media screen and (min-width: 960px) { .app.gray-dark .card-header-container { flex-direction: row; flex-wrap: nowrap; } .app.gray-dark .card-header-container .sublet-list-container, .app.gray-dark .card-header-container .action-buttons, .app.gray-dark .card-header-container .util-buttons { flex: 1 1 32%; } } .app.gray-dark .cdk-drag-preview { color: white; box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.gray-dark #board { display: inline-grid !important; grid-auto-columns: 270px; grid-auto-flow: column; grid-gap: 10px; gap: 10px; overflow: auto; width: 100%; padding: 70px 5px 24px 8px; box-sizing: border-box; white-space: nowrap; margin-bottom: 8px; } .app.gray-dark .column-wrapper { box-sizing: border-box; border-radius: 6px; width: 270px; min-height: 0px; max-height: 100%; font-size: 14px; transition: box-shadow 0.15s, background 0.15s; } .app.gray-dark mat-form-field { box-sizing: border-box; width: 100%; } .app.gray-dark button.cdk-drag-handle { cursor: move; grid-row: 1; grid-column: 3; } .app.gray-dark button.cdk-drag-handle[disabled] { cursor: pointer; } .app.gray-dark .add-card-btn { border-radius: 5px; border: 1px solid black; text-align: center; margin-top: 5px; } .app.gray-dark .add-card-btn button { width: 100%; } .app.gray-dark .card-list { height: 100%; margin: 0 3px 6px 3px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding: 10px 10px 0px; } .app.gray-dark .card-list::-webkit-scrollbar { width: 8px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.2); } .app.gray-dark .card-list::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255, 255, 255, 0.4); } .app.gray-dark .card-list:empty { position: absolute; background-color: red; top: 55px; bottom: 0; right: 0; left: 0; height: 200px; } .app.gray-dark .boardCard { background-color: #fff; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 0 rgba(9, 30, 66, 0.25); display: block; margin-bottom: 12px; max-width: 260px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; text-decoration: none; z-index: 0; } .app.gray-dark .boardCard .mat-card { padding: 0; } .app.gray-dark .cdk-drag-placeholder { opacity: 0.2; } .app.gray-dark .redBg { background-color: red; } .app.gray-dark .greenBg { background-color: green; } .app.gray-dark .blueBg { background-color: blue; } .app.gray-dark .orangeBg { background-color: orange; } .app.gray-dark .purpleBg { background-color: purple; } @media screen and (max-width: 599px) { .app.gray-dark #board { scroll-snap-type: x mandatory; } .app.gray-dark .column-wrapper { scroll-snap-align: center; } } .app.gray-dark .mat-dialog-container { position: relative; } .app.gray-dark .feedback-dialog-content { padding-top: 60px; } .app.gray-dark .feedback-dialog-title { cursor: move; display: flex; } .app.gray-dark .feedback-card { min-width: 120px; margin: 20px auto; } .app.gray-dark .mat-radio-button { display: block; margin: 5px 0; } .app.gray-dark .row { display: flex; flex-direction: row; } .app.gray-dark .col { flex: 1; margin-right: 20px; } .app.gray-dark .col:last-child { margin-right: 0; } .app.gray-dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-dark .mat-option { color: white; } .app.gray-dark .mat-option:hover:not(.mat-option-disabled), .app.gray-dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .app.gray-dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .app.gray-dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } .app.gray-dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #455a64; } .app.gray-dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff4081; } .app.gray-dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } .app.gray-dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-pseudo-checkbox::after { color: #303030; } .app.gray-dark .mat-pseudo-checkbox-disabled { color: #686868; } .app.gray-dark .mat-primary .mat-pseudo-checkbox-checked, .app.gray-dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #455a64; } .app.gray-dark .mat-pseudo-checkbox-checked, .app.gray-dark .mat-pseudo-checkbox-indeterminate, .app.gray-dark .mat-accent .mat-pseudo-checkbox-checked, .app.gray-dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ff4081; } .app.gray-dark .mat-warn .mat-pseudo-checkbox-checked, .app.gray-dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #f44336; } .app.gray-dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .app.gray-dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } .app.gray-dark .mat-app-background, .app.gray-dark.mat-app-background { background-color: #303030; color: white; } .app.gray-dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .app.gray-dark .mat-autocomplete-panel { background: #424242; color: white; } .app.gray-dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } .app.gray-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } .app.gray-dark .mat-badge-content { color: white; background: #455a64; } .cdk-high-contrast-active .app.gray-dark .mat-badge-content { outline: solid 1px; border-radius: 0; } .app.gray-dark .mat-badge-accent .mat-badge-content { background: #ff4081; color: white; } .app.gray-dark .mat-badge-warn .mat-badge-content { color: white; background: #f44336; } .app.gray-dark .mat-badge { position: relative; } .app.gray-dark .mat-badge-hidden .mat-badge-content { display: none; } .app.gray-dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .app.gray-dark .ng-animate-disabled .mat-badge-content, .app.gray-dark .mat-badge-content._mat-animation-noopable { transition: none; } .app.gray-dark .mat-badge-content.mat-badge-active { transform: none; } .app.gray-dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .app.gray-dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .app.gray-dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .app.gray-dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .app.gray-dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .app.gray-dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .app.gray-dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .app.gray-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .app.gray-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .app.gray-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .app.gray-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .app.gray-dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .app.gray-dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .app.gray-dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .app.gray-dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .app.gray-dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .app.gray-dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .app.gray-dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .app.gray-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .app.gray-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .app.gray-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .app.gray-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .app.gray-dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .app.gray-dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .app.gray-dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .app.gray-dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .app.gray-dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .app.gray-dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .app.gray-dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .app.gray-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .app.gray-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .app.gray-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .app.gray-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .app.gray-dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } .app.gray-dark .mat-button, .app.gray-dark .mat-icon-button, .app.gray-dark .mat-stroked-button { color: inherit; background: transparent; } .app.gray-dark .mat-button.mat-primary, .app.gray-dark .mat-icon-button.mat-primary, .app.gray-dark .mat-stroked-button.mat-primary { color: #455a64; } .app.gray-dark .mat-button.mat-accent, .app.gray-dark .mat-icon-button.mat-accent, .app.gray-dark .mat-stroked-button.mat-accent { color: #ff4081; } .app.gray-dark .mat-button.mat-warn, .app.gray-dark .mat-icon-button.mat-warn, .app.gray-dark .mat-stroked-button.mat-warn { color: #f44336; } .app.gray-dark .mat-button.mat-primary.mat-button-disabled, .app.gray-dark .mat-button.mat-accent.mat-button-disabled, .app.gray-dark .mat-button.mat-warn.mat-button-disabled, .app.gray-dark .mat-button.mat-button-disabled.mat-button-disabled, .app.gray-dark .mat-icon-button.mat-primary.mat-button-disabled, .app.gray-dark .mat-icon-button.mat-accent.mat-button-disabled, .app.gray-dark .mat-icon-button.mat-warn.mat-button-disabled, .app.gray-dark .mat-icon-button.mat-button-disabled.mat-button-disabled, .app.gray-dark .mat-stroked-button.mat-primary.mat-button-disabled, .app.gray-dark .mat-stroked-button.mat-accent.mat-button-disabled, .app.gray-dark .mat-stroked-button.mat-warn.mat-button-disabled, .app.gray-dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-button.mat-primary .mat-button-focus-overlay, .app.gray-dark .mat-icon-button.mat-primary .mat-button-focus-overlay, .app.gray-dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #455a64; } .app.gray-dark .mat-button.mat-accent .mat-button-focus-overlay, .app.gray-dark .mat-icon-button.mat-accent .mat-button-focus-overlay, .app.gray-dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ff4081; } .app.gray-dark .mat-button.mat-warn .mat-button-focus-overlay, .app.gray-dark .mat-icon-button.mat-warn .mat-button-focus-overlay, .app.gray-dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } .app.gray-dark .mat-button.mat-button-disabled .mat-button-focus-overlay, .app.gray-dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .app.gray-dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .app.gray-dark .mat-button .mat-ripple-element, .app.gray-dark .mat-icon-button .mat-ripple-element, .app.gray-dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .app.gray-dark .mat-button-focus-overlay { background: white; } .app.gray-dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-flat-button, .app.gray-dark .mat-raised-button, .app.gray-dark .mat-fab, .app.gray-dark .mat-mini-fab { color: white; background-color: #424242; } .app.gray-dark .mat-flat-button.mat-primary, .app.gray-dark .mat-raised-button.mat-primary, .app.gray-dark .mat-fab.mat-primary, .app.gray-dark .mat-mini-fab.mat-primary { color: white; } .app.gray-dark .mat-flat-button.mat-accent, .app.gray-dark .mat-raised-button.mat-accent, .app.gray-dark .mat-fab.mat-accent, .app.gray-dark .mat-mini-fab.mat-accent { color: white; } .app.gray-dark .mat-flat-button.mat-warn, .app.gray-dark .mat-raised-button.mat-warn, .app.gray-dark .mat-fab.mat-warn, .app.gray-dark .mat-mini-fab.mat-warn { color: white; } .app.gray-dark .mat-flat-button.mat-primary.mat-button-disabled, .app.gray-dark .mat-flat-button.mat-accent.mat-button-disabled, .app.gray-dark .mat-flat-button.mat-warn.mat-button-disabled, .app.gray-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.gray-dark .mat-raised-button.mat-primary.mat-button-disabled, .app.gray-dark .mat-raised-button.mat-accent.mat-button-disabled, .app.gray-dark .mat-raised-button.mat-warn.mat-button-disabled, .app.gray-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.gray-dark .mat-fab.mat-primary.mat-button-disabled, .app.gray-dark .mat-fab.mat-accent.mat-button-disabled, .app.gray-dark .mat-fab.mat-warn.mat-button-disabled, .app.gray-dark .mat-fab.mat-button-disabled.mat-button-disabled, .app.gray-dark .mat-mini-fab.mat-primary.mat-button-disabled, .app.gray-dark .mat-mini-fab.mat-accent.mat-button-disabled, .app.gray-dark .mat-mini-fab.mat-warn.mat-button-disabled, .app.gray-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-flat-button.mat-primary, .app.gray-dark .mat-raised-button.mat-primary, .app.gray-dark .mat-fab.mat-primary, .app.gray-dark .mat-mini-fab.mat-primary { background-color: #455a64; } .app.gray-dark .mat-flat-button.mat-accent, .app.gray-dark .mat-raised-button.mat-accent, .app.gray-dark .mat-fab.mat-accent, .app.gray-dark .mat-mini-fab.mat-accent { background-color: #ff4081; } .app.gray-dark .mat-flat-button.mat-warn, .app.gray-dark .mat-raised-button.mat-warn, .app.gray-dark .mat-fab.mat-warn, .app.gray-dark .mat-mini-fab.mat-warn { background-color: #f44336; } .app.gray-dark .mat-flat-button.mat-primary.mat-button-disabled, .app.gray-dark .mat-flat-button.mat-accent.mat-button-disabled, .app.gray-dark .mat-flat-button.mat-warn.mat-button-disabled, .app.gray-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .app.gray-dark .mat-raised-button.mat-primary.mat-button-disabled, .app.gray-dark .mat-raised-button.mat-accent.mat-button-disabled, .app.gray-dark .mat-raised-button.mat-warn.mat-button-disabled, .app.gray-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .app.gray-dark .mat-fab.mat-primary.mat-button-disabled, .app.gray-dark .mat-fab.mat-accent.mat-button-disabled, .app.gray-dark .mat-fab.mat-warn.mat-button-disabled, .app.gray-dark .mat-fab.mat-button-disabled.mat-button-disabled, .app.gray-dark .mat-mini-fab.mat-primary.mat-button-disabled, .app.gray-dark .mat-mini-fab.mat-accent.mat-button-disabled, .app.gray-dark .mat-mini-fab.mat-warn.mat-button-disabled, .app.gray-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-flat-button.mat-primary .mat-ripple-element, .app.gray-dark .mat-raised-button.mat-primary .mat-ripple-element, .app.gray-dark .mat-fab.mat-primary .mat-ripple-element, .app.gray-dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-dark .mat-flat-button.mat-accent .mat-ripple-element, .app.gray-dark .mat-raised-button.mat-accent .mat-ripple-element, .app.gray-dark .mat-fab.mat-accent .mat-ripple-element, .app.gray-dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-dark .mat-flat-button.mat-warn .mat-ripple-element, .app.gray-dark .mat-raised-button.mat-warn .mat-ripple-element, .app.gray-dark .mat-fab.mat-warn .mat-ripple-element, .app.gray-dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-dark .mat-stroked-button:not([class*=mat-elevation-z]), .app.gray-dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-fab:not([class*=mat-elevation-z]), .app.gray-dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .app.gray-dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .app.gray-dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-button-toggle-standalone, .app.gray-dark .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.gray-dark .mat-button-toggle-group-appearance-standard { box-shadow: none; } .app.gray-dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } .app.gray-dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } .app.gray-dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(255, 255, 255, 0.12); } .app.gray-dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } .app.gray-dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } .app.gray-dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } .app.gray-dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } .app.gray-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .app.gray-dark .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-card { background: #424242; color: white; } .app.gray-dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-checkbox-checkmark { fill: #303030; } .app.gray-dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } .app.gray-dark .mat-checkbox-mixedmark { background-color: #303030; } .app.gray-dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .app.gray-dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #455a64; } .app.gray-dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .app.gray-dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ff4081; } .app.gray-dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .app.gray-dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } .app.gray-dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .app.gray-dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } .app.gray-dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } .app.gray-dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-checkbox .mat-ripple-element { background-color: white; } .app.gray-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .app.gray-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #455a64; } .app.gray-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .app.gray-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ff4081; } .app.gray-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .app.gray-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } .app.gray-dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } .app.gray-dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } .app.gray-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .app.gray-dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .app.gray-dark .mat-chip.mat-standard-chip::after { background: white; } .app.gray-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #455a64; color: white; } .app.gray-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .app.gray-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } .app.gray-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .app.gray-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ff4081; color: white; } .app.gray-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .app.gray-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .app.gray-dark .mat-table { background: #424242; } .app.gray-dark .mat-table thead, .app.gray-dark .mat-table tbody, .app.gray-dark .mat-table tfoot, .app.gray-dark mat-header-row, .app.gray-dark mat-row, .app.gray-dark mat-footer-row, .app.gray-dark [mat-header-row], .app.gray-dark [mat-row], .app.gray-dark [mat-footer-row], .app.gray-dark .mat-table-sticky { background: inherit; } .app.gray-dark mat-row, .app.gray-dark mat-header-row, .app.gray-dark mat-footer-row, .app.gray-dark th.mat-header-cell, .app.gray-dark td.mat-cell, .app.gray-dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-cell, .app.gray-dark .mat-footer-cell { color: white; } .app.gray-dark .mat-calendar-arrow { border-top-color: white; } .app.gray-dark .mat-datepicker-toggle, .app.gray-dark .mat-datepicker-content .mat-calendar-next-button, .app.gray-dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } .app.gray-dark .mat-calendar-table-header { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-calendar-body-cell-content, .app.gray-dark .mat-date-range-input-separator { color: white; border-color: transparent; } .app.gray-dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } .app.gray-dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-calendar-body-in-range::before { background: rgba(69, 90, 100, 0.2); } .app.gray-dark .mat-calendar-body-comparison-identical, .app.gray-dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.gray-dark .mat-calendar-body-comparison-bridge-start::before, .app.gray-dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(69, 90, 100, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-dark .mat-calendar-body-comparison-bridge-end::before, .app.gray-dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(69, 90, 100, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.gray-dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.gray-dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.gray-dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.gray-dark .mat-calendar-body-selected { background-color: #455a64; color: white; } .app.gray-dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(69, 90, 100, 0.4); } .app.gray-dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.gray-dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(69, 90, 100, 0.3); } .app.gray-dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(255, 64, 129, 0.2); } .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .app.gray-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .app.gray-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ff4081; color: white; } .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 64, 129, 0.4); } .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.gray-dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(255, 64, 129, 0.3); } .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(244, 67, 54, 0.2); } .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .app.gray-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .app.gray-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: white; } .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 67, 54, 0.4); } .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .app.gray-dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .app.gray-dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(244, 67, 54, 0.3); } .app.gray-dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-datepicker-toggle-active { color: #455a64; } .app.gray-dark .mat-datepicker-toggle-active.mat-accent { color: #ff4081; } .app.gray-dark .mat-datepicker-toggle-active.mat-warn { color: #f44336; } .app.gray-dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } .app.gray-dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-expansion-panel { background: #424242; color: white; } .app.gray-dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .app.gray-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .app.gray-dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { .app.gray-dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } .app.gray-dark .mat-expansion-panel-header-title { color: white; } .app.gray-dark .mat-expansion-panel-header-description, .app.gray-dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .app.gray-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .app.gray-dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-hint { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-form-field.mat-focused .mat-form-field-label { color: #455a64; } .app.gray-dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ff4081; } .app.gray-dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } .app.gray-dark .mat-focused .mat-form-field-required-marker { color: #ff4081; } .app.gray-dark .mat-form-field-ripple { background-color: white; } .app.gray-dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #455a64; } .app.gray-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ff4081; } .app.gray-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } .app.gray-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #455a64; } .app.gray-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ff4081; } .app.gray-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } .app.gray-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } .app.gray-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .app.gray-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } .app.gray-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .app.gray-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } .app.gray-dark .mat-error { color: #f44336; } .app.gray-dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.gray-dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .app.gray-dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } .app.gray-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } .app.gray-dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .app.gray-dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } .app.gray-dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #455a64; } .app.gray-dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ff4081; } .app.gray-dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } .app.gray-dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } .app.gray-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } .app.gray-dark .mat-icon.mat-primary { color: #455a64; } .app.gray-dark .mat-icon.mat-accent { color: #ff4081; } .app.gray-dark .mat-icon.mat-warn { color: #f44336; } .app.gray-dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-input-element:disabled, .app.gray-dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-input-element { caret-color: #455a64; } .app.gray-dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-input-element option { color: rgba(0, 0, 0, 0.87); } .app.gray-dark .mat-input-element option:disabled { color: rgba(0, 0, 0, 0.38); } .app.gray-dark .mat-form-field.mat-accent .mat-input-element { caret-color: #ff4081; } .app.gray-dark .mat-form-field.mat-warn .mat-input-element, .app.gray-dark .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } .app.gray-dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } .app.gray-dark .mat-list-base .mat-list-item { color: white; } .app.gray-dark .mat-list-base .mat-list-option { color: white; } .app.gray-dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-list-item-disabled { background-color: black; } .app.gray-dark .mat-list-option:hover, .app.gray-dark .mat-list-option:focus, .app.gray-dark .mat-nav-list .mat-list-item:hover, .app.gray-dark .mat-nav-list .mat-list-item:focus, .app.gray-dark .mat-action-list .mat-list-item:hover, .app.gray-dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } .app.gray-dark .mat-list-single-selected-option, .app.gray-dark .mat-list-single-selected-option:hover, .app.gray-dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-menu-panel { background: #424242; } .app.gray-dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-menu-item { background: transparent; color: white; } .app.gray-dark .mat-menu-item[disabled], .app.gray-dark .mat-menu-item[disabled]::after, .app.gray-dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-menu-item .mat-icon-no-color, .app.gray-dark .mat-menu-item-submenu-trigger::after { color: white; } .app.gray-dark .mat-menu-item:hover:not([disabled]), .app.gray-dark .mat-menu-item.cdk-program-focused:not([disabled]), .app.gray-dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), .app.gray-dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } .app.gray-dark .mat-paginator { background: #424242; } .app.gray-dark .mat-paginator, .app.gray-dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-paginator-decrement, .app.gray-dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } .app.gray-dark .mat-paginator-first, .app.gray-dark .mat-paginator-last { border-top: 2px solid white; } .app.gray-dark .mat-icon-button[disabled] .mat-paginator-decrement, .app.gray-dark .mat-icon-button[disabled] .mat-paginator-increment, .app.gray-dark .mat-icon-button[disabled] .mat-paginator-first, .app.gray-dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-progress-bar-background { fill: #353b3d; } .app.gray-dark .mat-progress-bar-buffer { background-color: #353b3d; } .app.gray-dark .mat-progress-bar-fill::after { background-color: #455a64; } .app.gray-dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #643444; } .app.gray-dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #643444; } .app.gray-dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ff4081; } .app.gray-dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #613532; } .app.gray-dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #613532; } .app.gray-dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } .app.gray-dark .mat-progress-spinner circle, .app.gray-dark .mat-spinner circle { stroke: #455a64; } .app.gray-dark .mat-progress-spinner.mat-accent circle, .app.gray-dark .mat-spinner.mat-accent circle { stroke: #ff4081; } .app.gray-dark .mat-progress-spinner.mat-warn circle, .app.gray-dark .mat-spinner.mat-warn circle { stroke: #f44336; } .app.gray-dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #455a64; } .app.gray-dark .mat-radio-button.mat-primary .mat-radio-inner-circle, .app.gray-dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.gray-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .app.gray-dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #455a64; } .app.gray-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ff4081; } .app.gray-dark .mat-radio-button.mat-accent .mat-radio-inner-circle, .app.gray-dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.gray-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .app.gray-dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ff4081; } .app.gray-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } .app.gray-dark .mat-radio-button.mat-warn .mat-radio-inner-circle, .app.gray-dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .app.gray-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .app.gray-dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } .app.gray-dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .app.gray-dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .app.gray-dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-radio-button .mat-ripple-element { background-color: white; } .app.gray-dark .mat-select-value { color: white; } .app.gray-dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-select-panel { background: #424242; } .app.gray-dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #455a64; } .app.gray-dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ff4081; } .app.gray-dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } .app.gray-dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } .app.gray-dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-drawer-container { background-color: #303030; color: white; } .app.gray-dark .mat-drawer { background-color: #424242; color: white; } .app.gray-dark .mat-drawer.mat-drawer-push { background-color: #424242; } .app.gray-dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .app.gray-dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .app.gray-dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } .app.gray-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ff4081; } .app.gray-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 64, 129, 0.54); } .app.gray-dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ff4081; } .app.gray-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #455a64; } .app.gray-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(69, 90, 100, 0.54); } .app.gray-dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #455a64; } .app.gray-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } .app.gray-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } .app.gray-dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } .app.gray-dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } .app.gray-dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } .app.gray-dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-primary .mat-slider-track-fill, .app.gray-dark .mat-primary .mat-slider-thumb, .app.gray-dark .mat-primary .mat-slider-thumb-label { background-color: #455a64; } .app.gray-dark .mat-primary .mat-slider-thumb-label-text { color: white; } .app.gray-dark .mat-primary .mat-slider-focus-ring { background-color: rgba(69, 90, 100, 0.2); } .app.gray-dark .mat-accent .mat-slider-track-fill, .app.gray-dark .mat-accent .mat-slider-thumb, .app.gray-dark .mat-accent .mat-slider-thumb-label { background-color: #ff4081; } .app.gray-dark .mat-accent .mat-slider-thumb-label-text { color: white; } .app.gray-dark .mat-accent .mat-slider-focus-ring { background-color: rgba(255, 64, 129, 0.2); } .app.gray-dark .mat-warn .mat-slider-track-fill, .app.gray-dark .mat-warn .mat-slider-thumb, .app.gray-dark .mat-warn .mat-slider-thumb-label { background-color: #f44336; } .app.gray-dark .mat-warn .mat-slider-thumb-label-text { color: white; } .app.gray-dark .mat-warn .mat-slider-focus-ring { background-color: rgba(244, 67, 54, 0.2); } .app.gray-dark .mat-slider:hover .mat-slider-track-background, .app.gray-dark .cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-slider-disabled .mat-slider-track-background, .app.gray-dark .mat-slider-disabled .mat-slider-track-fill, .app.gray-dark .mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .app.gray-dark .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } .app.gray-dark .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .app.gray-dark .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } .app.gray-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .app.gray-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .app.gray-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .app.gray-dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .app.gray-dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .app.gray-dark .mat-step-header.cdk-keyboard-focused, .app.gray-dark .mat-step-header.cdk-program-focused, .app.gray-dark .mat-step-header:hover { background-color: rgba(255, 255, 255, 0.04); } @media (hover: none) { .app.gray-dark .mat-step-header:hover { background: none; } } .app.gray-dark .mat-step-header .mat-step-label, .app.gray-dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } .app.gray-dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: white; } .app.gray-dark .mat-step-header .mat-step-icon-selected, .app.gray-dark .mat-step-header .mat-step-icon-state-done, .app.gray-dark .mat-step-header .mat-step-icon-state-edit { background-color: #455a64; color: white; } .app.gray-dark .mat-step-header.mat-accent .mat-step-icon { color: white; } .app.gray-dark .mat-step-header.mat-accent .mat-step-icon-selected, .app.gray-dark .mat-step-header.mat-accent .mat-step-icon-state-done, .app.gray-dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #ff4081; color: white; } .app.gray-dark .mat-step-header.mat-warn .mat-step-icon { color: white; } .app.gray-dark .mat-step-header.mat-warn .mat-step-icon-selected, .app.gray-dark .mat-step-header.mat-warn .mat-step-icon-state-done, .app.gray-dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #f44336; color: white; } .app.gray-dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #f44336; } .app.gray-dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } .app.gray-dark .mat-step-header .mat-step-label.mat-step-label-error { color: #f44336; } .app.gray-dark .mat-stepper-horizontal, .app.gray-dark .mat-stepper-vertical { background-color: #424242; } .app.gray-dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-horizontal-stepper-header::before, .app.gray-dark .mat-horizontal-stepper-header::after, .app.gray-dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-sort-header-arrow { color: #c6c6c6; } .app.gray-dark .mat-tab-nav-bar, .app.gray-dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-tab-group-inverted-header .mat-tab-nav-bar, .app.gray-dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } .app.gray-dark .mat-tab-label, .app.gray-dark .mat-tab-link { color: white; } .app.gray-dark .mat-tab-label.mat-tab-disabled, .app.gray-dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-tab-header-pagination-chevron { border-color: white; } .app.gray-dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } .app.gray-dark .mat-tab-group[class*=mat-background-] .mat-tab-header, .app.gray-dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .app.gray-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(236, 239, 241, 0.3); } .app.gray-dark .mat-tab-group.mat-primary .mat-ink-bar, .app.gray-dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #455a64; } .app.gray-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.gray-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .app.gray-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .app.gray-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.gray-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 128, 171, 0.3); } .app.gray-dark .mat-tab-group.mat-accent .mat-ink-bar, .app.gray-dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ff4081; } .app.gray-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.gray-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .app.gray-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .app.gray-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.gray-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.gray-dark .mat-tab-group.mat-warn .mat-ink-bar, .app.gray-dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } .app.gray-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.gray-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .app.gray-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .app.gray-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .app.gray-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(236, 239, 241, 0.3); } .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-header, .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #455a64; } .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.gray-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .app.gray-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 128, 171, 0.3); } .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-header, .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #ff4081; } .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.gray-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .app.gray-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .app.gray-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-header, .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #f44336; } .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.gray-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .app.gray-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .app.gray-dark .mat-toolbar { background: #212121; color: white; } .app.gray-dark .mat-toolbar.mat-primary { background: #455a64; color: white; } .app.gray-dark .mat-toolbar.mat-accent { background: #ff4081; color: white; } .app.gray-dark .mat-toolbar.mat-warn { background: #f44336; color: white; } .app.gray-dark .mat-toolbar .mat-form-field-underline, .app.gray-dark .mat-toolbar .mat-form-field-ripple, .app.gray-dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .app.gray-dark .mat-toolbar .mat-form-field-label, .app.gray-dark .mat-toolbar .mat-focused .mat-form-field-label, .app.gray-dark .mat-toolbar .mat-select-value, .app.gray-dark .mat-toolbar .mat-select-arrow, .app.gray-dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .app.gray-dark .mat-toolbar .mat-input-element { caret-color: currentColor; } .app.gray-dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .app.gray-dark .mat-tree { background: #424242; } .app.gray-dark .mat-tree-node, .app.gray-dark .mat-nested-tree-node { color: white; } .app.gray-dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .app.gray-dark .mat-simple-snackbar-action { color: inherit; } .gradient-purple { background: #7873f5 !important; background: linear-gradient(50deg, #ff6ec4, #7873f5) !important; color: #fff !important; } .gradient-indigo { background: #303f9f !important; background: linear-gradient(50deg, #2ec6ff, #303f9f) !important; color: #fff !important; } .gradient-blue { background: #2196f3 !important; background: linear-gradient(50deg, #37ffb5, #2196f3) !important; color: #fff !important; } .gradient-orange { background: #ff7043 !important; background: linear-gradient(50deg, #ffd86f, #ff7043) !important; color: #fff !important; } .gradient-green { background: #2e7d32 !important; background: linear-gradient(50deg, #c5d429, #2e7d32) !important; color: #fff !important; } .gradient-pink { background: #e91e63 !important; background: linear-gradient(50deg, #f59e99, #e91e63) !important; color: #fff !important; } .gradient-red { background: #d50000 !important; background: linear-gradient(50deg, #ff9e80, #d50000) !important; color: #fff !important; } .gradient-amber { background: #e65100 !important; background: linear-gradient(50deg, #ffba3a, #e65100) !important; color: #fff !important; } .gradient-gray { background: #263238 !important; background: linear-gradient(50deg, #8ef9fe, #263238) !important; color: #fff !important; } .gradient-teal { background: #00796b !important; background: linear-gradient(50deg, #a9dc7b, #00796b) !important; color: #fff !important; } .gradient-brown { background: #5d4037 !important; background: linear-gradient(50deg, #fa9151, #5d4037) !important; color: #fff !important; } .gradient-lime { background: #827717 !important; background: linear-gradient(50deg, #fdd819, #827717) !important; color: #fff !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 2.5rem !important; } .mt-5, .my-5 { margin-top: 2.5rem !important; } .mr-5, .mx-5 { margin-right: 2.5rem !important; } .mb-5, .my-5 { margin-bottom: 2.5rem !important; } .ml-5, .mx-5 { margin-left: 2.5rem !important; } .m-6 { margin: 4rem !important; } .mt-6, .my-6 { margin-top: 4rem !important; } .mr-6, .mx-6 { margin-right: 4rem !important; } .mb-6, .my-6 { margin-bottom: 4rem !important; } .ml-6, .mx-6 { margin-left: 4rem !important; } .m-7 { margin: 6rem !important; } .mt-7, .my-7 { margin-top: 6rem !important; } .mr-7, .mx-7 { margin-right: 6rem !important; } .mb-7, .my-7 { margin-bottom: 6rem !important; } .ml-7, .mx-7 { margin-left: 6rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 2.5rem !important; } .pt-5, .py-5 { padding-top: 2.5rem !important; } .pr-5, .px-5 { padding-right: 2.5rem !important; } .pb-5, .py-5 { padding-bottom: 2.5rem !important; } .pl-5, .px-5 { padding-left: 2.5rem !important; } .p-6 { padding: 4rem !important; } .pt-6, .py-6 { padding-top: 4rem !important; } .pr-6, .px-6 { padding-right: 4rem !important; } .pb-6, .py-6 { padding-bottom: 4rem !important; } .pl-6, .px-6 { padding-left: 4rem !important; } .p-7 { padding: 6rem !important; } .pt-7, .py-7 { padding-top: 6rem !important; } .pr-7, .px-7 { padding-right: 6rem !important; } .pb-7, .py-7 { padding-bottom: 6rem !important; } .pl-7, .px-7 { padding-left: 6rem !important; } .w-100 { width: 100% !important; } .w-80 { width: 80% !important; } .w-75 { width: 75% !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .fade { animation: fade 1s linear forwards; -webkit-animation: fade 1s linear forwards; -moz-animation: fade 1s linear forwards; -o-animation: fade 1s linear forwards; -ms-animation: fade 1s linear forwards; } @keyframes fade { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } html.lb-disable-scrolling { overflow: hidden; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; box-sizing: content-box; outline: none; } .lightbox .lb-image { height: auto; max-width: inherit; max-height: none; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url('data:image/gif;base64,R0lGODlhIAAgAPUuAOjo6Nzc3M3Nzb+/v7e3t7GxsbW1tbu7u8XFxdHR0djY2MHBwa2trbm5ucnJyaSkpKWlpaGhoeLi4urq6u7u7ubm5vLy8vb29vT09Pr6+v39/aysrK+vr7Ozs8fHx9vb297e3qmpqb29vdPT06amptXV1aCgoMvLy8/Pz9fX18PDw/j4+Ozs7ODg4PDw8KioqOTk5JqampmZmZycnP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBwAuACwAAAAAIAAgAEAG/0CXcEgECQ6bUGRDbDpdimTo9QoJnlhsYVvojLLgrEAkGiwWiFTYldGsRyHSYz6P2COG9XCw2TAYeXprCQYEhQcKgoouAQ4IHg4CAiMpCiASFRMUFhgXFxkZawEDcnd2Jh2LLiAdLyQvELEFX6pCAQx9fQ21T1wFHCi8TwcGxQYnwk8eBAcHZQnJTh8D1I8OJwmWMBMsFJudoG4u4mAgIwIoCSMKlpjcmxeLCgcPJianEcIKBXR1prVRSMiBUIfDAA8JoC1SMYWKKw/RXCzoE6IixIgC+uDaQCsiAQ4gOSCIOMRXhxIkhRjoYEwhSQTGCAxIyYiAzWYjU35o5oxaIj095J6AWFDmDAIHCVpgubCizRoFKtBAQjeixIdLADRZYBpOQ1An5qYmLKEgQAsYWb95UiUhgIJK7bZRCBMEACH5BAkHADMALAAAAAAZACAAAAb/wJlwSAQJRJxNJMLgHBzE6FBxeD0ey2zEBJESA4sXBHItZ2MJr1DReZFIZfNS9lGXOC83aRzPktQKHCEheW4QBQseCQkeAwZeIAYbG4OEBiNqXgiTnBsemV6BkwwbDCigXioMq6RQqFEBHLKyB69SKAW5BRwltlELugW1vkQHBh3In8RDBs3NactCBM4GvdEzBNMGBNbRB9MEB9DRAwQNBwcC1zMe5wciCOsj7wcDAwrXAe8i9ifrDvwGLEDQjdgHewtUIPBQJxqKBQM9OBDQkBgIBws9CBCQQAEMNRk0SAngoeTGBCMUgKgwgYIFDBcyhPTywSTHEiolsHR5YcVMMkgoOCbACUJny5cxf0ppkWIRzgAtYABg4QKmz5AivUhQ8LTozqo9M9iS0KKFURY8iQQBACH5BAkHAAAALAAAAAAZACAAAAb/QIBwSAShRBzGA8LhHAQgolSoEIVIENJjG+maHgfFFBBQbUKvF3bL7kZMpoFUYTij0xAI++E2yVJEJQUbhCF3JGsRfF0xB0QKg4SFIR0qDgkJHgMhjEUESZIbBiNjAAkvAkQeHAUFTRwOpaUKHa22CbKlCLatsblTAQYdwgVyv1MJBsrKJcdTCMsGxs5EAwQEBgQn1FIH1wQHpNxDBw0H52LjQucHIiKA6gAi7SID4uoL9QMLuPEOA/sW+FI3IiACDwHigVCB4OCleKYOejgh4INChwIEJJAQLxPFBCNKcBwHIiOKBCUUfJAwgaRGlApASKgwwQWGCxkyaNAgC8SIMxEpYs6cQMHChRU6f0lQEFQmzaJHk/6CAeKDU6JGkfJ0VkHCUAo2cerc6mwC0bBayQIIAgAh+QQJBwAuACwAAAAAHAAgAAAG/0CXcEgEJQaFAomUHAhAxGhUMWCErq/X8sF9HRRSYgDB2ZixWgiXG4kMAuFPg2Gmb0JZEkTNbnPARCUGHAUcDHZYS3wPbW0QCUMfBklJhhsGCA4JCQ4LDH0RMzIcQiAHBR2UBQclYS4JBY0mA0MOBrepBieuRAgmMhuRBLfEkLxEJwdEHgbDtwLHxwEE1NQq0ccjDdQHX9i8Dt3d19+uCyIiB07lrgPu7q3sUu8LCx/y8/ULCPf4vQgAPQDyJ8RBQAfxCL5C4MGBAGMKFTA88VCCQhcgHDhEMWIgwRECUCQYkcKiQhAiSSoAAeCiggQlFHwAIWGCQgkpUqxsAQMABToMBCXIpFlhAgULF1Zk0KCBnQQQRI0iVdpUXgUJEooeTbrU34QKWqd2JUiBxVaqTC9iwHAhg9u0roIAACH5BAkHADMALAAAAAAfACAAAAb/wJlwSAQlFoZOKNQpDFAgonQq/CwKjI12E3p5IaGDgjoNeAoFDoeR5XpfJAiENAiQq6ImOt1efiEPgRxjVCkHBkl7axsMfnGADxERLyNTH4eIBgVNBAgnIyMOCxwvgYGSL4RCIAMGBJkGIiVkIx2QkhEcdkICBK+/AndDCBC4kgNVBwcNzAeVwkMCkZIxMR8zJyIiygco0FIIESYyBava2gMe31MbL0QjA/HxqutVUgILAwsL6vXCHgtULEDwzB8ZDwgSeqBnEJwHDw4cRGlIBQFEAQImUpQSESOUjVNQYEyQYBfIISVQJBhR4trJIR9IlkjxocJLIRJY0gQh4WaVTxQKArSQMMGnBAUfeFaY4MJnCxAtYCylgOFmhaFLWbjAcCHDSwASplq4sCKDBg0nJwCYQGFsWbQvKcjlmsGszxkW3Nq9y/Ut3Lsz6u6tFwQAIfkECQcAAAAsAAAAACAAHwAABv9AgHBIBCUQBsOGkVwkQMSodPhBdApYzma7CYU2IsV0CnIQklcsg7H1vl6hQWBMHRjOhnSBw+6G3iQQBWJjCgcEiEkGWXxtfy8QEA8hI1MfAwcNiUkHHgIjIycIBX+BkpOEQyAqByIHmQQLJWMjBpEPuBEFUEMCra+vKHRDHiS4DxERA3UDzQMis8O9xrkRhALOzQnSUQjIyREHACAIKggLCyfcUh3gyR8pCPLyH+tRI+AmJh4oCB4eDgTYk8IhQgwZMQYIcODghIMUA6McIDGgHoCGAjLOiUgnowAUCVpwpAMyASgJI8ckSFCihAKUKaW0TKHgA8yYROApCADiJk5QIS0+8JQAg8LPIRU+9IRRYcLRIRKINqVg4SmACRKmurBwweqECSyoXriQ4SmFCVQxkM2gQcNRCmJXsHX71ILaDGytChmLl65eAH3/EvGbMggAIfkECQcAMQAsAAAAACAAHAAABv/AmHBIjI0QB0KhQCCoEqCidPpBNAzYzrLA2Ww4A8V0ChIkm1jDtuv1qgLj4Ud1ODQIafWSw2iHQh1iYwoLdXV3aXt8Xn8vLxsjUwELAwMihgcDDgIlIwIIBoyOJCQhgkMgDpSVlginRSMGIS+kpAVRQwkICJSUCXFDHrMQD8UDqLvJrsBEKCQQxA8vggke1tYlzEUe0cUHMS0O4icOv9pFBsUPEQ8fCgLw8LjnQyPs6xEeJQkoCQmR9IpwiEAwAoF9IxLCCUhkQMEIDEpITKFAAkMiJx5CSEHxw4cKF3MVNBHBI4iTAEIKSTAywskWEmBMUDlFQswKFVjQlIKzwoQ6CRR2FpkAACgFFxiEDqEA1IUFDBeULqVg4cKFFRmkxsDwFGuGDBq0Wv2qoWxYqWTPao1Bdi2RsmuDAAAh+QQJBwAqACwAAAAAIAAaAAAG/0CVcEhUlRwDkcEgOiASoKJ0GnA0G4Ts0lDoLhTTKUiQbB4IW0OnW2BwEIHwEORYDJKHPHq57jI2GwZgYR8eCAh2d2Z7bBx/gAUlYh6Ghwt2CAIJKSUoDgQFjo8hHINDLZ6UlQ6mRSUNgBshIS8dUUMpAicCAg4eknJCDn+0JC8LQxIJCby8ccFDCbIvJMaDCsvZH9BFHi/U1CIqMCXlJSOt3EIGJBAPECQfLQr09DDqRSMQ7g8PDiABAgC8hY9Ih37vDoBYKKFFhYJFFiB8UECCxQoVJkAkciJCvwgkYGAEMIHCxmgeH0SIQHICCwoWTgpJsLJmSQouLGCQqaJjTT0IFGBiuHCB54CaEThYsED0QgaeDWbIiGGiwVCnGTJo4KkCxIIXCFRg1UCWa5GsZc2e1ap2Ctu2UrbCFRIEACH5BAkHADAALAAAAAAgABkAAAb/QJhwSISVTovBgTAYeEagonQaEKgGooN2STB4VZ/pFJRAqK5NbaPr7RQ6noB4CBIg7oik8rD2GtwFHAQKc3UODh53KklZDQ1+BZGBBSVTLQkCAoceiR4JIyklCQ4HBpIcDBsFhEWimAInDgJhUyUHgRwbugZRdCMjCcEorHMwJwWpuhsqQxUKKaGivcVCCbkbISEbrBIf3goK09RCHtjZIQMwEy0g7QHi40INIS/1Lx8AEvr6APFFI/ZIkDgxAUCFgxX8SSnwAoLAAxMiRmShsMgCEg8cFqDAkaOLikQEPBj5IISFkxgsYAA5JAHJjBdiymRZ7SWEFRkyrFhxgaaxQwgjI7zISTSDzwERkkbgoKFpU6M0NyiNQEDDEA1QQSYwkdSECQdEmtJ8EYErV1o+hziYIcPrgbRTEMiYQQxuEQRCggAAIfkECQcAMQAsAAAAACAAHAAABv/AmHBIjClQHsRApFqcRsWoNAZKJBHNweDAJTQQn2lUkhI4PNeFlnsgGAgER0AslIxQArMDgdWKDg0NbwYdB2FTEiUJiwInZ3xqf4EGlB0dBiVSMAopIyMJeCcCIyUKCiMCIoKVBQUGh0QgHx+cnyMgUykDlq2tBLhDMCAgAQGmwHQCBr0cDAhDEzASEi2yEnRECQUczRscCkITABUV0xXYRSfcG+wLMS4sE/Lk6FEH7OwMARYuFP4TFOoVGYFvQwgBGBLyCyiwiAGDIUIMuEAxIYaGRRZseMHRQIYMKyhewEhEwAsSJzd8XLmC5JAEJCCQmKmhpoaPLoUkgMBz5pBSmxlyxhDwoCiEEEQ0CI2xoGjRAkuLcHD64EDUlxGoOrgqhEPWBxEgwFqKwESEsyasXnUQwezZCOCuDpDh1sQArkIE0DURYg7eGHMfZPqbNwGRIAAh+QQJBwAuACwAAAAAIAAfAAAG/0CXcEh0gUqCEwLhcAhKxajUJVGMEgKBw7NcDL6OzzRaASlKV1TS0f2KDocTaCwEtAIfRSqt5XoHbw0EA2JTExISICABemknbAhecAcEBAcpUhQAFRWIiwoKHx+LewiAcAYEBg2FRCwTsBUwiBVTCggHDQa7BiJzQxYUwq8AE3RCKJW8BR5DFxgW0cIUx0Mjux0F2gpCF97eGBjVRAIG2toqQisZGSve40UD5xwFAez37PBEJdocHBsCMmgYOFBfkQb/NmwYUFCIBoNEEDBQuMHAQ4hSBFDcwAHjlBEKQ4j0KCWByBAvQpCMIgDlixcbVhZZ8JLEiwIyiRQgwZPEgU6cQkZAGEoCwgmgLgw8gLCURKuVCB5Ilfozp4ClU19wk4kgQoSpDwbIDPDCq9kIDALkDDHj7AMoQGOY8PoiAdKkMdBuvUtChNq7Qp4SCQIAIfkECQcAMAAsAQAAAB8AIAAABv9AmHBIlHxKCZRgmVAQn9AhwKgojRIJwcmD6AoCUShl2gJ9qlctF6EaLASgsNA1AVQk5TNS6eAuBgMHKh9hFhQsExN3EgEfKVgCfQh/gQcDTk8XGBYuh4oSoKAtRwKTgAeoB4REF62bFIkTYR8OpwcNBANxQhkZKyuaFhZyQwkiqAQEBg68vb3AF8REJbcGygSEGtoaztJPCcoG4ggwGkPc3lAL4gYdHWDn5unT4h0FBQLz0gf39wv6xDz0K9AAoBwUHApwSGgwzIiFHDYwaBhlBAMGGyRShCIgY0YOG58g8LjBQEgiBkKE2BBiwEkhI168CDEz30sDL0jIDLEqpAdOCBByvnB5UgAJoBB0YtqIAMIDpBCIUkxQIMKDq1c5wDN4YEOEr1gfvEix0YCJr1a/hhgRckEMtF85LN0Y4+xZEVtD1n3QYO7JESfyQgkCACH5BAkHADAALAQAAAAcACAAAAb/QJhwCANIQB/FaFn6EJ9QC6tSOSZHCZTg5EgEoE+MizWptgKKUiKx9SAQCRAYdsFYKCxAFZnCChxuCCoeX0QZGSt1d2VWSmyAbyoLCwpEGhqIdRQTE3p7CgmQCAsDpU5DmBmKFnMBAqOlAwcqcqiZc0QjpLIHBwKWiLhPKSIivb2nMJjCUAm9DQ0EHszMCNAE2IXUYCnRBgQGCdu4AwbmBgjjcw7mHR0H6mAJ7R0G8VAlBfr6908j+/z6DUHBAaDAIQg4KOTQ4KAQAgw2SBzgcITEi78OEri4gYG2ex5CiJS44KCAEC9ejKzUDwGJlylDqOj3D8KDBzALfMS1BsGANw0Rbt58uSHFOA4RkgYVijPECHURTChl+qAAy3EdpCoNSmLATmomwop9cOBqvAImQmxoIKDWnCAAIfkECQcAKQAsBgAAABoAIAAABv/AlFBooUwqsBYoAAINn1Dh5VJkHSWgj2KUUDijwoz4giles9sESlD6PjXwzIpKYVUkSkVJLXAI3G9jGC4sADASAXoJAicOHh4fUXFTg0Z3H3uMDggIHgGSYmApEiWanCoegHCiTwqOnAsDAqy0CrADuJG0oiUquAMHJ7usDrgHByKfw1EKIiLHBwnLYCrQDR7TUQINDQQEA9lQCd0GBA3hTyUEBuUG6EMl7PLvQgny7PQpHgUd/Af5BwoILKCCXgkOAwugoHeAA0KEysI52ECRAYOC6FAwoEiRgwJ0HjaE4LgBQbgRBl6oHLmhQ0QoBwZ4SJDAwwIOEEiofBEihEc+VhwiCBX64AEECC90vuAwgpaMoUWjPiChs8NHVgpiQJWa88WCl2BezDAxlOiDFweu7vrQgGIEExs4HPhDKwgAIfkECQcAJwAsBwAAABkAIAAABv/Ak/CkyWQuGBdlAqgMn9BnEWlZViQgECzKnV6qkyvoo/hIuEPNFAMWf0qjUgutNiJdrAqsBVKUEoABaEYrVEt7ZCMJKAICIGhoFQEKio0ejpBoIIsCDh4ICZmanZ4ICIKiUQqlCCooqVwopioLC4+wTx8ItQMDI7hQHr29DsBPCcMiKsZDJQfPBwPMQinQz9MnzgcEDQ3YCQ0EBAbe0w4G4wbS0wMG7gYI0yUdBvQGocwiBQUd9KjADvYJjGcsQQEOAgsoMOaBg0OEHDw8CRACX5QRBjZo3MCAg4F/J2LMMMFgAKgEHhYUeBEixMYNCo+ZiEAzwoObN0m8YLmxQAk0KDJMCLWJM+fOlhsMLHxSQuhQojchkNDpcgHIIQoaRHiKk4TUECKWQgIh4ADHmw4PYIIUBAAh+QQJBwAAACwEAAAAHAAgAAAG/0CAcEjUZDKXi8VFbDqdGmPSQplYn9hiZqWsViSwSvYZRWKoky8IBBsXjWYXawKTgBSKlpu4vWC8Ei0BCiUlEntPFGofhAkjeohOFYMlIwkCKZFPEimWlwIgmk4gCSgCJw4Jok4lpw4eCKGrQyACrwgqmbNDKB6wCCi7QyMIuAgOwkIpCAvNC8kACgsD1APQCtUi1sklByLe28ICB+QHz8kLDQ3kHskpBPDwqsIDBgT2BAHiBvz87UO2IiXo0KEfgQ9DHJiIgGDPiQIQCXZAJmREjBkRInAYgaUEAQ4QIzbQB8BDjBgZUxZYkGqEAwQGNjDgABKiAQVDPpBIGeGBT0kIQF+8CLFBpkyQBko0UcBgYU+fDyA8EDq0aFEGBHA6CSAiJVQSEEgIJVqUAwKSWBQ0IPGVhNihITgM0Lqn1gGaD0iAHIBCFpYgACH5BAkHADEALAIAAAAeACAAAAb/wJhwSCzGNJqMcck0IjOXC6ZJLT6lFle1+oRiXKwJa7vsRi2USaUCIC8zK6krXZG0Ku7lBa2GtUAgeUwUaxIgHwqBgkYTdocKJRKLRhUBiCUJCpNGAZAJny2bRBIjnwICH6JEJSinAgmqQwoCJw4OArFCH7YevbkxH70Iw78fw8e/KQgqzAi/CQsD0h6/CNLSJ0SKggoHIiIDIiNDIRyTCAfp6QExGzImEc55Ag0H9QfZDybw8LhkIwYICCQgIpWICPAiRHggj4oAAxADGsgWA0SIhA8yFhi3pMSBDhEhithW4oHCjBlJFFDhYMQIBwgMcChQICQBTUQSQDiZEQKJRxcvQmwYymEmzQ4dCKRYooADypQ/gw7dYJTmgVRMAgyA8MAniZ9CpzIoWgABuyrdXjyIGiLs0AILsLoBIUAEzbYgFyTYtiQIACH5BAkHAAAALAAAAQAgAB8AAAb/QIBwSCwaAZqjcqnUZJjQpXN1iVqFGucFg7kys9Oty+JtOjOXi4VCKS/RahdrMnEr45RJBVa3G9d6FRISfkd6MBIgIBWFRSyIIAEfhI1EiQEKJR+Vlh+ZJSWcQxIpJSMJI6JCEqcJKCiqAC2uArWxH7UnukMnBh6FKQ4nDh61LyYxEQyFAh7OCAkeJiYR1Ql2Hwja2ikf1d8Fdg4LCyoqCCAADdTfCGUJA/HxAkIK3w8PJPRWJSLy8ZuEDKiGL98vKCgOKDwg4sA+IQE2RCj4AIKBVEdKLCBAYOGBBemIpAhBkcSLEAYQnBgxolkDAzANEGhwYEDAIiNIQoBAwmSIRw0bGHDgUKBATI4dUyxRUICnyZNAhRYt0AEmAQM2oQQY8KJriJ9Bh0616iBkFAUiNnwFCpRo0Q4IbnoBgWIATKAyVSQweyQIACH5BAkHADEALAAABAAgABwAAAb/wJhwSCwaiRpN5shsFpNLp/QJzVym2Fj1csFkpZkw10L+OldjF4VidmIs6gmA1WZiKCx5BVBn6isSMH1HE4ASLS2DRhOHIAEfBRwcBQWKFQGPHwoRJiYRESODFQqkJSUQn58egy2mI68bqREDgx8JtwkjBJ6fHIMjKAICKCUeng8PoHUgwifCCh/JyA8ddSgO2NggMQfTDxCrXyUIHuUICUIKJN4kKFkKKioI8wjbQgPsIeFOCQP+C/PQDQnAgYRBEi9CGCjBJAWCAyL8DVjgwd6QFCEMvki4YQMBDwJMCXAw4IBJiP8+HBmxYWOIEB0ZSKJkoCaBBg1ODlDQREGHN5cdN8ikVKCmzZwHVKh0EmBB0I6TKHWwSYDAAQEWpSgYwAEq0ak2ESw1AyLBAgIGKFlFMCKrkSAAIfkECQcAMgAsAAAGACAAGgAABv9AmXBILBqPmqNyqUwyn01NBkqVJTXSafWJzV5kjoJge8yYV5c0wRQzhcbkIfqCwVg2kXxkEB/S7RQUEHoRcH0YLoEsE4QRCX1CLosTExV6DxEokDIUABWfEoMPmA6bEzAwEqocEaMPC5sVIC0gtQeuDwWbIB8BHx8gDq4QECN9EgrJKSktHyQQDxAkBn0pIyUj1xIyByQv3y8eZB8J5eUKQgovJN4vG5pUHycC9CgJLUML698bG6VPJTw4OEHwRAoiAQq8CBGi34YGJZR8cIAAgYeLHgTgI5KCQcMNDBhw4HDAgYASJRIIUDFgwIIFFS0GODKCg0ORBXIaMEDggM8/Ay0HqLD4YYkCA/1wFuiwk+dPEUEdzGQSAAEHpUyb9jwgAqgAEFUULMhZQCsBAg24Su0DIgGCtDuBehgBdkkQACH5BAkHADIALAAABwAgABkAAAb/QJlMJSwaj8hkURGZOZTQqOxgMsVMAqlW+ImYIuDGVuv4giOJMVSjIZwjDPWRLWNnOJHHIzKQGzNsGhkZL3l7J35Fg4srEHp6aYkyKxeVlY8PEJGJFxieFhYvehAQiJIYLqAUFAUkjiQLkjIULLW1ByS5Lx2yEwC/ABMnui8hI4kTEhUwzBMfL9AvGwSJEiASLdkTMgMhxRsbT2oSCh8BINdCChsh4Bscm1IgIykK9h8VRSrgDAwcBaaifEiQYMSIEiVAGAlgwN2/AgdKKAmA4oQAAQQTlJBwREGBDf4KiDQgAqO9EQkcIPDgwKIAFAlaJClR4GGBDgYMEDhwQMSAQAELEKxk6UCAQiUKCDzMmXNnz59BhXowKiUAgpFNCTR4+lMoggRHtXxAwJSA1p4+ByBAESDRPAQ/dy5Y4CBhlCAAIfkECQcAJgAsAAAEACAAHAAABv9Ak9CUeA2PyKTyqCDNjMtoFLSJRGJQqXY4sFplpO1W4bU+EmLtIfJ4WBFp6YfEdnfiUke7HUHjlwd7DwV/UQUQDxAQC4VLLySKEAKNSRokl5cjlCYaGpwaL4+hfoUZGZ0aGRuhLyEnlKaxGR2tLxsqlBe6uwMhvhsGlBYYGBfEAiEbyhslhRYUFBYWLhYBDMsMB4UTEyzQ0SYLyxwFr3EAFRUA3CxCChwb5AUdpFoVIBISMDAV7UII8goUMDBJS4sPH0CAaNGiwpEABOR1MGBgQIolIFKMSKEAYQAQAJAoMCBwIsUGCwSMUKAgRQkBAlAkGFGC4weHSUqQNGmgwQFNEQMGLEDgwQFMmSM2Sojy4QBFAlAP/BSqwkPREzETlFgqJYADqFGnCkVA1oFRBVy3fEDQwKfUoEPJehgBohCIEQ4WLDgwgCgKBXWjBAEAIfkECQcAKAAsAAABACAAHwAABv9AlHAoVBCPyGQyIJopn1CUgmMyRaLY4YhkNc1A2aiCFCmXnWEliFN+mAtp5cD9cEcQ8eS4zhfkkyJ8dXh/Rx8kEA8QEAaFSCcQL4sQI45HBySZL3CWRAUvmgudRBsvpiF+o0IhrCEblaoorhu0CbEoHLS0qaoGugyEfxpEGgO0DBwNjhrMKMwCGwwF0yV/GdfMGhkBBRzTBSJ/FxfX10Iq3tMGvFkYGOPjK0XTHQb2sFgUFC4W7u9DHgrYs0fAVpQJACaw2OcCA5EADQYaIHAAgZEkFSRIqFBhgkIKSBQQmDjxgIgBCEakCADiwwcFClhq5DgBJJIUDQgQaHDgwIBPBSoQODghIMGIEgo+gGghAcaEJx8GUDQ54CcCDw4EFFWZFISEp1BAOOjp06pQokaPKmhRIcwHByJOLkBAN+vWDzD+gCghACtdrSUCSIASBAAh+QQFBwAzACwAAAAAHwAgAAAG/8CZcEgECU7EpHJJVDQiJhlzugwMIlhThMoVKjjYcGzQnY5C2EfYZCgvFaGHXI1lHNxJUGEujxRGeEoLEBAPhRAIgUoKLySEECQCikoDjSSOHpNJHyEvjS9tmkQCnZ4vgKJDIiGsIR2pRAYbsxuJsEIctBuStzMMswwMqLe/DBwcCb0zBcfMvLcEBdIFmb0L0wV3vQIFHR0GBiW9Ad/gBguTGkoI5gQEyXgZGupEHwQG7g0H4mUrGfLq5glxgI/AgQMD4FHBcMEfQHozQAwgoA/hAAcfmFCg4ILhhX8Zkig4eHDAAhUIUCgIIEECjAowAEygYMHjRyUpBogQYXKBB04HJ1CMKPEBRIsKMjnWvMAkgAqeA1A6ECAgQQkFRSVUmDCzIxUjJhEg+Fl16MoWWiuwcFEmgACxCKYKLZFCgVG1ikAoSCAARdWrICRQCQIAOw==') no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFF0lEQVR4Ac2ZW0xcVRSGPTNnhlPKcCsUAeeChkEVxhutDQwzMANaqamNWgpaH+yDIaZp1cRHbgH0gTsxkmDCI/hiRAqgD5qYRgKQ8II6TE00wfgGAcIdKeM/ydrNZIezxxg9m518gRxWmn6s9a9zhvNQJBL5T/gfjokwA5Uw0zWFeHBOugiTsAArfSWZky+iABVowAZSwRkiDSTRz1iHlJMmogATsIDTIAPYgRs8SeTTtXSQSLVKFNkivIQKksDDJFCsquqLmqZdAa/i+yCuPQ1cJHOKjdpJEWGdsIFs8BQoy83NvTEzMzO3t7f318HBweHc3Nxdj8dznWQeIWmpIryENUaiCPgdDsfN+fn5XyLcWV5eDlmt1gBqHgOpbAHIFmESySAHeECF0+m8hd/+vcgxZ3d39wBj9grqCkA6iaiyRBRunJhEpcvl+nBhYeG3iM7Z2dnZgkg1ZSgNqLI6wgebSVTZ7faPlpaW/tSTWF9f36ivr+9AbQkF3iZRhAs2dSInJ+eDUCj0h0Biq7S09BPUBkEhyAKJssKusE6QRCGoQLDfn56eDulJrK6ubgeDwS7UXgTPAztIkXUfUbhxKgLlyMRtBPtXPYm1tbXdqqoqJnEOOGhbJQCTkSJ8sJlEMNoJrFhdicPDw6PKyspe1FaD85yE2YBnLUGwSSIrK+s2bnZLehIbGxubfr+/B7WXSMJJ42QlCcVAES7YJJGdnR0dp7BgnLZKSko6qBPngIvrBEkYIKIT7PLoOKET4TjB7kbty+A8SaRxmcAxQEQn2BUI9q3Z2dl7gk7sINhRiZeoE87jMmGECB/s3JhgR8dJV2Jzc3Pb5/N1UieKKdgsEyaAY5wIk2Dj5GHBRifCgmBHb3adLBNsO3HBNkxEAWZwCmSCx4EPwb4ZJ9jbCHYXSRQDpyDYhomoNFIOUIRMvINO/KQnsbKyshMIBD5D7RVwgQWblzBahD2Sp5jN5jzM+9uLi4s/60mEw+FNbKcvUH8DVIECcAZoXLCliaRaLBbX8PBwb0RwRkZGfkftx+BdUM4+KInDbdxoWUCKoih5CQkJgYGBgS/xs6PjRPb394+ampp+RP174CIoBGcpYypQZIqYY+4dz4DLvb29Y6LONDY2fou6OuAF+SCDZCgj8kQSQDqNihfU9vX1TYlkGhoa7qDuDVBKMpQVrjMG30fYCs6gAHuRmdqurq5JkUxLS8sEaq+CMq4zJGOgCB2Fk8kHJSaTqaazs3Pi2MzQaWtrm0RtDfDFyCQyGUNFOJlEkMlkwLWenp5vRDKtra1TNGYsM5mcjKEifGeYjBfUQUaYmebm5omYzLjFC8C4zyNqTGfcNDZ1/2ABjKHudZLXkTFARJAZN/CqqnqNMqN7Ojo6vqMF4ONkVFmvFUQLQNiZ7u7u76PZAn6S4TJjrIhoAdT+iwXAdQYYKCJaAG/iPhNvAYyj7jXwAngUpAGrDBF+ATCZAuBXFOX60NDQ3TiPM1/hyfoyPf7kgNNSXyvwmSGZMk3T3hocHPwhzlPzJLLFnpZT5PztV5wZNyilbTZFmTnZrxU4GZWXATV4ap4kmeNELlEticjsSHyZq/39/V/j374P2Lk/Pj5+BznxUuDlj1acJ4B8cAH/4er29vbPR0dH58fGxubx/ac2my1Ab3iz5Yc9/gJIB05QCJ4Fz9FXD3gC5HIfi+WKCGQ0GpuzwA7yCDtdS+b/SCFfRPwaQqPxSSaS6JrlwUjR+RtEvCM0ct4sLQAAAABJRU5ErkJggg==') left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFDUlEQVR4Ac2ZS0xcVRjHvTN3hisw0GIRZ3AeLWHQWqdVsRqgA86AUmpqoy20Whd2YYhprJq45BVAF7yJkQQTluDGiEhBF5qYRsIjYYMKQxNNMO4gQHgjZfxP8pF8ufEe0qQ5pyf5BTKcWfzyff/vnHt5xLQ0wgbsQCfswEY80BWPxx8I5sUlHMBJP0nm4RfRWAUMkAqOgseII8AFDNqjPYwiGuEAySADeEEuOEkE6bNjIIX22riQchHWSo+SRACc1nU9ahjGG+ASfn8Vn+WT0BNUMV0so04kFTwJTodCoeuTk5N3dnd397a3t/8dHx+fzM7OvoG/nQPPADdwscqoF2HBPgJynE5nZGFhYTZuWlNTU3/4fL6b2FMMnmUyTpJRLqKTSAbIQyu9vrW1tRv/n4Uqzfv9/g+x7xUQAh6QxmVUV0SnKRWESMXm5uZ63GJNT0//GQgEPsHeUibD20xTLeKioBdUV1e3rKysrFrJzM3N/eP1ej/F3jImIxgAcsOeDLLAKRAtLCz8HDKWlZmdnf3b4/F8zCojGADyz5F04AUvgPJoNNq2tLS0YSUzNjY2iwHwEWXmFHCzymiqRGwgiaaXD7wIysvKytqWl5e3rGQwAO4iM7ewt4SmmYfLqLpr2U0yZ0FFaWlp597e3r6VDEbzXapMlGQEA0COiEYyTmozP8lcKC4u7lhdXV2zksGhOZeVlXWLy5gHgDwRJsMqE6A2qygoKGhBm60L2izmdruZjGkAyBShxTNzlGTOgvMYAO2iAYDKxKjNSgQDQI6IRWb8VJnXMADaUZlNK5mJiYl5DAC6AQgGgCwRWjaWGR/IB+fD4XDr2trahqDN5lEZ3mbZ5gEgW4QPAD6aK3BotmIArAsqE2MDIMTajGTkinAZ3mb5NAAS58zGIQPgJvaGwVMgk5597ECTLcJl+AB4GVyKRCJfLi4uijLzGzLzHrWYj1pMVyXCB4BBz/J5oAzcwDT7OhaLWZ4zMzMzvyNX79rt9uOUNyewqRSxsbzk0Jh9H3w2MDDwV1yw+vv7Ox0OR4C+q1REAzr1+ON0TpSDD+rq6n7d2dmxusbs9/T0fJOUlBTRNO2gIg6lGSGJYyAXFIFrtbW1P4oq0dnZOYR9F8EZdqaoCDtVgrJBEoXgck1Nzfciia6urlHsu0rSOSADJEkXYRK8EufAlYaGhtsiiba2thFk4kAij75Po1fiOcIkkplEGFQ2NTWNCBz2W1tbb9tstkrsLaDvcQlN5hWFS2SyTFxubGwcFUl0dHT8gH1VTCITJHMJWSLmYAcPMlFfXy9sJ0gkMnGNpEnCXAkJIhYSReAtBHvosGCTRBgEWSV0qc8jPNhMIgyutLS0/CSSSGRC1/Uqkg5aZUKGiDkTQVAMqtrb238+RGJUHGyZb1F4Je4/2FfFwZYr4qRb7QnwEngTwR4+5JxIZOJtcbDlv2lMAR5wBjfUi7h2fCuS6Ovru6Np2nVqvzwmQcFW9+43HeSg10twix0RSfT29v5iGMY7dMLniTOh+N8KghN7lKZTIQgKMiG/IkwkCJELFiL7uMWOYE+lWUL8elRNa51APoqGh4cTN9p7TOJed3f3d4nz5P4l1ITdDU66XK5Ic3PzF0NDQ1ODg4NT+P0rCFbQM3qu4MRWLsIfX7PB0yAEngPP089TwA8yBMFWKmJ+qZBGj7FecJzw0mfpwBBLqBexseAbIBWkESnAEPybQLnIf4JfIzSb+FymAAAAAElFTkSuQmCC') right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 10px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { max-width: 80%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-controlContainer { float: right; } .lb-data .lb-turnContainer { float: left; margin-right: 5px; } .lb-data .lb-zoomContainer { float: right; margin-right: 5px; } .lb-data .lb-closeContainer { float: right; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAPFBMVEX///8AAAD9/f2CgoKAgIAAAAAAAAAAAABLS0sAAAAAAACqqqqqqqq6urpKSkpISEgAAAC7u7u5ubn////zbsMcAAAAE3RSTlMASv6rqwAWS5YMC7/AyZWVFcrJCYaKfAAAAHhJREFUeF590kkOgCAQRFEaFVGc+/53FYmbz6JqBbyQMFSYuoQuV+iTflnstI7ssLXRvMWRaEMs84e2uVckuZe6knL0hiSPObXhj6ChzoEkIolIIpKIO4joICAIeDd7QGIfCCjOKe9HEk8mnxpIAup/F31RPZP9fAG3IAyBSJe0igAAAABJRU5ErkJggg==') top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-turnLeft { display: block; float: left; width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAACIElEQVRIicWWPWsUURSG3xM/4hYpjLIhphJiIYugNloIiRoU/QO20UJrU1gE/EAbRReCGkQQEbFLCi0EG5NKEIKYItFSkBhSmMLIipolj8WeWa/rbrIzmdm8MNy599xznjN37pe0QbKwAlyTdFjSoJkt1Nhyko5L6pe0S1KPmxYkzUmalDRpZqXYWQDLVHQuaNsNPAFKrK2fwCOgNy440nlgK1AEftUE/wJMAM/8mQDma/qUgVvAlrjgK8CboF4C7gAHAKvjZ24r1ozMFNAdB7wSvI8BXTFGLe8+kT4A+WbBkd4DF4Czazr/H2so+ICpVYe9DjjUyzhgj3cp8L+RBPwbGI4L9pjjHmMZ2JMkRiIB3cA3hz9oGdjhdx38A+hoJXhf8NtOS1Jbi9gzkhb9/WgVTGUD6GnktV6ZGZLeebVQBUsalTQHDGYFlzTvZWcIPuhlX4bgz14uSdJmr0xLOqTKEZeVRiR9lfS82gJ0AAPApgzBGyMaHTTAKeBTFhMMuOxr+Go944gbl4DOFKFdwPeGWyZQ8MNgBSikCL7v0DKwN2qPZrXMbBY4ImmHmc2mBZbU7mXRzD42k+kx4OR6qUCOBlemep138vf2MAZsjwHKA/eA60mybAfeBifKzSb9hn1y4ok3fVcLg2wDbgMzwAlva/PJ8gp4CvQH/fcHiZZZ7aqTIJle/tV0YMsBD4HHaa6KEH4ReAG8Bs6kDshafwDkXu6L86KiLgAAAABJRU5ErkJggg==') top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-turnRight { display: block; float: right; width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAACGUlEQVRIicWXPWgUQRTH/3OJiSCEgJg7FcEmGLkmNoKCYESLYGNrqaDBSkQri4ARDPgBQRBU8CNgE8TCwkIhIqiVYLAQg5UoOZA0Eg1RE/xZ7DsymZzu7HJ7GVgG5r3/+82+3Z33Vlqj4WIdgQ2SBuzaJqlsphlJNUkvJE065xYC3WZJ9yW9ds6NRO8M6AXuAD9JHz+Ae8B2T3/cbIuxwA7gMrAUBJ8BJoEHdj0HaoHPL+CKxThZX4yBbgHeBHdyFegHVj0ewAG7gGvAvKd7BQxHgYEy8METTwA9UWlK9BXgkaf/kwq21Lz1BGdigabvAY4BQ8BUkP7/gi95fueyQE3/JISlgoEdLL9IE1mhFuM88Dsr+LbZvwGVPOA8O+0CFgw81hKogQ97Gam2glmyeb/Ns865960E1+9yqkgYsDUEb7S5ViD0hKQvwHUf/NXm2aLAkvYqqYa7JandFk9LeiZpvEDwZ5s/FshYPew4Pgh0hoa2lh0cAfiifcdnC4h9CvgEDDYy1o/M70C5gT4vtBuYs9ijjRx2ekXiVhPBfSQldvGfpyLLZfFus8AWdxDYk+ZUBTqaADsCHMgjLAEjJE1bltanC3homVsCNmUFV7yKNQdcANoidH4X8xIopWkaBRllZXvb79n2AePAU+Am0G7rh4Bpy9T6zFAPULVP7Qawzlt/x8rRmxuScUNHSZr5xyRdZfTv0JqOvwtaARgflgIWAAAAAElFTkSuQmCC') top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-zoomOut { display: block; float: left; width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAB7UlEQVRIieXWvWsUURTG4XPjJpgmlSFKRAtTWGjAj0ajiSKKFopg/AtELbQTAiI2IaazEhsLK0XEVisbISD4gY2FlQQixiAYxESiBn0sdoKTQHZ3dte18FR3uO97fufcmbmciH8UqVYhUkT0RER3RMxGxMeU0uJfqQoJJ/EAc5bHDzzGWXQ0E9qPZ/iMGziCXnRgPfZgDFN4i2PNgJ7IOryFdVW0a3EZ3zHSCHQfvuFCQd8hzONcPdAuzGC0sLnsP5UVvb2o8RpeY0094CzHXTwqYmjHLIbrhWZ5tuAX+mo1LL2jzkbAWa4XuFRJ05Zb74iIlymlhUbBETERETsrCUq59YaImM5vYlNEXKkBdCelNJF7fh/lRlaNtkqbDUbF6zjf8YeI2LXMmdJURJyvA9obETOVBPmOX0XE7mZ8XBExGBHPa1KihE843QgRffiJrUVMo3iDUnX1qjnu4WFRUxemMVYndBgLha/MzLw3M18s6DucXUDXC0NzSY7jC26ju4q2E1exmA0I8xhqBL4NT7MCbuIoNuYGgQGM4x0mMZJBmwJP2VBwPysgHwt4gjNLvyCGVsAH64avKKRHeSTabJU5awV8rmnwGgscyJ3QVxz8b+EHWgnf789MPon2VsIHlGfv/pZBc/DWdVopfgMdyEl3/DM14wAAAABJRU5ErkJggg==') top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-zoomIn { display: block; float: right; width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAB+UlEQVRIieXWv29NcRzG8c+XttGlk6aEMOhAQhM/FkpLhDD4kai/QFgYpQliaRobi1gMJoRYmSxNmkhIWVibJkQjQiNaKRpehh7p0bTnntt7XYNnOiff5znv53vvPd/7ifhHSmWNSBHRERHtETEREe9TSjN/pRUSjuMBJv2p73iM02ipJ7QLT/EJ13EQa9CCVdiJQbzGKA7XA3o02+FNrKzgXYEL+Ib+WqC78RVnq8ztxxTOLAXahncYqDo8mz+Rld5SbXAQL7G8wDOCTQXrd/CoGmgzJtBXwQfbC9Y34Cc6i56zLHfdExEtEVG+7QJKKY1GxPOIOFYWvDUiRlJK07WAMw1HxLYiQ1PuenVEjOcXsS4iLi2Qu4gPufvbKaXh3P3bmN3IolpWtFijyh3HOI+hEr7CH1fmuYZ7RZ78jl9ExA60lmparJ6IeFbKiSZ8xMkKvkqvUyd+YGPpmhjAqxoPkLt4WBqahdowjsGqgnP5PkxXfWRm4V1Z+FyVuQPZn8TVqqG5hxzBZ9xCewVvKy5jJvv+p9BbC3wznmQFbuAQ1uYGgW5cwRuMoT+D1gWesqHgflYgr2kM4dTvVxC98+A9S4bPK9JhdiRab5E5ax58sm7wkgW7c5/QF+z7b+F7GwnfY24mH0NzI+HdZmfvroZBc/DG7bRIvwDiiW2v3ei28wAAAABJRU5ErkJggg==') top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* animation */ @keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeInOverlay{ 0% {opacity: 0;} 100% {opacity: 0.8;} } @keyframes fadeOutOverlay{ 0% {opacity: 0.8;} 100% {opacity: 0;} } .fadeIn{ animation-name: fadeIn; } .fadeInOverlay{ animation-name: fadeInOverlay; } .fadeOut{ animation-name: fadeOut; } .fadeOutOverlay{ animation-name: fadeOutOverlay; } .animation{ animation-fill-mode: both; } .transition{ /* For Safari 3.1 to 6.0 */ -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Standard syntax */ transition-property: all; transition-timing-function: ease; } .lb-image { transition-duration: 0.5s; transition-property: transform; } /* animation */