/*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-lightbox/lightbox.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************/ 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-downloadContainer { 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-download { display: block; float: right; width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAaUlEQVR4Ae3VgQVAIQCE4UZplDa70Rrt3gQ5eDry/wRIn1QNoka2l22FsW6C5JwAAQIE6IeF5+HR287tw9x5YzdSedcKKDXOTcZ0UQFTQOnta59RVUxAFTABVcAElAZRuEX1DxYQEV3oA58RWgFolpBxAAAAAElFTkSuQmCC') 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 */ /*!**************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/angular-calendar/css/angular-calendar.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; .cal-month-view .cal-header { text-align: center; font-weight: bolder; } .cal-month-view .cal-header .cal-cell { padding: 5px 0; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; } .cal-month-view .cal-days { border: 1px solid; border-bottom: 0; } .cal-month-view .cal-cell-top { min-height: 78px; flex: 1; } .cal-month-view .cal-cell-row { display: flex; } .cal-month-view .cal-cell { float: left; flex: 1; display: flex; flex-direction: column; align-items: stretch; } .cal-month-view .cal-cell .cal-event { pointer-events: all !important; } .cal-month-view .cal-day-cell { min-height: 100px; } .cal-month-view .cal-day-cell:not(:last-child) { border-right: 1px solid; } [dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) { border-right: initial; border-left: 1px solid; } .cal-month-view .cal-days .cal-cell-row { border-bottom: 1px solid; } .cal-month-view .cal-day-badge { margin-top: 18px; margin-left: 10px; display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; float: left; } .cal-month-view .cal-day-number { font-size: 1.2em; font-weight: 400; opacity: 0.5; margin-top: 15px; margin-right: 15px; float: right; margin-bottom: 10px; } .cal-month-view .cal-events { flex: 1; align-items: flex-end; margin: 3px; line-height: 10px; display: flex; flex-wrap: wrap; } .cal-month-view .cal-event { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin: 2px; } .cal-month-view .cal-day-cell.cal-in-month.cal-has-events { cursor: pointer; } .cal-month-view .cal-day-cell.cal-out-month .cal-day-number { opacity: 0.1; cursor: default; } .cal-month-view .cal-day-cell.cal-today .cal-day-number { font-size: 1.9em; } .cal-month-view .cal-open-day-events { padding: 15px; } .cal-month-view .cal-open-day-events .cal-event { position: relative; top: 2px; } .cal-month-view .cal-out-month .cal-day-badge, .cal-month-view .cal-out-month .cal-event { opacity: 0.3; } .cal-month-view .cal-draggable { cursor: move; } .cal-month-view .cal-drag-active * { pointer-events: none; } .cal-month-view .cal-event-title { cursor: pointer; } .cal-month-view .cal-event-title:hover { text-decoration: underline; } .cal-month-view { background-color: #fff; } .cal-month-view .cal-cell-row:hover { background-color: #fafafa; } .cal-month-view .cal-cell-row .cal-cell:hover, .cal-month-view .cal-cell.cal-has-events.cal-open { background-color: #ededed; } .cal-month-view .cal-days { border-color: #e1e1e1; } .cal-month-view .cal-day-cell:not(:last-child) { border-right-color: #e1e1e1; } [dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) { border-right-color: initial; border-left-color: #e1e1e1; } .cal-month-view .cal-days .cal-cell-row { border-bottom-color: #e1e1e1; } .cal-month-view .cal-day-badge { background-color: #b94a48; color: #fff; } .cal-month-view .cal-event { background-color: #1e90ff; border-color: #d1e8ff; color: #fff; } .cal-month-view .cal-day-cell.cal-weekend .cal-day-number { color: #8b0000; } .cal-month-view .cal-day-cell.cal-today { background-color: #e8fde7; } .cal-month-view .cal-day-cell.cal-drag-over { background-color: #e0e0e0 !important; } .cal-month-view .cal-open-day-events { color: #fff; background-color: #555; box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5); } .cal-week-view { /* stylelint-disable-next-line selector-type-no-unknown */ } .cal-week-view * { box-sizing: border-box; } .cal-week-view .cal-day-headers { display: flex; padding-left: 70px; border: 1px solid; } [dir=rtl] .cal-week-view .cal-day-headers { padding-left: initial; padding-right: 70px; } .cal-week-view .cal-day-headers .cal-header { flex: 1; text-align: center; padding: 5px; } .cal-week-view .cal-day-headers .cal-header:not(:last-child) { border-right: 1px solid; } [dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) { border-right: initial; border-left: 1px solid; } .cal-week-view .cal-day-headers .cal-header:first-child { border-left: 1px solid; } [dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child { border-left: initial; border-right: 1px solid; } .cal-week-view .cal-day-headers span { font-weight: 400; opacity: 0.5; } .cal-week-view .cal-day-column { flex-grow: 1; border-left: solid 1px; } [dir=rtl] .cal-week-view .cal-day-column { border-left: initial; border-right: solid 1px; } .cal-week-view .cal-event { font-size: 12px; border: 1px solid; direction: ltr; } .cal-week-view .cal-time-label-column { width: 70px; height: 100%; } .cal-week-view .cal-current-time-marker { position: absolute; width: 100%; height: 2px; z-index: 2; } .cal-week-view .cal-all-day-events { border: solid 1px; border-top: 0; border-bottom-width: 3px; padding-top: 3px; position: relative; } .cal-week-view .cal-all-day-events .cal-day-columns { height: 100%; width: 100%; display: flex; position: absolute; top: 0; z-index: 0; } .cal-week-view .cal-all-day-events .cal-events-row { position: relative; height: 31px; margin-left: 70px; } [dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row { margin-left: initial; margin-right: 70px; } .cal-week-view .cal-all-day-events .cal-event-container { display: inline-block; position: absolute; } .cal-week-view .cal-all-day-events .cal-event-container.resize-active { z-index: 1; pointer-events: none; } .cal-week-view .cal-all-day-events .cal-event { padding: 0 5px; margin-left: 2px; margin-right: 2px; height: 28px; line-height: 28px; } .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } [dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event { border-top-left-radius: initial; border-bottom-left-radius: initial; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } [dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event { border-top-right-radius: initial; border-bottom-right-radius: initial; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .cal-week-view .cal-all-day-events .cal-time-label-column { display: flex; align-items: center; justify-content: center; font-size: 14px; } .cal-week-view .cal-all-day-events .cal-resize-handle { width: 6px; height: 100%; cursor: col-resize; position: absolute; top: 0; } .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end { right: 0; } [dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end { right: initial; left: 0; } .cal-week-view .cal-event, .cal-week-view .cal-header { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cal-week-view .cal-drag-active { pointer-events: none; z-index: 1; } .cal-week-view .cal-drag-active * { pointer-events: none; } .cal-week-view .cal-time-events { position: relative; border: solid 1px; border-top: 0; display: flex; } .cal-week-view .cal-time-events .cal-day-columns { display: flex; flex-grow: 1; } .cal-week-view .cal-time-events .cal-day-column { position: relative; } .cal-week-view .cal-time-events .cal-events-container { position: relative; } .cal-week-view .cal-time-events .cal-event-container { position: absolute; z-index: 1; } .cal-week-view .cal-time-events .cal-event { width: calc(100% - 2px); height: calc(100% - 2px); margin: 1px; padding: 0 5px; line-height: 25px; } .cal-week-view .cal-time-events .cal-resize-handle { width: 100%; height: 4px; cursor: row-resize; position: absolute; } .cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end { bottom: 0; } .cal-week-view .cal-hour-segment { position: relative; } .cal-week-view .cal-hour-segment::after { content: " "; } .cal-week-view .cal-event-container:not(.cal-draggable) { cursor: pointer; } .cal-week-view .cal-draggable { cursor: move; } .cal-week-view mwl-calendar-week-view-hour-segment, .cal-week-view .cal-hour-segment { display: block; } .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment, .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment { border-bottom: thin dashed; } .cal-week-view .cal-time { font-weight: bold; padding-top: 5px; width: 70px; text-align: center; } .cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time { display: none; } .cal-week-view .cal-starts-within-day .cal-event { border-top-left-radius: 5px; border-top-right-radius: 5px; } .cal-week-view .cal-ends-within-day .cal-event { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .cal-week-view { background-color: #fff; border-top: solid 1px #e1e1e1; } .cal-week-view .cal-day-headers { border-color: #e1e1e1; border-top: 0; } .cal-week-view .cal-day-headers .cal-header:not(:last-child) { border-right-color: #e1e1e1; } [dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) { border-right-color: initial; border-left: solid 1px #e1e1e1 !important; } .cal-week-view .cal-day-headers .cal-header:first-child { border-left-color: #e1e1e1; } [dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child { border-left-color: initial; border-right-color: #e1e1e1; } .cal-week-view .cal-day-headers .cal-header:hover, .cal-week-view .cal-day-headers .cal-drag-over { background-color: #ededed; } .cal-week-view .cal-day-column { border-left-color: #e1e1e1; } [dir=rtl] .cal-week-view .cal-day-column { border-left-color: initial; border-right-color: #e1e1e1; } .cal-week-view .cal-event { background-color: #d1e8ff; border-color: #1e90ff; color: #1e90ff; } .cal-week-view .cal-all-day-events { border-color: #e1e1e1; } .cal-week-view .cal-header.cal-today { background-color: #e8fde7; } .cal-week-view .cal-header.cal-weekend span { color: #8b0000; } .cal-week-view .cal-time-events { border-color: #e1e1e1; } .cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover { background-color: #ededed; } .cal-week-view .cal-hour-odd { background-color: #fafafa; } .cal-week-view .cal-drag-over .cal-hour-segment { background-color: #ededed; } .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment, .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment { border-bottom-color: #e1e1e1; } .cal-week-view .cal-current-time-marker { background-color: #ea4334; } .cal-day-view { /* stylelint-disable-next-line selector-type-no-unknown */ } .cal-day-view mwl-calendar-week-view-header { display: none; } .cal-day-view .cal-events-container { margin-left: 70px; } [dir=rtl] .cal-day-view .cal-events-container { margin-left: initial; margin-right: 70px; } .cal-day-view .cal-day-column { border-left: 0; } .cal-day-view .cal-current-time-marker { margin-left: 70px; width: calc(100% - 70px); } [dir=rtl] .cal-day-view .cal-current-time-marker { margin-left: initial; margin-right: 70px; } .cal-tooltip { position: absolute; z-index: 1070; display: block; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 11px; word-wrap: break-word; opacity: 0.9; } .cal-tooltip.cal-tooltip-top { padding: 5px 0; margin-top: -3px; } .cal-tooltip.cal-tooltip-top .cal-tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; } .cal-tooltip.cal-tooltip-right { padding: 0 5px; margin-left: 3px; } .cal-tooltip.cal-tooltip-right .cal-tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; } .cal-tooltip.cal-tooltip-bottom { padding: 5px 0; margin-top: 3px; } .cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; } .cal-tooltip.cal-tooltip-left { padding: 0 5px; margin-left: -3px; } .cal-tooltip.cal-tooltip-left .cal-tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; } .cal-tooltip-inner { max-width: 200px; padding: 3px 8px; text-align: center; border-radius: 0.25rem; } .cal-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .cal-tooltip.cal-tooltip-top .cal-tooltip-arrow { border-top-color: #000; } .cal-tooltip.cal-tooltip-right .cal-tooltip-arrow { border-right-color: #000; } .cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow { border-bottom-color: #000; } .cal-tooltip.cal-tooltip-left .cal-tooltip-arrow { border-left-color: #000; } .cal-tooltip-inner { color: #fff; background-color: #000; } /*!********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/animate.css ***! \********************************************************************************************************************************************************************************************************************/ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { animation-duration: 1s; animation-duration: var(--animate-duration); animation-fill-mode: both; } .animate__animated.animate__infinite { animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { animation-iteration-count: 1; animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { animation-iteration-count: 2; animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { animation-iteration-count: 3; animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { animation-delay: 1s; animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { animation-delay: 2s; animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { animation-delay: 3s; animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { animation-delay: 4s; animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { animation-delay: 5s; animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { animation-duration: 0.5s; animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { animation-duration: 0.8s; animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { animation-duration: 2s; animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { animation-duration: 3s; animation-duration: calc(var(--animate-duration) * 3); } @media (prefers-reduced-motion: reduce), print { .animate__animated { animation-duration: 1ms !important; transition-duration: 1ms !important; animation-iteration-count: 1 !important; } .animate__animated[class*="Out"] { opacity: 0; } } @keyframes bounce { 0%, 20%, 53%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0) scaleY(0.95); } 90% { transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { animation-name: flash; } @keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scaleX(1); } } .animate__pulse { animation-name: pulse; animation-timing-function: ease-in-out; } @keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scaleX(1); } } .animate__rubberBand { animation-name: rubberBand; } @keyframes shakeX { 0%, to { transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .animate__shakeX { animation-name: shakeX; } @keyframes shakeY { 0%, to { transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { transform: translate3d(0, 10px, 0); } } .animate__shakeY { animation-name: shakeY; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .animate__headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } to { transform: rotate(0deg); } } .animate__swing { transform-origin: top center; animation-name: swing; } @keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { transform: scaleX(1); } } .animate__tada { animation-name: tada; } @keyframes wobble { 0% { transform: translateZ(0); } 15% { transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { transform: translateZ(0); } } .animate__wobble { animation-name: wobble; } @keyframes jello { 0%, 11.1%, to { transform: translateZ(0); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { animation-name: jello; transform-origin: center; } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } .animate__heartBeat { animation-name: heartBeat; animation-duration: 1.3s; animation-duration: calc(var(--animate-duration) * 1.3); animation-timing-function: ease-in-out; } @keyframes backInDown { 0% { transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0) scale(0.7); opacity: 0.7; } to { transform: scale(1); opacity: 1; } } .animate__backInDown { animation-name: backInDown; } @keyframes backInLeft { 0% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0) scale(0.7); opacity: 0.7; } to { transform: scale(1); opacity: 1; } } .animate__backInLeft { animation-name: backInLeft; } @keyframes backInRight { 0% { transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0) scale(0.7); opacity: 0.7; } to { transform: scale(1); opacity: 1; } } .animate__backInRight { animation-name: backInRight; } @keyframes backInUp { 0% { transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0) scale(0.7); opacity: 0.7; } to { transform: scale(1); opacity: 1; } } .animate__backInUp { animation-name: backInUp; } @keyframes backOutDown { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0) scale(0.7); opacity: 0.7; } to { transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { animation-name: backOutDown; } @keyframes backOutLeft { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0) scale(0.7); opacity: 0.7; } to { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { animation-name: backOutLeft; } @keyframes backOutRight { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0) scale(0.7); opacity: 0.7; } to { transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { animation-name: backOutRight; } @keyframes backOutUp { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0) scale(0.7); opacity: 0.7; } to { transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { animation-name: backOutUp; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scaleX(1); } } .animate__bounceIn { animation-duration: 0.75s; animation-duration: calc(var(--animate-duration) * 0.75); animation-name: bounceIn; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, 5px, 0) scaleY(0.985); } to { transform: translateZ(0); } } .animate__bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0, 0) scaleX(1); } 75% { transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { transform: translate3d(5px, 0, 0) scaleX(0.995); } to { transform: translateZ(0); } } .animate__bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { transform: translateZ(0); } } .animate__bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, -5px, 0) scaleY(0.985); } to { transform: translateZ(0); } } .animate__bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { animation-duration: 0.75s; animation-duration: calc(var(--animate-duration) * 0.75); animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInTopLeft { animation-name: fadeInTopLeft; } @keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInTopRight { animation-name: fadeInTopRight; } @keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInBottomLeft { animation-name: fadeInBottomLeft; } @keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInBottomRight { animation-name: fadeInBottomRight; } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0); } to { opacity: 0; transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { animation-name: fadeOutTopLeft; } @keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0); } to { opacity: 0; transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { animation-name: fadeOutTopRight; } @keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0); } to { opacity: 0; transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { animation-name: fadeOutBottomRight; } @keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0); } to { opacity: 0; transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { animation-name: fadeOutBottomLeft; } @keyframes flip { 0% { transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; } 40% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; } to { transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; } } .animate__animated.animate__flip { backface-visibility: visible; animation-name: flip; } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } to { transform: perspective(400px); } } .animate__flipInX { backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateY(-5deg); } to { transform: perspective(400px); } } .animate__flipInY { backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animate__flipOutX { animation-duration: 0.75s; animation-duration: calc(var(--animate-duration) * 0.75); animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animate__flipOutY { animation-duration: 0.75s; animation-duration: calc(var(--animate-duration) * 0.75); backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedInRight { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); } to { transform: translateZ(0); } } .animate__lightSpeedInRight { animation-name: lightSpeedInRight; animation-timing-function: ease-out; } @keyframes lightSpeedInLeft { 0% { transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { transform: skewX(-20deg); opacity: 1; } 80% { transform: skewX(5deg); } to { transform: translateZ(0); } } .animate__lightSpeedInLeft { animation-name: lightSpeedInLeft; animation-timing-function: ease-out; } @keyframes lightSpeedOutRight { 0% { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { animation-name: lightSpeedOutRight; animation-timing-function: ease-in; } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { animation-name: lightSpeedOutLeft; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { transform: rotate(-200deg); opacity: 0; } to { transform: translateZ(0); opacity: 1; } } .animate__rotateIn { animation-name: rotateIn; transform-origin: center; } @keyframes rotateInDownLeft { 0% { transform: rotate(-45deg); opacity: 0; } to { transform: translateZ(0); opacity: 1; } } .animate__rotateInDownLeft { animation-name: rotateInDownLeft; transform-origin: left bottom; } @keyframes rotateInDownRight { 0% { transform: rotate(45deg); opacity: 0; } to { transform: translateZ(0); opacity: 1; } } .animate__rotateInDownRight { animation-name: rotateInDownRight; transform-origin: right bottom; } @keyframes rotateInUpLeft { 0% { transform: rotate(45deg); opacity: 0; } to { transform: translateZ(0); opacity: 1; } } .animate__rotateInUpLeft { animation-name: rotateInUpLeft; transform-origin: left bottom; } @keyframes rotateInUpRight { 0% { transform: rotate(-90deg); opacity: 0; } to { transform: translateZ(0); opacity: 1; } } .animate__rotateInUpRight { animation-name: rotateInUpRight; transform-origin: right bottom; } @keyframes rotateOut { 0% { opacity: 1; } to { transform: rotate(200deg); opacity: 0; } } .animate__rotateOut { animation-name: rotateOut; transform-origin: center; } @keyframes rotateOutDownLeft { 0% { opacity: 1; } to { transform: rotate(45deg); opacity: 0; } } .animate__rotateOutDownLeft { animation-name: rotateOutDownLeft; transform-origin: left bottom; } @keyframes rotateOutDownRight { 0% { opacity: 1; } to { transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutDownRight { animation-name: rotateOutDownRight; transform-origin: right bottom; } @keyframes rotateOutUpLeft { 0% { opacity: 1; } to { transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutUpLeft { animation-name: rotateOutUpLeft; transform-origin: left bottom; } @keyframes rotateOutUpRight { 0% { opacity: 1; } to { transform: rotate(90deg); opacity: 0; } } .animate__rotateOutUpRight { animation-name: rotateOutUpRight; transform-origin: right bottom; } @keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate(60deg); animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { animation-duration: 2s; animation-duration: calc(var(--animate-duration) * 2); animation-name: hinge; transform-origin: top left; } @keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .animate__jackInTheBox { animation-name: jackInTheBox; } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; transform: translateZ(0); } } .animate__rollIn { animation-name: rollIn; } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg); } } .animate__rollOut { animation-name: rollOut; } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { animation-name: zoomOutDown; transform-origin: center bottom; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { animation-name: zoomOutLeft; transform-origin: left center; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { animation-name: zoomOutRight; transform-origin: right center; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { animation-name: zoomOutUp; transform-origin: center bottom; } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translateZ(0); } } .animate__slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .animate__slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .animate__slideInRight { animation-name: slideInRight; } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translateZ(0); } } .animate__slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { animation-name: slideOutUp; } /*!*********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/tailwind.css ***! \*********************************************************************************************************************************************************************************************************************/ /* animation */ *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } .container{ width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 640px){ .container{ max-width: 640px; } } @media (min-width: 768px){ .container{ max-width: 768px; } } @media (min-width: 1024px){ .container{ max-width: 1024px; } } @media (min-width: 1280px){ .container{ max-width: 1280px; } } @media (min-width: 1536px){ .container{ max-width: 1536px; } } .form-input,.form-textarea,.form-select,.form-multiselect{ appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } .form-input::placeholder,.form-textarea::placeholder{ color: #6b7280; opacity: 1; } .form-input::-webkit-datetime-edit-fields-wrapper{ padding: 0; } .form-input::-webkit-date-and-time-value{ min-height: 1.5em; text-align: inherit; } .form-input::-webkit-datetime-edit{ display: inline-flex; } .form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{ padding-top: 0; padding-bottom: 0; } .form-select{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; } .form-select:where([size]:not([size="1"])){ background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } .form-checkbox,.form-radio{ appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; } .form-checkbox{ border-radius: 0px; } .form-radio{ border-radius: 100%; } .form-checkbox:focus,.form-radio:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .form-checkbox:checked,.form-radio:checked{ border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .form-checkbox:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { .form-checkbox:checked{ appearance: auto; } } .form-radio:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { .form-radio:checked{ appearance: auto; } } .form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{ border-color: transparent; background-color: currentColor; } .form-checkbox:indeterminate{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (forced-colors: active) { .form-checkbox:indeterminate{ appearance: auto; } } .form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{ border-color: transparent; background-color: currentColor; } html{ scroll-behavior: smooth; } body{ --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); } body.dark{ --tw-bg-opacity: 1; background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1)); } /* Panel */ .panel{ position: relative; border-radius: 12px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 1.25rem; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .panel:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(14 23 38 / var(--tw-bg-opacity, 1)); } /* Navbar */ .navbar-sticky header, .navbar-floating header{ position: sticky; top: 0px; z-index: 20; } .navbar-floating header{ background-color: rgb(250 250 250 / 0.9); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; } .navbar-floating header:is(.dark *){ background-color: rgb(6 8 24 / 0.9); } .navbar-floating header > div > div:first-child{ border-radius: 0.375rem; } .horizontal .navbar-floating header > div > div:first-child{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .horizontal .navbar-floating header .horizontal-menu{ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } /* Sidebar */ .sidebar:hover .nav-item > a{ width: auto; } .sidebar .nav-item > button, .sidebar .nav-item > a{ margin-bottom: 0.25rem; display: flex; width: 100%; align-items: center; justify-content: space-between; overflow: hidden; white-space: nowrap; border-radius: 0.375rem; padding: 0.625rem; --tw-text-opacity: 1; color: rgb(80 102 144 / var(--tw-text-opacity, 1)); } .sidebar .nav-item > button:hover, .sidebar .nav-item > a:hover{ --tw-bg-opacity: 1; background-color: rgb(28 37 83 / var(--tw-bg-opacity, 1)); } .sidebar .nav-item > button .is-icon-white, .sidebar .nav-item > a .is-icon-white{ display: none; } .sidebar .nav-item > button .is-icon-black, .sidebar .nav-item > a .is-icon-black{ display: block; filter: invert(30%); } .sidebar .nav-item > button.active, .sidebar .nav-item > a.active, .sidebar .nav-item > button:hover , .sidebar .nav-item > a:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .sidebar .nav-item > button.active .is-icon-black, .sidebar .nav-item > a.active .is-icon-black, .sidebar .nav-item > button:hover .is-icon-black , .sidebar .nav-item > a:hover .is-icon-black { display: none; } .sidebar .nav-item > button.active .is-icon-white, .sidebar .nav-item > a.active .is-icon-white, .sidebar .nav-item > button:hover .is-icon-white , .sidebar .nav-item > a:hover .is-icon-white { display: block; } .sidebar .nav-item > button.active .pi, .sidebar .nav-item > a.active .pi, .sidebar .nav-item > a.active .pi:hover, .icon-caret-down{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .sidebar .nav-item > button.active .pi:is(.dark *), .sidebar .nav-item > a.active .pi:is(.dark *), .sidebar .nav-item > a.active .pi:hover:is(.dark *), .icon-caret-down:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(136 142 168 / var(--tw-text-opacity, 1)) !important; } .sidebar .nav-item > button.active > div > span, .sidebar .nav-item > a.active > div > span{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar ul.sub-menu li button, .sidebar ul.sub-menu li a{ display: flex; align-items: center; border-radius: 0.5rem; padding: 0.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .sidebar ul.sub-menu li button:hover, .sidebar ul.sub-menu li a:hover{ --tw-bg-opacity: 1; background-color: rgb(28 37 83 / var(--tw-bg-opacity, 1)); font-weight: 700; } .sidebar ul.sub-menu li button.active, .sidebar ul.sub-menu li a.active { background: linear-gradient(90deg, #CCF1F4 0%, rgba(213, 243, 246, 0.50) 100%) !important; --tw-text-opacity: 1; color: rgb(0 110 105 / var(--tw-text-opacity, 1)); } .sidebar ul.sub-menu li button.active::before, .sidebar ul.sub-menu li a.active::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(0 114 185 / var(--tw-bg-opacity, 1)); } .sidebar .nav-item a div:first-child svg, .sidebar .nav-item button div:first-child svg{ height: 1.25rem; width: 1.25rem; color: rgb(14 23 38 / 0.5); } .sidebar .nav-item a div:first-child svg:is(.dark *), .sidebar .nav-item button div:first-child svg:is(.dark *){ color: rgb(255 255 255 / 0.5); } .sidebar .nav-item button.active div:first-child svg{ height: 1.25rem; width: 1.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .main-container .main-content { /* @apply transition-all duration-300 lg:ltr:ml-[260px] lg:rtl:mr-[260px]; */ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1024px){ .main-container .main-content{ padding-inline-start: 100px; } } /* Horizontal layouts */ .horizontal .horizontal-menu{ display: none; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (min-width: 1024px){ .horizontal .horizontal-menu{ display: flex; } } .horizontal .horizontal-logo{ display: flex; } .horizontal .main-container .main-content:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0px; } .horizontal .main-container .main-content:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; } .horizontal .sidebar:where([dir="ltr"], [dir="ltr"] *){ left: -260px; } .horizontal .sidebar:where([dir="rtl"], [dir="rtl"] *){ right: -260px; } .horizontal.toggle-sidebar .sidebar:where([dir="ltr"], [dir="ltr"] *){ left: 0px; } @media (min-width: 1024px){ .horizontal.toggle-sidebar .sidebar:where([dir="ltr"], [dir="ltr"] *){ left: -260px; } } .horizontal.toggle-sidebar .sidebar:where([dir="rtl"], [dir="rtl"] *){ right: 0px; } @media (min-width: 1024px){ .horizontal.toggle-sidebar .sidebar:where([dir="rtl"], [dir="rtl"] *){ right: -260px; } } .horizontal .nav-item a div:first-child svg{ height: 1.25rem; width: 1.25rem; color: rgb(14 23 38 / 0.5); } .horizontal .nav-item a div:first-child svg:is(.dark *){ color: rgb(255 255 255 / 0.5); } .horizontal .dark .nav-item a div:first-child svg, .dark.horizontal .nav-item a div:first-child svg{ color: rgb(255 255 255 / 0.5); } .horizontal-menu .nav-link{ display: flex; align-items: center; border-radius: 0.5rem; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.5rem; padding-right: 0.5rem; } .horizontal-menu .nav-link:hover{ background-color: rgb(0 0 0 / 0.08); --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .horizontal-menu .nav-link:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(24 31 50 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } @media (min-width: 1280px){ .horizontal-menu .nav-link{ padding-left: 1rem; padding-right: 1rem; } } .horizontal-menu .nav-link.active{ background-color: rgb(0 0 0 / 0.08); --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .horizontal-menu .nav-link.active:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(24 31 50 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .horizontal-menu ul.sub-menu{ position: absolute; top: 100%; z-index: 20; display: none; min-width: 180px; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(59 63 92 / var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .horizontal-menu ul.sub-menu:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(27 46 75 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .horizontal-menu ul.sub-menu a{ display: flex; align-items: center; justify-content: space-between; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .horizontal-menu ul.sub-menu a:hover{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 114 185 / var(--tw-text-opacity, 1)); } .horizontal-menu ul.sub-menu a:hover:is(.dark *){ background-color: rgb(0 114 185 / 0.1); } .horizontal-menu ul.sub-menu a.active{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 114 185 / var(--tw-text-opacity, 1)); } .horizontal-menu ul.sub-menu a.active:is(.dark *){ background-color: rgb(0 114 185 / 0.1); } .horizontal-menu > li.nav-item:hover > ul.sub-menu, .horizontal-menu > li.nav-item > ul.sub-menu > li:hover > ul{ display: block; } /* Vertical layouts */ .vertical.toggle-sidebar .horizontal-logo, .vertical.toggle-sidebar .collapse-icon{ display: flex; } .vertical.toggle-sidebar .main-container .main-content:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0px; } .vertical.toggle-sidebar .main-container .main-content:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0px; } .vertical .sidebar:where([dir="ltr"], [dir="ltr"] *){ left: -260px; } @media (min-width: 1024px){ .vertical .sidebar:where([dir="ltr"], [dir="ltr"] *){ left: 0px; } } .vertical .sidebar:where([dir="rtl"], [dir="rtl"] *){ right: -260px; } @media (min-width: 1024px){ .vertical .sidebar:where([dir="rtl"], [dir="rtl"] *){ right: 0px; } } .vertical.toggle-sidebar .sidebar:where([dir="ltr"], [dir="ltr"] *){ left: 0px; } @media (min-width: 1024px){ .vertical.toggle-sidebar .sidebar:where([dir="ltr"], [dir="ltr"] *){ left: -260px; } } .vertical.toggle-sidebar .sidebar:where([dir="rtl"], [dir="rtl"] *){ right: 0px; } @media (min-width: 1024px){ .vertical.toggle-sidebar .sidebar:where([dir="rtl"], [dir="rtl"] *){ right: -260px; } } /* Collapsible vertical layouts */ .collapsible-vertical .sidebar:hover{ width: 320px; } @media (min-width: 1024px){ .collapsible-vertical .sidebar{ width: 100px; } } .collapsible-vertical .sidebar:where([dir="ltr"], [dir="ltr"] *){ left: -260px; } @media (min-width: 1024px){ .collapsible-vertical .sidebar:where([dir="ltr"], [dir="ltr"] *){ left: 0px; } } .collapsible-vertical .sidebar:where([dir="rtl"], [dir="rtl"] *){ right: -260px; } @media (min-width: 1024px){ .collapsible-vertical .sidebar:where([dir="rtl"], [dir="rtl"] *){ right: 0px; } } .collapsible-vertical.toggle-sidebar .sidebar:where([dir="ltr"], [dir="ltr"] *){ left: 0px; } .collapsible-vertical.toggle-sidebar .sidebar:where([dir="rtl"], [dir="rtl"] *){ right: 0px; } @media (min-width: 1024px){ .collapsible-vertical.toggle-sidebar .sidebar{ width: 320px; } } .collapsible-vertical.toggle-sidebar .sidebar .nav-item > a{ width: auto; } @media (min-width: 1024px){ .collapsible-vertical.toggle-sidebar .main-content{ width: calc(100% - 260px); } .collapsible-vertical.toggle-sidebar .main-content:where([dir="ltr"], [dir="ltr"] *){ margin-left: 260px; } .collapsible-vertical.toggle-sidebar .main-content:where([dir="rtl"], [dir="rtl"] *){ margin-right: 260px; } .collapsible-vertical .sidebar .sub-menu{ display: none; } } .collapsible-vertical .sidebar:hover .sub-menu, .collapsible-vertical .sidebar:hover .sub-menu.recent-submenu, .collapsible-vertical.toggle-sidebar .sidebar .sub-menu{ display: block; } .collapsible-vertical .main-content { /* @apply lg:w-[calc(100%-70px)] lg:ltr:ml-[70px] lg:rtl:mr-[70px]; */ } @media (min-width: 1024px){ .collapsible-vertical .main-content{ width: 100%; } } .collapsible-vertical .sidebar .collapse-icon, .collapsible-vertical .main-logo > span{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 1024px){ .collapsible-vertical .sidebar .collapse-icon, .collapsible-vertical .main-logo > span{ opacity: 0; } } .collapsible-vertical .sidebar:hover .collapse-icon, .collapsible-vertical.toggle-sidebar .collapse-icon, .collapsible-vertical .sidebar:hover .main-logo > span, .collapsible-vertical.toggle-sidebar .main-logo > span{ transition-duration: 500ms; } @media (min-width: 1024px){ .collapsible-vertical .sidebar:hover .collapse-icon, .collapsible-vertical.toggle-sidebar .collapse-icon, .collapsible-vertical .sidebar:hover .main-logo > span, .collapsible-vertical.toggle-sidebar .main-logo > span{ opacity: 1; } } .collapsible-vertical.toggle-sidebar .sidebar .collapse-icon{ display: flex; --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .collapsible-vertical .sidebar:hover .collapse-icon{ display: flex; --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .collapsible-vertical .sidebar ul > h2 span{ display: none; white-space: nowrap; } .collapsible-vertical .sidebar ul > h2 svg{ display: block; } .collapsible-vertical .sidebar:hover ul > h2 span, .collapsible-vertical.toggle-sidebar .sidebar ul > h2 span{ display: inline; } .collapsible-vertical .sidebar:hover ul > h2 svg, .collapsible-vertical.toggle-sidebar .sidebar ul > h2 svg{ display: none; } /* boxed-layout */ .boxed-layout{ margin-left: auto; margin-right: auto; max-width: 1400px; } .boxed-layout.vertical .sidebar, .boxed-layout.collapsible-vertical .sidebar{ overflow: hidden; } @media (min-width: 1024px){ .boxed-layout.vertical .sidebar:where([dir="ltr"], [dir="ltr"] *), .boxed-layout.collapsible-vertical .sidebar:where([dir="ltr"], [dir="ltr"] *){ left: auto; } .boxed-layout.vertical .sidebar:where([dir="rtl"], [dir="rtl"] *), .boxed-layout.collapsible-vertical .sidebar:where([dir="rtl"], [dir="rtl"] *){ right: auto; } .boxed-layout.vertical.toggle-sidebar .sidebar{ width: 0px; } } /* Buttons */ .p-button{ padding: 8px 10px !important; } .btn{ position: relative; display: flex; height: 38px; align-items: center; justify-content: center; border-radius: 8px; border-width: 1px; padding: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; --tw-shadow: 0 10px 20px -10px; --tw-shadow-colored: 0 10px 20px -10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .btn:hover{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .btn[disabled]{ cursor: not-allowed; opacity: 0.6; } .btn-primary { /* @apply border-primary bg-primary text-white shadow-primary/60; */ --tw-border-opacity: 1; border-color: rgb(0 114 185 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(0 114 185 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn-outline-primary{ --tw-border-opacity: 1; border-color: rgb(0 114 185 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 114 185 / var(--tw-text-opacity, 1)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .btn-outline-primary:hover{ --tw-bg-opacity: 1; background-color: rgb(0 114 185 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } /* Badge */ .badge{ position: relative; margin-top: 0.25rem; margin-bottom: 0.25rem; border-radius: 0.25rem; border-width: 1px; border-color: transparent; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.125rem; padding-bottom: 0.125rem; font-size: 0.75rem; line-height: 1rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } /* Form */ .form-input, .form-textarea, .form-select, .form-multiselect{ width: 100%; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(224 230 237 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); outline: 2px solid transparent !important; outline-offset: 2px !important; } .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{ --tw-border-opacity: 1; border-color: rgb(0 114 185 / var(--tw-border-opacity, 1)); --tw-ring-color: transparent; } .form-input:is(.dark *), .form-textarea:is(.dark *), .form-select:is(.dark *), .form-multiselect:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(23 38 60 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(18 30 50 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .form-input:focus:is(.dark *), .form-textarea:focus:is(.dark *), .form-select:focus:is(.dark *), .form-multiselect:focus:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(0 114 185 / var(--tw-border-opacity, 1)); } label{ margin-bottom: 0.375rem; display: block; font-weight: 600; } [dir='rtl'] select { background-position: left 0.5rem center; } .has-error .form-input, .has-error .form-textarea, .has-error .form-select, .has-error .form-multiselect, .has-error .multiselect__tags{ --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); background-color: rgb(231 81 90 / 0.08); --tw-text-opacity: 1; color: rgb(231 81 90 / var(--tw-text-opacity, 1)); } .has-error .form-input::placeholder, .has-error .form-textarea::placeholder, .has-error .form-select::placeholder, .has-error .form-multiselect::placeholder, .has-error .multiselect__tags::placeholder{ color: rgb(231 81 90 / 0.7); } .has-error .form-input:focus, .has-error .form-textarea:focus, .has-error .form-select:focus, .has-error .form-multiselect:focus, .has-error .multiselect__tags:focus{ --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); } .has-error .multiselect__tags:hover, .has-error .form-checkbox{ --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); } .has-success .form-input, .has-success .form-textarea, .has-success .form-select, .has-success .form-multiselect, .has-success .multiselect__tags{ --tw-border-opacity: 1; border-color: rgb(0 171 85 / var(--tw-border-opacity, 1)); background-color: rgb(0 171 85 / 0.08); --tw-text-opacity: 1; color: rgb(0 171 85 / var(--tw-text-opacity, 1)); } .has-success .form-input::placeholder, .has-success .form-textarea::placeholder, .has-success .form-select::placeholder, .has-success .form-multiselect::placeholder, .has-success .multiselect__tags::placeholder{ color: rgb(0 171 85 / 0.7); } .has-success .form-input:focus, .has-success .form-textarea:focus, .has-success .form-select:focus, .has-success .form-multiselect:focus, .has-success .multiselect__tags:focus{ --tw-border-opacity: 1; border-color: rgb(0 171 85 / var(--tw-border-opacity, 1)); } /* checkbox & radio */ .form-radio, .form-checkbox{ height: 1.25rem; width: 1.25rem; cursor: pointer; border-radius: 0.25rem; border-width: 2px; --tw-border-opacity: 1; border-color: rgb(224 230 237 / var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgb(0 114 185 / var(--tw-text-opacity, 1)); --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; outline: 2px solid transparent !important; outline-offset: 2px !important; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; --tw-ring-offset-width: 0px !important; } .form-radio:checked, .form-checkbox:checked{ background-size: 90% 90%; } .form-radio:disabled, .form-checkbox:disabled{ cursor: not-allowed; --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); } .form-radio:is(.dark *), .form-checkbox:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(37 59 92 / var(--tw-border-opacity, 1)); } .form-radio:checked:is(.dark *), .form-checkbox:checked:is(.dark *){ border-color: transparent; } .form-radio:disabled:is(.dark *), .form-checkbox:disabled:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(27 46 75 / var(--tw-bg-opacity, 1)); } .form-radio:where([dir="ltr"], [dir="ltr"] *), .form-checkbox:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.375rem; } .form-radio:where([dir="rtl"], [dir="rtl"] *), .form-checkbox:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.375rem; } .form-checkbox.outline-primary:checked{ --tw-border-opacity: 1; border-color: rgb(0 114 185 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-secondary:checked{ --tw-border-opacity: 1; border-color: rgb(128 93 202 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-success:checked{ --tw-border-opacity: 1; border-color: rgb(0 171 85 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-danger:checked{ --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-warning:checked{ --tw-border-opacity: 1; border-color: rgb(226 160 63 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-info:checked{ --tw-border-opacity: 1; border-color: rgb(33 150 243 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-checkbox.outline-dark:checked{ --tw-border-opacity: 1; border-color: rgb(59 63 92 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: url("data:image/svg+xml,"); } .form-radio{ border-radius: 9999px !important; } .form-radio.outline-primary:checked{ --tw-border-opacity: 1; border-color: rgb(0 114 185 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-secondary:checked{ --tw-border-opacity: 1; border-color: rgb(128 93 202 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-success:checked{ --tw-border-opacity: 1; border-color: rgb(0 171 85 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-danger:checked{ --tw-border-opacity: 1; border-color: rgb(231 81 90 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-warning:checked{ --tw-border-opacity: 1; border-color: rgb(226 160 63 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-info:checked{ --tw-border-opacity: 1; border-color: rgb(33 150 243 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } .form-radio.outline-dark:checked{ --tw-border-opacity: 1; border-color: rgb(59 63 92 / var(--tw-border-opacity, 1)); background-color: transparent; background-image: none; } /* dropdown */ .dropdown{ position: relative; } .dropdown > button{ display: flex; } .dropdown ul{ position: absolute; z-index: 10; margin-top: 0.25rem; min-width: 120px; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding: 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dropdown ul:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(27 46 75 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .dropdown ul { /* @apply my-1 min-w-[120px] rounded bg-white p-0 py-2 shadow dark:bg-[#1b2e4b] text-black dark:text-white-dark; */ } .dropdown ul li > a, .dropdown ul li > button{ display: flex; align-items: center; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .dropdown ul li > a:hover, .dropdown ul li > button:hover{ background-color: rgb(0 114 185 / 0.1); --tw-text-opacity: 1; color: rgb(0 114 185 / var(--tw-text-opacity, 1)); } .dropdown ul li > button{ width: 100%; } /* tables */ table{ width: 100%; border-collapse: collapse !important; } table thead tr, table tfoot tr{ border-bottom-width: 0px; --tw-bg-opacity: 1 !important; background-color: rgb(246 248 250 / var(--tw-bg-opacity, 1)) !important; } table thead tr:is(.dark *), table tfoot tr:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(26 41 65 / var(--tw-bg-opacity, 1)) !important; } table thead tr th, table tfoot tr th, table tbody tr td{ padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; } table thead tr th:where([dir="ltr"], [dir="ltr"] *), table tfoot tr th:where([dir="ltr"], [dir="ltr"] *), table tbody tr td:where([dir="ltr"], [dir="ltr"] *){ text-align: left; } table thead tr th:where([dir="rtl"], [dir="rtl"] *), table tfoot tr th:where([dir="rtl"], [dir="rtl"] *), table tbody tr td:where([dir="rtl"], [dir="rtl"] *){ text-align: right; } table thead tr th, table tfoot tr th{ font-weight: 600; } table tbody tr{ border-bottom-width: 1px; border-color: rgb(224 230 237 / 0.4) !important; } table tbody tr:is(.dark *){ --tw-border-opacity: 1 !important; border-color: rgb(25 30 58 / var(--tw-border-opacity, 1)) !important; } /* code hightlight */ pre { direction: ltr; } .accordion-content{ overflow: hidden; /* max-height: 0; overflow: hidden; transition: max-height 350ms ease-out; */ } .visible{ visibility: visible; } .invisible{ visibility: hidden; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: sticky; } .inset-0{ inset: 0px; } .inset-x-0{ left: 0px; right: 0px; } .\!left-0{ left: 0px !important; } .-top-\[3px\]{ top: -3px; } .bottom-0{ bottom: 0px; } .bottom-6{ bottom: 1.5rem; } .end-0{ inset-inline-end: 0px; } .right-0{ right: 0px; } .right-\[6px\]{ right: 6px; } .top-0{ top: 0px; } .top-1\/2{ top: 50%; } .top-11{ top: 2.75rem; } .top-3{ top: 0.75rem; } .top-\[6px\]{ top: 6px; } .z-10{ z-index: 10; } .z-40{ z-index: 40; } .z-50{ z-index: 50; } .z-\[1009\]{ z-index: 1009; } .z-\[1010\]{ z-index: 1010; } .z-\[10\]{ z-index: 10; } .z-\[51\]{ z-index: 51; } .z-\[60\]{ z-index: 60; } .z-\[999\]{ z-index: 999; } .col-span-2{ grid-column: span 2 / span 2; } .col-span-3{ grid-column: span 3 / span 3; } .col-span-4{ grid-column: span 4 / span 4; } .col-span-5{ grid-column: span 5 / span 5; } .m-0{ margin: 0px; } .m-auto{ margin: auto; } .\!mx-auto{ margin-left: auto !important; margin-right: auto !important; } .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .mx-4{ margin-left: 1rem; margin-right: 1rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-10{ margin-top: 2.5rem; margin-bottom: 2.5rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-8{ margin-top: 2rem; margin-bottom: 2rem; } .my-auto{ margin-top: auto; margin-bottom: auto; } .\!mb-0{ margin-bottom: 0px !important; } .\!mb-2{ margin-bottom: 0.5rem !important; } .\!mb-3{ margin-bottom: 0.75rem !important; } .\!mb-8{ margin-bottom: 2rem !important; } .\!ml-0{ margin-left: 0px !important; } .\!mt-3{ margin-top: 0.75rem !important; } .\!mt-\[10px\]{ margin-top: 10px !important; } .mb-0{ margin-bottom: 0px; } .mb-1{ margin-bottom: 0.25rem; } .mb-10{ margin-bottom: 2.5rem; } .mb-11{ margin-bottom: 2.75rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-3{ margin-bottom: 0.75rem; } .mb-4{ margin-bottom: 1rem; } .mb-5{ margin-bottom: 1.25rem; } .mb-6{ margin-bottom: 1.5rem; } .mb-7{ margin-bottom: 1.75rem; } .mb-8{ margin-bottom: 2rem; } .mb-\[20px\]{ margin-bottom: 20px; } .mb-\[24px\]{ margin-bottom: 24px; } .me-2{ margin-inline-end: 0.5rem; } .me-3{ margin-inline-end: 0.75rem; } .ml-2{ margin-left: 0.5rem; } .ml-auto{ margin-left: auto; } .mr-1{ margin-right: 0.25rem; } .mr-2{ margin-right: 0.5rem; } .mr-3{ margin-right: 0.75rem; } .mr-6{ margin-right: 1.5rem; } .mr-8{ margin-right: 2rem; } .mr-auto{ margin-right: auto; } .ms-3{ margin-inline-start: 0.75rem; } .ms-6{ margin-inline-start: 1.5rem; } .ms-auto{ margin-inline-start: auto; } .mt-2{ margin-top: 0.5rem; } .mt-3{ margin-top: 0.75rem; } .mt-4{ margin-top: 1rem; } .mt-5{ margin-top: 1.25rem; } .mt-8{ margin-top: 2rem; } .mt-\[16px\]{ margin-top: 16px; } .mt-auto{ margin-top: auto; } .\!line-clamp-1{ overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 1 !important; } .\!line-clamp-2{ overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } .\!line-clamp-3{ overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; } .line-clamp-1{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-4{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .\!block{ display: block !important; } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .\!grid{ display: grid !important; } .grid{ display: grid; } .contents{ display: contents; } .hidden{ display: none; } .aspect-square{ aspect-ratio: 1 / 1; } .\!h-12{ height: 3rem !important; } .\!h-\[150px\]{ height: 150px !important; } .\!h-\[30px\]{ height: 30px !important; } .\!h-\[calc\(100vh-100px\)\]{ height: calc(100vh - 100px) !important; } .\!h-\[calc\(100vh-80px\)\]{ height: calc(100vh - 80px) !important; } .\!h-full{ height: 100% !important; } .h-10{ height: 2.5rem; } .h-11{ height: 2.75rem; } .h-12{ height: 3rem; } .h-2{ height: 0.5rem; } .h-3{ height: 0.75rem; } .h-4{ height: 1rem; } .h-4\.5{ height: 18px; } .h-5{ height: 1.25rem; } .h-6{ height: 1.5rem; } .h-7{ height: 1.75rem; } .h-8{ height: 2rem; } .h-9{ height: 2.25rem; } .h-\[100px\]{ height: 100px; } .h-\[150px\]{ height: 150px; } .h-\[20px\]{ height: 20px; } .h-\[24px\]{ height: 24px; } .h-\[290px\]{ height: 290px; } .h-\[312px\]{ height: 312px; } .h-\[36px\]{ height: 36px; } .h-\[380px\]{ height: 380px; } .h-\[42px\]{ height: 42px; } .h-\[460px\]{ height: 460px; } .h-\[60px\]{ height: 60px; } .h-\[6px\]{ height: 6px; } .h-dvh{ height: 100dvh; } .h-fit{ height: fit-content; } .h-full{ height: 100%; } .h-screen{ height: 100vh; } .max-h-\[570px\]{ max-height: 570px; } .max-h-\[60px\]{ max-height: 60px; } .\!min-h-\[150px\]{ min-height: 150px !important; } .min-h-16{ min-height: 4rem; } .min-h-24{ min-height: 6rem; } .min-h-\[200px\]{ min-height: 200px; } .min-h-\[312px\]{ min-height: 312px; } .min-h-\[66px\]{ min-height: 66px; } .min-h-full{ min-height: 100%; } .min-h-screen{ min-height: 100vh; } .\!w-12{ width: 3rem !important; } .\!w-\[30px\]{ width: 30px !important; } .\!w-full{ width: 100% !important; } .w-10{ width: 2.5rem; } .w-12{ width: 3rem; } .w-16{ width: 4rem; } .w-2{ width: 0.5rem; } .w-24{ width: 6rem; } .w-28{ width: 7rem; } .w-3{ width: 0.75rem; } .w-36{ width: 9rem; } .w-4{ width: 1rem; } .w-4\.5{ width: 18px; } .w-5{ width: 1.25rem; } .w-6{ width: 1.5rem; } .w-7{ width: 1.75rem; } .w-8{ width: 2rem; } .w-9{ width: 2.25rem; } .w-\[10\%\]{ width: 10%; } .w-\[100px\]{ width: 100px; } .w-\[10px\]{ width: 10px; } .w-\[11\%\]{ width: 11%; } .w-\[12\%\]{ width: 12%; } .w-\[13\%\]{ width: 13%; } .w-\[140px\]{ width: 140px; } .w-\[150px\]{ width: 150px; } .w-\[17\%\]{ width: 17%; } .w-\[20px\]{ width: 20px; } .w-\[24px\]{ width: 24px; } .w-\[280px\]{ width: 280px; } .w-\[2px\]{ width: 2px; } .w-\[30\%\]{ width: 30%; } .w-\[300px\]{ width: 300px; } .w-\[320px\]{ width: 320px; } .w-\[38px\]{ width: 38px; } .w-\[40\%\]{ width: 40%; } .w-\[40px\]{ width: 40px; } .w-\[42px\]{ width: 42px; } .w-\[60\%\]{ width: 60%; } .w-\[60px\]{ width: 60px; } .w-\[6px\]{ width: 6px; } .w-\[80px\]{ width: 80px; } .w-auto{ width: auto; } .w-fit{ width: fit-content; } .w-full{ width: 100%; } .\!min-w-\[auto\]{ min-width: auto !important; } .min-w-12{ min-width: 3rem; } .min-w-\[100px\]{ min-width: 100px; } .min-w-\[180px\]{ min-width: 180px; } .max-w-60{ max-width: 15rem; } .max-w-\[400px\]{ max-width: 400px; } .max-w-\[408px\]{ max-width: 408px; } .max-w-full{ max-width: 100%; } .flex-1{ flex: 1 1 0%; } .flex-auto{ flex: 1 1 auto; } .flex-none{ flex: none; } .flex-shrink-0{ flex-shrink: 0; } .shrink-0{ flex-shrink: 0; } .flex-grow{ flex-grow: 1; } .-translate-x-full{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-180{ --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes spin{ to{ transform: rotate(360deg); } } .animate-\[spin_3s_linear_infinite\]{ animation: spin 3s linear infinite; } @keyframes ping{ 75%, 100%{ transform: scale(2); opacity: 0; } } .animate-ping{ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes pulse{ 50%{ opacity: .5; } } .animate-pulse{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .\!cursor-not-allowed{ cursor: not-allowed !important; } .\!cursor-pointer{ cursor: pointer !important; } .cursor-not-allowed{ cursor: not-allowed; } .cursor-pointer{ cursor: pointer; } .\!select-none{ -webkit-user-select: none !important; user-select: none !important; } .select-none{ -webkit-user-select: none; user-select: none; } .resize-none{ resize: none; } .resize-y{ resize: vertical; } .resize{ resize: both; } .\!list-disc{ list-style-type: disc !important; } .list-none{ list-style-type: none; } .appearance-none{ appearance: none; } .\!grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .\!grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .flex-row{ flex-direction: row; } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .place-content-center{ place-content: center; } .\!content-center{ align-content: center !important; } .content-center{ align-content: center; } .content-start{ align-content: flex-start; } .items-start{ align-items: flex-start; } .items-center{ align-items: center; } .items-baseline{ align-items: baseline; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .justify-items-center{ justify-items: center; } .gap-1{ gap: 0.25rem; } .gap-10{ gap: 2.5rem; } .gap-2{ gap: 0.5rem; } .gap-3{ gap: 0.75rem; } .gap-4{ gap: 1rem; } .gap-5{ gap: 1.25rem; } .gap-6{ gap: 1.5rem; } .gap-8{ gap: 2rem; } .gap-\[6px\]{ gap: 6px; } .gap-x-3{ column-gap: 0.75rem; } .gap-x-5{ column-gap: 1.25rem; } .gap-x-7{ column-gap: 1.75rem; } .space-x-1\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.375rem * var(--tw-space-x-reverse)); margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .overflow-hidden{ overflow: hidden; } .overflow-x-auto{ overflow-x: auto; } .overflow-y-auto{ overflow-y: auto; } .overflow-x-hidden{ overflow-x: hidden; } .overflow-x-scroll{ overflow-x: scroll; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap{ white-space: nowrap; } .whitespace-pre{ white-space: pre; } .text-nowrap{ text-wrap: nowrap; } .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } .\!rounded-full{ border-radius: 9999px !important; } .\!rounded-none{ border-radius: 0px !important; } .rounded{ border-radius: 0.25rem; } .rounded-3xl{ border-radius: 1.5rem; } .rounded-\[8px\]{ border-radius: 8px; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.5rem; } .rounded-md{ border-radius: 0.375rem; } .rounded-sm{ border-radius: 0.125rem; } .rounded-xl{ border-radius: 0.75rem; } .rounded-t-md{ border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } .\!border{ border-width: 1px !important; } .\!border-2{ border-width: 2px !important; } .border{ border-width: 1px; } .border-0{ border-width: 0px; } .border-2{ border-width: 2px; } .border-l-4{ border-left-width: 4px; } .border-t{ border-top-width: 1px; } .border-t-4{ border-top-width: 4px; } .\!border-solid{ border-style: solid !important; } .border-solid{ border-style: solid; } .\!border-dashed{ border-style: dashed !important; } .border-dashed{ border-style: dashed; } .\!border-none{ border-style: none !important; } .border-none{ border-style: none; } .\!border-\[\#3D489C\]{ --tw-border-opacity: 1 !important; border-color: rgb(61 72 156 / var(--tw-border-opacity, 1)) !important; } .\!border-\[\#C42F35\]{ --tw-border-opacity: 1 !important; border-color: rgb(196 47 53 / var(--tw-border-opacity, 1)) !important; } .\!border-\[\#DDDDDD\]{ --tw-border-opacity: 1 !important; border-color: rgb(221 221 221 / var(--tw-border-opacity, 1)) !important; } .border-\[\#1C2553\]{ --tw-border-opacity: 1; border-color: rgb(28 37 83 / var(--tw-border-opacity, 1)); } .border-\[\#3D489C\]{ --tw-border-opacity: 1; border-color: rgb(61 72 156 / var(--tw-border-opacity, 1)); } .border-\[\#919191\]{ --tw-border-opacity: 1; border-color: rgb(145 145 145 / var(--tw-border-opacity, 1)); } .border-\[\#CCD4E9\]{ --tw-border-opacity: 1; border-color: rgb(204 212 233 / var(--tw-border-opacity, 1)); } .border-\[\#DCE1E4\]{ --tw-border-opacity: 1; border-color: rgb(220 225 228 / var(--tw-border-opacity, 1)); } .border-\[\#DDDDDD\]{ --tw-border-opacity: 1; border-color: rgb(221 221 221 / var(--tw-border-opacity, 1)); } .border-\[\#DDD\]{ --tw-border-opacity: 1; border-color: rgb(221 221 221 / var(--tw-border-opacity, 1)); } .border-\[\#E5E7EB\]{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-\[\#F9F9F9\]{ --tw-border-opacity: 1; border-color: rgb(249 249 249 / var(--tw-border-opacity, 1)); } .border-\[\#e0e6ed\]{ --tw-border-opacity: 1; border-color: rgb(224 230 237 / var(--tw-border-opacity, 1)); } .border-\[\#ebedf2\]{ --tw-border-opacity: 1; border-color: rgb(235 237 242 / var(--tw-border-opacity, 1)); } .border-\[\#f5f5f5\]{ --tw-border-opacity: 1; border-color: rgb(245 245 245 / var(--tw-border-opacity, 1)); } .border-black{ --tw-border-opacity: 1; border-color: rgb(14 23 38 / var(--tw-border-opacity, 1)); } .border-primary{ --tw-border-opacity: 1; border-color: rgb(0 114 185 / var(--tw-border-opacity, 1)); } .border-white-light{ --tw-border-opacity: 1; border-color: rgb(224 230 237 / var(--tw-border-opacity, 1)); } .border-b-\[\#4D5562\]{ --tw-border-opacity: 1; border-bottom-color: rgb(77 85 98 / var(--tw-border-opacity, 1)); } .border-b-white{ --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .\!bg-\[\#C42F35\]{ --tw-bg-opacity: 1 !important; background-color: rgb(196 47 53 / var(--tw-bg-opacity, 1)) !important; } .\!bg-\[\#E5E5E5\]{ --tw-bg-opacity: 1 !important; background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1)) !important; } .\!bg-\[\#FFE9EA\]{ --tw-bg-opacity: 1 !important; background-color: rgb(255 233 234 / var(--tw-bg-opacity, 1)) !important; } .\!bg-transparent{ background-color: transparent !important; } .\!bg-white{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .bg-\[\#0000004D\]{ background-color: #0000004D; } .bg-\[\#0072B9\]{ --tw-bg-opacity: 1; background-color: rgb(0 114 185 / var(--tw-bg-opacity, 1)); } .bg-\[\#1F1F1F80\]{ background-color: #1F1F1F80; } .bg-\[\#3D489C\]{ --tw-bg-opacity: 1; background-color: rgb(61 72 156 / var(--tw-bg-opacity, 1)); } .bg-\[\#CCD4E9\]{ --tw-bg-opacity: 1; background-color: rgb(204 212 233 / var(--tw-bg-opacity, 1)); } .bg-\[\#D9D9D9\]{ --tw-bg-opacity: 1; background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1)); } .bg-\[\#F3F4F6\]{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-\[\#F9F9F9\]{ --tw-bg-opacity: 1; background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1)); } .bg-\[\#b4f53c\]{ --tw-bg-opacity: 1; background-color: rgb(180 245 60 / var(--tw-bg-opacity, 1)); } .bg-\[\#eee\]{ --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)); } .bg-\[\#fafafa\]{ --tw-bg-opacity: 1; background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); } .bg-\[\#fff\]{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-\[black\]\/60{ background-color: rgb(0 0 0 / 0.6); } .bg-danger-light{ --tw-bg-opacity: 1; background-color: rgb(255 245 245 / var(--tw-bg-opacity, 1)); } .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-info-light{ --tw-bg-opacity: 1; background-color: rgb(231 247 255 / var(--tw-bg-opacity, 1)); } .bg-primary{ --tw-bg-opacity: 1; background-color: rgb(0 114 185 / var(--tw-bg-opacity, 1)); } .bg-primary\/10{ background-color: rgb(0 114 185 / 0.1); } .bg-primary\/80{ background-color: rgb(0 114 185 / 0.8); } .bg-success{ --tw-bg-opacity: 1; background-color: rgb(0 171 85 / var(--tw-bg-opacity, 1)); } .bg-success-light{ --tw-bg-opacity: 1; background-color: rgb(221 245 240 / var(--tw-bg-opacity, 1)); } .bg-success\/50{ background-color: rgb(0 171 85 / 0.5); } .bg-transparent{ background-color: transparent; } .bg-warning-light{ --tw-bg-opacity: 1; background-color: rgb(255 249 237 / var(--tw-bg-opacity, 1)); } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white-dark\/20{ background-color: rgb(136 142 168 / 0.2); } .bg-white-light\/40{ background-color: rgb(224 230 237 / 0.4); } .bg-\[url\(\'\/assets\/images\/menu-heade\.jpg\'\)\]{ background-image: url('/assets/images/menu-heade.jpg'); } .bg-\[url\(\'\/assets\/media\/bg-login-new\.jpg\'\)\]{ background-image: url('/assets/media/bg-login-new.jpg'); } .bg-gradient-to-r{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-\[\#00E77E\]{ --tw-gradient-from: #00E77E var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 231 126 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-\[\#00A3D7\]{ --tw-gradient-to: #00A3D7 var(--tw-gradient-to-position); } .bg-cover{ background-size: cover; } .bg-clip-text{ background-clip: text; } .bg-center{ background-position: center; } .bg-no-repeat{ background-repeat: no-repeat; } .fill-\[url\(\#linear-gradient\)\]{ fill: url(#linear-gradient); } .fill-white{ fill: #ffffff; } .object-cover{ object-fit: cover; } .object-none{ object-fit: none; } .object-center{ object-position: center; } .\!p-2{ padding: 0.5rem !important; } .\!p-4{ padding: 1rem !important; } .\!p-5{ padding: 1.25rem !important; } .p-0{ padding: 0px; } .p-10{ padding: 2.5rem; } .p-2{ padding: 0.5rem; } .p-3{ padding: 0.75rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-8{ padding: 2rem; } .p-\[10px\]{ padding: 10px; } .\!px-12{ padding-left: 3rem !important; padding-right: 3rem !important; } .\!px-2{ padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .\!px-\[8px\]{ padding-left: 8px !important; padding-right: 8px !important; } .\!py-0{ padding-top: 0px !important; padding-bottom: 0px !important; } .\!py-2{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .\!py-3{ padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-7{ padding-left: 1.75rem; padding-right: 1.75rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .\!pb-1{ padding-bottom: 0.25rem !important; } .\!pl-\[36px\]{ padding-left: 36px !important; } .\!pt-0{ padding-top: 0px !important; } .pb-0{ padding-bottom: 0px; } .pb-10{ padding-bottom: 2.5rem; } .pb-12{ padding-bottom: 3rem; } .pb-2{ padding-bottom: 0.5rem; } .pb-3{ padding-bottom: 0.75rem; } .pb-4{ padding-bottom: 1rem; } .pb-5{ padding-bottom: 1.25rem; } .pb-\[24px\]{ padding-bottom: 24px; } .pb-\[30px\]{ padding-bottom: 30px; } .pe-12{ padding-inline-end: 3rem; } .pl-2{ padding-left: 0.5rem; } .pl-5{ padding-left: 1.25rem; } .pl-\[10px\]{ padding-left: 10px; } .pl-\[20px\]{ padding-left: 20px; } .pr-11{ padding-right: 2.75rem; } .ps-6{ padding-inline-start: 1.5rem; } .pt-0{ padding-top: 0px; } .pt-1{ padding-top: 0.25rem; } .pt-4{ padding-top: 1rem; } .pt-6{ padding-top: 1.5rem; } .text-center{ text-align: center; } .text-justify{ text-align: justify; } .\!text-start{ text-align: start !important; } .text-end{ text-align: end; } .\!text-2xl{ font-size: 1.5rem !important; line-height: 2rem !important; } .\!text-\[12px\]{ font-size: 12px !important; } .\!text-\[14px\]{ font-size: 14px !important; } .\!text-\[18px\]{ font-size: 18px !important; } .\!text-\[23px\]{ font-size: 23px !important; } .\!text-\[24px\]{ font-size: 24px !important; } .\!text-sm{ font-size: 0.875rem !important; line-height: 1.25rem !important; } .text-2xl{ font-size: 1.5rem; line-height: 2rem; } .text-\[12px\]{ font-size: 12px; } .text-\[14px\]{ font-size: 14px; } .text-\[16px\]{ font-size: 16px; } .text-\[18px\]{ font-size: 18px; } .text-\[20px\]{ font-size: 20px; } .text-\[22px\]{ font-size: 22px; } .text-\[24px\]{ font-size: 24px; } .text-\[28px\]{ font-size: 28px; } .text-\[32px\]{ font-size: 32px; } .text-base{ font-size: 1rem; line-height: 1.5rem; } .text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .text-xs{ font-size: 0.75rem; line-height: 1rem; } .\!font-bold{ font-weight: 700 !important; } .\!font-normal{ font-weight: 400 !important; } .\!font-semibold{ font-weight: 600 !important; } .font-black{ font-weight: 900; } .font-bold{ font-weight: 700; } .font-normal{ font-weight: 400; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .capitalize{ text-transform: capitalize; } .italic{ font-style: italic; } .leading-\[36px\]{ line-height: 36px; } .leading-\[normal\]{ line-height: normal; } .leading-none{ line-height: 1; } .leading-normal{ line-height: 1.5; } .\!text-\[\#3D489C\]{ --tw-text-opacity: 1 !important; color: rgb(61 72 156 / var(--tw-text-opacity, 1)) !important; } .\!text-\[\#4D5562\]{ --tw-text-opacity: 1 !important; color: rgb(77 85 98 / var(--tw-text-opacity, 1)) !important; } .\!text-\[\#6B6B6B\]{ --tw-text-opacity: 1 !important; color: rgb(107 107 107 / var(--tw-text-opacity, 1)) !important; } .\!text-\[\#919191\]{ --tw-text-opacity: 1 !important; color: rgb(145 145 145 / var(--tw-text-opacity, 1)) !important; } .\!text-\[\#9DA3AE\]{ --tw-text-opacity: 1 !important; color: rgb(157 163 174 / var(--tw-text-opacity, 1)) !important; } .\!text-\[\#C42F35\]{ --tw-text-opacity: 1 !important; color: rgb(196 47 53 / var(--tw-text-opacity, 1)) !important; } .\!text-\[\#DDDDDD\]{ --tw-text-opacity: 1 !important; color: rgb(221 221 221 / var(--tw-text-opacity, 1)) !important; } .\!text-\[\#DDD\]{ --tw-text-opacity: 1 !important; color: rgb(221 221 221 / var(--tw-text-opacity, 1)) !important; } .\!text-black{ --tw-text-opacity: 1 !important; color: rgb(14 23 38 / var(--tw-text-opacity, 1)) !important; } .\!text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .text-\[\#0067B8\]{ --tw-text-opacity: 1; color: rgb(0 103 184 / var(--tw-text-opacity, 1)); } .text-\[\#0072B9\]{ --tw-text-opacity: 1; color: rgb(0 114 185 / var(--tw-text-opacity, 1)); } .text-\[\#1F1F1F\]{ --tw-text-opacity: 1; color: rgb(31 31 31 / var(--tw-text-opacity, 1)); } .text-\[\#1f1f1f\]{ --tw-text-opacity: 1; color: rgb(31 31 31 / var(--tw-text-opacity, 1)); } .text-\[\#25933D\]{ --tw-text-opacity: 1; color: rgb(37 147 61 / var(--tw-text-opacity, 1)); } .text-\[\#394150\]{ --tw-text-opacity: 1; color: rgb(57 65 80 / var(--tw-text-opacity, 1)); } .text-\[\#3D489C\]{ --tw-text-opacity: 1; color: rgb(61 72 156 / var(--tw-text-opacity, 1)); } .text-\[\#4D5562\]{ --tw-text-opacity: 1; color: rgb(77 85 98 / var(--tw-text-opacity, 1)); } .text-\[\#5EC269\]{ --tw-text-opacity: 1; color: rgb(94 194 105 / var(--tw-text-opacity, 1)); } .text-\[\#919191\]{ --tw-text-opacity: 1; color: rgb(145 145 145 / var(--tw-text-opacity, 1)); } .text-\[\#9DA3AE\]{ --tw-text-opacity: 1; color: rgb(157 163 174 / var(--tw-text-opacity, 1)); } .text-\[\#C42F35\]{ --tw-text-opacity: 1; color: rgb(196 47 53 / var(--tw-text-opacity, 1)); } .text-\[\#CD1923\]{ --tw-text-opacity: 1; color: rgb(205 25 35 / var(--tw-text-opacity, 1)); } .text-\[\#D12114\]{ --tw-text-opacity: 1; color: rgb(209 33 20 / var(--tw-text-opacity, 1)); } .text-\[\#DDD\]{ --tw-text-opacity: 1; color: rgb(221 221 221 / var(--tw-text-opacity, 1)); } .text-\[\#FF9430\]{ --tw-text-opacity: 1; color: rgb(255 148 48 / var(--tw-text-opacity, 1)); } .text-black{ --tw-text-opacity: 1; color: rgb(14 23 38 / var(--tw-text-opacity, 1)); } .text-danger{ --tw-text-opacity: 1; color: rgb(231 81 90 / var(--tw-text-opacity, 1)); } .text-dark{ --tw-text-opacity: 1; color: rgb(59 63 92 / var(--tw-text-opacity, 1)); } .text-dark\/60{ color: rgb(59 63 92 / 0.6); } .text-info{ --tw-text-opacity: 1; color: rgb(33 150 243 / var(--tw-text-opacity, 1)); } .text-neutral-300{ --tw-text-opacity: 1; color: rgb(212 212 212 / var(--tw-text-opacity, 1)); } .text-primary{ --tw-text-opacity: 1; color: rgb(0 114 185 / var(--tw-text-opacity, 1)); } .text-red-400{ --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-success{ --tw-text-opacity: 1; color: rgb(0 171 85 / var(--tw-text-opacity, 1)); } .text-warning{ --tw-text-opacity: 1; color: rgb(226 160 63 / var(--tw-text-opacity, 1)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white-dark{ --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .underline{ text-decoration-line: underline; } .antialiased{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0{ opacity: 0; } .opacity-30{ opacity: 0.3; } .opacity-35{ opacity: 0.35; } .opacity-50{ opacity: 0.5; } .opacity-75{ opacity: 0.75; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[5px_0_25px_0_rgba\(94\2c 92\2c 154\2c 0\.1\)\]{ --tw-shadow: 5px 0 25px 0 rgba(94,92,154,0.1); --tw-shadow-colored: 5px 0 25px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl{ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-transparent{ --tw-shadow-color: transparent; --tw-shadow: var(--tw-shadow-colored); } .ring-4{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-primary\/30{ --tw-ring-color: rgb(0 114 185 / 0.3); } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[display\]{ transition-property: display; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[right\]{ transition-property: right; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-200{ transition-duration: 200ms; } .duration-300{ transition-duration: 300ms; } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } /* @layer tailwind-base, tailwind-utilities; @layer tailwind-base { @tailwind base; } @layer tailwind-utilities { @tailwind components; @tailwind utilities; } */ *, ::before, ::after { border-width: 0; border-style: solid; border-color: #e5e7eb; } /* perfect scrollbar */ .ng-scrollbar { --scrollbar-size: 6px !important; --scrollbar-thumb-color: #dddddd !important; --scrollbar-padding: 0px !important; } .collapsible-vertical .sidebar .ng-scroll-content{ display: block !important; } .sidebar .ng-scrollbar { --scrollbar-padding: 2px !important; } .dark .ng-scrollbar { --scrollbar-thumb-color: #2d334c !important; } /* swal2 */ .swal2-container .swal2-close{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .swal2-container .swal2-close:hover{ --tw-text-opacity: 1; color: rgb(234 234 236 / var(--tw-text-opacity, 1)); } .swal2-container .swal2-close:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .swal2-container .swal2-popup.swal2-toast{ --tw-bg-opacity: 1; background-color: rgb(59 63 92 / var(--tw-bg-opacity, 1)); padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1.25rem; padding-right: 1.25rem; } .swal2-popup.swal2-toast .swal2-title, .swal2-container .swal2-popup.swal2-toast .swal2-html-container{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-primary{ --tw-bg-opacity: 1; background-color: rgb(0 114 185 / var(--tw-bg-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-secondary{ --tw-bg-opacity: 1; background-color: rgb(128 93 202 / var(--tw-bg-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-warning{ --tw-bg-opacity: 1; background-color: rgb(226 160 63 / var(--tw-bg-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-info{ --tw-bg-opacity: 1; background-color: rgb(33 150 243 / var(--tw-bg-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-danger{ --tw-bg-opacity: 1; background-color: rgb(231 81 90 / var(--tw-bg-opacity, 1)); } .swal2-container .swal2-popup.swal2-toast.color-success{ --tw-bg-opacity: 1; background-color: rgb(0 171 85 / var(--tw-bg-opacity, 1)); } /* apex chart */ .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light, .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light { box-shadow: none; border-color: #050717cc; background-color: #050717cc; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-xaxistooltip-bottom:after{ border-bottom-color: #050717cc; } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{ --tw-border-opacity: 1; border-color: rgb(59 63 92 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1)); } .apexcharts-legend-series:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem !important; } .apexcharts-legend-series:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem !important; } .dark .apexcharts-title-text { fill: #e0e6ed; } .dark .apexcharts-canvas .apexcharts-text.apexcharts-xaxis-label, .dark .apexcharts-canvas .apexcharts-text.apexcharts-yaxis-label { fill: #e0e6ed; } .dark .apexcharts-canvas .apexcharts-text, .dark .apexcharts-canvas .apexcharts-text { fill: #e0e6ed; } .dark .apexcharts-canvas .apexcharts-legend-text { color: #e0e6ed !important; } .dark .apexcharts-canvas .apexcharts-radialbar-track.apexcharts-track .apexcharts-radialbar-area { stroke: #191e3a; } .dark .apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble .apexcharts-marker { stroke: #191e3a; } .dark .apexcharts-canvas .apexcharts-pie-label, .dark .apexcharts-canvas .apexcharts-datalabel, .dark .apexcharts-canvas .apexcharts-datalabel-label, .dark .apexcharts-canvas .apexcharts-datalabel-value { fill: #bfc9d4; } .dark .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark { box-shadow: none; } .apexcharts-canvas .apexcharts-legend-marker:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.375rem !important; } .apexcharts-canvas .apexcharts-legend-marker:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.375rem; margin-right: 0px !important; } [dir='rtl'] .apexcharts-tooltip-marker{ margin-right: 0px; margin-left: 0.625rem; } /* Animations */ .slide-down-enter-active{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 100ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .slide-down-leave-active{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 75ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .slide-down-enter-from, .slide-down-leave-to{ --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; } .slide-down-enter-to, .slide-down-leave-from{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; } .modal-fade-enter-active{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .modal-fade-leave-active{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .modal-fade-enter-from, .modal-fade-leave-to{ --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 0; } .modal-fade-enter-to, .modal-fade-leave-from{ --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); opacity: 1; } /* highlightjs */ pre code.hljs{ overflow-x: auto; border-radius: 0.375rem; --tw-bg-opacity: 1 !important; background-color: rgb(25 30 58 / var(--tw-bg-opacity, 1)) !important; padding: 1rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } /* ngx-scrollbar */ .ng-scroll-viewport{ width: 100%; } .placeholder\:tracking-widest::placeholder{ letter-spacing: 0.1em; } .hover\:rounded-lg:hover{ border-radius: 0.5rem; } .hover\:\!bg-\[\#f3f4f6\]:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important; } .hover\:\!bg-transparent:hover{ background-color: transparent !important; } .hover\:bg-\[\#1C2553\]:hover{ --tw-bg-opacity: 1; background-color: rgb(28 37 83 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#2C3A8C\]:hover{ --tw-bg-opacity: 1; background-color: rgb(44 58 140 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#3D489C\]:hover{ --tw-bg-opacity: 1; background-color: rgb(61 72 156 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#f1f5f9\]:hover{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[rgba\(229\2c 231\2c 235\2c 0\.3\)\]:hover{ background-color: rgba(229,231,235,0.3); } .hover\:bg-blue-700:hover{ --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-50:hover{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-500\/10:hover{ background-color: rgb(107 114 128 / 0.1); } .hover\:bg-white-light\/90:hover{ background-color: rgb(224 230 237 / 0.9); } .hover\:font-bold:hover{ font-weight: 700; } .hover\:text-danger:hover{ --tw-text-opacity: 1; color: rgb(231 81 90 / var(--tw-text-opacity, 1)); } .hover\:text-primary:hover{ --tw-text-opacity: 1; color: rgb(0 114 185 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover{ text-decoration-line: underline; } .hover\:opacity-100:hover{ opacity: 1; } .hover\:opacity-80:hover{ opacity: 0.8; } .active\:bg-\[\#e2e8f0\]:active{ --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .disabled\:\!bg-transparent:disabled{ background-color: transparent !important; } .disabled\:opacity-50:disabled{ opacity: 0.5; } .group:hover .group-hover\:block{ display: block; } .group:hover .group-hover\:flex{ display: flex; } .group:hover .group-hover\:translate-x-1{ --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:\!justify-start{ justify-content: flex-start !important; } .group:hover .group-hover\:justify-start{ justify-content: flex-start; } .group:hover .group-hover\:\!text-primary{ --tw-text-opacity: 1 !important; color: rgb(0 114 185 / var(--tw-text-opacity, 1)) !important; } .group:hover .group-hover\:\!text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .group:hover .group-hover\:underline{ text-decoration-line: underline; } .group:hover .group-hover\:opacity-100{ opacity: 1; } .group:hover .group-hover\:saturate-100{ --tw-saturate: saturate(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .peer:focus ~ .peer-focus\:text-primary{ --tw-text-opacity: 1; color: rgb(0 114 185 / var(--tw-text-opacity, 1)); } .search-cancel\:cursor-pointer::-webkit-search-cancel-button{ cursor: pointer; } .search-cancel\:contrast-200::-webkit-search-cancel-button{ --tw-contrast: contrast(2); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .dark\:divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(255 255 255 / 0.1); } .dark\:border-\[\#17263c\]:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(23 38 60 / var(--tw-border-opacity, 1)); } .dark\:border-\[\#191e3a\]:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(25 30 58 / var(--tw-border-opacity, 1)); } .dark\:border-\[\#1b2e4b\]:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(27 46 75 / var(--tw-border-opacity, 1)); } .dark\:border-white-light\/10:is(.dark *){ border-color: rgb(224 230 237 / 0.1); } .dark\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .dark\:bg-\[\#060818\]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1)); } .dark\:bg-\[\#0e1726\]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(14 23 38 / var(--tw-bg-opacity, 1)); } .dark\:bg-\[\#1b2e4b\]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(27 46 75 / var(--tw-bg-opacity, 1)); } .dark\:bg-danger:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(231 81 90 / var(--tw-bg-opacity, 1)); } .dark\:bg-dark\/40:is(.dark *){ background-color: rgb(59 63 92 / 0.4); } .dark\:bg-info:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(33 150 243 / var(--tw-bg-opacity, 1)); } .dark\:bg-success:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(0 171 85 / var(--tw-bg-opacity, 1)); } .dark\:bg-warning:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(226 160 63 / var(--tw-bg-opacity, 1)); } .dark\:text-\[\#d0d2d6\]:is(.dark *){ --tw-text-opacity: 1; color: rgb(208 210 214 / var(--tw-text-opacity, 1)); } .dark\:text-danger-light:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 245 245 / var(--tw-text-opacity, 1)); } .dark\:text-gray-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:text-gray-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .dark\:text-info-light:is(.dark *){ --tw-text-opacity: 1; color: rgb(231 247 255 / var(--tw-text-opacity, 1)); } .dark\:text-success-light:is(.dark *){ --tw-text-opacity: 1; color: rgb(221 245 240 / var(--tw-text-opacity, 1)); } .dark\:text-warning-light:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 249 237 / var(--tw-text-opacity, 1)); } .dark\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dark\:text-white-dark:is(.dark *){ --tw-text-opacity: 1; color: rgb(136 142 168 / var(--tw-text-opacity, 1)); } .dark\:text-white-light:is(.dark *){ --tw-text-opacity: 1; color: rgb(224 230 237 / var(--tw-text-opacity, 1)); } .dark\:text-white-light\/90:is(.dark *){ color: rgb(224 230 237 / 0.9); } .dark\:hover\:bg-dark-light\/10:hover:is(.dark *){ background-color: rgb(234 234 236 / 0.1); } .dark\:hover\:bg-dark\/60:hover:is(.dark *){ background-color: rgb(59 63 92 / 0.6); } .dark\:hover\:bg-primary:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(0 114 185 / var(--tw-bg-opacity, 1)); } .dark\:hover\:text-primary:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(0 114 185 / var(--tw-text-opacity, 1)); } @media (min-width: 640px){ .sm\:relative{ position: relative; } .sm\:top-0{ top: 0px; } .sm\:mx-0{ margin-left: 0px; margin-right: 0px; } .sm\:block{ display: block; } .sm\:hidden{ display: none; } .sm\:w-\[350px\]{ width: 350px; } .sm\:w-\[375px\]{ width: 375px; } .sm\:translate-y-0{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:bg-transparent{ background-color: transparent; } } @media (min-width: 768px){ .md\:w-1\/2{ width: 50%; } .md\:py-0{ padding-top: 0px; padding-bottom: 0px; } } @media (min-width: 1024px){ .lg\:absolute{ position: absolute; } .lg\:end-0{ inset-inline-end: 0px; } .lg\:left-auto{ left: auto; } .lg\:top-0{ top: 0px; } .lg\:col-span-2{ grid-column: span 2 / span 2; } .lg\:col-span-4{ grid-column: span 4 / span 4; } .lg\:mx-40{ margin-left: 10rem; margin-right: 10rem; } .lg\:\!mb-11{ margin-bottom: 2.75rem !important; } .lg\:mb-0{ margin-bottom: 0px; } .lg\:mb-10{ margin-bottom: 2.5rem; } .lg\:mb-14{ margin-bottom: 3.5rem; } .lg\:mb-4{ margin-bottom: 1rem; } .lg\:block{ display: block; } .lg\:flex{ display: flex; } .lg\:hidden{ display: none; } .lg\:h-\[68px\]{ height: 68px; } .lg\:h-screen{ height: 100vh; } .lg\:w-72{ width: 18rem; } .lg\:w-\[160px\]{ width: 160px; } .lg\:w-\[30\%\]{ width: 30%; } .lg\:w-\[35\%\]{ width: 35%; } .lg\:w-\[500px\]{ width: 500px; } .lg\:w-auto{ width: auto; } .lg\:max-w-\[816px\]{ max-width: 816px; } .lg\:translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:grid-flow-col{ grid-auto-flow: column; } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:flex-row{ flex-direction: row; } .lg\:justify-end{ justify-content: flex-end; } .lg\:\!justify-center{ justify-content: center !important; } .lg\:justify-between{ justify-content: space-between; } .lg\:gap-5{ gap: 1.25rem; } .lg\:gap-8{ gap: 2rem; } .lg\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.375rem * var(--tw-space-x-reverse)); margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); } .lg\:p-10{ padding: 2.5rem; } .lg\:p-14{ padding: 3.5rem; } .lg\:p-4{ padding: 1rem; } .lg\:p-8{ padding: 2rem; } .lg\:\!px-12{ padding-left: 3rem !important; padding-right: 3rem !important; } .lg\:px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .lg\:py-0{ padding-top: 0px; padding-bottom: 0px; } .lg\:pb-20{ padding-bottom: 5rem; } .lg\:ps-\[132px\]{ padding-inline-start: 132px; } .lg\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } .lg\:text-6xl{ font-size: 3.75rem; line-height: 1; } .lg\:text-\[14px\]{ font-size: 14px; } .lg\:text-\[16px\]{ font-size: 16px; } .lg\:text-\[24px\]{ font-size: 24px; } .lg\:text-\[28px\]{ font-size: 28px; } .lg\:text-\[32px\]{ font-size: 32px; } .lg\:text-\[42px\]{ font-size: 42px; } .lg\:hover\:\!hidden:hover{ display: none !important; } } @media (min-width: 1280px){ .xl\:col-span-2{ grid-column: span 2 / span 2; } .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } } .ltr\:\!right-0:where([dir="ltr"], [dir="ltr"] *){ right: 0px !important; } .ltr\:-left-12:where([dir="ltr"], [dir="ltr"] *){ left: -3rem; } .ltr\:-left-\[3px\]:where([dir="ltr"], [dir="ltr"] *){ left: -3px; } .ltr\:-right-14:where([dir="ltr"], [dir="ltr"] *){ right: -3.5rem; } .ltr\:-right-16:where([dir="ltr"], [dir="ltr"] *){ right: -4rem; } .ltr\:-right-2:where([dir="ltr"], [dir="ltr"] *){ right: -0.5rem; } .ltr\:-right-\[400px\]:where([dir="ltr"], [dir="ltr"] *){ right: -400px; } .ltr\:left-\[95\%\]:where([dir="ltr"], [dir="ltr"] *){ left: 95%; } .ltr\:right-0:where([dir="ltr"], [dir="ltr"] *){ right: 0px; } .ltr\:right-2:where([dir="ltr"], [dir="ltr"] *){ right: 0.5rem; } .ltr\:right-6:where([dir="ltr"], [dir="ltr"] *){ right: 1.5rem; } .ltr\:right-auto:where([dir="ltr"], [dir="ltr"] *){ right: auto; } .ltr\:-ml-1:where([dir="ltr"], [dir="ltr"] *){ margin-left: -0.25rem; } .ltr\:-mr-3:where([dir="ltr"], [dir="ltr"] *){ margin-right: -0.75rem; } .ltr\:ml-1:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.25rem; } .ltr\:ml-2:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.5rem; } .ltr\:ml-3:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.75rem; } .ltr\:ml-auto:where([dir="ltr"], [dir="ltr"] *){ margin-left: auto; } .ltr\:mr-1:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.25rem; } .ltr\:mr-2:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.5rem; } .ltr\:rounded-l-md:where([dir="ltr"], [dir="ltr"] *){ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .ltr\:rounded-l-none:where([dir="ltr"], [dir="ltr"] *){ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ltr\:rounded-bl-full:where([dir="ltr"], [dir="ltr"] *){ border-bottom-left-radius: 9999px; } .ltr\:rounded-tl-full:where([dir="ltr"], [dir="ltr"] *){ border-top-left-radius: 9999px; } .ltr\:border-r-0:where([dir="ltr"], [dir="ltr"] *){ border-right-width: 0px; } .ltr\:pl-3:where([dir="ltr"], [dir="ltr"] *){ padding-left: 0.75rem; } .ltr\:pl-9:where([dir="ltr"], [dir="ltr"] *){ padding-left: 2.25rem; } .ltr\:pr-3:where([dir="ltr"], [dir="ltr"] *){ padding-right: 0.75rem; } .ltr\:pr-9:where([dir="ltr"], [dir="ltr"] *){ padding-right: 2.25rem; } @media (min-width: 640px){ .sm\:ltr\:-right-2:where([dir="ltr"], [dir="ltr"] *){ right: -0.5rem; } .sm\:ltr\:mr-auto:where([dir="ltr"], [dir="ltr"] *){ margin-right: auto; } .ltr\:sm\:pr-4:where([dir="ltr"], [dir="ltr"] *){ padding-right: 1rem; } .ltr\:sm\:text-left:where([dir="ltr"], [dir="ltr"] *){ text-align: left; } } .rtl\:\!left-0:where([dir="rtl"], [dir="rtl"] *){ left: 0px !important; } .rtl\:-left-14:where([dir="rtl"], [dir="rtl"] *){ left: -3.5rem; } .rtl\:-left-16:where([dir="rtl"], [dir="rtl"] *){ left: -4rem; } .rtl\:-left-2:where([dir="rtl"], [dir="rtl"] *){ left: -0.5rem; } .rtl\:-left-\[400px\]:where([dir="rtl"], [dir="rtl"] *){ left: -400px; } .rtl\:-right-12:where([dir="rtl"], [dir="rtl"] *){ right: -3rem; } .rtl\:-right-\[3px\]:where([dir="rtl"], [dir="rtl"] *){ right: -3px; } .rtl\:left-0:where([dir="rtl"], [dir="rtl"] *){ left: 0px; } .rtl\:left-2:where([dir="rtl"], [dir="rtl"] *){ left: 0.5rem; } .rtl\:left-6:where([dir="rtl"], [dir="rtl"] *){ left: 1.5rem; } .rtl\:left-auto:where([dir="rtl"], [dir="rtl"] *){ left: auto; } .rtl\:right-\[95\%\]:where([dir="rtl"], [dir="rtl"] *){ right: 95%; } .rtl\:-ml-3:where([dir="rtl"], [dir="rtl"] *){ margin-left: -0.75rem; } .rtl\:-mr-1:where([dir="rtl"], [dir="rtl"] *){ margin-right: -0.25rem; } .rtl\:ml-1:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.25rem; } .rtl\:ml-2:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.5rem; } .rtl\:mr-1:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.25rem; } .rtl\:mr-2:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.5rem; } .rtl\:mr-3:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.75rem; } .rtl\:mr-auto:where([dir="rtl"], [dir="rtl"] *){ margin-right: auto; } .rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:rotate-90:where([dir="rtl"], [dir="rtl"] *){ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; } .rtl\:rounded-r-md:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .rtl\:rounded-r-none:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .rtl\:rounded-br-full:where([dir="rtl"], [dir="rtl"] *){ border-bottom-right-radius: 9999px; } .rtl\:rounded-tr-full:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 9999px; } .rtl\:border-l-0:where([dir="rtl"], [dir="rtl"] *){ border-left-width: 0px; } .rtl\:pl-3:where([dir="rtl"], [dir="rtl"] *){ padding-left: 0.75rem; } .rtl\:pl-9:where([dir="rtl"], [dir="rtl"] *){ padding-left: 2.25rem; } .rtl\:pr-3:where([dir="rtl"], [dir="rtl"] *){ padding-right: 0.75rem; } .rtl\:pr-9:where([dir="rtl"], [dir="rtl"] *){ padding-right: 2.25rem; } @media (min-width: 640px){ .sm\:rtl\:-left-2:where([dir="rtl"], [dir="rtl"] *){ left: -0.5rem; } .sm\:rtl\:ml-auto:where([dir="rtl"], [dir="rtl"] *){ margin-left: auto; } .rtl\:sm\:pl-4:where([dir="rtl"], [dir="rtl"] *){ padding-left: 1rem; } .rtl\:sm\:text-right:where([dir="rtl"], [dir="rtl"] *){ text-align: right; } } /*!******************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/app.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************/ /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css ***! \********************************************************************************************************************************************************************************************************************************/ @font-face { font-family: 'primeicons'; font-display: block; src: url('primeicons.8ca441e178bfb872.eot'); src: url('primeicons.8ca441e178bfb872.eot?#iefix') format('embedded-opentype'), url('primeicons.e1a53edb6ea00325.woff2') format('woff2'), url('primeicons.7f7722745590608a.woff') format('woff'), url('primeicons.310a7310efb91ab1.ttf') format('truetype'), url('primeicons.19e14e488f5edc90.svg?#primeicons') format('svg'); font-weight: normal; font-style: normal; } .pi { font-family: 'primeicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pi:before { --webkit-backface-visibility:hidden; backface-visibility: hidden; } .pi-fw { width: 1.28571429em; text-align: center; } .pi-spin { animation: fa-spin 2s infinite linear; } @media (prefers-reduced-motion: reduce) { .pi-spin { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .pi-folder-plus:before { content: "\ea05"; } .pi-receipt:before { content: "\ea06"; } .pi-asterisk:before { content: "\ea07"; } .pi-face-smile:before { content: "\ea08"; } .pi-pinterest:before { content: "\ea09"; } .pi-expand:before { content: "\ea0a"; } .pi-pen-to-square:before { content: "\ea0b"; } .pi-wave-pulse:before { content: "\ea0c"; } .pi-turkish-lira:before { content: "\ea0d"; } .pi-spinner-dotted:before { content: "\ea0e"; } .pi-crown:before { content: "\ea0f"; } .pi-pause-circle:before { content: "\ea10"; } .pi-warehouse:before { content: "\ea11"; } .pi-objects-column:before { content: "\ea12"; } .pi-clipboard:before { content: "\ea13"; } .pi-play-circle:before { content: "\ea14"; } .pi-venus:before { content: "\ea15"; } .pi-cart-minus:before { content: "\ea16"; } .pi-file-plus:before { content: "\ea17"; } .pi-microchip:before { content: "\ea18"; } .pi-twitch:before { content: "\ea19"; } .pi-building-columns:before { content: "\ea1a"; } .pi-file-check:before { content: "\ea1b"; } .pi-microchip-ai:before { content: "\ea1c"; } .pi-trophy:before { content: "\ea1d"; } .pi-barcode:before { content: "\ea1e"; } .pi-file-arrow-up:before { content: "\ea1f"; } .pi-mars:before { content: "\ea20"; } .pi-tiktok:before { content: "\ea21"; } .pi-arrow-up-right-and-arrow-down-left-from-center:before { content: "\ea22"; } .pi-ethereum:before { content: "\ea23"; } .pi-list-check:before { content: "\ea24"; } .pi-thumbtack:before { content: "\ea25"; } .pi-arrow-down-left-and-arrow-up-right-to-center:before { content: "\ea26"; } .pi-equals:before { content: "\ea27"; } .pi-lightbulb:before { content: "\ea28"; } .pi-star-half:before { content: "\ea29"; } .pi-address-book:before { content: "\ea2a"; } .pi-chart-scatter:before { content: "\ea2b"; } .pi-indian-rupee:before { content: "\ea2c"; } .pi-star-half-fill:before { content: "\ea2d"; } .pi-cart-arrow-down:before { content: "\ea2e"; } .pi-calendar-clock:before { content: "\ea2f"; } .pi-sort-up-fill:before { content: "\ea30"; } .pi-sparkles:before { content: "\ea31"; } .pi-bullseye:before { content: "\ea32"; } .pi-sort-down-fill:before { content: "\ea33"; } .pi-graduation-cap:before { content: "\ea34"; } .pi-hammer:before { content: "\ea35"; } .pi-bell-slash:before { content: "\ea36"; } .pi-gauge:before { content: "\ea37"; } .pi-shop:before { content: "\ea38"; } .pi-headphones:before { content: "\ea39"; } .pi-eraser:before { content: "\ea04"; } .pi-stopwatch:before { content: "\ea01"; } .pi-verified:before { content: "\ea02"; } .pi-delete-left:before { content: "\ea03"; } .pi-hourglass:before { content: "\e9fe"; } .pi-truck:before { content: "\ea00"; } .pi-wrench:before { content: "\e9ff"; } .pi-microphone:before { content: "\e9fa"; } .pi-megaphone:before { content: "\e9fb"; } .pi-arrow-right-arrow-left:before { content: "\e9fc"; } .pi-bitcoin:before { content: "\e9fd"; } .pi-file-edit:before { content: "\e9f6"; } .pi-language:before { content: "\e9f7"; } .pi-file-export:before { content: "\e9f8"; } .pi-file-import:before { content: "\e9f9"; } .pi-file-word:before { content: "\e9f1"; } .pi-gift:before { content: "\e9f2"; } .pi-cart-plus:before { content: "\e9f3"; } .pi-thumbs-down-fill:before { content: "\e9f4"; } .pi-thumbs-up-fill:before { content: "\e9f5"; } .pi-arrows-alt:before { content: "\e9f0"; } .pi-calculator:before { content: "\e9ef"; } .pi-sort-alt-slash:before { content: "\e9ee"; } .pi-arrows-h:before { content: "\e9ec"; } .pi-arrows-v:before { content: "\e9ed"; } .pi-pound:before { content: "\e9eb"; } .pi-prime:before { content: "\e9ea"; } .pi-chart-pie:before { content: "\e9e9"; } .pi-reddit:before { content: "\e9e8"; } .pi-code:before { content: "\e9e7"; } .pi-sync:before { content: "\e9e6"; } .pi-shopping-bag:before { content: "\e9e5"; } .pi-server:before { content: "\e9e4"; } .pi-database:before { content: "\e9e3"; } .pi-hashtag:before { content: "\e9e2"; } .pi-bookmark-fill:before { content: "\e9df"; } .pi-filter-fill:before { content: "\e9e0"; } .pi-heart-fill:before { content: "\e9e1"; } .pi-flag-fill:before { content: "\e9de"; } .pi-circle:before { content: "\e9dc"; } .pi-circle-fill:before { content: "\e9dd"; } .pi-bolt:before { content: "\e9db"; } .pi-history:before { content: "\e9da"; } .pi-box:before { content: "\e9d9"; } .pi-at:before { content: "\e9d8"; } .pi-arrow-up-right:before { content: "\e9d4"; } .pi-arrow-up-left:before { content: "\e9d5"; } .pi-arrow-down-left:before { content: "\e9d6"; } .pi-arrow-down-right:before { content: "\e9d7"; } .pi-telegram:before { content: "\e9d3"; } .pi-stop-circle:before { content: "\e9d2"; } .pi-stop:before { content: "\e9d1"; } .pi-whatsapp:before { content: "\e9d0"; } .pi-building:before { content: "\e9cf"; } .pi-qrcode:before { content: "\e9ce"; } .pi-car:before { content: "\e9cd"; } .pi-instagram:before { content: "\e9cc"; } .pi-linkedin:before { content: "\e9cb"; } .pi-send:before { content: "\e9ca"; } .pi-slack:before { content: "\e9c9"; } .pi-sun:before { content: "\e9c8"; } .pi-moon:before { content: "\e9c7"; } .pi-vimeo:before { content: "\e9c6"; } .pi-youtube:before { content: "\e9c5"; } .pi-flag:before { content: "\e9c4"; } .pi-wallet:before { content: "\e9c3"; } .pi-map:before { content: "\e9c2"; } .pi-link:before { content: "\e9c1"; } .pi-credit-card:before { content: "\e9bf"; } .pi-discord:before { content: "\e9c0"; } .pi-percentage:before { content: "\e9be"; } .pi-euro:before { content: "\e9bd"; } .pi-book:before { content: "\e9ba"; } .pi-shield:before { content: "\e9b9"; } .pi-paypal:before { content: "\e9bb"; } .pi-amazon:before { content: "\e9bc"; } .pi-phone:before { content: "\e9b8"; } .pi-filter-slash:before { content: "\e9b7"; } .pi-facebook:before { content: "\e9b4"; } .pi-github:before { content: "\e9b5"; } .pi-twitter:before { content: "\e9b6"; } .pi-step-backward-alt:before { content: "\e9ac"; } .pi-step-forward-alt:before { content: "\e9ad"; } .pi-forward:before { content: "\e9ae"; } .pi-backward:before { content: "\e9af"; } .pi-fast-backward:before { content: "\e9b0"; } .pi-fast-forward:before { content: "\e9b1"; } .pi-pause:before { content: "\e9b2"; } .pi-play:before { content: "\e9b3"; } .pi-compass:before { content: "\e9ab"; } .pi-id-card:before { content: "\e9aa"; } .pi-ticket:before { content: "\e9a9"; } .pi-file-o:before { content: "\e9a8"; } .pi-reply:before { content: "\e9a7"; } .pi-directions-alt:before { content: "\e9a5"; } .pi-directions:before { content: "\e9a6"; } .pi-thumbs-up:before { content: "\e9a3"; } .pi-thumbs-down:before { content: "\e9a4"; } .pi-sort-numeric-down-alt:before { content: "\e996"; } .pi-sort-numeric-up-alt:before { content: "\e997"; } .pi-sort-alpha-down-alt:before { content: "\e998"; } .pi-sort-alpha-up-alt:before { content: "\e999"; } .pi-sort-numeric-down:before { content: "\e99a"; } .pi-sort-numeric-up:before { content: "\e99b"; } .pi-sort-alpha-down:before { content: "\e99c"; } .pi-sort-alpha-up:before { content: "\e99d"; } .pi-sort-alt:before { content: "\e99e"; } .pi-sort-amount-up:before { content: "\e99f"; } .pi-sort-amount-down:before { content: "\e9a0"; } .pi-sort-amount-down-alt:before { content: "\e9a1"; } .pi-sort-amount-up-alt:before { content: "\e9a2"; } .pi-palette:before { content: "\e995"; } .pi-undo:before { content: "\e994"; } .pi-desktop:before { content: "\e993"; } .pi-sliders-v:before { content: "\e991"; } .pi-sliders-h:before { content: "\e992"; } .pi-search-plus:before { content: "\e98f"; } .pi-search-minus:before { content: "\e990"; } .pi-file-excel:before { content: "\e98e"; } .pi-file-pdf:before { content: "\e98d"; } .pi-check-square:before { content: "\e98c"; } .pi-chart-line:before { content: "\e98b"; } .pi-user-edit:before { content: "\e98a"; } .pi-exclamation-circle:before { content: "\e989"; } .pi-android:before { content: "\e985"; } .pi-google:before { content: "\e986"; } .pi-apple:before { content: "\e987"; } .pi-microsoft:before { content: "\e988"; } .pi-heart:before { content: "\e984"; } .pi-mobile:before { content: "\e982"; } .pi-tablet:before { content: "\e983"; } .pi-key:before { content: "\e981"; } .pi-shopping-cart:before { content: "\e980"; } .pi-comments:before { content: "\e97e"; } .pi-comment:before { content: "\e97f"; } .pi-briefcase:before { content: "\e97d"; } .pi-bell:before { content: "\e97c"; } .pi-paperclip:before { content: "\e97b"; } .pi-share-alt:before { content: "\e97a"; } .pi-envelope:before { content: "\e979"; } .pi-volume-down:before { content: "\e976"; } .pi-volume-up:before { content: "\e977"; } .pi-volume-off:before { content: "\e978"; } .pi-eject:before { content: "\e975"; } .pi-money-bill:before { content: "\e974"; } .pi-images:before { content: "\e973"; } .pi-image:before { content: "\e972"; } .pi-sign-in:before { content: "\e970"; } .pi-sign-out:before { content: "\e971"; } .pi-wifi:before { content: "\e96f"; } .pi-sitemap:before { content: "\e96e"; } .pi-chart-bar:before { content: "\e96d"; } .pi-camera:before { content: "\e96c"; } .pi-dollar:before { content: "\e96b"; } .pi-lock-open:before { content: "\e96a"; } .pi-table:before { content: "\e969"; } .pi-map-marker:before { content: "\e968"; } .pi-list:before { content: "\e967"; } .pi-eye-slash:before { content: "\e965"; } .pi-eye:before { content: "\e966"; } .pi-folder-open:before { content: "\e964"; } .pi-folder:before { content: "\e963"; } .pi-video:before { content: "\e962"; } .pi-inbox:before { content: "\e961"; } .pi-lock:before { content: "\e95f"; } .pi-unlock:before { content: "\e960"; } .pi-tags:before { content: "\e95d"; } .pi-tag:before { content: "\e95e"; } .pi-power-off:before { content: "\e95c"; } .pi-save:before { content: "\e95b"; } .pi-question-circle:before { content: "\e959"; } .pi-question:before { content: "\e95a"; } .pi-copy:before { content: "\e957"; } .pi-file:before { content: "\e958"; } .pi-clone:before { content: "\e955"; } .pi-calendar-times:before { content: "\e952"; } .pi-calendar-minus:before { content: "\e953"; } .pi-calendar-plus:before { content: "\e954"; } .pi-ellipsis-v:before { content: "\e950"; } .pi-ellipsis-h:before { content: "\e951"; } .pi-bookmark:before { content: "\e94e"; } .pi-globe:before { content: "\e94f"; } .pi-replay:before { content: "\e94d"; } .pi-filter:before { content: "\e94c"; } .pi-print:before { content: "\e94b"; } .pi-align-right:before { content: "\e946"; } .pi-align-left:before { content: "\e947"; } .pi-align-center:before { content: "\e948"; } .pi-align-justify:before { content: "\e949"; } .pi-cog:before { content: "\e94a"; } .pi-cloud-download:before { content: "\e943"; } .pi-cloud-upload:before { content: "\e944"; } .pi-cloud:before { content: "\e945"; } .pi-pencil:before { content: "\e942"; } .pi-users:before { content: "\e941"; } .pi-clock:before { content: "\e940"; } .pi-user-minus:before { content: "\e93e"; } .pi-user-plus:before { content: "\e93f"; } .pi-trash:before { content: "\e93d"; } .pi-external-link:before { content: "\e93c"; } .pi-window-maximize:before { content: "\e93b"; } .pi-window-minimize:before { content: "\e93a"; } .pi-refresh:before { content: "\e938"; } .pi-user:before { content: "\e939"; } .pi-exclamation-triangle:before { content: "\e922"; } .pi-calendar:before { content: "\e927"; } .pi-chevron-circle-left:before { content: "\e928"; } .pi-chevron-circle-down:before { content: "\e929"; } .pi-chevron-circle-right:before { content: "\e92a"; } .pi-chevron-circle-up:before { content: "\e92b"; } .pi-angle-double-down:before { content: "\e92c"; } .pi-angle-double-left:before { content: "\e92d"; } .pi-angle-double-right:before { content: "\e92e"; } .pi-angle-double-up:before { content: "\e92f"; } .pi-angle-down:before { content: "\e930"; } .pi-angle-left:before { content: "\e931"; } .pi-angle-right:before { content: "\e932"; } .pi-angle-up:before { content: "\e933"; } .pi-upload:before { content: "\e934"; } .pi-download:before { content: "\e956"; } .pi-ban:before { content: "\e935"; } .pi-star-fill:before { content: "\e936"; } .pi-star:before { content: "\e937"; } .pi-chevron-left:before { content: "\e900"; } .pi-chevron-right:before { content: "\e901"; } .pi-chevron-down:before { content: "\e902"; } .pi-chevron-up:before { content: "\e903"; } .pi-caret-left:before { content: "\e904"; } .pi-caret-right:before { content: "\e905"; } .pi-caret-down:before { content: "\e906"; } .pi-caret-up:before { content: "\e907"; } .pi-search:before { content: "\e908"; } .pi-check:before { content: "\e909"; } .pi-check-circle:before { content: "\e90a"; } .pi-times:before { content: "\e90b"; } .pi-times-circle:before { content: "\e90c"; } .pi-plus:before { content: "\e90d"; } .pi-plus-circle:before { content: "\e90e"; } .pi-minus:before { content: "\e90f"; } .pi-minus-circle:before { content: "\e910"; } .pi-circle-on:before { content: "\e911"; } .pi-circle-off:before { content: "\e912"; } .pi-sort-down:before { content: "\e913"; } .pi-sort-up:before { content: "\e914"; } .pi-sort:before { content: "\e915"; } .pi-step-backward:before { content: "\e916"; } .pi-step-forward:before { content: "\e917"; } .pi-th-large:before { content: "\e918"; } .pi-arrow-down:before { content: "\e919"; } .pi-arrow-left:before { content: "\e91a"; } .pi-arrow-right:before { content: "\e91b"; } .pi-arrow-up:before { content: "\e91c"; } .pi-bars:before { content: "\e91d"; } .pi-arrow-circle-down:before { content: "\e91e"; } .pi-arrow-circle-left:before { content: "\e91f"; } .pi-arrow-circle-right:before { content: "\e920"; } .pi-arrow-circle-up:before { content: "\e921"; } .pi-info:before { content: "\e923"; } .pi-info-circle:before { content: "\e924"; } .pi-home:before { content: "\e925"; } .pi-spinner:before { content: "\e926"; } /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/file-upload-with-preview/dist/style.css ***! \**********************************************************************************************************************************************************************************************************************************************/ .custom-file-container{box-sizing:border-box;position:relative;display:block}.custom-file-container *{box-sizing:border-box}.custom-file-container .label-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.custom-file-container .clear-button{color:#333;font-size:26px;height:26px;line-height:26px;text-decoration:none;transition:color .2s ease-in-out}.custom-file-container .clear-button:hover{color:#777}.custom-file-container .input-container{display:inline-block;height:40px;margin-bottom:8px;position:relative;width:100%}.custom-file-container .input-container:hover{cursor:pointer}.custom-file-container .input-hidden{height:40px;margin:0;max-width:100%;min-width:300px;opacity:0}.custom-file-container .input-visible{background-clip:padding-box;background-color:#fff;border-radius:4px;border:1px solid #c0c0af;color:#333;height:40px;left:0;line-height:1.5;overflow:hidden;padding:8px 12px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:5}.custom-file-container .browse-button{background-color:#edede8;border-left:1px solid #c0c0af;color:#333;display:block;height:38px;padding:8px 12px;position:absolute;right:0;top:0;z-index:6}.custom-file-container .image-preview{background-color:#edede8;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:4px;height:250px;overflow:auto;padding:4px;transition:background .2s ease-in-out;width:100%}.custom-file-container .image-preview-item{background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:4px;box-shadow:0 4px 10px #33333340;float:left;height:90px;margin:1.858736059%;position:relative;transition:background .2s ease-in-out,opacity .2s ease-in-out;width:29.615861214%}.custom-file-container .image-preview-item.multi-item-clear-animation{opacity:0}.custom-file-container .image-preview-item-clear{background:#edede8;border-radius:50%;box-shadow:0 4px 10px #33333340;height:20px;left:-6px;margin-top:-6px;position:absolute;text-align:center;transition:background .2s ease-in-out,color .2s ease-in-out;width:20px}.custom-file-container .image-preview-item-clear:hover{background:#e2e2da;cursor:pointer}.custom-file-container .image-preview-item-clear-icon{color:#333;display:block;margin-top:-2px} /*!****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.css ***! \****************************************************************************************************************************************************************************************************************************************************/ .ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:hsl(0,0%,70%) #ccc hsl(0,0%,85%)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid hsl(0,0%,90%)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:rgb(234.6,244.68,255);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:rgb(209.1,231.78,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid rgb(183.6,218.88,255);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:hsl(0,0%,90%);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:rgb(244.8,249.84,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,.54);background-color:rgb(234.6,244.68,255);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:rgb(234.6,244.68,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:rgb(244.8,249.84,255);color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}/*# sourceMappingURL=default.theme.css.map */ /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.core.css ***! \********************************************************************************************************************************************************************************************************************************/ /*! * Quill Editor v2.0.3 * https://quilljs.com * Copyright (c) 2017-2024, Slab * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px} /*# sourceMappingURL=quill.core.css.map*/ /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css ***! \********************************************************************************************************************************************************************************************************************************/ /*! * Quill Editor v2.0.3 * https://quilljs.com * Copyright (c) 2017-2024, Slab * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc} /*# sourceMappingURL=quill.snow.css.map*/ /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ @font-face { font-family: "BCA Sans"; src: url('BCASans-Bold.2e3c30d865e8603f.eot'); src: url('BCASans-Bold.2e3c30d865e8603f.eot?#iefix') format("embedded-opentype"), url('BCASans-Bold.64c11ea8c2155b1e.woff2') format("woff2"), url('BCASans-Bold.3bb7a6e2752ffcc5.woff') format("woff"), url('BCASans-Bold.a72295dc34fbacfd.ttf') format("truetype"), url('BCASans-Bold.f31a2e2d0bb45073.svg#BCASans-Bold') format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "BCA Sans"; src: url('BCASans-Extrabold.c775d10bfe188554.eot'); src: url('BCASans-Extrabold.c775d10bfe188554.eot?#iefix') format("embedded-opentype"), url('BCASans-Extrabold.e9c85407327fb6e2.woff2') format("woff2"), url('BCASans-Extrabold.a3e8c12f9e161660.woff') format("woff"), url('BCASans-Extrabold.1701492ac0290661.ttf') format("truetype"), url('BCASans-Extrabold.9f73d81daf20e45b.svg#BCASans-Extrabold') format("svg"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "BCA Sans"; src: url('BCASans-Regular.ed8443dc8632b640.eot'); src: url('BCASans-Regular.ed8443dc8632b640.eot?#iefix') format("embedded-opentype"), url('BCASans-Regular.860d31ad8734e19b.woff2') format("woff2"), url('BCASans-Regular.09797c44e38bd1b7.woff') format("woff"), url('BCASans-Regular.d29dbd661e10982f.ttf') format("truetype"), url('BCASans-Regular.a7afef7cb798d88b.svg#BCASans-Regular') format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "BCA Sans"; src: url('BCASans-SemiBold.ce84a6014991b65c.eot'); src: url('BCASans-SemiBold.ce84a6014991b65c.eot?#iefix') format("embedded-opentype"), url('BCASans-SemiBold.a7980aa3520fcee9.woff2') format("woff2"), url('BCASans-SemiBold.43e114beb57d9edb.woff') format("woff"), url('BCASans-SemiBold.b9fa2cf6c4bc1fa3.ttf') format("truetype"), url('BCASans-SemiBold.e979249e94834753.svg#BCASans-SemiBold') format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Open Sans"; src: url('OpenSans-Regular.f0a6edca5b08e53f.woff2') format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Open Sans"; src: url('OpenSans-Bold.17a7ce7bad3a0dd9.woff2') format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } .p-component, .p-inputtext, .p-inputnumber, .p-autocomplete-input { font-family: "BCA Sans" !important; } /* width */ ::-webkit-scrollbar { width: 5px; } /* Track */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgb(231, 255, 233); border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #ccd1d1; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #ccd1d1; } .bg-zero { background-color: #F9F9F9; } :root { font-family: "BCA Sans" !important; --p-primary-color: rgb(61 72 156 / var(--tw-bg-opacity, 1)) !important; --p-primary-hover-color: rgb(61 72 156 / var(--tw-bg-opacity, 1)) !important; --p-button-primary-active-background: rgb(61 72 156 / var(--tw-bg-opacity, 1)) !important; --primary-color-text: #ffffff !important; --p-button-text-primary-color: rgba(59, 130, 246, 0.04) !important; --p-button-text-primary-active-background: rgba(59, 130, 246, 0.04) !important; --p-button-text-primary-hover-background: rgba(59, 130, 246, 0.04) !important; --p-select-option-selected-background: #3D489C !important; --p-select-option-selected-color: #FFF !important; --p-select-option-selected-focus-background: #3D489C !important; --p-select-option-selected-focus-color: #FFF !important; --p-form-field-focus-border-color: #3D489C !important; --p-select-dropdown-color: #3D489C !important; --p-select-focus-border-color: #3D489C !important; --p-select-focus-ring-shadow: none !important; --p-floatlabel-focus-color: #3D489C !important; --p-floatlabel-active-color: #3D489C !important; --p-floatlabel-invalid-color: #919191 !important; --p-floatlabel-color: #919191 !important; --p-datatable-header-cell-hover-background: #3D489C !important; --p-datatable-header-cell-hover-color: #ffffff !important; --p-datatable-header-cell-selected-background: #3D489C !important; --p-datatable-header-cell-selected-color: #ffffff !important; --p-datatable-row-striped-background: #F5F5F5 !important; --p-datepicker-week-day-color: #919191 !important; --p-datepicker-header-border-color: transparent !important; --p-button-outlined-primary-hover-background: #ffffff !important; --p-toggleswitch-handle-disabled-background: #ffffff !important; --p-button-outlined-primary-active-background: #ffffff !important; --p-button-outlined-primary-border-color: #3D489C !important; --p-button-outlined-primary-color: #3D489C !important; --p-paginator-nav-button-selected-background: #EFF6FF !important; --p-paginator-nav-button-selected-color: #1D4ED8 !important; --p-autocomplete-option-focus-background: #3D489C !important; --p-autocomplete-option-focus-color: #ffffff !important; --p-breadcrumb-background: transparent !important; } body { font-family: "BCA Sans" !important; margin: 0 !important; line-height: 1.5; background: #F9F9F9; color: #2B2B2B !important; } h1, h2, h3, h4, h5, h6, .p, .psmall, .pxsmall, .pxxsmall { margin: 0; font-family: "BCA Sans" !important; color: #1F1F1F !important; line-height: normal; } h2, .h2 { font-size: 2rem; font-weight: 700; } h3, .h3 { font-size: 1.5rem; font-weight: 700; } h6, .h6 { font-size: 1rem !important; font-weight: 700; } p, .p { font-size: 1rem; } .no-bullets { list-style-type: none !important; } a { text-decoration: none; } .bg-img { background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; position: relative; } .p-checkbox-label { color: #1f1f1f !important; margin: 0 0 0 14px; } .p-checkbox .p-checkbox-box.p-highlight { background: #3D489C !important; } .check .p-checkbox-label { margin-left: 14px; cursor: pointer; } .check-disable { background: #919191; border-radius: 5px; } .req{ --tw-text-opacity: 1; color: rgb(209 33 20 / var(--tw-text-opacity, 1)); } .panel { padding: 20px !important; background-color: #FFF; box-shadow: none; } .panel .p-card { box-shadow: none !important; } .panel .p-card .p-component .p-card-body { padding: 0 !important; } .panel .p-card .p-card-body { padding: 0 !important; } .panel .p-card .p-card-body .p-card-content { padding: 0 !important; } .panel.pt-0 { padding-top: 0 !important; } .panel.login { padding: 40px !important; border-radius: 24px; border: 1px solid #D2D5DA; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 99.97%), #FFF; box-shadow: 4px 4px 28px 0px rgba(0, 0, 0, 0.16) !important; width: 490px; } .custom-table { padding: 20px !important; border-radius: 16px; border: 1px solid #DCE1E4; background: var(--Common-0, #FFF); box-shadow: 0px 4px 10px 0px rgba(195, 201, 211, 0.5) !important; } .custom-table p-table { border-radius: 16px; color: #1f1f1f !important; /* Scrollbar Styling */ } .custom-table p-table ::-webkit-scrollbar { height: 10px; } .custom-table p-table ::-webkit-scrollbar :hover { background: var(--gradient-11, linear-gradient(90deg, #00A3D7 0%, #00E77E 100%)) !important; } .custom-table p-table ::-webkit-scrollbar-track { background-color: #fff; border-radius: 4px; } .custom-table p-table ::-webkit-scrollbar-thumb { border-radius: 4px; background: var(--gradient-11, linear-gradient(90deg, #00A3D7 0%, #00E77E 100%)) !important; } .custom-table p-table .p-datatable-header { background: #fff; border-top-left-radius: 16px; border-top-right-radius: 16px; padding-bottom: 0.75rem !important; } .custom-table p-table .p-datatable-footer { border-radius: 4px; } .custom-table p-table .p-datatable-wrapper { margin-bottom: 12px; } .p-icon-wrapper svg { width: 12px; } .p-button { font-size: 16px !important; } .p-button-label { font-size: 16px !important; } .p-badge { background: #0072B9; } .p-chip { padding: 6px 12px !important; } .p-chip .p-chip-text { margin: 0 !important; font-size: 14px !important; } .settings .p-toggleswitch.p-disabled .p-toggleswitch-slider { opacity: 30%; } p-toggleswitch { height: 24px; } p-toggleswitch .p-component { height: 24px; } p-toggleswitch .p-toggleswitch-label { color: #1f1f1f !important; } p-toggleswitch .p-toggleswitch-slider { background: #919191 !important; box-shadow: none !important; height: 24px; } p-toggleswitch .p-toggleswitch-handle { width: 1rem; height: 1rem; margin-block-start: -0.5rem; } p-toggleswitch .p-toggleswitch-checked .p-toggleswitch-slider { background: #25933D !important; box-shadow: none !important; } p-toggleswitch .p-toggleswitch-checked .p-toggleswitch-handle { inset-inline-start: calc(var(--p-toggleswitch-width) - (1rem + var(--p-toggleswitch-gap))) !important; } p-toggleswitch.custom-switch { height: 32px; width: 68px; } p-toggleswitch.custom-switch .p-component, p-toggleswitch.custom-switch .p-toggleswitch-slider { height: 32px; width: 68px; } p-toggleswitch.custom-switch .p-toggleswitch-handle { width: var(--p-toggleswitch-handle-size); height: var(--p-toggleswitch-handle-size); margin-block-start: calc(-1 * var(--p-toggleswitch-handle-size) / 2); inset-inline-start: 0.35rem; } p-toggleswitch.custom-switch .p-toggleswitch-checked .p-toggleswitch-handle { inset-inline-start: calc(68px - (var(--p-toggleswitch-handle-size) + 0.35rem)) !important; } button { font-family: "BCA Sans"; } button.p-button-outlined.primary { min-width: 120px; border: 2px solid #3D489C; background: #FFF; color: #3D489C; } button.primary { background: #3D489C; min-width: 120px; color: #fff; } .icon-eye { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; bottom: 0; right: 10px; border: none !important; cursor: pointer; } .icon-eye .eye-hide { border: none !important; width: 20px; height: 20px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url('eye-off-outline.6188f66d31644b80.png'); } .icon-eye .eye-show { border: none !important; width: 20px; height: 20px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url('eye-outline.e36d843a94052644.png'); } img, svg, video, canvas, audio, iframe, embed, object { border: none !important; border-width: 0 !important; } .p-checkbox-box { border: 1px solid #D2D5DA; } .p-breadcrumb { background: transparent; margin-bottom: 24px; padding: 8px; color: #6C727F; } .txt-primary { color: #00C580; } .text-color { color: #6C727F; } .dropdown ul { border-radius: 8px !important; } .p-paginator { flex-wrap: nowrap; } .p-paginator .p-select { height: auto; } .p-paginator.p-component { background-color: transparent; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { font-size: 18px; } .p-paginator .p-paginator-prev svg, .p-paginator .p-paginator-next svg { width: 24px; height: 24px; } .pagination-bottom .pagination-wrapper .pagination-container .page-btn { border: none; color: #919191; font-weight: 600; font-size: 18px; background: transparent; } .pagination-bottom .pagination-wrapper .pagination-container .page-btn.active { background: transparent; color: #3D489C; font-weight: 700; } .p-select { width: 100%; border: 2px solid #DDDDDD !important; border-radius: 8px !important; } .p-select .p-inputtext, .p-select .p-inputtext:focus, .p-select .p-inputtext.p-filled, .p-select .p-inputtext:enabled:focus { padding: 10px !important; line-height: 18px !important; color: #1f1f1f !important; } .p-select.p-disabled { opacity: 1 !important; background-color: #F3F4F6 !important; color: #4D5562 !important; } .p-select .p-select-panel .p-select-items { padding: 0.25rem 0.25rem !important; } .p-select .p-select-panel .p-select-items .p-select-item { font-size: 14px; border-radius: 6px !important; padding: 0.5rem 0.75rem !important; margin: 2px 0 !important; } .p-select .p-select-panel .p-select-items .p-select-item:not(.p-highlight):not(.p-disabled).p-focus { background: unset !important; } .p-select .p-select-panel .p-select-items .p-select-item:hover { background: #E5E7EB !important; color: #4D5562 !important; } .p-select .p-select-panel .p-select-items .p-select-item.p-highlight { background: #3D489C !important; color: #FFF !important; } .p-select .p-select-trigger .p-select-trigger-icon { display: none; /* Sembunyikan ikon bawaan */ } .p-select .p-select-trigger { position: relative; } .p-select .p-select-trigger::after { content: ""; background: url('icon-chevron-down.57e937116fbbb377.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: 0.75rem; /* Sesuaikan posisi */ top: 50%; transform: translateY(-50%); width: 16px; height: 16px; } .form-group { margin-bottom: 1rem; } .form-group input.p-inputtext { width: 100%; padding: 10px; border: 1px solid #DDDDDD; border-radius: 8px; } .form-group input.p-inputtext:disabled { opacity: 1 !important; background-color: #F3F4F6; color: #4D5562 !important; } .form-group input.p-inputtext.password-input { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .form-group input::placeholder { color: #919191 !important; } .is-invalid { border-color: #FF0000 !important; } .is-invalid .p-inputtext { border-color: #FF0000 !important; } .is-invalid .p-datepicker { border: 2px solid #FF0000 !important; } .is-invalid.p-textarea, .is-invalid.p-textarea:focus { border: 2px solid #FF0000 !important; } .is-invalid .p-select { border-color: #FF0000 !important; } .is-invalid .p-select .p-select-trigger-icon { color: #FF0000 !important; } .is-invalid .p-editor-container .p-editor-toolbar.ql-snow { border: 2px solid #FF0000 !important; background: #FF0000 !important; } .is-invalid .p-editor-container .p-editor-toolbar { background: #ffeeee; } .is-invalid .p-editor-content.ql-snow:has(.ql-editor:focus) { border: 2px solid #FF0000 !important; } .is-invalid .ql-toolbar.ql-snow + .ql-container.ql-snow { border: 2px solid #FF0000 !important; } .is-invalid .ql-snow.ql-toolbar button.ql-active .ql-stroke, .is-invalid .ql-snow.ql-toolbar button.ql-active .ql-fill { stroke: #ff7d7d !important; } .is-invalid.ng-select .ng-select-container { border-color: #FF0000 !important; } .p-splitbutton .p-splitbutton-menubutton { width: auto; padding: 0 !important; padding-right: 10px !important; } p { margin-top: 0 !important; color: #1F1F1F; } .p-paginator .p-paginator-pages .p-paginator-page { height: 34px; width: 34px; min-width: 34px; } .p-dialog-mask { z-index: 51; } .p-dialog { border-radius: 16px !important; } .p-dialog .p-dialog-header { display: none !important; } .p-dialog .p-dialog-content { padding: 0 !important; border-radius: 16px !important; } .p-dialog .p-dialog-titlebar-icons { display: none !important; } .custom-dialog .p-dialog-content { overflow: hidden; } .p-overlay-mask { z-index: 1020 !important; } textarea { width: 100%; border-radius: 8px; border: 2px solid #E5E7EB; background: #fff; } textarea.p-inputtext:disabled { opacity: 1 !important; background-color: #F3F4F6 !important; color: #4D5562 !important; resize: none; } .dataTable-sorter { position: relative; display: inline-block; height: 100%; width: max-content; } .dataTable-sorter:where([dir=ltr], [dir=ltr] *) { padding-right: 1.75rem; } .dataTable-sorter:where([dir=ltr], [dir=ltr] *):before { content: var(--tw-content); right: 0.25rem; } .dataTable-sorter:where([dir=ltr], [dir=ltr] *):after { content: var(--tw-content); right: 0.25rem; } .dataTable-sorter:where([dir=rtl], [dir=rtl] *) { padding-left: 1.75rem; } .dataTable-sorter:where([dir=rtl], [dir=rtl] *):before { content: var(--tw-content); left: 0.25rem; } .dataTable-sorter:where([dir=rtl], [dir=rtl] *):after { content: var(--tw-content); left: 0.25rem; } .dataTable-sorter:after, .dataTable-sorter:before { content: ""; height: 0; width: 0; position: absolute; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); opacity: 0.2; } .dataTable-sorter:before { border-top: 5px solid #0e1726; bottom: 4px; } .dataTable-sorter:after { border-bottom: 5px solid #0e1726; border-top: 5px solid rgba(0, 0, 0, 0); top: -2px; } .dark .dataTable-sorter:after { border-bottom-color: #fff; } .dark .dataTable-sorter:before { border-top-color: #fff; } .asc .dataTable-sorter:after { --tw-border-opacity: 1; border-bottom-color: rgb(67, 97, 238, var(--tw-border-opacity)); opacity: 1; } .desc .dataTable-sorter:before { --tw-border-opacity: 1; border-top-color: rgb(67, 97, 238, var(--tw-border-opacity)); opacity: 1; } .ng-select.custom-multiselect.ng-select-focused .ng-select-container { border: 2px solid #3D489C !important; } .ng-select.custom-multiselect .ng-select-container { min-height: 128px !important; align-items: start; padding-top: 2rem; } .ng-select.custom-multiselect .ng-select-container .ng-value-container .ng-value .ng-value-icon.right { border: none !important; } .ng-select.custom-multiselect.ng-select-single .ng-select-container { min-height: 58px !important; padding-top: 1.425rem !important; } .ng-select.custom-multiselect.ng-select-single .ng-select-container .ng-value-container .ng-placeholder { top: 50%; transform: translateY(-50%); padding-bottom: 0; } .ng-select.custom-multiselect.ng-select-single .ng-select-container .ng-value-container .ng-value { padding-top: 2px; } .ng-select.custom-multiselect.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder, .ng-select.custom-multiselect.ng-select-single .ng-select-container.ng-has-value .ng-value-container .ng-placeholder { position: absolute; top: 4px; transform: none; padding-bottom: 5px; padding-left: 3px; } .ng-select.custom-multiselect.ng-select-single .ng-clear-wrapper { display: flex; position: static; align-items: center; justify-content: center; } .ng-select.custom-multiselect.ng-select-single .ng-clear-wrapper::before { font-family: "PrimeIcons"; content: "\e90b"; font-size: 14px; top: 1.25rem; right: 38px; position: absolute; } .ng-select.custom-multiselect.ng-select-single .ng-clear-wrapper .ng-clear { display: none; } .ng-select.custom-multiselect.ng-select-single.ng-select-opened .ng-arrow-wrapper::before { content: ""; background: url('icon-chevron-up.dac9496651f1f993.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; width: 16px; height: 16px; } .ng-select.custom-multiselect.ng-select-single .ng-arrow-wrapper::before { content: ""; background: url('icon-chevron-down.57e937116fbbb377.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: 0.75rem; width: 16px; height: 16px; } .ng-select.custom-multiselect.ng-select-single .ng-arrow-wrapper .ng-arrow { display: none; } .ng-select.custom-multiselect.ng-select-multiple .ng-clear-wrapper { position: absolute; top: 5px; right: 12px; width: 24px; } .ng-select.custom-multiselect.ng-select-multiple .ng-clear-wrapper::before { font-family: "PrimeIcons"; content: "\e90b"; font-size: 24px; } .ng-select.custom-multiselect.ng-select-multiple .ng-clear-wrapper .ng-clear { display: none; } .ng-select.custom-multiselect.ng-select-multiple .ng-arrow-wrapper { display: none !important; } .ng-select .ng-select-container { border: 2px solid #DDDDDD !important; border-radius: 8px; } .ng-select .ng-value.is-danger { background-color: #FFD9D3 !important; border: 1px dashed #C42F35 !important; } .ng-select .ng-value.is-danger span.ng-value-icon.right { color: #C42F35; } textarea:focus, input:focus, .p-inputwrapper-focus { outline: 0 none !important; outline-offset: 0 !important; box-shadow: none !important; } p-inputnumber { width: 100%; } p-inputnumber span { width: 100%; } hr { border-bottom: 1px solid #E5E7EB; } .owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev { width: 32px; height: 32px; background: #fff; color: #4D5562; display: flex; align-items: center; margin: 10px; position: absolute; top: calc(50% - 30px); } .owl-theme .owl-nav .owl-prev { left: 0; } .owl-theme .owl-nav .owl-next { right: 0; } .owl-theme .owl-dots { position: absolute; bottom: 14px; display: flex; align-items: center; right: 0; left: 0; justify-content: center; } .owl-theme .owl-dots .owl-dot span { width: 6px; height: 6px; margin: 4px !important; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #fff; } .owl-theme .owl-dots .owl-dot span { background: #949EA9; } .p-avatar.gradient { background: var(--GBG-Gradient-04, linear-gradient(168deg, #F9FCFF 21.84%, rgba(255, 255, 255, 0) 69.98%), linear-gradient(173deg, rgba(212, 241, 255, 0) 37.18%, rgba(229, 244, 255, 0.5) 101.95%), radial-gradient(175.34% 156.92% at 107.76% -5.74%, rgba(152, 174, 255, 0.5) 19.07%, rgba(211, 231, 255, 0.5) 52.91%, rgba(149, 255, 223, 0.5) 95.49%), #FFF); } .p-avatar img { object-fit: cover; } .avatar{ display: flex; align-items: center; justify-content: center; border-radius: 9999px !important; } .custom-accor-solved .p-disabled div.rounded-full.avatar.items-center { opacity: 0.2; } .custom-accor-solved .p-disabled div.rounded-full.flex.avatar { opacity: 0.2; } .avatar.big { width: 100px; height: 100px; } .p-radiobutton .p-radiobutton-box { border: 1px solid #E5E7EB; } .p-radiobutton-label { padding-left: 8px !important; cursor: pointer; } .ng-select.ng-select-single .ng-select-container .ng-value-container, .ng-select.ng-select-multiple .ng-select-container .ng-value-container { padding-top: 0 !important; } .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-placeholder { position: absolute; top: 4px; padding-bottom: 5px; padding-left: 3px; } .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value { overflow: unset; } .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { position: unset !important; padding-left: 0px !important; } .ng-select.ng-select-single .ng-select-container .ng-value-container, .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value { overflow: unset !important; } .custom-file-container .image-preview { background-position: center center; background-repeat: no-repeat; background-size: contain; border-radius: 4px; height: 300px; overflow: auto; padding: 4px; width: 100%; margin-top: 54px; margin-bottom: 40px; background-color: transparent; } .custom-file-container .label-container { margin-bottom: 16px; } .custom-file-container .input-visible { border: 1px solid #E5E7EB !important; } .custom-file-container .input-visible .browse-button { background-color: #0072B9 !important; color: #fff !important; font-size: 0.8em !important; } .profile { background: linear-gradient(90deg, #00A3D7 0%, #00E77E 100%); width: 34px; height: 34px; font-weight: 600; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; } .action { border-top: 0.5px solid #E5E7EB; border-bottom: 0.5px solid #E5E7EB; background: #F3F4F6; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.12); } .action-list { border-bottom: 0.5px solid #E5E7EB; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.12); } .badge-grey{ border-radius: 9999px !important; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); padding-left: 10px; padding-right: 10px; padding-top: 6px; padding-bottom: 6px; font-size: 14px; font-weight: 500; --tw-text-opacity: 1; color: rgb(77 85 98 / var(--tw-text-opacity, 1)); } .custom-icon { width: 18px; height: 18px; display: inline-block; } .custom-icon.restore-user { background: url("/assets/media/restore-user.png") no-repeat center center; background-size: contain; } .custom-icon.suspend-user { background: url("/assets/media/suspend-user.png") no-repeat center center; background-size: contain; } .bg-live { background-image: url('bg-live.a6f1a1168008ed46.jpg'); background-position: center bottom; background-size: cover; background-repeat: no-repeat; height: 100vh; } .swal2-actions { flex-wrap: nowrap; width: 100%; padding: 0 16px; margin: 0; gap: 40px; } .custom-cancel-button { border: 2px solid #3D489C; color: #3D489C; background: none; height: 100%; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover { background: transparent !important; } .custom-confirm-button { background: #3D489C; color: #fff; } div:where(.swal2-container) { z-index: 1200 !important; } div:where(.swal2-container) button:where(.swal2-styled) { min-width: 140px; height: 45px; font-size: 18px !important; margin: 0 !important; } .swal2-popup.swal2-modal.swal2-show { border-radius: 24px !important; padding: 40px 32px !important; } div:where(.swal2-container) h2:where(.swal2-title) { color: inherit !important; padding: 0 !important; } div:where(.swal2-container) .swal2-html-container { padding: 0 !important; } @media only screen and (max-width: 575px) { .panel.login { margin: 16px; width: auto; padding: 20px; } .p-paginator { padding: 8px 0; } .p-paginator .p-paginator-pages { display: flex; } } .content-wrapper { height: calc(100vh - 64px - 100px); overflow-y: auto; } .home-content { width: 100%; background: #F9F9F9; padding: 32px; } .mdc-switch__track::after { background: #25933D !important; } .p-tabview .p-tabview-nav { position: relative; background: #ffffff; border: 1px solid #f5f5f5; border-color: #f5f5f5 !important; border-width: 0 0 2px 0 !important; } @media (max-width: 767px) { .p-tabview .p-tabview-panels { padding: 1.25rem 0; } } .p-tabview .p-tabview-ink-bar { z-index: 1; display: block; position: absolute; bottom: 0; height: 4px; background-color: #3d489c; transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); } .p-tabview .p-tabview-nav li { width: 100%; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: solid #f5f5f5; border-width: 0 0 2px 0 !important; border-color: transparent transparent #f5f5f5 transparent !important; font-weight: 400; justify-content: center; padding: 12px 8px; } .p-tabview .p-tabview-nav li .p-tabview-nav-link .p-tabview-title { font-size: 14px; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { color: #3d489c; font-weight: 600; } .p-tablist-content { border: 1px solid #f5f5f5; border-color: #f5f5f5 !important; border-width: 0 0 2px 0 !important; } .p-tablist-content .p-tablist-tab-list { width: 100%; } .p-tablist-content .p-tablist-tab-list .p-tab { flex-grow: 1; background: #ffffff; justify-content: center; border-top: transparent !important; border-top-width: 0px !important; } .p-tablist-content .p-tablist-tab-list .p-tab:not(.p-tab-active):not(.p-disabled):hover { background: #ffffff; color: #3D489C; } .p-tablist-content .p-tablist-tab-list .p-tab-active { background: #ffffff; color: #3D489C; border-bottom: 4px solid #3D489C; } .p-icon-field-left > .p-inputtext { padding-left: 2.5rem !important; } .p-icon-field-left .p-input-icon:first-of-type, .p-icon-field-left .p-inputicon:first-of-type { color: #919191; } p-iconfield.search input { border: 2px solid #DDDDDD !important; } p-iconfield.search input:focus { border: 2px solid #3D489C !important; } p-iconfield.search input::placeholder { font-weight: 700; } .p-autocomplete-panel { margin-top: 0.25rem; } .p-autocomplete-panel .p-autocomplete-items { padding: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: #FFF; background: #3D489C; } td { color: #1f1f1f !important; } .p-datatable .p-datatable-thead > tr > th { color: #fff; background: #3d489c; } .p-datatable .p-sortable-column sortalticon.p-component.p-iconwrapper.ng-star-inserted::before, .p-datatable .p-sortable-column sortamountupalticon.p-component.p-iconwrapper.ng-star-inserted::before, .p-datatable .p-sortable-column sortamountdownicon.p-component.p-iconwrapper.ng-star-inserted::before, .p-datatable p-sorticon sortalticon.p-component.p-iconwrapper.ng-star-inserted::before, .p-datatable p-sorticon sortamountupalticon.p-component.p-iconwrapper.ng-star-inserted::before, .p-datatable p-sorticon sortamountdownicon.p-component.p-iconwrapper.ng-star-inserted::before { font-family: "PrimeIcons"; content: "\e930"; position: relative; margin-left: 0.5rem; top: 2px; height: 16px; width: 16px; display: inline-flex; justify-content: center; align-items: center; } .p-datatable .p-sortable-column sortamountupalticon.p-component.p-iconwrapper.ng-star-inserted::before, .p-datatable .p-sortable-column sortamountdownicon.p-component.p-iconwrapper.ng-star-inserted::before, .p-datatable p-sorticon sortamountupalticon.p-component.p-iconwrapper.ng-star-inserted::before, .p-datatable p-sorticon sortamountdownicon.p-component.p-iconwrapper.ng-star-inserted::before { background: #FFF; color: #3D489C; border-radius: 2px; } .p-datatable .p-sortable-column sortamountupalticon.p-component.p-iconwrapper.ng-star-inserted::before, .p-datatable p-sorticon sortamountupalticon.p-component.p-iconwrapper.ng-star-inserted::before { content: "\e933"; } .p-datatable .p-sortable-column .p-sortable-column-icon, .p-datatable p-sorticon .p-sortable-column-icon { color: #fff; display: none; } .p-treetable .p-treetable-thead > tr > th { color: #fff; background: #3d489c; } .p-rating { gap: 2px; } .bottom-toolbar .p-editor-container { display: flex; flex-direction: column-reverse; height: 100%; } .bottom-toolbar .p-editor-container .p-editor-content.ql-snow { border: 2px solid #DDDDDD; border-bottom: none !important; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: unset; border-bottom-right-radius: unset; border-block-start: 2px solid #DDDDDD !important; } .bottom-toolbar .p-editor-container .p-editor-content.ql-snow:has(.ql-editor:focus) { border: 2px solid #3D489C; border-block-start: 2px solid #3D489C !important; } .bottom-toolbar .p-editor-container .p-editor-toolbar { background: #DDDDDD; border: 2px solid #DDDDDD; border-top: none !important; border-top-left-radius: unset; border-top-right-radius: unset; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .bottom-toolbar.filled .p-editor-container .p-editor-content.ql-snow .ql-editor, .bottom-toolbar.focused .p-editor-container .p-editor-content.ql-snow .ql-editor { padding-top: 1.625rem; } .bottom-toolbar.filled .p-editor-container .p-editor-toolbar, .bottom-toolbar.focused .p-editor-container .p-editor-toolbar { background: #3D489C; border: 2px solid #3D489C; position: relative; top: -4px; z-index: 2; } .bottom-toolbar.filled .p-editor-container .p-editor-toolbar.ql-snow .ql-fill, .bottom-toolbar.focused .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #fff; } .bottom-toolbar.filled .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke, .bottom-toolbar.focused .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #fff; } .bottom-toolbar.filled .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .bottom-toolbar.filled .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .bottom-toolbar.focused .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .bottom-toolbar.focused .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill { stroke: #3B82F6; } .p-float-label label, .p-floatlabel label { color: #919191; font-weight: 700 !important; } .p-float-label .p-inputwrapper-filled ~ label, .p-floatlabel .p-inputwrapper-filled ~ label { top: -0.65rem; } .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, .p-floatlabel input:focus ~ label, .p-floatlabel input.p-filled ~ label { top: 1.25rem; color: #3D489C; } .p-float-label textarea, .p-floatlabel textarea { border: 2px solid #DDDDDD !important; border-radius: 8px !important; } .p-float-label textarea:focus, .p-floatlabel textarea:focus { border: 2px solid #3D489C !important; } .p-float-label textarea:focus, .p-float-label textarea.p-filled, .p-floatlabel textarea:focus, .p-floatlabel textarea.p-filled { padding-top: 1.625rem; line-height: normal; } .p-float-label textarea ~ label, .p-floatlabel textarea ~ label { position: absolute; top: 1.25rem; } .p-float-label textarea:focus ~ label, .p-float-label textarea.p-filled ~ label, .p-floatlabel textarea:focus ~ label, .p-floatlabel textarea.p-filled ~ label { top: 2px !important; color: #3D489C; width: calc(100% - 24px); left: 12px; padding-bottom: 6px; padding-top: 6px; background: #FFF; } .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label, .p-floatlabel .p-inputwrapper-focus ~ label, .p-floatlabel .p-inputwrapper-filled ~ label { top: 1.25rem; color: #3D489C; } .p-float-label input.p-inputtext, .p-floatlabel input.p-inputtext { padding: 1rem 0.75rem; height: calc(3.5rem + 2px); line-height: 1.25; border: 2px solid #DDDDDD; } .p-float-label input.p-inputtext:focus, .p-float-label input.p-inputtext.p-filled, .p-float-label input.p-inputtext.p-inputtext:enabled:focus, .p-floatlabel input.p-inputtext:focus, .p-floatlabel input.p-inputtext.p-filled, .p-floatlabel input.p-inputtext.p-inputtext:enabled:focus { padding-top: 1.625rem !important; padding-bottom: 0.625rem !important; } .p-float-label input.p-inputtext:focus, .p-floatlabel input.p-inputtext:focus { border: 2px solid #3D489C !important; } .p-float-label input.p-inputtext.\!border-none:focus, .p-floatlabel input.p-inputtext.\!border-none:focus { border: none !important; } .p-float-label input::placeholder, .p-floatlabel input::placeholder { color: #919191 !important; } .p-float-label .p-inputtext, .p-floatlabel .p-inputtext { padding: 1rem 0.75rem; height: calc(3.5rem + 2px); line-height: 1.25; } .p-float-label .p-inputtext:focus, .p-float-label .p-inputtext.p-filled, .p-float-label .p-inputtext.p-inputtext:enabled:focus, .p-floatlabel .p-inputtext:focus, .p-floatlabel .p-inputtext.p-filled, .p-floatlabel .p-inputtext.p-inputtext:enabled:focus { padding-top: 1.625rem; padding-bottom: 0.625rem; } .p-float-label .p-inputtext:focus, .p-floatlabel .p-inputtext:focus { border: 2px solid #3D489C !important; } .p-float-label .p-inputtext.\!border-none:focus, .p-floatlabel .p-inputtext.\!border-none:focus { border: none !important; } .p-float-label p-datepicker :not(.p-datepicker-disabled).p-focus, .p-floatlabel p-datepicker :not(.p-datepicker-disabled).p-focus { border: 2px solid #3D489C !important; } .p-float-label p-datepicker :not(.p-datepicker-disabled).p-focus > .p-inputtext, .p-floatlabel p-datepicker :not(.p-datepicker-disabled).p-focus > .p-inputtext { padding-top: 1.625rem !important; padding-bottom: 0.625rem !important; box-shadow: none !important; border: none !important; } .p-float-label p-datepicker .p-inputtext, .p-floatlabel p-datepicker .p-inputtext { border: none !important; } .p-float-label p-datepicker.p-inputwrapper-filled .p-inputtext, .p-float-label p-datepicker.p-inputwrapper-focus .p-inputtext, .p-floatlabel p-datepicker.p-inputwrapper-filled .p-inputtext, .p-floatlabel p-datepicker.p-inputwrapper-focus .p-inputtext { padding-top: 1.625rem !important; padding-bottom: 0.625rem !important; } .p-float-label p-datepicker.p-inputwrapper-filled .p-datepicker-icon, .p-float-label p-datepicker.p-inputwrapper-focus .p-datepicker-icon, .p-floatlabel p-datepicker.p-inputwrapper-filled .p-datepicker-icon, .p-floatlabel p-datepicker.p-inputwrapper-focus .p-datepicker-icon { color: #3D489C; } .p-float-label:has(ng-select .ng-select-container.ng-has-value) label, .p-floatlabel:has(ng-select .ng-select-container.ng-has-value) label { top: 0.625rem !important; transform: translateY(0); color: #3D489C; font-size: 12px; } .p-float-label:has(.ng-select.ng-select-opened .ng-select-container) label, .p-floatlabel:has(.ng-select.ng-select-opened .ng-select-container) label { z-index: 1002; } .p-float-label.ng-select .ng-select-container .ng-value-container .ng-placeholder, .p-floatlabel.ng-select .ng-select-container .ng-value-container .ng-placeholder { color: #919191; font-weight: 700; } .p-float-label.ng-select.ng-select-filtered .ng-placeholder, .p-float-label.ng-select .ng-has-value .ng-placeholder, .p-floatlabel.ng-select.ng-select-filtered .ng-placeholder, .p-floatlabel.ng-select .ng-has-value .ng-placeholder { display: block !important; color: #3D489C !important; font-size: 12px; } .p-float-label.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder, .p-floatlabel.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder { color: #3D489C; font-size: 12px; } .p-float-label.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .p-float-label.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked, .p-floatlabel.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .p-floatlabel.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { background-color: #3D489C; color: #FFF; } .p-float-label.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label, .p-float-label.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked .ng-option-label, .p-floatlabel.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label, .p-floatlabel.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked .ng-option-label { font-weight: 400; } .p-float-label.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value, .p-floatlabel.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { background-color: #FFF; border-radius: 8px; border: 1px dashed #CCD4E9; display: flex; padding: 3px; } .p-float-label.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left, .p-floatlabel.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left { border-right: none; order: 1; color: #3D489C; font-weight: 700; font-size: 16px; } .p-float-label .p-select .p-inputtext, .p-float-label .p-select .p-inputwrapper-filled .p-inputtext, .p-float-label .p-select .p-inputtext:focus, .p-float-label .p-select .p-inputtext.p-filled, .p-float-label .p-select .p-inputtext.p-inputtext:enabled:focus, .p-floatlabel .p-select .p-inputtext, .p-floatlabel .p-select .p-inputwrapper-filled .p-inputtext, .p-floatlabel .p-select .p-inputtext:focus, .p-floatlabel .p-select .p-inputtext.p-filled, .p-floatlabel .p-select .p-inputtext.p-inputtext:enabled:focus { padding-top: 10px !important; padding-bottom: 10px !important; height: inherit; } .p-float-label .p-editor-container .p-editor-content .ql-editor, .p-floatlabel .p-editor-container .p-editor-content .ql-editor { border-top-left-radius: 8px; border-top-right-radius: 8px; } .p-float-label .p-editor-container .p-editor-content .ql-editor:focus.ql-blank, .p-floatlabel .p-editor-container .p-editor-content .ql-editor:focus.ql-blank { padding-top: 1.625rem; } .p-float-label .p-editor-container .p-editor-content .ql-editor:focus.ql-blank::before, .p-floatlabel .p-editor-container .p-editor-content .ql-editor:focus.ql-blank::before { top: 0; font-size: 12px; color: #3D489C; } .p-float-label .p-editor-container .p-editor-content .ql-editor::before, .p-floatlabel .p-editor-container .p-editor-content .ql-editor::before { content: attr(data-placeholder); color: #3D489C; top: 0; font-size: 12px; font-weight: 700; position: absolute; width: 96%; left: 12px; padding-top: 0.5rem; padding-left: 2px; background: #FFF; } @media (max-width: 1023px) { .p-float-label .p-editor-container .p-editor-content .ql-editor::before, .p-floatlabel .p-editor-container .p-editor-content .ql-editor::before { width: 93%; } } .p-float-label .p-editor-container .p-editor-content .ql-editor.ql-blank::before, .p-floatlabel .p-editor-container .p-editor-content .ql-editor.ql-blank::before { color: #919191; font-style: normal; font-size: 14px; font-weight: 600; } .p-float-label p-select.p-focus, .p-floatlabel p-select.p-focus { border: 2px solid #3D489C !important; } .p-float-label p-select.dropdown-blue .p-select .p-select-trigger, .p-floatlabel p-select.dropdown-blue .p-select .p-select-trigger { color: #3D489C; } .p-datepicker { width: 100%; border: 2px solid #DDD; border-radius: 8px; } .p-datepicker calendaricon.p-datepicker-icon { position: absolute !important; bottom: 50% !important; transform: translateY(-50%) !important; } .p-datepicker .p-iconwrapper svg { color: #3D489C; } .p-datepicker .p-icon-wrapper svg, .p-datepicker .p-timepicker i { width: 24px; height: 24px; color: #3D489C; } .p-datepicker .p-timepicker i { font-size: 20px; font-weight: 500; text-align: center; align-items: center; align-content: center; } .p-datepicker .p-inputtext { background: #fff !important; border-radius: 8px; border: none !important; padding: 10px !important; } .p-datepicker .p-inputtext::placeholder { color: #919191 !important; font-weight: 700; } .p-datepicker .p-inputtext:disabled { opacity: 1 !important; background-color: #F3F4F6 !important; color: #4D5562 !important; } .p-datepicker .p-button { color: #6C727F !important; height: 100%; } .p-datepicker .p-button:focus { outline: 0 none !important; outline-offset: 0 !important; box-shadow: none !important; border-color: none !important; border: none !important; background: #fff !important; } .p-datepicker .p-datepicker-panel { min-width: 360px !important; width: 360px; padding: 10px 20px; right: 0; left: auto !important; } .p-datepicker .p-datepicker-select-year, .p-datepicker .p-datepicker-select-month { font-weight: 700; font-size: 16px; color: #3D489C !important; } .p-datepicker .p-datepicker-weekday { font-weight: 600; } .p-datepicker .p-yearpicker .p-yearpicker-year, .p-datepicker .p-monthpicker .p-monthpicker-month { border-radius: 18px; } .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus, .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { background: #3D489C; color: #FFF; } .p-datepicker .p-datepicker-header { padding: 0 !important; } .p-datepicker .p-datepicker-header, .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year { color: #3D489C; } .p-datepicker table thead tr { background-color: transparent !important; } .p-datepicker table thead tr th, .p-datepicker table tfoot tr th, .p-datepicker table tbody tr td { padding: 6px !important; color: #1f1f1f; } .p-datepicker table tr { border-bottom-width: 0; } .p-datepicker table th { text-align: center !important; } .p-datepicker table td.p-datepicker-today > span { background: #CCD4E9; color: #1C2553; font-weight: 600; } .p-datepicker table td > span { width: 28px; height: 28px; } .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover { background: rgba(24, 30, 48, 0.1215686275) !important; color: #1C2553 !important; font-weight: 600 !important; } .filter-calendar p-datepicker[ng-reflect-time-only=true] .p-datepicker-panel { min-width: 100% !important; width: 100%; } .filter-calendar .p-datepicker { height: 40px; } .filter-calendar .p-datepicker .p-datepicker.p-datepicker-timeonly { min-width: unset !important; width: 100% !important; } .filter-calendar .p-datepicker .p-hour-picker .p-icon-wrapper svg, .filter-calendar .p-datepicker .p-minute-picker .p-icon-wrapper svg { width: 25px; height: 25px; } .filter-calendar .p-datepicker .p-icon-wrapper svg { width: 17px; height: 19px !important; color: #3D489C; } .filter-calendar .p-datepicker .p-inputtext { font-size: 14px !important; padding: 6px 10px !important; } .filter-calendar.end .p-datepicker { left: auto !important; right: -2px; } .filter-calendar .pi-clock:before { color: #3D489C; } .custom-toggleButton { position: relative; } .custom-toggleButton .p-togglebutton { width: 100%; text-align: start; border-radius: 8px; border: 2px solid #DDD; border-color: #DDDDDD !important; background: #FFF; color: #1F1F1F !important; min-height: 60px; } .custom-toggleButton .p-togglebutton .p-togglebutton-content { justify-content: space-between; } .custom-toggleButton .p-togglebutton.p-disabled { padding-bottom: 1.35rem !important; color: #919191 !important; opacity: 1; background: #F9F9F9; } .custom-toggleButton .p-togglebutton.p-disabled .p-togglebutton-icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .custom-toggleButton .p-togglebutton .p-togglebutton-icon { color: #DDDDDD !important; font-weight: 700; } .custom-toggleButton .p-togglebutton.p-togglebutton-checked { background: #FFF; } .custom-toggleButton .p-togglebutton.p-togglebutton-checked .p-togglebutton-icon { color: #25933D !important; } .custom-toggleButton label { position: absolute; bottom: 8px; left: 20px; color: #919191; font-size: 12px; font-weight: 400; margin-bottom: 0; width: 90%; } .p-scrollpanel.custom-scrollpanel:has(.p-scrollpanel-bar-y.p-scrollpanel-hidden) .p-scrollpanel-wrapper { border-right: 0; } .p-scrollpanel.custom-scrollpanel.live .p-scrollpanel-content { align-content: center; } .p-scrollpanel.custom-scrollpanel .p-scrollpanel-wrapper { border-right: 10px solid transparent; } .p-scrollpanel.custom-scrollpanel.small .p-scrollpanel-wrapper { border-right: 5px solid transparent; } .p-scrollpanel.custom-scrollpanel.small .p-scrollpanel-bar-y { width: 6px; } .p-scrollpanel.custom-scrollpanel .p-scrollpanel-bar { background: #DDDDDD; border-radius: 8px; } .cal-month-view .cal-cell-row .cal-cell:hover, .cal-month-view .cal-cell-row .cal-cell.cal-has-events.cal-open { background-color: #F7F8FF; } .cal-month-view .cal-days { border-left: transparent; border-right: transparent; border-top: transparent; } .cal-month-view .cal-day-cell.cal-today { background-color: #F7F8FF; } .cal-month-view .cal-day-cell.cal-today .cal-day-number { font-size: 1.2em; } .cal-week-view { border-top: transparent; } .cal-week-view .cal-time-events, .cal-week-view .cal-day-headers { border-left: transparent; border-right: transparent; } .cal-week-view .cal-header.cal-today { background: #F7F8FF; } .cal-week-view .cal-event { background-color: transparent; border-color: transparent; color: inherit; padding: 0 !important; width: 100% !important; height: 100% !important; border-radius: 0 !important; white-space: inherit; } .cal-disabled { background-color: #F9F9F9; pointer-events: none; } .cal-disabled .cal-day-number { color: #919191; } .cal-today { background-color: #F7F8FF; } .calendar { font-weight: 700; line-height: 16px; padding: 4px 6px; min-height: 40px; } .calendar.month { font-size: 10px; } .calendar.day { font-size: 12px; } .calendar.violet-blue { color: #3D489C; background: #E4E5EE; border-left: 3px solid #3D489C; } .calendar.forest-green { color: #25933D; background: #E9F4EC; border-left: 3px solid #25933D; } .calendar.orange-gamboge { color: #FF9A01; background: #FFF5E6; border-left: 3px solid #FF9A01; } .calendar.blue-bca { color: #005CAA; background: #E6EFF7; border-left: 3px solid #005CAA; } .calendar.ember-red { color: #C42F35; background: #F9E4E5; border-left: 3px solid #C42F35; } .no-card-overlay { background: none; box-shadow: none; } .no-card-overlay .p-overlaypanel-content, .no-card-overlay .p-popover-content { padding: 0; } .sidebar ul.sub-menu li button, .sidebar ul.sub-menu li a { font-size: 16px; border-radius: 6px; } .sidebar ul.sub-menu li button.active, .sidebar ul.sub-menu li a.active { background: #1C2553 !important; color: inherit; } .sidebar ul.sub-menu li button:hover, .sidebar ul.sub-menu li a:hover { font-weight: 400; } .icon-chevron-sidebar { width: 24px; height: 24px; } .icon-chevron-sidebar path { stroke-width: 3.5; } .custom-inputIcon .p-icon-field .p-input-icon, .custom-inputIcon .p-icon-field .p-inputicon, .custom-inputIcon .p-iconfield .p-input-icon, .custom-inputIcon .p-iconfield .p-inputicon, .custom-inputIconQuiz .p-icon-field .p-input-icon, .custom-inputIconQuiz .p-icon-field .p-inputicon, .custom-inputIconQuiz .p-iconfield .p-input-icon, .custom-inputIconQuiz .p-iconfield .p-inputicon { z-index: 1; transform: translateY(-50%); margin-top: 0; cursor: pointer; color: #3D489C; font-size: 18px; font-weight: 700; } .custom-inputIcon .p-icon-field .p-togglebutton.p-button, .custom-inputIcon .p-iconfield .p-togglebutton.p-button, .custom-inputIconQuiz .p-icon-field .p-togglebutton.p-button, .custom-inputIconQuiz .p-iconfield .p-togglebutton.p-button { width: 100%; color: inherit; min-height: 60px; } .custom-inputIcon .p-icon-field .p-togglebutton.p-button:focus, .custom-inputIcon .p-iconfield .p-togglebutton.p-button:focus, .custom-inputIconQuiz .p-icon-field .p-togglebutton.p-button:focus, .custom-inputIconQuiz .p-iconfield .p-togglebutton.p-button:focus { box-shadow: none; } .custom-inputIcon .p-icon-field .p-togglebutton.p-button .p-button-icon-right, .custom-inputIcon .p-iconfield .p-togglebutton.p-button .p-button-icon-right, .custom-inputIconQuiz .p-icon-field .p-togglebutton.p-button .p-button-icon-right, .custom-inputIconQuiz .p-iconfield .p-togglebutton.p-button .p-button-icon-right { color: #DDD; font-weight: 600 !important; } .custom-inputIcon .p-icon-field .p-togglebutton.p-button.p-highlight .p-button-icon-right, .custom-inputIcon .p-iconfield .p-togglebutton.p-button.p-highlight .p-button-icon-right, .custom-inputIconQuiz .p-icon-field .p-togglebutton.p-button.p-highlight .p-button-icon-right, .custom-inputIconQuiz .p-iconfield .p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #25933D; font-weight: 600; } .custom-inputIcon .p-button, .custom-inputIconQuiz .p-button { width: 100%; min-height: 60px; } .custom-inputIcon .p-button:focus, .custom-inputIconQuiz .p-button:focus { box-shadow: none; } .custom-inputIcon .p-icon-field .p-togglebutton.p-button.p-disabled, .custom-inputIcon .p-iconfield .p-togglebutton.p-button.p-disabled { padding-top: 1.625rem !important; color: #919191; } .custom-inputIcon .p-icon-field .p-togglebutton.p-button.p-disabled .p-button-icon-right, .custom-inputIcon .p-iconfield .p-togglebutton.p-button.p-disabled .p-button-icon-right { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .custom-inputIconQuiz .p-textarea { padding-right: 42px; } .custom-inputIconQuiz .p-icon-field .p-inputicon, .custom-inputIconQuiz .p-iconfield .p-inputicon { height: 70%; } .custom-inputIconQuiz .p-icon-field .p-togglebutton.p-button.p-disabled, .custom-inputIconQuiz .p-iconfield .p-togglebutton.p-button.p-disabled { color: #919191; } .hCustom .p-button { height: 60px !important; } .hCustom .p-button .p-button-icon { font-size: 20px; font-weight: 700; } .add-button button { justify-content: start !important; } .check-quiz.p-togglebutton { background-color: #FFF !important; border: none !important; font-size: 20px !important; font-weight: 700 !important; padding-left: 0; padding-right: 0; } .check-quiz.p-togglebutton .p-togglebutton-icon { color: #DDDDDD; font-size: 20px; font-weight: 700; } .check-quiz.p-togglebutton.p-togglebutton-checked .p-togglebutton-icon { color: #25933D; } .p-breadcrumb { padding-left: 0 !important; margin-bottom: 2.5rem; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link span { font-size: 18px; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link.active:hover span { color: #3D489C; text-decoration: underline; } .p-breadcrumb .p-breadcrumb-list .p-icon-wrapper::before { content: ""; display: inline-block; background-image: url('arrow-right.b0e7338eac0e6bf2.svg'); background-size: contain; background-repeat: no-repeat; width: 24px; height: 24px; } .p-breadcrumb .p-breadcrumb-list .p-icon-wrapper svg { display: none; } .custom-18 p { font-size: 18px; margin-bottom: 0; } .avatar-48 .p-avatar { width: 48px; height: 48px; } .question.full .p-float-label { height: 100%; } .question.full .p-float-label textarea { min-height: 100%; } .question textarea, .question .p-select { width: calc(100% - 44px); } .question label { width: calc(100% - 65px) !important; } .custom-accor .p-accordionheader-toggle-icon, .custom-accor-solved .p-accordionheader-toggle-icon { position: absolute; top: 12px; right: 8px; color: #3D489C; font-weight: 700; font-size: 18px; } .custom-accor .p-accordionpanel .p-accordionheader, .custom-accor-solved .p-accordionpanel .p-accordionheader { background: transparent !important; border: none !important; } .custom-accor .p-accordionpanel .p-accordionheader.p-disabled .p-accordionheader-toggle-icon, .custom-accor-solved .p-accordionpanel .p-accordionheader.p-disabled .p-accordionheader-toggle-icon { color: inherit; } .custom-accor .p-accordionpanel .p-accordionheader .p-accordionheader-link, .custom-accor-solved .p-accordionpanel .p-accordionheader .p-accordionheader-link { background: transparent; padding: 12px 0; } .custom-accor .p-accordionpanel .p-accordioncontent .p-accordioncontent-content, .custom-accor-solved .p-accordionpanel .p-accordioncontent .p-accordioncontent-content { margin-left: 3.5rem; padding: 12px 0; border: none !important; background: transparent !important; } .custom-accor .p-disabled, .custom-accor-solved .p-disabled { opacity: 1; } .custom-accor .p-disabled .pi-chevron-down, .custom-accor-solved .p-disabled .pi-chevron-down { opacity: 0.2; } .custom-accor-solved .p-disabled p-avatar, .custom-accor-solved .p-disabled span, .custom-accor-solved .p-disabled p, .custom-accor-solved .p-disabled .pin, .custom-accor-solved .p-disabled img.w-12.h-12.rounded-full, .custom-accor-solved .p-disabled div.rounded-full.flex.items-center { opacity: 0.2; } .autocomplete-container { position: relative; display: flex; align-items: center; } @media (width < 64rem) { .autocomplete-container .p-autocomplete.p-component.p-inputwrapper { width: 100%; } } .autocomplete-container .autocomplete-icon { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color: #6c757d; /* Warna ikon */ z-index: 10; font-size: 18px; font-weight: 700; } .autocomplete-container p-autoComplete { width: 100%; } .autocomplete-container p-autoComplete input { min-width: 328px; padding-left: 52px; /* Tambahkan jarak untuk ikon */ border: 2px solid #DDD; border-radius: 48px; width: 100%; } .autocomplete-container p-autoComplete input::placeholder { font-weight: 700; font-size: 18px; } .swal2-container.swal2-center.swal2-backdrop-show { background-size: cover !important; } .accordion button.active { background: #1C2553; } .p-panel-header { padding: 0 !important; } .filter-select.ng-select.ng-select-opened .ng-arrow-wrapper::before { content: ""; background: url('icon-chevron-up.dac9496651f1f993.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; } .filter-select.ng-select .ng-option input[type=checkbox] { accent-color: #3D489C; } .filter-select.ng-select .ng-select-container { border: 2px solid #DDD !important; height: 40px; } .filter-select.ng-select .ng-select-container .ng-value-container .ng-placeholder { color: #919191; font-size: 14px; font-weight: 700; top: 50%; transform: translateY(-50%); padding-bottom: 0; } .filter-select.ng-select .ng-select-container .ng-value-container .ng-value { margin-bottom: 0; border-radius: 4px; border: 1px dashed #CCD4E9; background: #F4F8FC; display: flex; font-size: 12px; } .filter-select.ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon.left { border-right: none; order: 1; color: #3D489C; font-weight: 700; } .filter-select.ng-select .ng-arrow-wrapper::before { content: ""; background: url('icon-chevron-down.57e937116fbbb377.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; } .filter-select.ng-select .ng-arrow-wrapper .ng-arrow { display: none; } .filter-select.ng-select .ng-dropdown-panel .ng-dropdown-header { border-bottom: none; padding: 12px; } .filter-select.ng-select .ng-dropdown-panel .ng-dropdown-header input[type=search] { font-family: "BCA Sans"; height: 40px; border-radius: 12px; border: 1px solid #3D489C; background: #FFF; padding: 10px 10px 10px 35px; background: url('icon-search.4826a96b495d3fff.svg') no-repeat; background-size: 16px; background-position: 10px center; appearance: none; } .filter-select.ng-select .ng-dropdown-panel .ng-dropdown-header input[type=search]::placeholder { color: #919191; font-weight: 700; } .filter-select.ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option { font-size: 12px; } .selectUser .ng-dropdown-panel .scroll-host { max-height: 185px; overflow-y: auto; } .filter-panel .p-datepicker:not(.p-datepicker-timeonly) .p-datepicker-clear-icon { margin-top: -0.41rem !important; margin-right: unset !important; right: 2rem; } .filter-panel .p-datepicker:has([ng-reflect-time-only=true]) .p-datepicker-clear-icon { margin-top: unset !important; margin-right: 0.6rem; } .filter-panel ng-select .ng-select-container .ng-value-container { gap: 3px; } .filter-panel ng-select .ng-select-container .ng-value-container .ng-value { max-width: 123px; } @media (max-width: 480px) { .filter-panel ng-select .ng-select-container .ng-value-container .ng-value { max-width: 100px !important; } } @media (max-width: 400px) { .filter-panel ng-select .ng-select-container .ng-value-container .ng-value { max-width: 84px !important; } } @media (max-width: 360px) { .filter-panel ng-select .ng-select-container .ng-value-container .ng-value { max-width: 72px !important; } } @media (max-width: 345px) { .filter-panel ng-select .ng-select-container .ng-value-container .ng-value { max-width: 65px !important; } } @media (max-width: 320px) { .filter-panel ng-select .ng-select-container .ng-value-container .ng-value { max-width: 53px !important; } } .filter-panel ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .filter-panel ng-select.user-select .ng-select-container .ng-value-container .ng-value { max-width: 166px !important; } @media (max-width: 480px) { .filter-panel ng-select.user-select .ng-select-container .ng-value-container .ng-value { max-width: 143px !important; } } @media (max-width: 400px) { .filter-panel ng-select.user-select .ng-select-container .ng-value-container .ng-value { max-width: 126px !important; } } @media (max-width: 360px) { .filter-panel ng-select.user-select .ng-select-container .ng-value-container .ng-value { max-width: 116px !important; } } @media (max-width: 345px) { .filter-panel ng-select.user-select .ng-select-container .ng-value-container .ng-value { max-width: 108px !important; } } @media (max-width: 320px) { .filter-panel ng-select.user-select .ng-select-container .ng-value-container .ng-value { max-width: 96px !important; } } .filter-panel ng-select .ng-input { display: none; } .filter-panel ng-select .ng-select .ng-clear-wrapper { width: 20px !important; } .filter-panel ng-select .ng-select .ng-clear-wrapper .ng-clear { font-size: 20px !important; } .p-datatable-scrollable .p-frozen-column { z-index: unset; } .p-datatable-scrollable td.p-datatable-frozen-column { background: inherit !important; } .p-select-list { padding: 0.25rem 0.25rem !important; } .p-select-option { border-radius: 6px !important; padding: 0.5rem 0.75rem !important; margin: 2px 0 !important; } .p-select-overlay { border: 1px solid #CCD4E9 !important; } .ql-editor li[data-list=bullet]:not(.ql-direction-rtl)::before { display: none; } mwl-calendar-week-view-header, mwl-calendar-month-view-header { top: 0; z-index: 2; position: sticky; } mwl-calendar-week-view-header .cal-day-headers, mwl-calendar-week-view-header .cal-header, mwl-calendar-month-view-header .cal-day-headers, mwl-calendar-month-view-header .cal-header { background: #FFF; } .cal-month-view .cal-header { text-align: left; } .cal-month-view .cal-header .cal-cell { font-size: 18px; font-weight: 600; padding: 16px 8px; text-transform: uppercase; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .cal-month-view .cal-header .cal-cell:last-child { border-right: none; } .cal-day-view mwl-calendar-week-view-header { display: block; } .p-inputtext.ng-invalid.ng-dirty.force-valid { border: 2px solid #DDDDDD; } .menu .ng-dropdown-panel .scroll-host { max-height: 120px; } .path .ng-dropdown-panel .scroll-host { max-height: 200px; } /*# sourceMappingURL=styles.2cf94b4b3fd2f2cb.css.map*/